@charset "UTF-8";
/*!
 * Bootstrap  v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css");
@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,500,600);
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text: #0a58ca;
  --bs-secondary-text: #6c757d;
  --bs-success-text: #146c43;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #6c757d;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #e9ecef;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
  --bs-emphasis-color: #000;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 480px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 1024px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

[data-bs-theme=dark] {
  --bs-body-color: #adb5bd;
  --bs-body-color-rgb: 173, 181, 189;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #f8f9fa;
  --bs-emphasis-color-rgb: 248, 249, 250;
  --bs-secondary-color: rgba(173, 181, 189, 0.75);
  --bs-secondary-color-rgb: 173, 181, 189;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
  --bs-tertiary-color-rgb: 173, 181, 189;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-emphasis-color: #fff;
  --bs-primary-text: #6ea8fe;
  --bs-secondary-text: #dee2e6;
  --bs-success-text: #75b798;
  --bs-info-text: #6edff6;
  --bs-warning-text: #ffda6a;
  --bs-danger-text: #ea868f;
  --bs-light-text: #f8f9fa;
  --bs-dark-text: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #212529;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #495057;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #055160;
  --bs-warning-border-subtle: #664d03;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: #fff;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #9ec5fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 158, 197, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: "Inter", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.42857143;
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color, inherit);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

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

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled, .product__listing {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 480px) {
  .container-sm, .container {
    max-width: var(--cx-container-max-width);
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: var(--cx-container-max-width);
  }
}
@media (min-width: 1024px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: var(--cx-container-max-width);
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--cx-container-max-width);
  }
}
@media (max-width: 1023px) {
  .container {
    width: 100%;
    padding: 0 24px;
    margin: 0px auto;
    max-width: none;
  }
}

.row, .cart__content {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > *, .cart__content > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 480px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 479.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1023.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: #fff;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-form-control-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-form-control-disabled-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-form-control-bg);
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating::before:not(.form-control:disabled) {
  position: absolute;
  top: var(--bs-border-width);
  left: var(--bs-border-width);
  width: calc(100% - (calc(calc(0.375em + 0.1875rem) + calc(0.75em + 0.375rem))));
  height: 1.875em;
  content: "";
  background-color: var(--bs-form-control-bg);
  border-radius: 0.375rem;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0.375rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control, .input-sm > .form-control,
.input-group-sm > .form-select,
.input-sm > .form-select,
.input-group-sm > .input-group-text,
.input-sm > .input-group-text,
.input-group-sm > .btn,
.input-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select,
.input-sm > .form-select {
  padding-right: 3rem;
}

.input-group {
  /*&:not(.has-validation) {
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    > .dropdown-toggle:nth-last-child(n + 3),
    > .form-floating:not(:last-child) > .form-control,
    > .form-floating:not(:last-child) > .form-select {
      @include border-end-radius(0);
    }
  }

  &.has-validation {
    > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
    > .dropdown-toggle:nth-last-child(n + 4),
    > .form-floating:nth-last-child(n + 3) > .form-control,
    > .form-floating:nth-last-child(n + 3) > .form-select {
      @include border-end-radius(0);
    }
  }*/
  /* @each $state in map-keys($form-validation-states) {
     $validation-messages: $validation-messages + ":not(." + unquote($state) + "-tooltip)" + ":not(." + unquote($state) + "-feedback)";
   }*/
}
.input-group > :not(:first-child):not(.dropdown-menu) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-success-text);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-success);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-success);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-success);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-success);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-success);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-success-text);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-success-text);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-danger-text);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-danger);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-danger);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-danger);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-danger-text);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-danger-text);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 480px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1024px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav, .tabs .tabs-list {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs, .tabs .tabs-list {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link, .tabs .tabs-list .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .tabs .tabs-list .nav-link:hover, .nav-tabs .nav-link:focus, .tabs .tabs-list .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled, .tabs .tabs-list .nav-link.disabled, .nav-tabs .nav-link:disabled, .tabs .tabs-list .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .tabs .tabs-list .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.tabs .tabs-list .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu, .tabs .tabs-list .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 480px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1024px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 480px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 480px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1024px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
}
.list-group-item-primary.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-primary-text);
  --bs-list-group-active-border-color: var(--bs-primary-text);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
}
.list-group-item-secondary.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-secondary-text);
  --bs-list-group-active-border-color: var(--bs-secondary-text);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
}
.list-group-item-success.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-success-text);
  --bs-list-group-active-border-color: var(--bs-success-text);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
}
.list-group-item-info.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-info-text);
  --bs-list-group-active-border-color: var(--bs-info-text);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
}
.list-group-item-warning.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-warning-text);
  --bs-list-group-active-border-color: var(--bs-warning-text);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
}
.list-group-item-danger.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-danger-text);
  --bs-list-group-active-border-color: var(--bs-danger-text);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
}
.list-group-item-light.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-light-text);
  --bs-list-group-active-border-color: var(--bs-light-text);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
}
.list-group-item-dark.list-group-item-action:active {
  --bs-list-group-active-color: var(--bs-emphasis-color);
  --bs-list-group-active-bg: var(--bs-dark-text);
  --bs-list-group-active-border-color: var(--bs-dark-text);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 480px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 479.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1023.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target] {
  background-color: #000;
}
[data-bs-theme=dark] .carousel .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 479.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 479.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 479.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 480px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1023.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1023.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 480px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1024px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

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

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start, .languagecurrencycomponent, .rating .rating-stars span.lh, .rating .rating-stars span.fh {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

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

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

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

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

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

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

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

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

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

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

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

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

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

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

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

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

.justify-content-around {
  justify-content: space-around !important;
}

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

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

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

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

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

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

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

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

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

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

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

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

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

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success, .product__listing .product__listing--promo {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger, .price ins {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text) !important;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-emphasis {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-emphasis-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-2xl) !important;
  border-top-right-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-2xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-2xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-2xl) !important;
  border-top-left-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 480px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("./fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff");
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
  content: "\f67f";
}

.bi-alarm-fill::before {
  content: "\f101";
}

.bi-alarm::before {
  content: "\f102";
}

.bi-align-bottom::before {
  content: "\f103";
}

.bi-align-center::before {
  content: "\f104";
}

.bi-align-end::before {
  content: "\f105";
}

.bi-align-middle::before {
  content: "\f106";
}

.bi-align-start::before {
  content: "\f107";
}

.bi-align-top::before {
  content: "\f108";
}

.bi-alt::before {
  content: "\f109";
}

.bi-app-indicator::before {
  content: "\f10a";
}

.bi-app::before {
  content: "\f10b";
}

.bi-archive-fill::before {
  content: "\f10c";
}

.bi-archive::before {
  content: "\f10d";
}

.bi-arrow-90deg-down::before {
  content: "\f10e";
}

.bi-arrow-90deg-left::before {
  content: "\f10f";
}

.bi-arrow-90deg-right::before {
  content: "\f110";
}

.bi-arrow-90deg-up::before {
  content: "\f111";
}

.bi-arrow-bar-down::before {
  content: "\f112";
}

.bi-arrow-bar-left::before {
  content: "\f113";
}

.bi-arrow-bar-right::before {
  content: "\f114";
}

.bi-arrow-bar-up::before {
  content: "\f115";
}

.bi-arrow-clockwise::before {
  content: "\f116";
}

.bi-arrow-counterclockwise::before {
  content: "\f117";
}

.bi-arrow-down-circle-fill::before {
  content: "\f118";
}

.bi-arrow-down-circle::before {
  content: "\f119";
}

.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}

.bi-arrow-down-left-circle::before {
  content: "\f11b";
}

.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}

.bi-arrow-down-left-square::before {
  content: "\f11d";
}

.bi-arrow-down-left::before {
  content: "\f11e";
}

.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}

.bi-arrow-down-right-circle::before {
  content: "\f120";
}

.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}

.bi-arrow-down-right-square::before {
  content: "\f122";
}

.bi-arrow-down-right::before {
  content: "\f123";
}

.bi-arrow-down-short::before {
  content: "\f124";
}

.bi-arrow-down-square-fill::before {
  content: "\f125";
}

.bi-arrow-down-square::before {
  content: "\f126";
}

.bi-arrow-down-up::before {
  content: "\f127";
}

.bi-arrow-down::before {
  content: "\f128";
}

.bi-arrow-left-circle-fill::before {
  content: "\f129";
}

.bi-arrow-left-circle::before {
  content: "\f12a";
}

.bi-arrow-left-right::before {
  content: "\f12b";
}

.bi-arrow-left-short::before {
  content: "\f12c";
}

.bi-arrow-left-square-fill::before {
  content: "\f12d";
}

.bi-arrow-left-square::before {
  content: "\f12e";
}

.bi-arrow-left::before {
  content: "\f12f";
}

.bi-arrow-repeat::before {
  content: "\f130";
}

.bi-arrow-return-left::before {
  content: "\f131";
}

.bi-arrow-return-right::before {
  content: "\f132";
}

.bi-arrow-right-circle-fill::before {
  content: "\f133";
}

.bi-arrow-right-circle::before {
  content: "\f134";
}

.bi-arrow-right-short::before {
  content: "\f135";
}

.bi-arrow-right-square-fill::before {
  content: "\f136";
}

.bi-arrow-right-square::before {
  content: "\f137";
}

.bi-arrow-right::before {
  content: "\f138";
}

.bi-arrow-up-circle-fill::before {
  content: "\f139";
}

.bi-arrow-up-circle::before {
  content: "\f13a";
}

.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}

.bi-arrow-up-left-circle::before {
  content: "\f13c";
}

.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}

.bi-arrow-up-left-square::before {
  content: "\f13e";
}

.bi-arrow-up-left::before {
  content: "\f13f";
}

.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}

.bi-arrow-up-right-circle::before {
  content: "\f141";
}

.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}

.bi-arrow-up-right-square::before {
  content: "\f143";
}

.bi-arrow-up-right::before {
  content: "\f144";
}

.bi-arrow-up-short::before {
  content: "\f145";
}

.bi-arrow-up-square-fill::before {
  content: "\f146";
}

.bi-arrow-up-square::before {
  content: "\f147";
}

.bi-arrow-up::before {
  content: "\f148";
}

.bi-arrows-angle-contract::before {
  content: "\f149";
}

.bi-arrows-angle-expand::before {
  content: "\f14a";
}

.bi-arrows-collapse::before {
  content: "\f14b";
}

.bi-arrows-expand::before {
  content: "\f14c";
}

.bi-arrows-fullscreen::before {
  content: "\f14d";
}

.bi-arrows-move::before {
  content: "\f14e";
}

.bi-aspect-ratio-fill::before {
  content: "\f14f";
}

.bi-aspect-ratio::before {
  content: "\f150";
}

.bi-asterisk::before {
  content: "\f151";
}

.bi-at::before {
  content: "\f152";
}

.bi-award-fill::before {
  content: "\f153";
}

.bi-award::before {
  content: "\f154";
}

.bi-back::before {
  content: "\f155";
}

.bi-backspace-fill::before {
  content: "\f156";
}

.bi-backspace-reverse-fill::before {
  content: "\f157";
}

.bi-backspace-reverse::before {
  content: "\f158";
}

.bi-backspace::before {
  content: "\f159";
}

.bi-badge-3d-fill::before {
  content: "\f15a";
}

.bi-badge-3d::before {
  content: "\f15b";
}

.bi-badge-4k-fill::before {
  content: "\f15c";
}

.bi-badge-4k::before {
  content: "\f15d";
}

.bi-badge-8k-fill::before {
  content: "\f15e";
}

.bi-badge-8k::before {
  content: "\f15f";
}

.bi-badge-ad-fill::before {
  content: "\f160";
}

.bi-badge-ad::before {
  content: "\f161";
}

.bi-badge-ar-fill::before {
  content: "\f162";
}

.bi-badge-ar::before {
  content: "\f163";
}

.bi-badge-cc-fill::before {
  content: "\f164";
}

.bi-badge-cc::before {
  content: "\f165";
}

.bi-badge-hd-fill::before {
  content: "\f166";
}

.bi-badge-hd::before {
  content: "\f167";
}

.bi-badge-tm-fill::before {
  content: "\f168";
}

.bi-badge-tm::before {
  content: "\f169";
}

.bi-badge-vo-fill::before {
  content: "\f16a";
}

.bi-badge-vo::before {
  content: "\f16b";
}

.bi-badge-vr-fill::before {
  content: "\f16c";
}

.bi-badge-vr::before {
  content: "\f16d";
}

.bi-badge-wc-fill::before {
  content: "\f16e";
}

.bi-badge-wc::before {
  content: "\f16f";
}

.bi-bag-check-fill::before {
  content: "\f170";
}

.bi-bag-check::before {
  content: "\f171";
}

.bi-bag-dash-fill::before {
  content: "\f172";
}

.bi-bag-dash::before {
  content: "\f173";
}

.bi-bag-fill::before {
  content: "\f174";
}

.bi-bag-plus-fill::before {
  content: "\f175";
}

.bi-bag-plus::before {
  content: "\f176";
}

.bi-bag-x-fill::before {
  content: "\f177";
}

.bi-bag-x::before {
  content: "\f178";
}

.bi-bag::before {
  content: "\f179";
}

.bi-bar-chart-fill::before {
  content: "\f17a";
}

.bi-bar-chart-line-fill::before {
  content: "\f17b";
}

.bi-bar-chart-line::before {
  content: "\f17c";
}

.bi-bar-chart-steps::before {
  content: "\f17d";
}

.bi-bar-chart::before {
  content: "\f17e";
}

.bi-basket-fill::before {
  content: "\f17f";
}

.bi-basket::before {
  content: "\f180";
}

.bi-basket2-fill::before {
  content: "\f181";
}

.bi-basket2::before {
  content: "\f182";
}

.bi-basket3-fill::before {
  content: "\f183";
}

.bi-basket3::before {
  content: "\f184";
}

.bi-battery-charging::before {
  content: "\f185";
}

.bi-battery-full::before {
  content: "\f186";
}

.bi-battery-half::before {
  content: "\f187";
}

.bi-battery::before {
  content: "\f188";
}

.bi-bell-fill::before {
  content: "\f189";
}

.bi-bell::before {
  content: "\f18a";
}

.bi-bezier::before {
  content: "\f18b";
}

.bi-bezier2::before {
  content: "\f18c";
}

.bi-bicycle::before {
  content: "\f18d";
}

.bi-binoculars-fill::before {
  content: "\f18e";
}

.bi-binoculars::before {
  content: "\f18f";
}

.bi-blockquote-left::before {
  content: "\f190";
}

.bi-blockquote-right::before {
  content: "\f191";
}

.bi-book-fill::before {
  content: "\f192";
}

.bi-book-half::before {
  content: "\f193";
}

.bi-book::before {
  content: "\f194";
}

.bi-bookmark-check-fill::before {
  content: "\f195";
}

.bi-bookmark-check::before {
  content: "\f196";
}

.bi-bookmark-dash-fill::before {
  content: "\f197";
}

.bi-bookmark-dash::before {
  content: "\f198";
}

.bi-bookmark-fill::before {
  content: "\f199";
}

.bi-bookmark-heart-fill::before {
  content: "\f19a";
}

.bi-bookmark-heart::before {
  content: "\f19b";
}

.bi-bookmark-plus-fill::before {
  content: "\f19c";
}

.bi-bookmark-plus::before {
  content: "\f19d";
}

.bi-bookmark-star-fill::before {
  content: "\f19e";
}

.bi-bookmark-star::before {
  content: "\f19f";
}

.bi-bookmark-x-fill::before {
  content: "\f1a0";
}

.bi-bookmark-x::before {
  content: "\f1a1";
}

.bi-bookmark::before {
  content: "\f1a2";
}

.bi-bookmarks-fill::before {
  content: "\f1a3";
}

.bi-bookmarks::before {
  content: "\f1a4";
}

.bi-bookshelf::before {
  content: "\f1a5";
}

.bi-bootstrap-fill::before {
  content: "\f1a6";
}

.bi-bootstrap-reboot::before {
  content: "\f1a7";
}

.bi-bootstrap::before {
  content: "\f1a8";
}

.bi-border-all::before {
  content: "\f1a9";
}

.bi-border-bottom::before {
  content: "\f1aa";
}

.bi-border-center::before {
  content: "\f1ab";
}

.bi-border-inner::before {
  content: "\f1ac";
}

.bi-border-left::before {
  content: "\f1ad";
}

.bi-border-middle::before {
  content: "\f1ae";
}

.bi-border-outer::before {
  content: "\f1af";
}

.bi-border-right::before {
  content: "\f1b0";
}

.bi-border-style::before {
  content: "\f1b1";
}

.bi-border-top::before {
  content: "\f1b2";
}

.bi-border-width::before {
  content: "\f1b3";
}

.bi-border::before {
  content: "\f1b4";
}

.bi-bounding-box-circles::before {
  content: "\f1b5";
}

.bi-bounding-box::before {
  content: "\f1b6";
}

.bi-box-arrow-down-left::before {
  content: "\f1b7";
}

.bi-box-arrow-down-right::before {
  content: "\f1b8";
}

.bi-box-arrow-down::before {
  content: "\f1b9";
}

.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}

.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}

.bi-box-arrow-in-down::before {
  content: "\f1bc";
}

.bi-box-arrow-in-left::before {
  content: "\f1bd";
}

.bi-box-arrow-in-right::before {
  content: "\f1be";
}

.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}

.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}

.bi-box-arrow-in-up::before {
  content: "\f1c1";
}

.bi-box-arrow-left::before {
  content: "\f1c2";
}

.bi-box-arrow-right::before {
  content: "\f1c3";
}

.bi-box-arrow-up-left::before {
  content: "\f1c4";
}

.bi-box-arrow-up-right::before {
  content: "\f1c5";
}

.bi-box-arrow-up::before {
  content: "\f1c6";
}

.bi-box-seam::before {
  content: "\f1c7";
}

.bi-box::before {
  content: "\f1c8";
}

.bi-braces::before {
  content: "\f1c9";
}

.bi-bricks::before {
  content: "\f1ca";
}

.bi-briefcase-fill::before {
  content: "\f1cb";
}

.bi-briefcase::before {
  content: "\f1cc";
}

.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}

.bi-brightness-alt-high::before {
  content: "\f1ce";
}

.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}

.bi-brightness-alt-low::before {
  content: "\f1d0";
}

.bi-brightness-high-fill::before {
  content: "\f1d1";
}

.bi-brightness-high::before {
  content: "\f1d2";
}

.bi-brightness-low-fill::before {
  content: "\f1d3";
}

.bi-brightness-low::before {
  content: "\f1d4";
}

.bi-broadcast-pin::before {
  content: "\f1d5";
}

.bi-broadcast::before {
  content: "\f1d6";
}

.bi-brush-fill::before {
  content: "\f1d7";
}

.bi-brush::before {
  content: "\f1d8";
}

.bi-bucket-fill::before {
  content: "\f1d9";
}

.bi-bucket::before {
  content: "\f1da";
}

.bi-bug-fill::before {
  content: "\f1db";
}

.bi-bug::before {
  content: "\f1dc";
}

.bi-building::before {
  content: "\f1dd";
}

.bi-bullseye::before {
  content: "\f1de";
}

.bi-calculator-fill::before {
  content: "\f1df";
}

.bi-calculator::before {
  content: "\f1e0";
}

.bi-calendar-check-fill::before {
  content: "\f1e1";
}

.bi-calendar-check::before {
  content: "\f1e2";
}

.bi-calendar-date-fill::before {
  content: "\f1e3";
}

.bi-calendar-date::before {
  content: "\f1e4";
}

.bi-calendar-day-fill::before {
  content: "\f1e5";
}

.bi-calendar-day::before {
  content: "\f1e6";
}

.bi-calendar-event-fill::before {
  content: "\f1e7";
}

.bi-calendar-event::before {
  content: "\f1e8";
}

.bi-calendar-fill::before {
  content: "\f1e9";
}

.bi-calendar-minus-fill::before {
  content: "\f1ea";
}

.bi-calendar-minus::before {
  content: "\f1eb";
}

.bi-calendar-month-fill::before {
  content: "\f1ec";
}

.bi-calendar-month::before {
  content: "\f1ed";
}

.bi-calendar-plus-fill::before {
  content: "\f1ee";
}

.bi-calendar-plus::before {
  content: "\f1ef";
}

.bi-calendar-range-fill::before {
  content: "\f1f0";
}

.bi-calendar-range::before {
  content: "\f1f1";
}

.bi-calendar-week-fill::before {
  content: "\f1f2";
}

.bi-calendar-week::before {
  content: "\f1f3";
}

.bi-calendar-x-fill::before {
  content: "\f1f4";
}

.bi-calendar-x::before {
  content: "\f1f5";
}

.bi-calendar::before {
  content: "\f1f6";
}

.bi-calendar2-check-fill::before {
  content: "\f1f7";
}

.bi-calendar2-check::before {
  content: "\f1f8";
}

.bi-calendar2-date-fill::before {
  content: "\f1f9";
}

.bi-calendar2-date::before {
  content: "\f1fa";
}

.bi-calendar2-day-fill::before {
  content: "\f1fb";
}

.bi-calendar2-day::before {
  content: "\f1fc";
}

.bi-calendar2-event-fill::before {
  content: "\f1fd";
}

.bi-calendar2-event::before {
  content: "\f1fe";
}

.bi-calendar2-fill::before {
  content: "\f1ff";
}

.bi-calendar2-minus-fill::before {
  content: "\f200";
}

.bi-calendar2-minus::before {
  content: "\f201";
}

.bi-calendar2-month-fill::before {
  content: "\f202";
}

.bi-calendar2-month::before {
  content: "\f203";
}

.bi-calendar2-plus-fill::before {
  content: "\f204";
}

.bi-calendar2-plus::before {
  content: "\f205";
}

.bi-calendar2-range-fill::before {
  content: "\f206";
}

.bi-calendar2-range::before {
  content: "\f207";
}

.bi-calendar2-week-fill::before {
  content: "\f208";
}

.bi-calendar2-week::before {
  content: "\f209";
}

.bi-calendar2-x-fill::before {
  content: "\f20a";
}

.bi-calendar2-x::before {
  content: "\f20b";
}

.bi-calendar2::before {
  content: "\f20c";
}

.bi-calendar3-event-fill::before {
  content: "\f20d";
}

.bi-calendar3-event::before {
  content: "\f20e";
}

.bi-calendar3-fill::before {
  content: "\f20f";
}

.bi-calendar3-range-fill::before {
  content: "\f210";
}

.bi-calendar3-range::before {
  content: "\f211";
}

.bi-calendar3-week-fill::before {
  content: "\f212";
}

.bi-calendar3-week::before {
  content: "\f213";
}

.bi-calendar3::before {
  content: "\f214";
}

.bi-calendar4-event::before {
  content: "\f215";
}

.bi-calendar4-range::before {
  content: "\f216";
}

.bi-calendar4-week::before {
  content: "\f217";
}

.bi-calendar4::before {
  content: "\f218";
}

.bi-camera-fill::before {
  content: "\f219";
}

.bi-camera-reels-fill::before {
  content: "\f21a";
}

.bi-camera-reels::before {
  content: "\f21b";
}

.bi-camera-video-fill::before {
  content: "\f21c";
}

.bi-camera-video-off-fill::before {
  content: "\f21d";
}

.bi-camera-video-off::before {
  content: "\f21e";
}

.bi-camera-video::before {
  content: "\f21f";
}

.bi-camera::before {
  content: "\f220";
}

.bi-camera2::before {
  content: "\f221";
}

.bi-capslock-fill::before {
  content: "\f222";
}

.bi-capslock::before {
  content: "\f223";
}

.bi-card-checklist::before {
  content: "\f224";
}

.bi-card-heading::before {
  content: "\f225";
}

.bi-card-image::before {
  content: "\f226";
}

.bi-card-list::before {
  content: "\f227";
}

.bi-card-text::before {
  content: "\f228";
}

.bi-caret-down-fill::before {
  content: "\f229";
}

.bi-caret-down-square-fill::before {
  content: "\f22a";
}

.bi-caret-down-square::before {
  content: "\f22b";
}

.bi-caret-down::before {
  content: "\f22c";
}

.bi-caret-left-fill::before {
  content: "\f22d";
}

.bi-caret-left-square-fill::before {
  content: "\f22e";
}

.bi-caret-left-square::before {
  content: "\f22f";
}

.bi-caret-left::before {
  content: "\f230";
}

.bi-caret-right-fill::before {
  content: "\f231";
}

.bi-caret-right-square-fill::before {
  content: "\f232";
}

.bi-caret-right-square::before {
  content: "\f233";
}

.bi-caret-right::before {
  content: "\f234";
}

.bi-caret-up-fill::before {
  content: "\f235";
}

.bi-caret-up-square-fill::before {
  content: "\f236";
}

.bi-caret-up-square::before {
  content: "\f237";
}

.bi-caret-up::before {
  content: "\f238";
}

.bi-cart-check-fill::before {
  content: "\f239";
}

.bi-cart-check::before {
  content: "\f23a";
}

.bi-cart-dash-fill::before {
  content: "\f23b";
}

.bi-cart-dash::before {
  content: "\f23c";
}

.bi-cart-fill::before {
  content: "\f23d";
}

.bi-cart-plus-fill::before {
  content: "\f23e";
}

.bi-cart-plus::before {
  content: "\f23f";
}

.bi-cart-x-fill::before {
  content: "\f240";
}

.bi-cart-x::before {
  content: "\f241";
}

.bi-cart::before {
  content: "\f242";
}

.bi-cart2::before {
  content: "\f243";
}

.bi-cart3::before {
  content: "\f244";
}

.bi-cart4::before {
  content: "\f245";
}

.bi-cash-stack::before {
  content: "\f246";
}

.bi-cash::before {
  content: "\f247";
}

.bi-cast::before {
  content: "\f248";
}

.bi-chat-dots-fill::before {
  content: "\f249";
}

.bi-chat-dots::before {
  content: "\f24a";
}

.bi-chat-fill::before {
  content: "\f24b";
}

.bi-chat-left-dots-fill::before {
  content: "\f24c";
}

.bi-chat-left-dots::before {
  content: "\f24d";
}

.bi-chat-left-fill::before {
  content: "\f24e";
}

.bi-chat-left-quote-fill::before {
  content: "\f24f";
}

.bi-chat-left-quote::before {
  content: "\f250";
}

.bi-chat-left-text-fill::before {
  content: "\f251";
}

.bi-chat-left-text::before {
  content: "\f252";
}

.bi-chat-left::before {
  content: "\f253";
}

.bi-chat-quote-fill::before {
  content: "\f254";
}

.bi-chat-quote::before {
  content: "\f255";
}

.bi-chat-right-dots-fill::before {
  content: "\f256";
}

.bi-chat-right-dots::before {
  content: "\f257";
}

.bi-chat-right-fill::before {
  content: "\f258";
}

.bi-chat-right-quote-fill::before {
  content: "\f259";
}

.bi-chat-right-quote::before {
  content: "\f25a";
}

.bi-chat-right-text-fill::before {
  content: "\f25b";
}

.bi-chat-right-text::before {
  content: "\f25c";
}

.bi-chat-right::before {
  content: "\f25d";
}

.bi-chat-square-dots-fill::before {
  content: "\f25e";
}

.bi-chat-square-dots::before {
  content: "\f25f";
}

.bi-chat-square-fill::before {
  content: "\f260";
}

.bi-chat-square-quote-fill::before {
  content: "\f261";
}

.bi-chat-square-quote::before {
  content: "\f262";
}

.bi-chat-square-text-fill::before {
  content: "\f263";
}

.bi-chat-square-text::before {
  content: "\f264";
}

.bi-chat-square::before {
  content: "\f265";
}

.bi-chat-text-fill::before {
  content: "\f266";
}

.bi-chat-text::before {
  content: "\f267";
}

.bi-chat::before {
  content: "\f268";
}

.bi-check-all::before {
  content: "\f269";
}

.bi-check-circle-fill::before {
  content: "\f26a";
}

.bi-check-circle::before {
  content: "\f26b";
}

.bi-check-square-fill::before {
  content: "\f26c";
}

.bi-check-square::before {
  content: "\f26d";
}

.bi-check::before {
  content: "\f26e";
}

.bi-check2-all::before {
  content: "\f26f";
}

.bi-check2-circle::before {
  content: "\f270";
}

.bi-check2-square::before {
  content: "\f271";
}

.bi-check2::before {
  content: "\f272";
}

.bi-chevron-bar-contract::before {
  content: "\f273";
}

.bi-chevron-bar-down::before {
  content: "\f274";
}

.bi-chevron-bar-expand::before {
  content: "\f275";
}

.bi-chevron-bar-left::before {
  content: "\f276";
}

.bi-chevron-bar-right::before {
  content: "\f277";
}

.bi-chevron-bar-up::before {
  content: "\f278";
}

.bi-chevron-compact-down::before {
  content: "\f279";
}

.bi-chevron-compact-left::before {
  content: "\f27a";
}

.bi-chevron-compact-right::before {
  content: "\f27b";
}

.bi-chevron-compact-up::before {
  content: "\f27c";
}

.bi-chevron-contract::before {
  content: "\f27d";
}

.bi-chevron-double-down::before {
  content: "\f27e";
}

.bi-chevron-double-left::before {
  content: "\f27f";
}

.bi-chevron-double-right::before {
  content: "\f280";
}

.bi-chevron-double-up::before {
  content: "\f281";
}

.bi-chevron-down::before {
  content: "\f282";
}

.bi-chevron-expand::before {
  content: "\f283";
}

.bi-chevron-left::before, .ui-datepicker .ui-datepicker-prev::before {
  content: "\f284";
}

.bi-chevron-right::before, .tabs .tabhead .glyphicon::before, .tabs .tabhead .accordion .panel .panel-heading .accordion-toggle::before, .accordion .panel .panel-heading .tabs .tabhead .accordion-toggle::before, .tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev::before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-prev::before,
.tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next::before,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-next::before, .ui-datepicker .ui-datepicker-next::before {
  content: "\f285";
}

.bi-chevron-up::before, .item__list .item__toggle .open .glyphicon::before, .item__list .item__toggle .open .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev::before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .item__list .item__toggle .open .owl-prev::before,
.item__list .item__toggle .open .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next::before,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .item__list .item__toggle .open .owl-next::before, .accordion .panel .panel-heading .accordion-toggle::before {
  content: "\f286";
}

.bi-circle-fill::before {
  content: "\f287";
}

.bi-circle-half::before {
  content: "\f288";
}

.bi-circle-square::before {
  content: "\f289";
}

.bi-circle::before {
  content: "\f28a";
}

.bi-clipboard-check::before {
  content: "\f28b";
}

.bi-clipboard-data::before {
  content: "\f28c";
}

.bi-clipboard-minus::before {
  content: "\f28d";
}

.bi-clipboard-plus::before {
  content: "\f28e";
}

.bi-clipboard-x::before {
  content: "\f28f";
}

.bi-clipboard::before {
  content: "\f290";
}

.bi-clock-fill::before {
  content: "\f291";
}

.bi-clock-history::before {
  content: "\f292";
}

.bi-clock::before {
  content: "\f293";
}

.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}

.bi-cloud-arrow-down::before {
  content: "\f295";
}

.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}

.bi-cloud-arrow-up::before {
  content: "\f297";
}

.bi-cloud-check-fill::before {
  content: "\f298";
}

.bi-cloud-check::before {
  content: "\f299";
}

.bi-cloud-download-fill::before {
  content: "\f29a";
}

.bi-cloud-download::before {
  content: "\f29b";
}

.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}

.bi-cloud-drizzle::before {
  content: "\f29d";
}

.bi-cloud-fill::before {
  content: "\f29e";
}

.bi-cloud-fog-fill::before {
  content: "\f29f";
}

.bi-cloud-fog::before {
  content: "\f2a0";
}

.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}

.bi-cloud-fog2::before {
  content: "\f2a2";
}

.bi-cloud-hail-fill::before {
  content: "\f2a3";
}

.bi-cloud-hail::before {
  content: "\f2a4";
}

.bi-cloud-haze-1::before {
  content: "\f2a5";
}

.bi-cloud-haze-fill::before {
  content: "\f2a6";
}

.bi-cloud-haze::before {
  content: "\f2a7";
}

.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}

.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}

.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}

.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}

.bi-cloud-lightning::before {
  content: "\f2ac";
}

.bi-cloud-minus-fill::before {
  content: "\f2ad";
}

.bi-cloud-minus::before {
  content: "\f2ae";
}

.bi-cloud-moon-fill::before {
  content: "\f2af";
}

.bi-cloud-moon::before {
  content: "\f2b0";
}

.bi-cloud-plus-fill::before {
  content: "\f2b1";
}

.bi-cloud-plus::before {
  content: "\f2b2";
}

.bi-cloud-rain-fill::before {
  content: "\f2b3";
}

.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}

.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}

.bi-cloud-rain::before {
  content: "\f2b6";
}

.bi-cloud-slash-fill::before {
  content: "\f2b7";
}

.bi-cloud-slash::before {
  content: "\f2b8";
}

.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}

.bi-cloud-sleet::before {
  content: "\f2ba";
}

.bi-cloud-snow-fill::before {
  content: "\f2bb";
}

.bi-cloud-snow::before {
  content: "\f2bc";
}

.bi-cloud-sun-fill::before {
  content: "\f2bd";
}

.bi-cloud-sun::before {
  content: "\f2be";
}

.bi-cloud-upload-fill::before {
  content: "\f2bf";
}

.bi-cloud-upload::before {
  content: "\f2c0";
}

.bi-cloud::before {
  content: "\f2c1";
}

.bi-clouds-fill::before {
  content: "\f2c2";
}

.bi-clouds::before {
  content: "\f2c3";
}

.bi-cloudy-fill::before {
  content: "\f2c4";
}

.bi-cloudy::before {
  content: "\f2c5";
}

.bi-code-slash::before {
  content: "\f2c6";
}

.bi-code-square::before {
  content: "\f2c7";
}

.bi-code::before {
  content: "\f2c8";
}

.bi-collection-fill::before {
  content: "\f2c9";
}

.bi-collection-play-fill::before {
  content: "\f2ca";
}

.bi-collection-play::before {
  content: "\f2cb";
}

.bi-collection::before {
  content: "\f2cc";
}

.bi-columns-gap::before {
  content: "\f2cd";
}

.bi-columns::before {
  content: "\f2ce";
}

.bi-command::before {
  content: "\f2cf";
}

.bi-compass-fill::before {
  content: "\f2d0";
}

.bi-compass::before {
  content: "\f2d1";
}

.bi-cone-striped::before {
  content: "\f2d2";
}

.bi-cone::before {
  content: "\f2d3";
}

.bi-controller::before {
  content: "\f2d4";
}

.bi-cpu-fill::before {
  content: "\f2d5";
}

.bi-cpu::before {
  content: "\f2d6";
}

.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}

.bi-credit-card-2-back::before {
  content: "\f2d8";
}

.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}

.bi-credit-card-2-front::before {
  content: "\f2da";
}

.bi-credit-card-fill::before {
  content: "\f2db";
}

.bi-credit-card::before {
  content: "\f2dc";
}

.bi-crop::before {
  content: "\f2dd";
}

.bi-cup-fill::before {
  content: "\f2de";
}

.bi-cup-straw::before {
  content: "\f2df";
}

.bi-cup::before {
  content: "\f2e0";
}

.bi-cursor-fill::before {
  content: "\f2e1";
}

.bi-cursor-text::before {
  content: "\f2e2";
}

.bi-cursor::before {
  content: "\f2e3";
}

.bi-dash-circle-dotted::before {
  content: "\f2e4";
}

.bi-dash-circle-fill::before {
  content: "\f2e5";
}

.bi-dash-circle::before {
  content: "\f2e6";
}

.bi-dash-square-dotted::before {
  content: "\f2e7";
}

.bi-dash-square-fill::before {
  content: "\f2e8";
}

.bi-dash-square::before {
  content: "\f2e9";
}

.bi-dash::before {
  content: "\f2ea";
}

.bi-diagram-2-fill::before {
  content: "\f2eb";
}

.bi-diagram-2::before {
  content: "\f2ec";
}

.bi-diagram-3-fill::before {
  content: "\f2ed";
}

.bi-diagram-3::before {
  content: "\f2ee";
}

.bi-diamond-fill::before {
  content: "\f2ef";
}

.bi-diamond-half::before {
  content: "\f2f0";
}

.bi-diamond::before {
  content: "\f2f1";
}

.bi-dice-1-fill::before {
  content: "\f2f2";
}

.bi-dice-1::before {
  content: "\f2f3";
}

.bi-dice-2-fill::before {
  content: "\f2f4";
}

.bi-dice-2::before {
  content: "\f2f5";
}

.bi-dice-3-fill::before {
  content: "\f2f6";
}

.bi-dice-3::before {
  content: "\f2f7";
}

.bi-dice-4-fill::before {
  content: "\f2f8";
}

.bi-dice-4::before {
  content: "\f2f9";
}

.bi-dice-5-fill::before {
  content: "\f2fa";
}

.bi-dice-5::before {
  content: "\f2fb";
}

.bi-dice-6-fill::before {
  content: "\f2fc";
}

.bi-dice-6::before {
  content: "\f2fd";
}

.bi-disc-fill::before {
  content: "\f2fe";
}

.bi-disc::before {
  content: "\f2ff";
}

.bi-discord::before {
  content: "\f300";
}

.bi-display-fill::before {
  content: "\f301";
}

.bi-display::before {
  content: "\f302";
}

.bi-distribute-horizontal::before {
  content: "\f303";
}

.bi-distribute-vertical::before {
  content: "\f304";
}

.bi-door-closed-fill::before {
  content: "\f305";
}

.bi-door-closed::before {
  content: "\f306";
}

.bi-door-open-fill::before {
  content: "\f307";
}

.bi-door-open::before {
  content: "\f308";
}

.bi-dot::before {
  content: "\f309";
}

.bi-download::before {
  content: "\f30a";
}

.bi-droplet-fill::before {
  content: "\f30b";
}

.bi-droplet-half::before {
  content: "\f30c";
}

.bi-droplet::before {
  content: "\f30d";
}

.bi-earbuds::before {
  content: "\f30e";
}

.bi-easel-fill::before {
  content: "\f30f";
}

.bi-easel::before {
  content: "\f310";
}

.bi-egg-fill::before {
  content: "\f311";
}

.bi-egg-fried::before {
  content: "\f312";
}

.bi-egg::before {
  content: "\f313";
}

.bi-eject-fill::before {
  content: "\f314";
}

.bi-eject::before {
  content: "\f315";
}

.bi-emoji-angry-fill::before {
  content: "\f316";
}

.bi-emoji-angry::before {
  content: "\f317";
}

.bi-emoji-dizzy-fill::before {
  content: "\f318";
}

.bi-emoji-dizzy::before {
  content: "\f319";
}

.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}

.bi-emoji-expressionless::before {
  content: "\f31b";
}

.bi-emoji-frown-fill::before {
  content: "\f31c";
}

.bi-emoji-frown::before {
  content: "\f31d";
}

.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}

.bi-emoji-heart-eyes::before {
  content: "\f31f";
}

.bi-emoji-laughing-fill::before {
  content: "\f320";
}

.bi-emoji-laughing::before {
  content: "\f321";
}

.bi-emoji-neutral-fill::before {
  content: "\f322";
}

.bi-emoji-neutral::before {
  content: "\f323";
}

.bi-emoji-smile-fill::before {
  content: "\f324";
}

.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}

.bi-emoji-smile-upside-down::before {
  content: "\f326";
}

.bi-emoji-smile::before {
  content: "\f327";
}

.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}

.bi-emoji-sunglasses::before {
  content: "\f329";
}

.bi-emoji-wink-fill::before {
  content: "\f32a";
}

.bi-emoji-wink::before {
  content: "\f32b";
}

.bi-envelope-fill::before {
  content: "\f32c";
}

.bi-envelope-open-fill::before {
  content: "\f32d";
}

.bi-envelope-open::before {
  content: "\f32e";
}

.bi-envelope::before {
  content: "\f32f";
}

.bi-eraser-fill::before {
  content: "\f330";
}

.bi-eraser::before {
  content: "\f331";
}

.bi-exclamation-circle-fill::before {
  content: "\f332";
}

.bi-exclamation-circle::before {
  content: "\f333";
}

.bi-exclamation-diamond-fill::before {
  content: "\f334";
}

.bi-exclamation-diamond::before {
  content: "\f335";
}

.bi-exclamation-octagon-fill::before {
  content: "\f336";
}

.bi-exclamation-octagon::before {
  content: "\f337";
}

.bi-exclamation-square-fill::before {
  content: "\f338";
}

.bi-exclamation-square::before {
  content: "\f339";
}

.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}

.bi-exclamation-triangle::before {
  content: "\f33b";
}

.bi-exclamation::before {
  content: "\f33c";
}

.bi-exclude::before {
  content: "\f33d";
}

.bi-eye-fill::before {
  content: "\f33e";
}

.bi-eye-slash-fill::before {
  content: "\f33f";
}

.bi-eye-slash::before {
  content: "\f340";
}

.bi-eye::before {
  content: "\f341";
}

.bi-eyedropper::before {
  content: "\f342";
}

.bi-eyeglasses::before {
  content: "\f343";
}

.bi-facebook::before {
  content: "\f344";
}

.bi-file-arrow-down-fill::before {
  content: "\f345";
}

.bi-file-arrow-down::before {
  content: "\f346";
}

.bi-file-arrow-up-fill::before {
  content: "\f347";
}

.bi-file-arrow-up::before {
  content: "\f348";
}

.bi-file-bar-graph-fill::before {
  content: "\f349";
}

.bi-file-bar-graph::before {
  content: "\f34a";
}

.bi-file-binary-fill::before {
  content: "\f34b";
}

.bi-file-binary::before {
  content: "\f34c";
}

.bi-file-break-fill::before {
  content: "\f34d";
}

.bi-file-break::before {
  content: "\f34e";
}

.bi-file-check-fill::before {
  content: "\f34f";
}

.bi-file-check::before {
  content: "\f350";
}

.bi-file-code-fill::before {
  content: "\f351";
}

.bi-file-code::before {
  content: "\f352";
}

.bi-file-diff-fill::before {
  content: "\f353";
}

.bi-file-diff::before {
  content: "\f354";
}

.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}

.bi-file-earmark-arrow-down::before {
  content: "\f356";
}

.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}

.bi-file-earmark-arrow-up::before {
  content: "\f358";
}

.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}

.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}

.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}

.bi-file-earmark-binary::before {
  content: "\f35c";
}

.bi-file-earmark-break-fill::before {
  content: "\f35d";
}

.bi-file-earmark-break::before {
  content: "\f35e";
}

.bi-file-earmark-check-fill::before {
  content: "\f35f";
}

.bi-file-earmark-check::before {
  content: "\f360";
}

.bi-file-earmark-code-fill::before {
  content: "\f361";
}

.bi-file-earmark-code::before {
  content: "\f362";
}

.bi-file-earmark-diff-fill::before {
  content: "\f363";
}

.bi-file-earmark-diff::before {
  content: "\f364";
}

.bi-file-earmark-easel-fill::before {
  content: "\f365";
}

.bi-file-earmark-easel::before {
  content: "\f366";
}

.bi-file-earmark-excel-fill::before {
  content: "\f367";
}

.bi-file-earmark-excel::before {
  content: "\f368";
}

.bi-file-earmark-fill::before {
  content: "\f369";
}

.bi-file-earmark-font-fill::before {
  content: "\f36a";
}

.bi-file-earmark-font::before {
  content: "\f36b";
}

.bi-file-earmark-image-fill::before {
  content: "\f36c";
}

.bi-file-earmark-image::before {
  content: "\f36d";
}

.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}

.bi-file-earmark-lock::before {
  content: "\f36f";
}

.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}

.bi-file-earmark-lock2::before {
  content: "\f371";
}

.bi-file-earmark-medical-fill::before {
  content: "\f372";
}

.bi-file-earmark-medical::before {
  content: "\f373";
}

.bi-file-earmark-minus-fill::before {
  content: "\f374";
}

.bi-file-earmark-minus::before {
  content: "\f375";
}

.bi-file-earmark-music-fill::before {
  content: "\f376";
}

.bi-file-earmark-music::before {
  content: "\f377";
}

.bi-file-earmark-person-fill::before {
  content: "\f378";
}

.bi-file-earmark-person::before {
  content: "\f379";
}

.bi-file-earmark-play-fill::before {
  content: "\f37a";
}

.bi-file-earmark-play::before {
  content: "\f37b";
}

.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}

.bi-file-earmark-plus::before {
  content: "\f37d";
}

.bi-file-earmark-post-fill::before {
  content: "\f37e";
}

.bi-file-earmark-post::before {
  content: "\f37f";
}

.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}

.bi-file-earmark-ppt::before {
  content: "\f381";
}

.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}

.bi-file-earmark-richtext::before {
  content: "\f383";
}

.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}

.bi-file-earmark-ruled::before {
  content: "\f385";
}

.bi-file-earmark-slides-fill::before {
  content: "\f386";
}

.bi-file-earmark-slides::before {
  content: "\f387";
}

.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}

.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}

.bi-file-earmark-text-fill::before {
  content: "\f38a";
}

.bi-file-earmark-text::before {
  content: "\f38b";
}

.bi-file-earmark-word-fill::before {
  content: "\f38c";
}

.bi-file-earmark-word::before {
  content: "\f38d";
}

.bi-file-earmark-x-fill::before {
  content: "\f38e";
}

.bi-file-earmark-x::before {
  content: "\f38f";
}

.bi-file-earmark-zip-fill::before {
  content: "\f390";
}

.bi-file-earmark-zip::before {
  content: "\f391";
}

.bi-file-earmark::before {
  content: "\f392";
}

.bi-file-easel-fill::before {
  content: "\f393";
}

.bi-file-easel::before {
  content: "\f394";
}

.bi-file-excel-fill::before {
  content: "\f395";
}

.bi-file-excel::before {
  content: "\f396";
}

.bi-file-fill::before {
  content: "\f397";
}

.bi-file-font-fill::before {
  content: "\f398";
}

.bi-file-font::before {
  content: "\f399";
}

.bi-file-image-fill::before {
  content: "\f39a";
}

.bi-file-image::before {
  content: "\f39b";
}

.bi-file-lock-fill::before {
  content: "\f39c";
}

.bi-file-lock::before {
  content: "\f39d";
}

.bi-file-lock2-fill::before {
  content: "\f39e";
}

.bi-file-lock2::before {
  content: "\f39f";
}

.bi-file-medical-fill::before {
  content: "\f3a0";
}

.bi-file-medical::before {
  content: "\f3a1";
}

.bi-file-minus-fill::before {
  content: "\f3a2";
}

.bi-file-minus::before {
  content: "\f3a3";
}

.bi-file-music-fill::before {
  content: "\f3a4";
}

.bi-file-music::before {
  content: "\f3a5";
}

.bi-file-person-fill::before {
  content: "\f3a6";
}

.bi-file-person::before {
  content: "\f3a7";
}

.bi-file-play-fill::before {
  content: "\f3a8";
}

.bi-file-play::before {
  content: "\f3a9";
}

.bi-file-plus-fill::before {
  content: "\f3aa";
}

.bi-file-plus::before {
  content: "\f3ab";
}

.bi-file-post-fill::before {
  content: "\f3ac";
}

.bi-file-post::before {
  content: "\f3ad";
}

.bi-file-ppt-fill::before {
  content: "\f3ae";
}

.bi-file-ppt::before {
  content: "\f3af";
}

.bi-file-richtext-fill::before {
  content: "\f3b0";
}

.bi-file-richtext::before {
  content: "\f3b1";
}

.bi-file-ruled-fill::before {
  content: "\f3b2";
}

.bi-file-ruled::before {
  content: "\f3b3";
}

.bi-file-slides-fill::before {
  content: "\f3b4";
}

.bi-file-slides::before {
  content: "\f3b5";
}

.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}

.bi-file-spreadsheet::before {
  content: "\f3b7";
}

.bi-file-text-fill::before {
  content: "\f3b8";
}

.bi-file-text::before {
  content: "\f3b9";
}

.bi-file-word-fill::before {
  content: "\f3ba";
}

.bi-file-word::before {
  content: "\f3bb";
}

.bi-file-x-fill::before {
  content: "\f3bc";
}

.bi-file-x::before {
  content: "\f3bd";
}

.bi-file-zip-fill::before {
  content: "\f3be";
}

.bi-file-zip::before {
  content: "\f3bf";
}

.bi-file::before {
  content: "\f3c0";
}

.bi-files-alt::before {
  content: "\f3c1";
}

.bi-files::before {
  content: "\f3c2";
}

.bi-film::before {
  content: "\f3c3";
}

.bi-filter-circle-fill::before {
  content: "\f3c4";
}

.bi-filter-circle::before {
  content: "\f3c5";
}

.bi-filter-left::before {
  content: "\f3c6";
}

.bi-filter-right::before {
  content: "\f3c7";
}

.bi-filter-square-fill::before {
  content: "\f3c8";
}

.bi-filter-square::before {
  content: "\f3c9";
}

.bi-filter::before {
  content: "\f3ca";
}

.bi-flag-fill::before {
  content: "\f3cb";
}

.bi-flag::before {
  content: "\f3cc";
}

.bi-flower1::before {
  content: "\f3cd";
}

.bi-flower2::before {
  content: "\f3ce";
}

.bi-flower3::before {
  content: "\f3cf";
}

.bi-folder-check::before {
  content: "\f3d0";
}

.bi-folder-fill::before {
  content: "\f3d1";
}

.bi-folder-minus::before {
  content: "\f3d2";
}

.bi-folder-plus::before {
  content: "\f3d3";
}

.bi-folder-symlink-fill::before {
  content: "\f3d4";
}

.bi-folder-symlink::before {
  content: "\f3d5";
}

.bi-folder-x::before {
  content: "\f3d6";
}

.bi-folder::before {
  content: "\f3d7";
}

.bi-folder2-open::before {
  content: "\f3d8";
}

.bi-folder2::before {
  content: "\f3d9";
}

.bi-fonts::before {
  content: "\f3da";
}

.bi-forward-fill::before {
  content: "\f3db";
}

.bi-forward::before {
  content: "\f3dc";
}

.bi-front::before {
  content: "\f3dd";
}

.bi-fullscreen-exit::before {
  content: "\f3de";
}

.bi-fullscreen::before {
  content: "\f3df";
}

.bi-funnel-fill::before {
  content: "\f3e0";
}

.bi-funnel::before {
  content: "\f3e1";
}

.bi-gear-fill::before {
  content: "\f3e2";
}

.bi-gear-wide-connected::before {
  content: "\f3e3";
}

.bi-gear-wide::before {
  content: "\f3e4";
}

.bi-gear::before {
  content: "\f3e5";
}

.bi-gem::before {
  content: "\f3e6";
}

.bi-geo-alt-fill::before {
  content: "\f3e7";
}

.bi-geo-alt::before {
  content: "\f3e8";
}

.bi-geo-fill::before {
  content: "\f3e9";
}

.bi-geo::before {
  content: "\f3ea";
}

.bi-gift-fill::before {
  content: "\f3eb";
}

.bi-gift::before {
  content: "\f3ec";
}

.bi-github::before {
  content: "\f3ed";
}

.bi-globe::before {
  content: "\f3ee";
}

.bi-globe2::before {
  content: "\f3ef";
}

.bi-google::before {
  content: "\f3f0";
}

.bi-graph-down::before {
  content: "\f3f1";
}

.bi-graph-up::before {
  content: "\f3f2";
}

.bi-grid-1x2-fill::before {
  content: "\f3f3";
}

.bi-grid-1x2::before {
  content: "\f3f4";
}

.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}

.bi-grid-3x2-gap::before {
  content: "\f3f6";
}

.bi-grid-3x2::before {
  content: "\f3f7";
}

.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}

.bi-grid-3x3-gap::before {
  content: "\f3f9";
}

.bi-grid-3x3::before {
  content: "\f3fa";
}

.bi-grid-fill::before {
  content: "\f3fb";
}

.bi-grid::before {
  content: "\f3fc";
}

.bi-grip-horizontal::before {
  content: "\f3fd";
}

.bi-grip-vertical::before {
  content: "\f3fe";
}

.bi-hammer::before {
  content: "\f3ff";
}

.bi-hand-index-fill::before {
  content: "\f400";
}

.bi-hand-index-thumb-fill::before {
  content: "\f401";
}

.bi-hand-index-thumb::before {
  content: "\f402";
}

.bi-hand-index::before {
  content: "\f403";
}

.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}

.bi-hand-thumbs-down::before {
  content: "\f405";
}

.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}

.bi-hand-thumbs-up::before {
  content: "\f407";
}

.bi-handbag-fill::before {
  content: "\f408";
}

.bi-handbag::before {
  content: "\f409";
}

.bi-hash::before {
  content: "\f40a";
}

.bi-hdd-fill::before {
  content: "\f40b";
}

.bi-hdd-network-fill::before {
  content: "\f40c";
}

.bi-hdd-network::before {
  content: "\f40d";
}

.bi-hdd-rack-fill::before {
  content: "\f40e";
}

.bi-hdd-rack::before {
  content: "\f40f";
}

.bi-hdd-stack-fill::before {
  content: "\f410";
}

.bi-hdd-stack::before {
  content: "\f411";
}

.bi-hdd::before {
  content: "\f412";
}

.bi-headphones::before {
  content: "\f413";
}

.bi-headset::before {
  content: "\f414";
}

.bi-heart-fill::before {
  content: "\f415";
}

.bi-heart-half::before {
  content: "\f416";
}

.bi-heart::before {
  content: "\f417";
}

.bi-heptagon-fill::before {
  content: "\f418";
}

.bi-heptagon-half::before {
  content: "\f419";
}

.bi-heptagon::before {
  content: "\f41a";
}

.bi-hexagon-fill::before {
  content: "\f41b";
}

.bi-hexagon-half::before {
  content: "\f41c";
}

.bi-hexagon::before {
  content: "\f41d";
}

.bi-hourglass-bottom::before {
  content: "\f41e";
}

.bi-hourglass-split::before {
  content: "\f41f";
}

.bi-hourglass-top::before {
  content: "\f420";
}

.bi-hourglass::before {
  content: "\f421";
}

.bi-house-door-fill::before {
  content: "\f422";
}

.bi-house-door::before {
  content: "\f423";
}

.bi-house-fill::before {
  content: "\f424";
}

.bi-house::before {
  content: "\f425";
}

.bi-hr::before {
  content: "\f426";
}

.bi-hurricane::before {
  content: "\f427";
}

.bi-image-alt::before {
  content: "\f428";
}

.bi-image-fill::before {
  content: "\f429";
}

.bi-image::before {
  content: "\f42a";
}

.bi-images::before {
  content: "\f42b";
}

.bi-inbox-fill::before {
  content: "\f42c";
}

.bi-inbox::before {
  content: "\f42d";
}

.bi-inboxes-fill::before {
  content: "\f42e";
}

.bi-inboxes::before {
  content: "\f42f";
}

.bi-info-circle-fill::before {
  content: "\f430";
}

.bi-info-circle::before {
  content: "\f431";
}

.bi-info-square-fill::before {
  content: "\f432";
}

.bi-info-square::before {
  content: "\f433";
}

.bi-info::before {
  content: "\f434";
}

.bi-input-cursor-text::before {
  content: "\f435";
}

.bi-input-cursor::before {
  content: "\f436";
}

.bi-instagram::before {
  content: "\f437";
}

.bi-intersect::before {
  content: "\f438";
}

.bi-journal-album::before {
  content: "\f439";
}

.bi-journal-arrow-down::before {
  content: "\f43a";
}

.bi-journal-arrow-up::before {
  content: "\f43b";
}

.bi-journal-bookmark-fill::before {
  content: "\f43c";
}

.bi-journal-bookmark::before {
  content: "\f43d";
}

.bi-journal-check::before {
  content: "\f43e";
}

.bi-journal-code::before {
  content: "\f43f";
}

.bi-journal-medical::before {
  content: "\f440";
}

.bi-journal-minus::before {
  content: "\f441";
}

.bi-journal-plus::before {
  content: "\f442";
}

.bi-journal-richtext::before {
  content: "\f443";
}

.bi-journal-text::before {
  content: "\f444";
}

.bi-journal-x::before {
  content: "\f445";
}

.bi-journal::before {
  content: "\f446";
}

.bi-journals::before {
  content: "\f447";
}

.bi-joystick::before {
  content: "\f448";
}

.bi-justify-left::before {
  content: "\f449";
}

.bi-justify-right::before {
  content: "\f44a";
}

.bi-justify::before {
  content: "\f44b";
}

.bi-kanban-fill::before {
  content: "\f44c";
}

.bi-kanban::before {
  content: "\f44d";
}

.bi-key-fill::before {
  content: "\f44e";
}

.bi-key::before {
  content: "\f44f";
}

.bi-keyboard-fill::before {
  content: "\f450";
}

.bi-keyboard::before {
  content: "\f451";
}

.bi-ladder::before {
  content: "\f452";
}

.bi-lamp-fill::before {
  content: "\f453";
}

.bi-lamp::before {
  content: "\f454";
}

.bi-laptop-fill::before {
  content: "\f455";
}

.bi-laptop::before {
  content: "\f456";
}

.bi-layer-backward::before {
  content: "\f457";
}

.bi-layer-forward::before {
  content: "\f458";
}

.bi-layers-fill::before {
  content: "\f459";
}

.bi-layers-half::before {
  content: "\f45a";
}

.bi-layers::before {
  content: "\f45b";
}

.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}

.bi-layout-sidebar-inset::before {
  content: "\f45d";
}

.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}

.bi-layout-sidebar::before {
  content: "\f45f";
}

.bi-layout-split::before {
  content: "\f460";
}

.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}

.bi-layout-text-sidebar::before {
  content: "\f462";
}

.bi-layout-text-window-reverse::before {
  content: "\f463";
}

.bi-layout-text-window::before {
  content: "\f464";
}

.bi-layout-three-columns::before {
  content: "\f465";
}

.bi-layout-wtf::before {
  content: "\f466";
}

.bi-life-preserver::before {
  content: "\f467";
}

.bi-lightbulb-fill::before {
  content: "\f468";
}

.bi-lightbulb-off-fill::before {
  content: "\f469";
}

.bi-lightbulb-off::before {
  content: "\f46a";
}

.bi-lightbulb::before {
  content: "\f46b";
}

.bi-lightning-charge-fill::before {
  content: "\f46c";
}

.bi-lightning-charge::before {
  content: "\f46d";
}

.bi-lightning-fill::before {
  content: "\f46e";
}

.bi-lightning::before {
  content: "\f46f";
}

.bi-link-45deg::before {
  content: "\f470";
}

.bi-link::before {
  content: "\f471";
}

.bi-linkedin::before {
  content: "\f472";
}

.bi-list-check::before {
  content: "\f473";
}

.bi-list-nested::before {
  content: "\f474";
}

.bi-list-ol::before {
  content: "\f475";
}

.bi-list-stars::before {
  content: "\f476";
}

.bi-list-task::before {
  content: "\f477";
}

.bi-list-ul::before {
  content: "\f478";
}

.bi-list::before {
  content: "\f479";
}

.bi-lock-fill::before {
  content: "\f47a";
}

.bi-lock::before {
  content: "\f47b";
}

.bi-mailbox::before {
  content: "\f47c";
}

.bi-mailbox2::before {
  content: "\f47d";
}

.bi-map-fill::before {
  content: "\f47e";
}

.bi-map::before {
  content: "\f47f";
}

.bi-markdown-fill::before {
  content: "\f480";
}

.bi-markdown::before {
  content: "\f481";
}

.bi-mask::before {
  content: "\f482";
}

.bi-megaphone-fill::before {
  content: "\f483";
}

.bi-megaphone::before {
  content: "\f484";
}

.bi-menu-app-fill::before {
  content: "\f485";
}

.bi-menu-app::before {
  content: "\f486";
}

.bi-menu-button-fill::before {
  content: "\f487";
}

.bi-menu-button-wide-fill::before {
  content: "\f488";
}

.bi-menu-button-wide::before {
  content: "\f489";
}

.bi-menu-button::before {
  content: "\f48a";
}

.bi-menu-down::before {
  content: "\f48b";
}

.bi-menu-up::before {
  content: "\f48c";
}

.bi-mic-fill::before {
  content: "\f48d";
}

.bi-mic-mute-fill::before {
  content: "\f48e";
}

.bi-mic-mute::before {
  content: "\f48f";
}

.bi-mic::before {
  content: "\f490";
}

.bi-minecart-loaded::before {
  content: "\f491";
}

.bi-minecart::before {
  content: "\f492";
}

.bi-moisture::before {
  content: "\f493";
}

.bi-moon-fill::before {
  content: "\f494";
}

.bi-moon-stars-fill::before {
  content: "\f495";
}

.bi-moon-stars::before {
  content: "\f496";
}

.bi-moon::before {
  content: "\f497";
}

.bi-mouse-fill::before {
  content: "\f498";
}

.bi-mouse::before {
  content: "\f499";
}

.bi-mouse2-fill::before {
  content: "\f49a";
}

.bi-mouse2::before {
  content: "\f49b";
}

.bi-mouse3-fill::before {
  content: "\f49c";
}

.bi-mouse3::before {
  content: "\f49d";
}

.bi-music-note-beamed::before {
  content: "\f49e";
}

.bi-music-note-list::before {
  content: "\f49f";
}

.bi-music-note::before {
  content: "\f4a0";
}

.bi-music-player-fill::before {
  content: "\f4a1";
}

.bi-music-player::before {
  content: "\f4a2";
}

.bi-newspaper::before {
  content: "\f4a3";
}

.bi-node-minus-fill::before {
  content: "\f4a4";
}

.bi-node-minus::before {
  content: "\f4a5";
}

.bi-node-plus-fill::before {
  content: "\f4a6";
}

.bi-node-plus::before {
  content: "\f4a7";
}

.bi-nut-fill::before {
  content: "\f4a8";
}

.bi-nut::before {
  content: "\f4a9";
}

.bi-octagon-fill::before {
  content: "\f4aa";
}

.bi-octagon-half::before {
  content: "\f4ab";
}

.bi-octagon::before {
  content: "\f4ac";
}

.bi-option::before {
  content: "\f4ad";
}

.bi-outlet::before {
  content: "\f4ae";
}

.bi-paint-bucket::before {
  content: "\f4af";
}

.bi-palette-fill::before {
  content: "\f4b0";
}

.bi-palette::before {
  content: "\f4b1";
}

.bi-palette2::before {
  content: "\f4b2";
}

.bi-paperclip::before {
  content: "\f4b3";
}

.bi-paragraph::before {
  content: "\f4b4";
}

.bi-patch-check-fill::before {
  content: "\f4b5";
}

.bi-patch-check::before {
  content: "\f4b6";
}

.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}

.bi-patch-exclamation::before {
  content: "\f4b8";
}

.bi-patch-minus-fill::before {
  content: "\f4b9";
}

.bi-patch-minus::before {
  content: "\f4ba";
}

.bi-patch-plus-fill::before {
  content: "\f4bb";
}

.bi-patch-plus::before {
  content: "\f4bc";
}

.bi-patch-question-fill::before {
  content: "\f4bd";
}

.bi-patch-question::before {
  content: "\f4be";
}

.bi-pause-btn-fill::before {
  content: "\f4bf";
}

.bi-pause-btn::before {
  content: "\f4c0";
}

.bi-pause-circle-fill::before {
  content: "\f4c1";
}

.bi-pause-circle::before {
  content: "\f4c2";
}

.bi-pause-fill::before {
  content: "\f4c3";
}

.bi-pause::before {
  content: "\f4c4";
}

.bi-peace-fill::before {
  content: "\f4c5";
}

.bi-peace::before {
  content: "\f4c6";
}

.bi-pen-fill::before {
  content: "\f4c7";
}

.bi-pen::before {
  content: "\f4c8";
}

.bi-pencil-fill::before {
  content: "\f4c9";
}

.bi-pencil-square::before {
  content: "\f4ca";
}

.bi-pencil::before {
  content: "\f4cb";
}

.bi-pentagon-fill::before {
  content: "\f4cc";
}

.bi-pentagon-half::before {
  content: "\f4cd";
}

.bi-pentagon::before {
  content: "\f4ce";
}

.bi-people-fill::before {
  content: "\f4cf";
}

.bi-people::before {
  content: "\f4d0";
}

.bi-percent::before {
  content: "\f4d1";
}

.bi-person-badge-fill::before {
  content: "\f4d2";
}

.bi-person-badge::before {
  content: "\f4d3";
}

.bi-person-bounding-box::before {
  content: "\f4d4";
}

.bi-person-check-fill::before {
  content: "\f4d5";
}

.bi-person-check::before {
  content: "\f4d6";
}

.bi-person-circle::before {
  content: "\f4d7";
}

.bi-person-dash-fill::before {
  content: "\f4d8";
}

.bi-person-dash::before {
  content: "\f4d9";
}

.bi-person-fill::before {
  content: "\f4da";
}

.bi-person-lines-fill::before {
  content: "\f4db";
}

.bi-person-plus-fill::before {
  content: "\f4dc";
}

.bi-person-plus::before {
  content: "\f4dd";
}

.bi-person-square::before {
  content: "\f4de";
}

.bi-person-x-fill::before {
  content: "\f4df";
}

.bi-person-x::before {
  content: "\f4e0";
}

.bi-person::before {
  content: "\f4e1";
}

.bi-phone-fill::before {
  content: "\f4e2";
}

.bi-phone-landscape-fill::before {
  content: "\f4e3";
}

.bi-phone-landscape::before {
  content: "\f4e4";
}

.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}

.bi-phone-vibrate::before {
  content: "\f4e6";
}

.bi-phone::before {
  content: "\f4e7";
}

.bi-pie-chart-fill::before {
  content: "\f4e8";
}

.bi-pie-chart::before {
  content: "\f4e9";
}

.bi-pin-angle-fill::before {
  content: "\f4ea";
}

.bi-pin-angle::before {
  content: "\f4eb";
}

.bi-pin-fill::before {
  content: "\f4ec";
}

.bi-pin::before {
  content: "\f4ed";
}

.bi-pip-fill::before {
  content: "\f4ee";
}

.bi-pip::before {
  content: "\f4ef";
}

.bi-play-btn-fill::before {
  content: "\f4f0";
}

.bi-play-btn::before {
  content: "\f4f1";
}

.bi-play-circle-fill::before {
  content: "\f4f2";
}

.bi-play-circle::before {
  content: "\f4f3";
}

.bi-play-fill::before {
  content: "\f4f4";
}

.bi-play::before {
  content: "\f4f5";
}

.bi-plug-fill::before {
  content: "\f4f6";
}

.bi-plug::before {
  content: "\f4f7";
}

.bi-plus-circle-dotted::before {
  content: "\f4f8";
}

.bi-plus-circle-fill::before {
  content: "\f4f9";
}

.bi-plus-circle::before {
  content: "\f4fa";
}

.bi-plus-square-dotted::before {
  content: "\f4fb";
}

.bi-plus-square-fill::before {
  content: "\f4fc";
}

.bi-plus-square::before {
  content: "\f4fd";
}

.bi-plus::before {
  content: "\f4fe";
}

.bi-power::before {
  content: "\f4ff";
}

.bi-printer-fill::before {
  content: "\f500";
}

.bi-printer::before {
  content: "\f501";
}

.bi-puzzle-fill::before {
  content: "\f502";
}

.bi-puzzle::before {
  content: "\f503";
}

.bi-question-circle-fill::before {
  content: "\f504";
}

.bi-question-circle::before {
  content: "\f505";
}

.bi-question-diamond-fill::before {
  content: "\f506";
}

.bi-question-diamond::before {
  content: "\f507";
}

.bi-question-octagon-fill::before {
  content: "\f508";
}

.bi-question-octagon::before {
  content: "\f509";
}

.bi-question-square-fill::before {
  content: "\f50a";
}

.bi-question-square::before {
  content: "\f50b";
}

.bi-question::before {
  content: "\f50c";
}

.bi-rainbow::before {
  content: "\f50d";
}

.bi-receipt-cutoff::before {
  content: "\f50e";
}

.bi-receipt::before {
  content: "\f50f";
}

.bi-reception-0::before {
  content: "\f510";
}

.bi-reception-1::before {
  content: "\f511";
}

.bi-reception-2::before {
  content: "\f512";
}

.bi-reception-3::before {
  content: "\f513";
}

.bi-reception-4::before {
  content: "\f514";
}

.bi-record-btn-fill::before {
  content: "\f515";
}

.bi-record-btn::before {
  content: "\f516";
}

.bi-record-circle-fill::before {
  content: "\f517";
}

.bi-record-circle::before {
  content: "\f518";
}

.bi-record-fill::before {
  content: "\f519";
}

.bi-record::before {
  content: "\f51a";
}

.bi-record2-fill::before {
  content: "\f51b";
}

.bi-record2::before {
  content: "\f51c";
}

.bi-reply-all-fill::before {
  content: "\f51d";
}

.bi-reply-all::before {
  content: "\f51e";
}

.bi-reply-fill::before {
  content: "\f51f";
}

.bi-reply::before {
  content: "\f520";
}

.bi-rss-fill::before {
  content: "\f521";
}

.bi-rss::before {
  content: "\f522";
}

.bi-rulers::before {
  content: "\f523";
}

.bi-save-fill::before {
  content: "\f524";
}

.bi-save::before {
  content: "\f525";
}

.bi-save2-fill::before {
  content: "\f526";
}

.bi-save2::before {
  content: "\f527";
}

.bi-scissors::before {
  content: "\f528";
}

.bi-screwdriver::before {
  content: "\f529";
}

.bi-search::before {
  content: "\f52a";
}

.bi-segmented-nav::before {
  content: "\f52b";
}

.bi-server::before {
  content: "\f52c";
}

.bi-share-fill::before {
  content: "\f52d";
}

.bi-share::before {
  content: "\f52e";
}

.bi-shield-check::before {
  content: "\f52f";
}

.bi-shield-exclamation::before {
  content: "\f530";
}

.bi-shield-fill-check::before {
  content: "\f531";
}

.bi-shield-fill-exclamation::before {
  content: "\f532";
}

.bi-shield-fill-minus::before {
  content: "\f533";
}

.bi-shield-fill-plus::before {
  content: "\f534";
}

.bi-shield-fill-x::before {
  content: "\f535";
}

.bi-shield-fill::before {
  content: "\f536";
}

.bi-shield-lock-fill::before {
  content: "\f537";
}

.bi-shield-lock::before {
  content: "\f538";
}

.bi-shield-minus::before {
  content: "\f539";
}

.bi-shield-plus::before {
  content: "\f53a";
}

.bi-shield-shaded::before {
  content: "\f53b";
}

.bi-shield-slash-fill::before {
  content: "\f53c";
}

.bi-shield-slash::before {
  content: "\f53d";
}

.bi-shield-x::before {
  content: "\f53e";
}

.bi-shield::before {
  content: "\f53f";
}

.bi-shift-fill::before {
  content: "\f540";
}

.bi-shift::before {
  content: "\f541";
}

.bi-shop-window::before {
  content: "\f542";
}

.bi-shop::before {
  content: "\f543";
}

.bi-shuffle::before {
  content: "\f544";
}

.bi-signpost-2-fill::before {
  content: "\f545";
}

.bi-signpost-2::before {
  content: "\f546";
}

.bi-signpost-fill::before {
  content: "\f547";
}

.bi-signpost-split-fill::before {
  content: "\f548";
}

.bi-signpost-split::before {
  content: "\f549";
}

.bi-signpost::before {
  content: "\f54a";
}

.bi-sim-fill::before {
  content: "\f54b";
}

.bi-sim::before {
  content: "\f54c";
}

.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}

.bi-skip-backward-btn::before {
  content: "\f54e";
}

.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}

.bi-skip-backward-circle::before {
  content: "\f550";
}

.bi-skip-backward-fill::before {
  content: "\f551";
}

.bi-skip-backward::before {
  content: "\f552";
}

.bi-skip-end-btn-fill::before {
  content: "\f553";
}

.bi-skip-end-btn::before {
  content: "\f554";
}

.bi-skip-end-circle-fill::before {
  content: "\f555";
}

.bi-skip-end-circle::before {
  content: "\f556";
}

.bi-skip-end-fill::before {
  content: "\f557";
}

.bi-skip-end::before {
  content: "\f558";
}

.bi-skip-forward-btn-fill::before {
  content: "\f559";
}

.bi-skip-forward-btn::before {
  content: "\f55a";
}

.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}

.bi-skip-forward-circle::before {
  content: "\f55c";
}

.bi-skip-forward-fill::before {
  content: "\f55d";
}

.bi-skip-forward::before {
  content: "\f55e";
}

.bi-skip-start-btn-fill::before {
  content: "\f55f";
}

.bi-skip-start-btn::before {
  content: "\f560";
}

.bi-skip-start-circle-fill::before {
  content: "\f561";
}

.bi-skip-start-circle::before {
  content: "\f562";
}

.bi-skip-start-fill::before {
  content: "\f563";
}

.bi-skip-start::before {
  content: "\f564";
}

.bi-slack::before {
  content: "\f565";
}

.bi-slash-circle-fill::before {
  content: "\f566";
}

.bi-slash-circle::before {
  content: "\f567";
}

.bi-slash-square-fill::before {
  content: "\f568";
}

.bi-slash-square::before {
  content: "\f569";
}

.bi-slash::before {
  content: "\f56a";
}

.bi-sliders::before {
  content: "\f56b";
}

.bi-smartwatch::before {
  content: "\f56c";
}

.bi-snow::before {
  content: "\f56d";
}

.bi-snow2::before {
  content: "\f56e";
}

.bi-snow3::before {
  content: "\f56f";
}

.bi-sort-alpha-down-alt::before {
  content: "\f570";
}

.bi-sort-alpha-down::before {
  content: "\f571";
}

.bi-sort-alpha-up-alt::before {
  content: "\f572";
}

.bi-sort-alpha-up::before {
  content: "\f573";
}

.bi-sort-down-alt::before {
  content: "\f574";
}

.bi-sort-down::before {
  content: "\f575";
}

.bi-sort-numeric-down-alt::before {
  content: "\f576";
}

.bi-sort-numeric-down::before {
  content: "\f577";
}

.bi-sort-numeric-up-alt::before {
  content: "\f578";
}

.bi-sort-numeric-up::before {
  content: "\f579";
}

.bi-sort-up-alt::before {
  content: "\f57a";
}

.bi-sort-up::before {
  content: "\f57b";
}

.bi-soundwave::before {
  content: "\f57c";
}

.bi-speaker-fill::before {
  content: "\f57d";
}

.bi-speaker::before {
  content: "\f57e";
}

.bi-speedometer::before {
  content: "\f57f";
}

.bi-speedometer2::before {
  content: "\f580";
}

.bi-spellcheck::before {
  content: "\f581";
}

.bi-square-fill::before {
  content: "\f582";
}

.bi-square-half::before {
  content: "\f583";
}

.bi-square::before {
  content: "\f584";
}

.bi-stack::before {
  content: "\f585";
}

.bi-star-fill::before {
  content: "\f586";
}

.bi-star-half::before {
  content: "\f587";
}

.bi-star::before {
  content: "\f588";
}

.bi-stars::before {
  content: "\f589";
}

.bi-stickies-fill::before {
  content: "\f58a";
}

.bi-stickies::before {
  content: "\f58b";
}

.bi-sticky-fill::before {
  content: "\f58c";
}

.bi-sticky::before {
  content: "\f58d";
}

.bi-stop-btn-fill::before {
  content: "\f58e";
}

.bi-stop-btn::before {
  content: "\f58f";
}

.bi-stop-circle-fill::before {
  content: "\f590";
}

.bi-stop-circle::before {
  content: "\f591";
}

.bi-stop-fill::before {
  content: "\f592";
}

.bi-stop::before {
  content: "\f593";
}

.bi-stoplights-fill::before {
  content: "\f594";
}

.bi-stoplights::before {
  content: "\f595";
}

.bi-stopwatch-fill::before {
  content: "\f596";
}

.bi-stopwatch::before {
  content: "\f597";
}

.bi-subtract::before {
  content: "\f598";
}

.bi-suit-club-fill::before {
  content: "\f599";
}

.bi-suit-club::before {
  content: "\f59a";
}

.bi-suit-diamond-fill::before {
  content: "\f59b";
}

.bi-suit-diamond::before {
  content: "\f59c";
}

.bi-suit-heart-fill::before {
  content: "\f59d";
}

.bi-suit-heart::before {
  content: "\f59e";
}

.bi-suit-spade-fill::before {
  content: "\f59f";
}

.bi-suit-spade::before {
  content: "\f5a0";
}

.bi-sun-fill::before {
  content: "\f5a1";
}

.bi-sun::before {
  content: "\f5a2";
}

.bi-sunglasses::before {
  content: "\f5a3";
}

.bi-sunrise-fill::before {
  content: "\f5a4";
}

.bi-sunrise::before {
  content: "\f5a5";
}

.bi-sunset-fill::before {
  content: "\f5a6";
}

.bi-sunset::before {
  content: "\f5a7";
}

.bi-symmetry-horizontal::before {
  content: "\f5a8";
}

.bi-symmetry-vertical::before {
  content: "\f5a9";
}

.bi-table::before {
  content: "\f5aa";
}

.bi-tablet-fill::before {
  content: "\f5ab";
}

.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}

.bi-tablet-landscape::before {
  content: "\f5ad";
}

.bi-tablet::before {
  content: "\f5ae";
}

.bi-tag-fill::before {
  content: "\f5af";
}

.bi-tag::before {
  content: "\f5b0";
}

.bi-tags-fill::before {
  content: "\f5b1";
}

.bi-tags::before {
  content: "\f5b2";
}

.bi-telegram::before {
  content: "\f5b3";
}

.bi-telephone-fill::before {
  content: "\f5b4";
}

.bi-telephone-forward-fill::before {
  content: "\f5b5";
}

.bi-telephone-forward::before {
  content: "\f5b6";
}

.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}

.bi-telephone-inbound::before {
  content: "\f5b8";
}

.bi-telephone-minus-fill::before {
  content: "\f5b9";
}

.bi-telephone-minus::before {
  content: "\f5ba";
}

.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}

.bi-telephone-outbound::before {
  content: "\f5bc";
}

.bi-telephone-plus-fill::before {
  content: "\f5bd";
}

.bi-telephone-plus::before {
  content: "\f5be";
}

.bi-telephone-x-fill::before {
  content: "\f5bf";
}

.bi-telephone-x::before {
  content: "\f5c0";
}

.bi-telephone::before {
  content: "\f5c1";
}

.bi-terminal-fill::before {
  content: "\f5c2";
}

.bi-terminal::before {
  content: "\f5c3";
}

.bi-text-center::before {
  content: "\f5c4";
}

.bi-text-indent-left::before {
  content: "\f5c5";
}

.bi-text-indent-right::before {
  content: "\f5c6";
}

.bi-text-left::before {
  content: "\f5c7";
}

.bi-text-paragraph::before {
  content: "\f5c8";
}

.bi-text-right::before {
  content: "\f5c9";
}

.bi-textarea-resize::before {
  content: "\f5ca";
}

.bi-textarea-t::before {
  content: "\f5cb";
}

.bi-textarea::before {
  content: "\f5cc";
}

.bi-thermometer-half::before {
  content: "\f5cd";
}

.bi-thermometer-high::before {
  content: "\f5ce";
}

.bi-thermometer-low::before {
  content: "\f5cf";
}

.bi-thermometer-snow::before {
  content: "\f5d0";
}

.bi-thermometer-sun::before {
  content: "\f5d1";
}

.bi-thermometer::before {
  content: "\f5d2";
}

.bi-three-dots-vertical::before {
  content: "\f5d3";
}

.bi-three-dots::before {
  content: "\f5d4";
}

.bi-toggle-off::before {
  content: "\f5d5";
}

.bi-toggle-on::before {
  content: "\f5d6";
}

.bi-toggle2-off::before {
  content: "\f5d7";
}

.bi-toggle2-on::before {
  content: "\f5d8";
}

.bi-toggles::before {
  content: "\f5d9";
}

.bi-toggles2::before {
  content: "\f5da";
}

.bi-tools::before {
  content: "\f5db";
}

.bi-tornado::before {
  content: "\f5dc";
}

.bi-trash-fill::before {
  content: "\f5dd";
}

.bi-trash::before {
  content: "\f5de";
}

.bi-trash2-fill::before {
  content: "\f5df";
}

.bi-trash2::before {
  content: "\f5e0";
}

.bi-tree-fill::before {
  content: "\f5e1";
}

.bi-tree::before {
  content: "\f5e2";
}

.bi-triangle-fill::before {
  content: "\f5e3";
}

.bi-triangle-half::before {
  content: "\f5e4";
}

.bi-triangle::before {
  content: "\f5e5";
}

.bi-trophy-fill::before {
  content: "\f5e6";
}

.bi-trophy::before {
  content: "\f5e7";
}

.bi-tropical-storm::before {
  content: "\f5e8";
}

.bi-truck-flatbed::before {
  content: "\f5e9";
}

.bi-truck::before {
  content: "\f5ea";
}

.bi-tsunami::before {
  content: "\f5eb";
}

.bi-tv-fill::before {
  content: "\f5ec";
}

.bi-tv::before {
  content: "\f5ed";
}

.bi-twitch::before {
  content: "\f5ee";
}

.bi-twitter::before {
  content: "\f5ef";
}

.bi-type-bold::before {
  content: "\f5f0";
}

.bi-type-h1::before {
  content: "\f5f1";
}

.bi-type-h2::before {
  content: "\f5f2";
}

.bi-type-h3::before {
  content: "\f5f3";
}

.bi-type-italic::before {
  content: "\f5f4";
}

.bi-type-strikethrough::before {
  content: "\f5f5";
}

.bi-type-underline::before {
  content: "\f5f6";
}

.bi-type::before {
  content: "\f5f7";
}

.bi-ui-checks-grid::before {
  content: "\f5f8";
}

.bi-ui-checks::before {
  content: "\f5f9";
}

.bi-ui-radios-grid::before {
  content: "\f5fa";
}

.bi-ui-radios::before {
  content: "\f5fb";
}

.bi-umbrella-fill::before {
  content: "\f5fc";
}

.bi-umbrella::before {
  content: "\f5fd";
}

.bi-union::before {
  content: "\f5fe";
}

.bi-unlock-fill::before {
  content: "\f5ff";
}

.bi-unlock::before {
  content: "\f600";
}

.bi-upc-scan::before {
  content: "\f601";
}

.bi-upc::before {
  content: "\f602";
}

.bi-upload::before {
  content: "\f603";
}

.bi-vector-pen::before {
  content: "\f604";
}

.bi-view-list::before {
  content: "\f605";
}

.bi-view-stacked::before {
  content: "\f606";
}

.bi-vinyl-fill::before {
  content: "\f607";
}

.bi-vinyl::before {
  content: "\f608";
}

.bi-voicemail::before {
  content: "\f609";
}

.bi-volume-down-fill::before {
  content: "\f60a";
}

.bi-volume-down::before {
  content: "\f60b";
}

.bi-volume-mute-fill::before {
  content: "\f60c";
}

.bi-volume-mute::before {
  content: "\f60d";
}

.bi-volume-off-fill::before {
  content: "\f60e";
}

.bi-volume-off::before {
  content: "\f60f";
}

.bi-volume-up-fill::before {
  content: "\f610";
}

.bi-volume-up::before {
  content: "\f611";
}

.bi-vr::before {
  content: "\f612";
}

.bi-wallet-fill::before {
  content: "\f613";
}

.bi-wallet::before {
  content: "\f614";
}

.bi-wallet2::before {
  content: "\f615";
}

.bi-watch::before {
  content: "\f616";
}

.bi-water::before {
  content: "\f617";
}

.bi-whatsapp::before {
  content: "\f618";
}

.bi-wifi-1::before {
  content: "\f619";
}

.bi-wifi-2::before {
  content: "\f61a";
}

.bi-wifi-off::before {
  content: "\f61b";
}

.bi-wifi::before {
  content: "\f61c";
}

.bi-wind::before {
  content: "\f61d";
}

.bi-window-dock::before {
  content: "\f61e";
}

.bi-window-sidebar::before {
  content: "\f61f";
}

.bi-window::before {
  content: "\f620";
}

.bi-wrench::before {
  content: "\f621";
}

.bi-x-circle-fill::before {
  content: "\f622";
}

.bi-x-circle::before {
  content: "\f623";
}

.bi-x-diamond-fill::before {
  content: "\f624";
}

.bi-x-diamond::before {
  content: "\f625";
}

.bi-x-octagon-fill::before {
  content: "\f626";
}

.bi-x-octagon::before {
  content: "\f627";
}

.bi-x-square-fill::before {
  content: "\f628";
}

.bi-x-square::before {
  content: "\f629";
}

.bi-x::before {
  content: "\f62a";
}

.bi-youtube::before {
  content: "\f62b";
}

.bi-zoom-in::before {
  content: "\f62c";
}

.bi-zoom-out::before {
  content: "\f62d";
}

.bi-bank::before {
  content: "\f62e";
}

.bi-bank2::before {
  content: "\f62f";
}

.bi-bell-slash-fill::before {
  content: "\f630";
}

.bi-bell-slash::before {
  content: "\f631";
}

.bi-cash-coin::before {
  content: "\f632";
}

.bi-check-lg::before {
  content: "\f633";
}

.bi-coin::before {
  content: "\f634";
}

.bi-currency-bitcoin::before {
  content: "\f635";
}

.bi-currency-dollar::before {
  content: "\f636";
}

.bi-currency-euro::before {
  content: "\f637";
}

.bi-currency-exchange::before {
  content: "\f638";
}

.bi-currency-pound::before {
  content: "\f639";
}

.bi-currency-yen::before {
  content: "\f63a";
}

.bi-dash-lg::before {
  content: "\f63b";
}

.bi-exclamation-lg::before {
  content: "\f63c";
}

.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}

.bi-file-earmark-pdf::before {
  content: "\f63e";
}

.bi-file-pdf-fill::before {
  content: "\f63f";
}

.bi-file-pdf::before {
  content: "\f640";
}

.bi-gender-ambiguous::before {
  content: "\f641";
}

.bi-gender-female::before {
  content: "\f642";
}

.bi-gender-male::before {
  content: "\f643";
}

.bi-gender-trans::before {
  content: "\f644";
}

.bi-headset-vr::before {
  content: "\f645";
}

.bi-info-lg::before {
  content: "\f646";
}

.bi-mastodon::before {
  content: "\f647";
}

.bi-messenger::before {
  content: "\f648";
}

.bi-piggy-bank-fill::before {
  content: "\f649";
}

.bi-piggy-bank::before {
  content: "\f64a";
}

.bi-pin-map-fill::before {
  content: "\f64b";
}

.bi-pin-map::before {
  content: "\f64c";
}

.bi-plus-lg::before {
  content: "\f64d";
}

.bi-question-lg::before {
  content: "\f64e";
}

.bi-recycle::before {
  content: "\f64f";
}

.bi-reddit::before {
  content: "\f650";
}

.bi-safe-fill::before {
  content: "\f651";
}

.bi-safe2-fill::before {
  content: "\f652";
}

.bi-safe2::before {
  content: "\f653";
}

.bi-sd-card-fill::before {
  content: "\f654";
}

.bi-sd-card::before {
  content: "\f655";
}

.bi-skype::before {
  content: "\f656";
}

.bi-slash-lg::before {
  content: "\f657";
}

.bi-translate::before {
  content: "\f658";
}

.bi-x-lg::before {
  content: "\f659";
}

.bi-safe::before {
  content: "\f65a";
}

.bi-apple::before {
  content: "\f65b";
}

.bi-microsoft::before {
  content: "\f65d";
}

.bi-windows::before {
  content: "\f65e";
}

.bi-behance::before {
  content: "\f65c";
}

.bi-dribbble::before {
  content: "\f65f";
}

.bi-line::before {
  content: "\f660";
}

.bi-medium::before {
  content: "\f661";
}

.bi-paypal::before {
  content: "\f662";
}

.bi-pinterest::before {
  content: "\f663";
}

.bi-signal::before {
  content: "\f664";
}

.bi-snapchat::before {
  content: "\f665";
}

.bi-spotify::before {
  content: "\f666";
}

.bi-stack-overflow::before {
  content: "\f667";
}

.bi-strava::before {
  content: "\f668";
}

.bi-wordpress::before {
  content: "\f669";
}

.bi-vimeo::before {
  content: "\f66a";
}

.bi-activity::before {
  content: "\f66b";
}

.bi-easel2-fill::before {
  content: "\f66c";
}

.bi-easel2::before {
  content: "\f66d";
}

.bi-easel3-fill::before {
  content: "\f66e";
}

.bi-easel3::before {
  content: "\f66f";
}

.bi-fan::before {
  content: "\f670";
}

.bi-fingerprint::before {
  content: "\f671";
}

.bi-graph-down-arrow::before {
  content: "\f672";
}

.bi-graph-up-arrow::before {
  content: "\f673";
}

.bi-hypnotize::before {
  content: "\f674";
}

.bi-magic::before {
  content: "\f675";
}

.bi-person-rolodex::before {
  content: "\f676";
}

.bi-person-video::before {
  content: "\f677";
}

.bi-person-video2::before {
  content: "\f678";
}

.bi-person-video3::before {
  content: "\f679";
}

.bi-person-workspace::before {
  content: "\f67a";
}

.bi-radioactive::before {
  content: "\f67b";
}

.bi-webcam-fill::before {
  content: "\f67c";
}

.bi-webcam::before {
  content: "\f67d";
}

.bi-yin-yang::before {
  content: "\f67e";
}

.bi-bandaid-fill::before {
  content: "\f680";
}

.bi-bandaid::before {
  content: "\f681";
}

.bi-bluetooth::before {
  content: "\f682";
}

.bi-body-text::before {
  content: "\f683";
}

.bi-boombox::before {
  content: "\f684";
}

.bi-boxes::before {
  content: "\f685";
}

.bi-dpad-fill::before {
  content: "\f686";
}

.bi-dpad::before {
  content: "\f687";
}

.bi-ear-fill::before {
  content: "\f688";
}

.bi-ear::before {
  content: "\f689";
}

.bi-envelope-check-1::before {
  content: "\f68a";
}

.bi-envelope-check-fill::before {
  content: "\f68b";
}

.bi-envelope-check::before {
  content: "\f68c";
}

.bi-envelope-dash-1::before {
  content: "\f68d";
}

.bi-envelope-dash-fill::before {
  content: "\f68e";
}

.bi-envelope-dash::before {
  content: "\f68f";
}

.bi-envelope-exclamation-1::before {
  content: "\f690";
}

.bi-envelope-exclamation-fill::before {
  content: "\f691";
}

.bi-envelope-exclamation::before {
  content: "\f692";
}

.bi-envelope-plus-fill::before {
  content: "\f693";
}

.bi-envelope-plus::before {
  content: "\f694";
}

.bi-envelope-slash-1::before {
  content: "\f695";
}

.bi-envelope-slash-fill::before {
  content: "\f696";
}

.bi-envelope-slash::before {
  content: "\f697";
}

.bi-envelope-x-1::before {
  content: "\f698";
}

.bi-envelope-x-fill::before {
  content: "\f699";
}

.bi-envelope-x::before {
  content: "\f69a";
}

.bi-explicit-fill::before {
  content: "\f69b";
}

.bi-explicit::before {
  content: "\f69c";
}

.bi-git::before {
  content: "\f69d";
}

.bi-infinity::before {
  content: "\f69e";
}

.bi-list-columns-reverse::before {
  content: "\f69f";
}

.bi-list-columns::before {
  content: "\f6a0";
}

.bi-meta::before {
  content: "\f6a1";
}

.bi-mortorboard-fill::before {
  content: "\f6a2";
}

.bi-mortorboard::before {
  content: "\f6a3";
}

.bi-nintendo-switch::before {
  content: "\f6a4";
}

.bi-pc-display-horizontal::before {
  content: "\f6a5";
}

.bi-pc-display::before {
  content: "\f6a6";
}

.bi-pc-horizontal::before {
  content: "\f6a7";
}

.bi-pc::before {
  content: "\f6a8";
}

.bi-playstation::before {
  content: "\f6a9";
}

.bi-plus-slash-minus::before {
  content: "\f6aa";
}

.bi-projector-fill::before {
  content: "\f6ab";
}

.bi-projector::before {
  content: "\f6ac";
}

.bi-qr-code-scan::before {
  content: "\f6ad";
}

.bi-qr-code::before {
  content: "\f6ae";
}

.bi-quora::before {
  content: "\f6af";
}

.bi-quote::before {
  content: "\f6b0";
}

.bi-robot::before {
  content: "\f6b1";
}

.bi-send-check-fill::before {
  content: "\f6b2";
}

.bi-send-check::before {
  content: "\f6b3";
}

.bi-send-dash-fill::before {
  content: "\f6b4";
}

.bi-send-dash::before {
  content: "\f6b5";
}

.bi-send-exclamation-1::before {
  content: "\f6b6";
}

.bi-send-exclamation-fill::before {
  content: "\f6b7";
}

.bi-send-exclamation::before {
  content: "\f6b8";
}

.bi-send-fill::before {
  content: "\f6b9";
}

.bi-send-plus-fill::before {
  content: "\f6ba";
}

.bi-send-plus::before {
  content: "\f6bb";
}

.bi-send-slash-fill::before {
  content: "\f6bc";
}

.bi-send-slash::before {
  content: "\f6bd";
}

.bi-send-x-fill::before {
  content: "\f6be";
}

.bi-send-x::before {
  content: "\f6bf";
}

.bi-send::before {
  content: "\f6c0";
}

.bi-steam::before {
  content: "\f6c1";
}

.bi-terminal-dash-1::before {
  content: "\f6c2";
}

.bi-terminal-dash::before {
  content: "\f6c3";
}

.bi-terminal-plus::before {
  content: "\f6c4";
}

.bi-terminal-split::before {
  content: "\f6c5";
}

.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}

.bi-ticket-detailed::before {
  content: "\f6c7";
}

.bi-ticket-fill::before {
  content: "\f6c8";
}

.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}

.bi-ticket-perforated::before {
  content: "\f6ca";
}

.bi-ticket::before {
  content: "\f6cb";
}

.bi-tiktok::before {
  content: "\f6cc";
}

.bi-window-dash::before {
  content: "\f6cd";
}

.bi-window-desktop::before {
  content: "\f6ce";
}

.bi-window-fullscreen::before {
  content: "\f6cf";
}

.bi-window-plus::before {
  content: "\f6d0";
}

.bi-window-split::before {
  content: "\f6d1";
}

.bi-window-stack::before {
  content: "\f6d2";
}

.bi-window-x::before {
  content: "\f6d3";
}

.bi-xbox::before {
  content: "\f6d4";
}

.bi-ethernet::before {
  content: "\f6d5";
}

.bi-hdmi-fill::before {
  content: "\f6d6";
}

.bi-hdmi::before {
  content: "\f6d7";
}

.bi-usb-c-fill::before {
  content: "\f6d8";
}

.bi-usb-c::before {
  content: "\f6d9";
}

.bi-usb-fill::before {
  content: "\f6da";
}

.bi-usb-plug-fill::before {
  content: "\f6db";
}

.bi-usb-plug::before {
  content: "\f6dc";
}

.bi-usb-symbol::before {
  content: "\f6dd";
}

.bi-usb::before {
  content: "\f6de";
}

.bi-boombox-fill::before {
  content: "\f6df";
}

.bi-displayport-1::before {
  content: "\f6e0";
}

.bi-displayport::before {
  content: "\f6e1";
}

.bi-gpu-card::before {
  content: "\f6e2";
}

.bi-memory::before {
  content: "\f6e3";
}

.bi-modem-fill::before {
  content: "\f6e4";
}

.bi-modem::before {
  content: "\f6e5";
}

.bi-motherboard-fill::before {
  content: "\f6e6";
}

.bi-motherboard::before {
  content: "\f6e7";
}

.bi-optical-audio-fill::before {
  content: "\f6e8";
}

.bi-optical-audio::before {
  content: "\f6e9";
}

.bi-pci-card::before {
  content: "\f6ea";
}

.bi-router-fill::before {
  content: "\f6eb";
}

.bi-router::before {
  content: "\f6ec";
}

.bi-ssd-fill::before {
  content: "\f6ed";
}

.bi-ssd::before {
  content: "\f6ee";
}

.bi-thunderbolt-fill::before {
  content: "\f6ef";
}

.bi-thunderbolt::before {
  content: "\f6f0";
}

.bi-usb-drive-fill::before {
  content: "\f6f1";
}

.bi-usb-drive::before {
  content: "\f6f2";
}

.bi-usb-micro-fill::before {
  content: "\f6f3";
}

.bi-usb-micro::before {
  content: "\f6f4";
}

.bi-usb-mini-fill::before {
  content: "\f6f5";
}

.bi-usb-mini::before {
  content: "\f6f6";
}

.bi-cloud-haze2::before {
  content: "\f6f7";
}

.bi-device-hdd-fill::before {
  content: "\f6f8";
}

.bi-device-hdd::before {
  content: "\f6f9";
}

.bi-device-ssd-fill::before {
  content: "\f6fa";
}

.bi-device-ssd::before {
  content: "\f6fb";
}

.bi-displayport-fill::before {
  content: "\f6fc";
}

.bi-mortarboard-fill::before {
  content: "\f6fd";
}

.bi-mortarboard::before {
  content: "\f6fe";
}

.bi-terminal-x::before {
  content: "\f6ff";
}

.bi-arrow-through-heart-fill::before {
  content: "\f700";
}

.bi-arrow-through-heart::before {
  content: "\f701";
}

.bi-badge-sd-fill::before {
  content: "\f702";
}

.bi-badge-sd::before {
  content: "\f703";
}

.bi-bag-heart-fill::before {
  content: "\f704";
}

.bi-bag-heart::before {
  content: "\f705";
}

.bi-balloon-fill::before {
  content: "\f706";
}

.bi-balloon-heart-fill::before {
  content: "\f707";
}

.bi-balloon-heart::before {
  content: "\f708";
}

.bi-balloon::before {
  content: "\f709";
}

.bi-box2-fill::before {
  content: "\f70a";
}

.bi-box2-heart-fill::before {
  content: "\f70b";
}

.bi-box2-heart::before {
  content: "\f70c";
}

.bi-box2::before {
  content: "\f70d";
}

.bi-braces-asterisk::before {
  content: "\f70e";
}

.bi-calendar-heart-fill::before {
  content: "\f70f";
}

.bi-calendar-heart::before {
  content: "\f710";
}

.bi-calendar2-heart-fill::before {
  content: "\f711";
}

.bi-calendar2-heart::before {
  content: "\f712";
}

.bi-chat-heart-fill::before {
  content: "\f713";
}

.bi-chat-heart::before {
  content: "\f714";
}

.bi-chat-left-heart-fill::before {
  content: "\f715";
}

.bi-chat-left-heart::before {
  content: "\f716";
}

.bi-chat-right-heart-fill::before {
  content: "\f717";
}

.bi-chat-right-heart::before {
  content: "\f718";
}

.bi-chat-square-heart-fill::before {
  content: "\f719";
}

.bi-chat-square-heart::before {
  content: "\f71a";
}

.bi-clipboard-check-fill::before {
  content: "\f71b";
}

.bi-clipboard-data-fill::before {
  content: "\f71c";
}

.bi-clipboard-fill::before {
  content: "\f71d";
}

.bi-clipboard-heart-fill::before {
  content: "\f71e";
}

.bi-clipboard-heart::before {
  content: "\f71f";
}

.bi-clipboard-minus-fill::before {
  content: "\f720";
}

.bi-clipboard-plus-fill::before {
  content: "\f721";
}

.bi-clipboard-pulse::before {
  content: "\f722";
}

.bi-clipboard-x-fill::before {
  content: "\f723";
}

.bi-clipboard2-check-fill::before {
  content: "\f724";
}

.bi-clipboard2-check::before {
  content: "\f725";
}

.bi-clipboard2-data-fill::before {
  content: "\f726";
}

.bi-clipboard2-data::before {
  content: "\f727";
}

.bi-clipboard2-fill::before {
  content: "\f728";
}

.bi-clipboard2-heart-fill::before {
  content: "\f729";
}

.bi-clipboard2-heart::before {
  content: "\f72a";
}

.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}

.bi-clipboard2-minus::before {
  content: "\f72c";
}

.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}

.bi-clipboard2-plus::before {
  content: "\f72e";
}

.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}

.bi-clipboard2-pulse::before {
  content: "\f730";
}

.bi-clipboard2-x-fill::before {
  content: "\f731";
}

.bi-clipboard2-x::before {
  content: "\f732";
}

.bi-clipboard2::before {
  content: "\f733";
}

.bi-emoji-kiss-fill::before {
  content: "\f734";
}

.bi-emoji-kiss::before {
  content: "\f735";
}

.bi-envelope-heart-fill::before {
  content: "\f736";
}

.bi-envelope-heart::before {
  content: "\f737";
}

.bi-envelope-open-heart-fill::before {
  content: "\f738";
}

.bi-envelope-open-heart::before {
  content: "\f739";
}

.bi-envelope-paper-fill::before {
  content: "\f73a";
}

.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}

.bi-envelope-paper-heart::before {
  content: "\f73c";
}

.bi-envelope-paper::before {
  content: "\f73d";
}

.bi-filetype-aac::before {
  content: "\f73e";
}

.bi-filetype-ai::before {
  content: "\f73f";
}

.bi-filetype-bmp::before {
  content: "\f740";
}

.bi-filetype-cs::before {
  content: "\f741";
}

.bi-filetype-css::before {
  content: "\f742";
}

.bi-filetype-csv::before {
  content: "\f743";
}

.bi-filetype-doc::before {
  content: "\f744";
}

.bi-filetype-docx::before {
  content: "\f745";
}

.bi-filetype-exe::before {
  content: "\f746";
}

.bi-filetype-gif::before {
  content: "\f747";
}

.bi-filetype-heic::before {
  content: "\f748";
}

.bi-filetype-html::before {
  content: "\f749";
}

.bi-filetype-java::before {
  content: "\f74a";
}

.bi-filetype-jpg::before {
  content: "\f74b";
}

.bi-filetype-js::before {
  content: "\f74c";
}

.bi-filetype-jsx::before {
  content: "\f74d";
}

.bi-filetype-key::before {
  content: "\f74e";
}

.bi-filetype-m4p::before {
  content: "\f74f";
}

.bi-filetype-md::before {
  content: "\f750";
}

.bi-filetype-mdx::before {
  content: "\f751";
}

.bi-filetype-mov::before {
  content: "\f752";
}

.bi-filetype-mp3::before {
  content: "\f753";
}

.bi-filetype-mp4::before {
  content: "\f754";
}

.bi-filetype-otf::before {
  content: "\f755";
}

.bi-filetype-pdf::before {
  content: "\f756";
}

.bi-filetype-php::before {
  content: "\f757";
}

.bi-filetype-png::before {
  content: "\f758";
}

.bi-filetype-ppt-1::before {
  content: "\f759";
}

.bi-filetype-ppt::before {
  content: "\f75a";
}

.bi-filetype-psd::before {
  content: "\f75b";
}

.bi-filetype-py::before {
  content: "\f75c";
}

.bi-filetype-raw::before {
  content: "\f75d";
}

.bi-filetype-rb::before {
  content: "\f75e";
}

.bi-filetype-sass::before {
  content: "\f75f";
}

.bi-filetype-scss::before {
  content: "\f760";
}

.bi-filetype-sh::before {
  content: "\f761";
}

.bi-filetype-svg::before {
  content: "\f762";
}

.bi-filetype-tiff::before {
  content: "\f763";
}

.bi-filetype-tsx::before {
  content: "\f764";
}

.bi-filetype-ttf::before {
  content: "\f765";
}

.bi-filetype-txt::before {
  content: "\f766";
}

.bi-filetype-wav::before {
  content: "\f767";
}

.bi-filetype-woff::before {
  content: "\f768";
}

.bi-filetype-xls-1::before {
  content: "\f769";
}

.bi-filetype-xls::before {
  content: "\f76a";
}

.bi-filetype-xml::before {
  content: "\f76b";
}

.bi-filetype-yml::before {
  content: "\f76c";
}

.bi-heart-arrow::before {
  content: "\f76d";
}

.bi-heart-pulse-fill::before {
  content: "\f76e";
}

.bi-heart-pulse::before {
  content: "\f76f";
}

.bi-heartbreak-fill::before {
  content: "\f770";
}

.bi-heartbreak::before {
  content: "\f771";
}

.bi-hearts::before {
  content: "\f772";
}

.bi-hospital-fill::before {
  content: "\f773";
}

.bi-hospital::before {
  content: "\f774";
}

.bi-house-heart-fill::before {
  content: "\f775";
}

.bi-house-heart::before {
  content: "\f776";
}

.bi-incognito::before {
  content: "\f777";
}

.bi-magnet-fill::before {
  content: "\f778";
}

.bi-magnet::before {
  content: "\f779";
}

.bi-person-heart::before {
  content: "\f77a";
}

.bi-person-hearts::before {
  content: "\f77b";
}

.bi-phone-flip::before {
  content: "\f77c";
}

.bi-plugin::before {
  content: "\f77d";
}

.bi-postage-fill::before {
  content: "\f77e";
}

.bi-postage-heart-fill::before {
  content: "\f77f";
}

.bi-postage-heart::before {
  content: "\f780";
}

.bi-postage::before {
  content: "\f781";
}

.bi-postcard-fill::before {
  content: "\f782";
}

.bi-postcard-heart-fill::before {
  content: "\f783";
}

.bi-postcard-heart::before {
  content: "\f784";
}

.bi-postcard::before {
  content: "\f785";
}

.bi-search-heart-fill::before {
  content: "\f786";
}

.bi-search-heart::before {
  content: "\f787";
}

.bi-sliders2-vertical::before {
  content: "\f788";
}

.bi-sliders2::before {
  content: "\f789";
}

.bi-trash3-fill::before {
  content: "\f78a";
}

.bi-trash3::before {
  content: "\f78b";
}

.bi-valentine::before {
  content: "\f78c";
}

.bi-valentine2::before {
  content: "\f78d";
}

.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}

.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}

.bi-wrench-adjustable::before {
  content: "\f790";
}

.bi-filetype-json::before {
  content: "\f791";
}

.bi-filetype-pptx::before {
  content: "\f792";
}

.bi-filetype-xlsx::before {
  content: "\f793";
}

.bi-1-circle-1::before {
  content: "\f794";
}

.bi-1-circle-fill-1::before {
  content: "\f795";
}

.bi-1-circle-fill::before {
  content: "\f796";
}

.bi-1-circle::before {
  content: "\f797";
}

.bi-1-square-fill::before {
  content: "\f798";
}

.bi-1-square::before {
  content: "\f799";
}

.bi-2-circle-1::before {
  content: "\f79a";
}

.bi-2-circle-fill-1::before {
  content: "\f79b";
}

.bi-2-circle-fill::before {
  content: "\f79c";
}

.bi-2-circle::before {
  content: "\f79d";
}

.bi-2-square-fill::before {
  content: "\f79e";
}

.bi-2-square::before {
  content: "\f79f";
}

.bi-3-circle-1::before {
  content: "\f7a0";
}

.bi-3-circle-fill-1::before {
  content: "\f7a1";
}

.bi-3-circle-fill::before {
  content: "\f7a2";
}

.bi-3-circle::before {
  content: "\f7a3";
}

.bi-3-square-fill::before {
  content: "\f7a4";
}

.bi-3-square::before {
  content: "\f7a5";
}

.bi-4-circle-1::before {
  content: "\f7a6";
}

.bi-4-circle-fill-1::before {
  content: "\f7a7";
}

.bi-4-circle-fill::before {
  content: "\f7a8";
}

.bi-4-circle::before {
  content: "\f7a9";
}

.bi-4-square-fill::before {
  content: "\f7aa";
}

.bi-4-square::before {
  content: "\f7ab";
}

.bi-5-circle-1::before {
  content: "\f7ac";
}

.bi-5-circle-fill-1::before {
  content: "\f7ad";
}

.bi-5-circle-fill::before {
  content: "\f7ae";
}

.bi-5-circle::before {
  content: "\f7af";
}

.bi-5-square-fill::before {
  content: "\f7b0";
}

.bi-5-square::before {
  content: "\f7b1";
}

.bi-6-circle-1::before {
  content: "\f7b2";
}

.bi-6-circle-fill-1::before {
  content: "\f7b3";
}

.bi-6-circle-fill::before {
  content: "\f7b4";
}

.bi-6-circle::before {
  content: "\f7b5";
}

.bi-6-square-fill::before {
  content: "\f7b6";
}

.bi-6-square::before {
  content: "\f7b7";
}

.bi-7-circle-1::before {
  content: "\f7b8";
}

.bi-7-circle-fill-1::before {
  content: "\f7b9";
}

.bi-7-circle-fill::before {
  content: "\f7ba";
}

.bi-7-circle::before {
  content: "\f7bb";
}

.bi-7-square-fill::before {
  content: "\f7bc";
}

.bi-7-square::before {
  content: "\f7bd";
}

.bi-8-circle-1::before {
  content: "\f7be";
}

.bi-8-circle-fill-1::before {
  content: "\f7bf";
}

.bi-8-circle-fill::before {
  content: "\f7c0";
}

.bi-8-circle::before {
  content: "\f7c1";
}

.bi-8-square-fill::before {
  content: "\f7c2";
}

.bi-8-square::before {
  content: "\f7c3";
}

.bi-9-circle-1::before {
  content: "\f7c4";
}

.bi-9-circle-fill-1::before {
  content: "\f7c5";
}

.bi-9-circle-fill::before {
  content: "\f7c6";
}

.bi-9-circle::before {
  content: "\f7c7";
}

.bi-9-square-fill::before {
  content: "\f7c8";
}

.bi-9-square::before {
  content: "\f7c9";
}

.bi-airplane-engines-fill::before {
  content: "\f7ca";
}

.bi-airplane-engines::before {
  content: "\f7cb";
}

.bi-airplane-fill::before {
  content: "\f7cc";
}

.bi-airplane::before {
  content: "\f7cd";
}

.bi-alexa::before {
  content: "\f7ce";
}

.bi-alipay::before {
  content: "\f7cf";
}

.bi-android::before {
  content: "\f7d0";
}

.bi-android2::before {
  content: "\f7d1";
}

.bi-box-fill::before {
  content: "\f7d2";
}

.bi-box-seam-fill::before {
  content: "\f7d3";
}

.bi-browser-chrome::before {
  content: "\f7d4";
}

.bi-browser-edge::before {
  content: "\f7d5";
}

.bi-browser-firefox::before {
  content: "\f7d6";
}

.bi-browser-safari::before {
  content: "\f7d7";
}

.bi-c-circle-1::before {
  content: "\f7d8";
}

.bi-c-circle-fill-1::before {
  content: "\f7d9";
}

.bi-c-circle-fill::before {
  content: "\f7da";
}

.bi-c-circle::before {
  content: "\f7db";
}

.bi-c-square-fill::before {
  content: "\f7dc";
}

.bi-c-square::before {
  content: "\f7dd";
}

.bi-capsule-pill::before {
  content: "\f7de";
}

.bi-capsule::before {
  content: "\f7df";
}

.bi-car-front-fill::before {
  content: "\f7e0";
}

.bi-car-front::before {
  content: "\f7e1";
}

.bi-cassette-fill::before {
  content: "\f7e2";
}

.bi-cassette::before {
  content: "\f7e3";
}

.bi-cc-circle-1::before {
  content: "\f7e4";
}

.bi-cc-circle-fill-1::before {
  content: "\f7e5";
}

.bi-cc-circle-fill::before {
  content: "\f7e6";
}

.bi-cc-circle::before {
  content: "\f7e7";
}

.bi-cc-square-fill::before {
  content: "\f7e8";
}

.bi-cc-square::before {
  content: "\f7e9";
}

.bi-cup-hot-fill::before {
  content: "\f7ea";
}

.bi-cup-hot::before {
  content: "\f7eb";
}

.bi-currency-rupee::before {
  content: "\f7ec";
}

.bi-dropbox::before {
  content: "\f7ed";
}

.bi-escape::before {
  content: "\f7ee";
}

.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}

.bi-fast-forward-btn::before {
  content: "\f7f0";
}

.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}

.bi-fast-forward-circle::before {
  content: "\f7f2";
}

.bi-fast-forward-fill::before {
  content: "\f7f3";
}

.bi-fast-forward::before {
  content: "\f7f4";
}

.bi-filetype-sql::before {
  content: "\f7f5";
}

.bi-fire::before {
  content: "\f7f6";
}

.bi-google-play::before {
  content: "\f7f7";
}

.bi-h-circle-1::before {
  content: "\f7f8";
}

.bi-h-circle-fill-1::before {
  content: "\f7f9";
}

.bi-h-circle-fill::before {
  content: "\f7fa";
}

.bi-h-circle::before {
  content: "\f7fb";
}

.bi-h-square-fill::before {
  content: "\f7fc";
}

.bi-h-square::before {
  content: "\f7fd";
}

.bi-indent::before {
  content: "\f7fe";
}

.bi-lungs-fill::before {
  content: "\f7ff";
}

.bi-lungs::before {
  content: "\f800";
}

.bi-microsoft-teams::before {
  content: "\f801";
}

.bi-p-circle-1::before {
  content: "\f802";
}

.bi-p-circle-fill-1::before {
  content: "\f803";
}

.bi-p-circle-fill::before {
  content: "\f804";
}

.bi-p-circle::before {
  content: "\f805";
}

.bi-p-square-fill::before {
  content: "\f806";
}

.bi-p-square::before {
  content: "\f807";
}

.bi-pass-fill::before {
  content: "\f808";
}

.bi-pass::before {
  content: "\f809";
}

.bi-prescription::before {
  content: "\f80a";
}

.bi-prescription2::before {
  content: "\f80b";
}

.bi-r-circle-1::before {
  content: "\f80c";
}

.bi-r-circle-fill-1::before {
  content: "\f80d";
}

.bi-r-circle-fill::before {
  content: "\f80e";
}

.bi-r-circle::before {
  content: "\f80f";
}

.bi-r-square-fill::before {
  content: "\f810";
}

.bi-r-square::before {
  content: "\f811";
}

.bi-repeat-1::before {
  content: "\f812";
}

.bi-repeat::before {
  content: "\f813";
}

.bi-rewind-btn-fill::before {
  content: "\f814";
}

.bi-rewind-btn::before {
  content: "\f815";
}

.bi-rewind-circle-fill::before {
  content: "\f816";
}

.bi-rewind-circle::before {
  content: "\f817";
}

.bi-rewind-fill::before {
  content: "\f818";
}

.bi-rewind::before {
  content: "\f819";
}

.bi-train-freight-front-fill::before {
  content: "\f81a";
}

.bi-train-freight-front::before {
  content: "\f81b";
}

.bi-train-front-fill::before {
  content: "\f81c";
}

.bi-train-front::before {
  content: "\f81d";
}

.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}

.bi-train-lightrail-front::before {
  content: "\f81f";
}

.bi-truck-front-fill::before {
  content: "\f820";
}

.bi-truck-front::before {
  content: "\f821";
}

.bi-ubuntu::before {
  content: "\f822";
}

.bi-unindent::before {
  content: "\f823";
}

.bi-unity::before {
  content: "\f824";
}

.bi-universal-access-circle::before {
  content: "\f825";
}

.bi-universal-access::before {
  content: "\f826";
}

.bi-virus::before {
  content: "\f827";
}

.bi-virus2::before {
  content: "\f828";
}

.bi-wechat::before {
  content: "\f829";
}

.bi-yelp::before {
  content: "\f82a";
}

.bi-sign-stop-fill::before {
  content: "\f82b";
}

.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}

.bi-sign-stop-lights::before {
  content: "\f82d";
}

.bi-sign-stop::before {
  content: "\f82e";
}

.bi-sign-turn-left-fill::before {
  content: "\f82f";
}

.bi-sign-turn-left::before {
  content: "\f830";
}

.bi-sign-turn-right-fill::before {
  content: "\f831";
}

.bi-sign-turn-right::before {
  content: "\f832";
}

.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}

.bi-sign-turn-slight-left::before {
  content: "\f834";
}

.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}

.bi-sign-turn-slight-right::before {
  content: "\f836";
}

.bi-sign-yield-fill::before {
  content: "\f837";
}

.bi-sign-yield::before {
  content: "\f838";
}

.bi-ev-station-fill::before {
  content: "\f839";
}

.bi-ev-station::before {
  content: "\f83a";
}

.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}

.bi-fuel-pump-diesel::before {
  content: "\f83c";
}

.bi-fuel-pump-fill::before {
  content: "\f83d";
}

.bi-fuel-pump::before {
  content: "\f83e";
}

.bi-0-circle-fill::before {
  content: "\f83f";
}

.bi-0-circle::before {
  content: "\f840";
}

.bi-0-square-fill::before {
  content: "\f841";
}

.bi-0-square::before {
  content: "\f842";
}

.bi-rocket-fill::before {
  content: "\f843";
}

.bi-rocket-takeoff-fill::before {
  content: "\f844";
}

.bi-rocket-takeoff::before {
  content: "\f845";
}

.bi-rocket::before {
  content: "\f846";
}

.bi-stripe::before {
  content: "\f847";
}

.bi-subscript::before {
  content: "\f848";
}

.bi-superscript::before {
  content: "\f849";
}

.bi-trello::before {
  content: "\f84a";
}

.bi-envelope-at-fill::before {
  content: "\f84b";
}

.bi-envelope-at::before {
  content: "\f84c";
}

.bi-regex::before {
  content: "\f84d";
}

.bi-text-wrap::before {
  content: "\f84e";
}

.bi-sign-dead-end-fill::before {
  content: "\f84f";
}

.bi-sign-dead-end::before {
  content: "\f850";
}

.bi-sign-do-not-enter-fill::before {
  content: "\f851";
}

.bi-sign-do-not-enter::before {
  content: "\f852";
}

.bi-sign-intersection-fill::before {
  content: "\f853";
}

.bi-sign-intersection-side-fill::before {
  content: "\f854";
}

.bi-sign-intersection-side::before {
  content: "\f855";
}

.bi-sign-intersection-t-fill::before {
  content: "\f856";
}

.bi-sign-intersection-t::before {
  content: "\f857";
}

.bi-sign-intersection-y-fill::before {
  content: "\f858";
}

.bi-sign-intersection-y::before {
  content: "\f859";
}

.bi-sign-intersection::before {
  content: "\f85a";
}

.bi-sign-merge-left-fill::before {
  content: "\f85b";
}

.bi-sign-merge-left::before {
  content: "\f85c";
}

.bi-sign-merge-right-fill::before {
  content: "\f85d";
}

.bi-sign-merge-right::before {
  content: "\f85e";
}

.bi-sign-no-left-turn-fill::before {
  content: "\f85f";
}

.bi-sign-no-left-turn::before {
  content: "\f860";
}

.bi-sign-no-parking-fill::before {
  content: "\f861";
}

.bi-sign-no-parking::before {
  content: "\f862";
}

.bi-sign-no-right-turn-fill::before {
  content: "\f863";
}

.bi-sign-no-right-turn::before {
  content: "\f864";
}

.bi-sign-railroad-fill::before {
  content: "\f865";
}

.bi-sign-railroad::before {
  content: "\f866";
}

.bi-building-add::before {
  content: "\f867";
}

.bi-building-check::before {
  content: "\f868";
}

.bi-building-dash::before {
  content: "\f869";
}

.bi-building-down::before {
  content: "\f86a";
}

.bi-building-exclamation::before {
  content: "\f86b";
}

.bi-building-fill-add::before {
  content: "\f86c";
}

.bi-building-fill-check::before {
  content: "\f86d";
}

.bi-building-fill-dash::before {
  content: "\f86e";
}

.bi-building-fill-down::before {
  content: "\f86f";
}

.bi-building-fill-exclamation::before {
  content: "\f870";
}

.bi-building-fill-gear::before {
  content: "\f871";
}

.bi-building-fill-lock::before {
  content: "\f872";
}

.bi-building-fill-slash::before {
  content: "\f873";
}

.bi-building-fill-up::before {
  content: "\f874";
}

.bi-building-fill-x::before {
  content: "\f875";
}

.bi-building-fill::before {
  content: "\f876";
}

.bi-building-gear::before {
  content: "\f877";
}

.bi-building-lock::before {
  content: "\f878";
}

.bi-building-slash::before {
  content: "\f879";
}

.bi-building-up::before {
  content: "\f87a";
}

.bi-building-x::before {
  content: "\f87b";
}

.bi-buildings-fill::before {
  content: "\f87c";
}

.bi-buildings::before {
  content: "\f87d";
}

.bi-bus-front-fill::before {
  content: "\f87e";
}

.bi-bus-front::before {
  content: "\f87f";
}

.bi-ev-front-fill::before {
  content: "\f880";
}

.bi-ev-front::before {
  content: "\f881";
}

.bi-globe-americas::before {
  content: "\f882";
}

.bi-globe-asia-australia::before {
  content: "\f883";
}

.bi-globe-central-south-asia::before {
  content: "\f884";
}

.bi-globe-europe-africa::before {
  content: "\f885";
}

.bi-house-add-fill::before {
  content: "\f886";
}

.bi-house-add::before {
  content: "\f887";
}

.bi-house-check-fill::before {
  content: "\f888";
}

.bi-house-check::before {
  content: "\f889";
}

.bi-house-dash-fill::before {
  content: "\f88a";
}

.bi-house-dash::before {
  content: "\f88b";
}

.bi-house-down-fill::before {
  content: "\f88c";
}

.bi-house-down::before {
  content: "\f88d";
}

.bi-house-exclamation-fill::before {
  content: "\f88e";
}

.bi-house-exclamation::before {
  content: "\f88f";
}

.bi-house-gear-fill::before {
  content: "\f890";
}

.bi-house-gear::before {
  content: "\f891";
}

.bi-house-lock-fill::before {
  content: "\f892";
}

.bi-house-lock::before {
  content: "\f893";
}

.bi-house-slash-fill::before {
  content: "\f894";
}

.bi-house-slash::before {
  content: "\f895";
}

.bi-house-up-fill::before {
  content: "\f896";
}

.bi-house-up::before {
  content: "\f897";
}

.bi-house-x-fill::before {
  content: "\f898";
}

.bi-house-x::before {
  content: "\f899";
}

.bi-person-add::before {
  content: "\f89a";
}

.bi-person-down::before {
  content: "\f89b";
}

.bi-person-exclamation::before {
  content: "\f89c";
}

.bi-person-fill-add::before {
  content: "\f89d";
}

.bi-person-fill-check::before {
  content: "\f89e";
}

.bi-person-fill-dash::before {
  content: "\f89f";
}

.bi-person-fill-down::before {
  content: "\f8a0";
}

.bi-person-fill-exclamation::before {
  content: "\f8a1";
}

.bi-person-fill-gear::before {
  content: "\f8a2";
}

.bi-person-fill-lock::before {
  content: "\f8a3";
}

.bi-person-fill-slash::before {
  content: "\f8a4";
}

.bi-person-fill-up::before {
  content: "\f8a5";
}

.bi-person-fill-x::before {
  content: "\f8a6";
}

.bi-person-gear::before {
  content: "\f8a7";
}

.bi-person-lock::before {
  content: "\f8a8";
}

.bi-person-slash::before {
  content: "\f8a9";
}

.bi-person-up::before {
  content: "\f8aa";
}

.bi-scooter::before {
  content: "\f8ab";
}

.bi-taxi-front-fill::before {
  content: "\f8ac";
}

.bi-taxi-front::before {
  content: "\f8ad";
}

.bi-amd::before {
  content: "\f8ae";
}

.bi-database-add::before {
  content: "\f8af";
}

.bi-database-check::before {
  content: "\f8b0";
}

.bi-database-dash::before {
  content: "\f8b1";
}

.bi-database-down::before {
  content: "\f8b2";
}

.bi-database-exclamation::before {
  content: "\f8b3";
}

.bi-database-fill-add::before {
  content: "\f8b4";
}

.bi-database-fill-check::before {
  content: "\f8b5";
}

.bi-database-fill-dash::before {
  content: "\f8b6";
}

.bi-database-fill-down::before {
  content: "\f8b7";
}

.bi-database-fill-exclamation::before {
  content: "\f8b8";
}

.bi-database-fill-gear::before {
  content: "\f8b9";
}

.bi-database-fill-lock::before {
  content: "\f8ba";
}

.bi-database-fill-slash::before {
  content: "\f8bb";
}

.bi-database-fill-up::before {
  content: "\f8bc";
}

.bi-database-fill-x::before {
  content: "\f8bd";
}

.bi-database-fill::before {
  content: "\f8be";
}

.bi-database-gear::before {
  content: "\f8bf";
}

.bi-database-lock::before {
  content: "\f8c0";
}

.bi-database-slash::before {
  content: "\f8c1";
}

.bi-database-up::before {
  content: "\f8c2";
}

.bi-database-x::before {
  content: "\f8c3";
}

.bi-database::before {
  content: "\f8c4";
}

.bi-houses-fill::before {
  content: "\f8c5";
}

.bi-houses::before {
  content: "\f8c6";
}

.bi-nvidia::before {
  content: "\f8c7";
}

.bi-person-vcard-fill::before {
  content: "\f8c8";
}

.bi-person-vcard::before {
  content: "\f8c9";
}

.bi-sina-weibo::before {
  content: "\f8ca";
}

.bi-tencent-qq::before {
  content: "\f8cb";
}

.bi-wikipedia::before {
  content: "\f8cc";
}

@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff") format("woff");
}
/* cores erradas */
/********* Basic Colors *********/
/********* Standard colors *********/
/*End of color palette*/
.component-page-headline {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  display: flex;
  justify-content: left;
  text-decoration: underline solid var(--cx-color-primary);
  text-decoration-thickness: 5px;
  text-underline-offset: 18px;
  color: #383636;
  margin: 0px;
  padding-bottom: 54px;
  height: 111px;
  margin-top: 4px;
}
@media (max-width: 640px) {
  .component-page-headline {
    font-size: 16px;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
    justify-content: left;
    height: 106px;
    height: 26px;
  }
}

/*----------------------- FadeIn in the images */
.fadeIn {
  -webkit-animation: fadeIn 1s ease-in-out;
  -moz-animation: fadeIn 1s ease-in-out;
  -o-animation: fadeIn 1s ease-in-out;
  animation: fadeIn 1s ease-in-out;
}

.fadeOut {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mainDotsBanner .owl-page {
  display: inline-block;
  zoom: 1;
  margin: 0 0 0 0;
}
.mainDotsBanner .owl-page span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #dddddd;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
}
.mainDotsBanner .owl-page.active span {
  background: #012f80;
}

/* ------------------- Select */
/*.select-default{
	cursor: pointer;
	background: url(../../common/images/Vectoopenaccordeon.svg) no-repeat;
  display: block;
  @media (max-width: 767px){
    background: none !important;
  }
	background-position: right 27px;
}

.collapseup {
	background: url(../../common/images/Vectorcloseraccordeon.svg) no-repeat;
	cursor: pointer;
  @media (max-width: 767px){
    background: none !important;
  }
	//position: absolute;
	background-position: right 27px;
}*/
/* divisor line */
.offer-stamp {
  width: max-content;
  max-width: 45vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 16px;
  border-radius: 74px;
  margin-top: 16px;
  padding: 6px 12px;
}
@media (max-width: 1023px) {
  .offer-stamp {
    font-size: 12px;
    height: 28px;
  }
}
@media (min-width: 1024px) {
  .offer-stamp {
    font-size: 14px;
    height: 32px;
  }
}
.offer-stamp.offer-promotion {
  background: var(--cx-color-success-light);
  color: var(--cx-color-success);
}
.offer-stamp.offer-discount {
  background: #feedee;
  color: #df3828;
  border-radius: 4px;
  padding: 0px 8px 0px 8px;
}

.loading-animation .loader {
  border: 9px solid #e0e0e0;
  border-radius: 50%;
  border-top: 9px solid #158110;
  border-left: 9px solid #158110;
  width: 46px;
  height: 46px;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 1023px) {
  .px-md-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}

@media (min-width: 1024px) {
  .px-lg-32 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}

@media (max-width: 1023px) {
  .pb-md-32 {
    padding-bottom: 2rem !important;
  }
}

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

@media (max-width: 1023px) and (max-width: 1023px) {
  .pt-md-36 {
    padding-top: 2.25rem !important;
  }
}

@media (min-width: 1024px) {
  .mt-lg-36 {
    margin-top: 2.25rem !important;
  }
}

@media (min-width: 1024px) {
  .mb-lg-36 {
    margin-bottom: 2.25rem !important;
  }
}

@media (max-width: 1023px) and (max-width: 1023px) {
  .pt-md-32 {
    padding-top: 2rem !important;
  }
}

@media (min-width: 1024px) {
  .pb-lg-32 {
    padding-bottom: 32px !important;
  }
}

@media (min-width: 1024px) {
  .pt-lg-32 {
    padding-top: 32px !important;
  }
}

@media (min-width: 1024px) {
  .pt-lg-38 {
    padding-top: 38px !important;
  }
}

@media (min-width: 1024px) {
  .mt-lg-32 {
    margin-top: 32px !important;
  }
}

.mt-32 {
  margin-top: 32px !important;
}

@media (min-width: 640px) {
  .mb-sm-32 {
    margin-bottom: 32px !important;
  }
}

@media (min-width: 1024px) {
  .mb-lg-32 {
    margin-bottom: 32px !important;
  }
}

.h2-600 {
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .h2-lg-600 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}

@media (min-width: 480px) and (max-width: 1023px) and (min-width: 480px) and (max-width: 1023px) {
  .h2-md-600 {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}

@media (max-width: 479px) and (max-width: 479px) {
  .h2-sm-600 {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}

.h2-500 {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .h2-lg-500 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media (min-width: 480px) and (max-width: 1023px) and (min-width: 480px) and (max-width: 1023px) {
  .h2-md-500 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media (max-width: 479px) and (max-width: 479px) {
  .h2-sm-500 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

.h2-400 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.p-400 {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (min-width: 1024px) and (min-width: 1024px) {
  .p-lg-400 {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

@media (min-width: 480px) and (max-width: 1023px) and (min-width: 480px) and (max-width: 1023px) {
  .p-md-400 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

@media (max-width: 479px) {
  .p-sm-400 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

.p-500 {
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (min-width: 1024px) {
  .p-lg-500 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .p-lg-500 {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media (min-width: 480px) and (max-width: 1023px) {
  .p-md-500 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

@media (max-width: 479px) {
  .p-sm-500 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}

.p-600 {
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.p-sm-600 {
  font-size: 12px;
}
@media (max-width: 479px) {
  .p-sm-600 {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
}

.address-form-has-error-help-block {
  padding-top: 0px;
  color: #ea5d58;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* jQuery */ /*! jQuery UI - v1.13.2 - 2023-02-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)"; /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #d3d2d6;
  background: #ffffff;
  color: #000000;
}

.ui-datepicker .ui-datepicker-header {
  color: #000000;
  background-color: transparent;
  border: none;
  font-weight: bold;
}

/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: var(--cx-color-primary);
  cursor: pointer;
  font-family: "Glyphicons Halflings", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}

.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}

.ui-datepicker .ui-icon {
  display: none;
}

.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #0a601b;
  top: 2px;
}

.ui-datepicker th {
  font-weight: 400;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #eeeef0;
  text-align: center;
  color: #000000;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #41a017;
  color: #ffffff;
  border-color: #41a017;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #000000;
  color: #ffffff;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 6rem;
}

.btn-small {
  padding: 10px 16px;
  font-size: 12px;
  line-height: 1.375;
  border-radius: 8px;
  width: auto;
  height: auto;
  font-weight: 500;
}

.btn-icon {
  padding-left: 92px;
  position: relative;
}

.btn-edit-confirm {
  width: 48%;
}

.btn-block + .btn-block {
  margin-top: 10px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-secondary {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border: 1px solid var(--cx-color-primary);
}
.btn-secondary:hover:active:not([disabled]) {
  background: radial-gradient(40px circle at center, #cbe3b5 50%, transparent 51%);
  background-color: #eaf3e2;
  border-color: #41a017;
}
.btn-secondary:hover:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
}
.btn-secondary:focus:not([disabled]), .btn-secondary.focus:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
  outline: #91c854;
}
.btn-secondary .open > .dropdown-toggle {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #41a017;
}
.btn-secondary .open > .dropdown-toggle:hover:not([disabled]), .btn-secondary .open > .dropdown-toggle:focus:not([disabled]), .btn-secondary .open > .dropdown-toggle.focus:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
  outline: #91c854;
}
.btn-secondary:active:not([disabled]), .btn-secondary.active:not([disabled]),
.btn-secondary .open > .dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled, .btn-secondary[disabled] {
  background-color: #ffffff;
  border-color: #d3d2d6;
  color: #d3d2d6;
}
fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
  background-color: #ffffff;
  border-color: #d3d2d6;
  color: #d3d2d6;
}
.btn-secondary .badge {
  color: #eaf3e2;
  background-color: var(--cx-color-primary);
}

.btn-danger {
  color: #fff;
  background-color: #df3828;
  border: 1px solid transparent;
}
.btn-danger:hover:active:not([disabled]) {
  background: radial-gradient(40px circle at center, #641b21 50%, transparent 51%);
  background-color: #8b2226;
  border-color: #8b2226;
}
.btn-danger:hover:not([disabled]) {
  color: #fff;
  background-color: #8b2226;
  border-color: #8b2226;
}
.btn-danger:focus:not([disabled]), .btn-danger.focus:not([disabled]) {
  color: #fff;
  background-color: #8b2226;
  border-color: #ea5d58;
  outline: #8b2226;
}
.btn-danger .open > .dropdown-toggle {
  color: #fff;
  background-color: #8b2226;
  border-color: #8b2226;
}
.btn-danger .open > .dropdown-toggle:hover:not([disabled]), .btn-danger .open > .dropdown-toggle:focus:not([disabled]), .btn-danger .open > .dropdown-toggle.focus:not([disabled]) {
  color: #fff;
  background-color: #8b2226;
  border-color: #ea5d58;
  outline: #8b2226;
}
.btn-danger:active:not([disabled]), .btn-danger.active:not([disabled]),
.btn-danger .open > .dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled] {
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.btn-danger .badge {
  color: #df3828;
  background-color: #fff;
}

.btn-delete {
  display: flex;
  justify-content: center;
  border: 3px solid #b42a27;
  background: #b42a27;
  color: #ffffff;
  float: right;
}
.btn-delete:hover {
  background-color: #f38789;
  border-color: #f38789;
}

.btn-authorize {
  display: flex;
  justify-content: center;
  border: 3px solid var(--cx-color-primary);
  background: var(--cx-color-primary);
  color: #ffffff;
  float: left;
}
.btn-authorize:hover {
  background-color: #91c854;
  border-color: #91c854;
}

.btn-add-to-cart.btn-out-of-stock {
  border-radius: 10px;
  font-style: normal !important;
  display: flex;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  width: 100%;
}
.btn-add-to-cart.btn-out-of-stock img {
  width: 16px;
  height: 16px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .btn-add-to-cart.btn-out-of-stock {
    width: 168.9px;
    height: 34px;
    font-size: 12px;
  }
}

.btn-add-to-cart {
  color: #ffffff;
  background-color: var(--cx-color-primary);
  border: 1px solid var(--cx-color-primary);
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: auto;
  width: 100%;
  height: 44px;
  font-weight: 500;
  display: "-webkit-flex";
  display: "-moz-flex";
  display: "-ms-flexbox";
  display: "-ms-flex";
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: center;
  -moz-flex: center;
  -ms-flex: center;
  justify-content: center;
  -webkit-flex: center;
  -moz-flex: center;
  -ms-flex: center;
  align-items: center;
  gap: 4px;
  border: none;
}
.btn-add-to-cart:hover:active:not([disabled]) {
  background: radial-gradient(40px circle at center, #0a601b 50%, transparent 51%);
  background-color: #158110;
  border-color: #158110;
}
.btn-add-to-cart:hover:not([disabled]) {
  color: #ffffff;
  background-color: #158110;
  border-color: #158110;
}
.btn-add-to-cart:focus:not([disabled]), .btn-add-to-cart.focus:not([disabled]) {
  color: #ffffff;
  background-color: #158110;
  border-color: #158110;
  outline: #91c854;
}
.btn-add-to-cart .open > .dropdown-toggle {
  color: #ffffff;
  background-color: #158110;
  border-color: #158110;
}
.btn-add-to-cart .open > .dropdown-toggle:hover:not([disabled]), .btn-add-to-cart .open > .dropdown-toggle:focus:not([disabled]), .btn-add-to-cart .open > .dropdown-toggle.focus:not([disabled]) {
  color: #ffffff;
  background-color: #158110;
  border-color: #158110;
  outline: #91c854;
}
.btn-add-to-cart:active:not([disabled]), .btn-add-to-cart.active:not([disabled]),
.btn-add-to-cart .open > .dropdown-toggle {
  background-image: none;
}
.btn-add-to-cart.disabled, .btn-add-to-cart[disabled] {
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
fieldset[disabled] .btn-add-to-cart:hover, fieldset[disabled] .btn-add-to-cart:focus, fieldset[disabled] .btn-add-to-cart.focus {
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.btn-add-to-cart .badge {
  color: var(--cx-color-primary);
  background-color: #ffffff;
}
.btn-add-to-cart.disabled, .btn-add-to-cart[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.btn-add-to-cart img {
  width: 14px;
  margin-left: 8px;
}

.btn-add-to-cart[disabled] {
  border-radius: 10px;
}

.btn-select-qty-collapsable.btn-qty-in-cart {
  width: auto;
  height: 48px;
}
.btn-select-qty-collapsable.btn-qty-in-cart .js-qty-owl-selector.btn-add-to-cart {
  padding: 0px;
}
.btn-select-qty-collapsable.btn-qty-in-cart .input-group-btn {
  display: none;
}
.btn-select-qty-collapsable.btn-qty-in-cart .qty-selector {
  width: auto;
  display: inline-block;
}
.btn-select-qty-collapsable.btn-qty-in-cart input {
  border-radius: 8px;
  font: message-box;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
}

.btn-select-qty-collapsable .qty-selector {
  border-radius: 8px;
  background: var(--cx-color-primary);
  padding: 0px;
  border-width: 0px;
}
.btn-select-qty-collapsable .qty-selector:hover:not([disabled]) {
  background: var(--cx-color-primary);
}
@media (min-width: 1024px) {
  .btn-select-qty-collapsable .qty-selector {
    width: 220px;
    height: 48px;
  }
}
@media (max-width: 479px) {
  .btn-select-qty-collapsable .qty-selector {
    height: 40px;
    width: 155px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .btn-select-qty-collapsable .qty-selector {
    height: 34px;
    width: 168.9px;
  }
}
.btn-select-qty-collapsable .qty-selector input {
  background: #91c854;
  border: none;
  text-align: center;
  color: #ffffff;
  margin-left: 0px !important;
}
@media (min-width: 1024px) {
  .btn-select-qty-collapsable .qty-selector input {
    width: 136px;
    height: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 479px) {
  .btn-select-qty-collapsable .qty-selector input {
    width: 77.95px;
    height: 14.56px;
    border-radius: 2.42722px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .btn-select-qty-collapsable .qty-selector input {
    width: 76.95px;
    height: 14.56px;
    border-radius: 2.42722px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
  }
}
.btn-select-qty-collapsable .qty-selector .input-group-btn {
  width: 32px;
  height: 32px;
  background: #cbe3b5;
}
@media (min-width: 1024px) {
  .btn-select-qty-collapsable .qty-selector .input-group-btn {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn#minus_selector {
    margin: 0px 2px 0px 16px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn#plus_selector {
    margin: 0px 16px 0px 2px;
  }
}
@media (max-width: 1023px) {
  .btn-select-qty-collapsable .qty-selector .input-group-btn {
    width: 12.14px;
    height: 12.14px;
    border-radius: 2.42722px;
  }
}
@media (max-width: 479px) {
  .btn-select-qty-collapsable .qty-selector .input-group-btn#minus_selector {
    margin: 0px 0px 0px 20px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn#plus_selector {
    margin: 0px 20px 0px 0px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn img {
    width: 9.71px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .btn-select-qty-collapsable .qty-selector .input-group-btn {
    height: 14.56px;
    border-radius: 2.42722px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn#minus_selector {
    margin: 0px 2.43px 0px 9.71px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn#plus_selector {
    margin: 0px 9.71px 0px 2.43px;
  }
  .btn-select-qty-collapsable .qty-selector .input-group-btn img {
    width: 9.71px;
  }
}
.btn-select-qty-collapsable .qty-selector .btn-default {
  background: none;
  border: none;
  border-radius: 8px;
}
.btn-select-qty-collapsable .qty-selector .btn {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .btn-select-qty-collapsable .qty-selector .btn {
    width: 20px;
    height: 20px;
    border-radius: 4px;
  }
}
@media (max-width: 1023px) {
  .btn-select-qty-collapsable .qty-selector .btn {
    width: 12.14px;
    height: 12.14px;
    border-radius: 2.42722px;
  }
}
.btn-select-qty-collapsable .qty-selector .btn img {
  margin-left: 0px;
}

.btn-select-qty {
  border: 1px solid #bab6bc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  height: 47px;
  justify-content: space-between;
  background-color: rgba(136, 127, 135, 0.1);
}
.btn-select-qty.js-qty-quote-percentage-selector {
  background-color: rgba(65, 160, 23, 0.1);
}
.btn-select-qty input {
  background-color: transparent;
  border: none;
  text-align: center;
}
.btn-select-qty input:focus {
  background-color: transparent;
}
.btn-select-qty .input-group-btn {
  width: 32px;
  height: 32px;
  margin: 8px;
}
.btn-select-qty .qty-selector-minus,
.btn-select-qty .qty-selector-plus {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #fff;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-link {
  color: var(--cx-color-primary);
  font-weight: normal;
  border: none;
  background-color: transparent;
  text-decoration: unset;
}
.btn-link:hover:not([disabled]) {
  color: #0a601b;
}
.btn-link:focus:not([disabled]), .btn-link.focus:not([disabled]) {
  color: #0a601b;
  background-color: #eaf3e2;
  border-color: #eaf3e2;
  outline: #eaf3e2;
}
.btn-link.disabled, .btn-link[disabled] {
  color: #d3d2d6;
}
fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link.focus {
  background-color: transparent;
}

.btn-simple {
  background-color: transparent;
  border: none;
  padding: 0;
}

.cx-btn {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  padding: 8px 12px;
  min-height: 42px;
  transition: 0.2s all ease-in-out;
  font-weight: normal;
}
.cx-btn-primary, .btn-default,
.btn-primary {
  color: #fff;
  background-color: var(--cx-color-primary);
  border-color: var(--cx-color-primary);
}
.cx-btn-primary:hover, .btn-default:hover,
.btn-primary:hover, .cx-btn-primary:focus, .btn-default:focus,
.btn-primary:focus, .cx-btn-primary:active, .btn-default:active,
.btn-primary:active {
  color: #fff !important;
  background-color: var(--cx-color-primary-dark) !important;
  border-color: var(--cx-color-primary-dark) !important;
}
.cx-btn-primary:disabled, .btn-default:disabled,
.btn-primary:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-primary) !important;
  border-color: var(--cx-color-primary) !important;
}
.cx-btn-primary-light {
  color: var(--cx-color-primary);
  background-color: var(--cx-color-primary-light);
  border-color: var(--cx-color-primary);
}
.cx-btn-primary-light:hover, .cx-btn-primary-light:focus, .cx-btn-primary-light:active {
  color: #fff !important;
  background-color: var(--cx-color-primary) !important;
  border-color: var(--cx-color-primary) !important;
}
.cx-btn-primary-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-primary) !important;
  background-color: var(--cx-color-primary-light) !important;
  border-color: var(--cx-color-primary) !important;
}
.cx-btn-secondary {
  color: #fff;
  background-color: var(--cx-color-secondary);
  border-color: var(--cx-color-secondary);
}
.cx-btn-secondary:hover, .cx-btn-secondary:focus, .cx-btn-secondary:active {
  color: #fff !important;
  background-color: var(--cx-color-secondary-dark) !important;
  border-color: var(--cx-color-secondary-dark) !important;
}
.cx-btn-secondary:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-secondary) !important;
  border-color: var(--cx-color-secondary) !important;
}
.cx-btn-secondary-light {
  color: var(--cx-color-secondary);
  background-color: var(--cx-color-secondary-light);
  border-color: var(--cx-color-secondary);
}
.cx-btn-secondary-light:hover, .cx-btn-secondary-light:focus, .cx-btn-secondary-light:active {
  color: #fff !important;
  background-color: var(--cx-color-secondary) !important;
  border-color: var(--cx-color-secondary) !important;
}
.cx-btn-secondary-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-secondary) !important;
  background-color: var(--cx-color-secondary-light) !important;
  border-color: var(--cx-color-secondary) !important;
}
.cx-btn-assets-1 {
  color: #fff;
  background-color: var(--cx-color-assets-1);
  border-color: var(--cx-color-assets-1);
}
.cx-btn-assets-1:hover, .cx-btn-assets-1:focus, .cx-btn-assets-1:active {
  color: #fff !important;
  background-color: var(--cx-color-assets-1-dark) !important;
  border-color: var(--cx-color-assets-1-dark) !important;
}
.cx-btn-assets-1:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-assets-1) !important;
  border-color: var(--cx-color-assets-1) !important;
}
.cx-btn-assets-1-light {
  color: var(--cx-color-assets-1);
  background-color: var(--cx-color-assets-1-light);
  border-color: var(--cx-color-assets-1);
}
.cx-btn-assets-1-light:hover, .cx-btn-assets-1-light:focus, .cx-btn-assets-1-light:active {
  color: #fff !important;
  background-color: var(--cx-color-assets-1) !important;
  border-color: var(--cx-color-assets-1) !important;
}
.cx-btn-assets-1-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-assets-1) !important;
  background-color: var(--cx-color-assets-1-light) !important;
  border-color: var(--cx-color-assets-1) !important;
}
.cx-btn-success {
  color: #fff;
  background-color: var(--cx-color-success);
  border-color: var(--cx-color-success);
}
.cx-btn-success:hover, .cx-btn-success:focus, .cx-btn-success:active {
  color: #fff !important;
  background-color: var(--cx-color-success-dark) !important;
  border-color: var(--cx-color-success-dark) !important;
}
.cx-btn-success:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-success) !important;
  border-color: var(--cx-color-success) !important;
}
.cx-btn-success-light {
  color: var(--cx-color-success);
  background-color: var(--cx-color-success-light);
  border-color: var(--cx-color-success);
}
.cx-btn-success-light:hover, .cx-btn-success-light:focus, .cx-btn-success-light:active {
  color: #fff !important;
  background-color: var(--cx-color-success) !important;
  border-color: var(--cx-color-success) !important;
}
.cx-btn-success-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-success) !important;
  background-color: var(--cx-color-success-light) !important;
  border-color: var(--cx-color-success) !important;
}
.cx-btn-danger {
  color: #fff;
  background-color: var(--cx-color-danger);
  border-color: var(--cx-color-danger);
}
.cx-btn-danger:hover, .cx-btn-danger:focus, .cx-btn-danger:active {
  color: #fff !important;
  background-color: var(--cx-color-danger-dark) !important;
  border-color: var(--cx-color-danger-dark) !important;
}
.cx-btn-danger:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-danger) !important;
  border-color: var(--cx-color-danger) !important;
}
.cx-btn-danger-light {
  color: var(--cx-color-danger);
  background-color: var(--cx-color-danger-light);
  border-color: var(--cx-color-danger);
}
.cx-btn-danger-light:hover, .cx-btn-danger-light:focus, .cx-btn-danger-light:active {
  color: #fff !important;
  background-color: var(--cx-color-danger) !important;
  border-color: var(--cx-color-danger) !important;
}
.cx-btn-danger-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-danger) !important;
  background-color: var(--cx-color-danger-light) !important;
  border-color: var(--cx-color-danger) !important;
}
.cx-btn-warning {
  color: #fff;
  background-color: var(--cx-color-warning);
  border-color: var(--cx-color-warning);
}
.cx-btn-warning:hover, .cx-btn-warning:focus, .cx-btn-warning:active {
  color: #fff !important;
  background-color: var(--cx-color-warning-dark) !important;
  border-color: var(--cx-color-warning-dark) !important;
}
.cx-btn-warning:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-warning) !important;
  border-color: var(--cx-color-warning) !important;
}
.cx-btn-warning-light {
  color: var(--cx-color-warning);
  background-color: var(--cx-color-warning-light);
  border-color: var(--cx-color-warning);
}
.cx-btn-warning-light:hover, .cx-btn-warning-light:focus, .cx-btn-warning-light:active {
  color: #fff !important;
  background-color: var(--cx-color-warning) !important;
  border-color: var(--cx-color-warning) !important;
}
.cx-btn-warning-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-warning) !important;
  background-color: var(--cx-color-warning-light) !important;
  border-color: var(--cx-color-warning) !important;
}
.cx-btn-info {
  color: #fff;
  background-color: var(--cx-color-info);
  border-color: var(--cx-color-info);
}
.cx-btn-info:hover, .cx-btn-info:focus, .cx-btn-info:active {
  color: #fff !important;
  background-color: var(--cx-color-info-dark) !important;
  border-color: var(--cx-color-info-dark) !important;
}
.cx-btn-info:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-info) !important;
  border-color: var(--cx-color-info) !important;
}
.cx-btn-info-light {
  color: var(--cx-color-info);
  background-color: var(--cx-color-info-light);
  border-color: var(--cx-color-info);
}
.cx-btn-info-light:hover, .cx-btn-info-light:focus, .cx-btn-info-light:active {
  color: #fff !important;
  background-color: var(--cx-color-info) !important;
  border-color: var(--cx-color-info) !important;
}
.cx-btn-info-light:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-info) !important;
  background-color: var(--cx-color-info-light) !important;
  border-color: var(--cx-color-info) !important;
}
.cx-btn-outline-primary {
  color: var(--cx-color-primary);
  background-color: #fff;
  border-color: var(--cx-color-primary);
}
.cx-btn-outline-primary:hover, .cx-btn-outline-primary:focus, .cx-btn-outline-primary:active {
  color: #fff !important;
  background-color: var(--cx-color-primary) !important;
  border-color: var(--cx-color-primary) !important;
}
.cx-btn-outline-primary:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-primary) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-primary) !important;
}
.cx-btn-outline-secondary {
  color: var(--cx-color-secondary);
  background-color: #fff;
  border-color: var(--cx-color-secondary);
}
.cx-btn-outline-secondary:hover, .cx-btn-outline-secondary:focus, .cx-btn-outline-secondary:active {
  color: #fff !important;
  background-color: var(--cx-color-secondary) !important;
  border-color: var(--cx-color-secondary) !important;
}
.cx-btn-outline-secondary:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-secondary) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-secondary) !important;
}
.cx-btn-outline-assets-1 {
  color: var(--cx-color-assets-1);
  background-color: #fff;
  border-color: var(--cx-color-assets-1);
}
.cx-btn-outline-assets-1:hover, .cx-btn-outline-assets-1:focus, .cx-btn-outline-assets-1:active {
  color: #fff !important;
  background-color: var(--cx-color-assets-1) !important;
  border-color: var(--cx-color-assets-1) !important;
}
.cx-btn-outline-assets-1:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-assets-1) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-assets-1) !important;
}
.cx-btn-outline-success {
  color: var(--cx-color-success);
  background-color: #fff;
  border-color: var(--cx-color-success);
}
.cx-btn-outline-success:hover, .cx-btn-outline-success:focus, .cx-btn-outline-success:active {
  color: #fff !important;
  background-color: var(--cx-color-success) !important;
  border-color: var(--cx-color-success) !important;
}
.cx-btn-outline-success:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-success) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-success) !important;
}
.cx-btn-outline-danger {
  color: var(--cx-color-danger);
  background-color: #fff;
  border-color: var(--cx-color-danger);
}
.cx-btn-outline-danger:hover, .cx-btn-outline-danger:focus, .cx-btn-outline-danger:active {
  color: #fff !important;
  background-color: var(--cx-color-danger) !important;
  border-color: var(--cx-color-danger) !important;
}
.cx-btn-outline-danger:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-danger) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-danger) !important;
}
.cx-btn-outline-warning {
  color: var(--cx-color-warning);
  background-color: #fff;
  border-color: var(--cx-color-warning);
}
.cx-btn-outline-warning:hover, .cx-btn-outline-warning:focus, .cx-btn-outline-warning:active {
  color: #fff !important;
  background-color: var(--cx-color-warning) !important;
  border-color: var(--cx-color-warning) !important;
}
.cx-btn-outline-warning:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-warning) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-warning) !important;
}
.cx-btn-outline-info {
  color: var(--cx-color-info);
  background-color: #fff;
  border-color: var(--cx-color-info);
}
.cx-btn-outline-info:hover, .cx-btn-outline-info:focus, .cx-btn-outline-info:active {
  color: #fff !important;
  background-color: var(--cx-color-info) !important;
  border-color: var(--cx-color-info) !important;
}
.cx-btn-outline-info:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: var(--cx-color-info) !important;
  background-color: #fff !important;
  border-color: var(--cx-color-info) !important;
}
.cx-btn-outline-disabled {
  color: #6f676c;
  background-color: #fff;
  border-color: #d3d2d6;
}
.cx-btn-outline-disabled:hover, .cx-btn-outline-disabled:focus, .cx-btn-outline-disabled:active {
  color: #fff !important;
  background-color: #d3d2d6 !important;
  border-color: #d3d2d6 !important;
}
.cx-btn-outline-disabled:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #6f676c !important;
  background-color: #fff !important;
  border-color: #d3d2d6 !important;
}
.cx-btn-outline-disabled[disabled] {
  opacity: 1;
}

body {
  overflow-x: hidden;
  position: relative;
}

body.offcanvas {
  overflow-y: hidden;
}

.no-margin {
  margin: 0 !important;
}

@media (min-width: 1400px) {
  .container-lg {
    float: none;
    margin: 0 auto !important;
    overflow: hidden;
  }
}

button {
  font-weight: bold;
}

ul,
ol {
  padding-left: 15px;
}

@media (max-width: 1023px) {
  .form-control {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    min-height: auto;
  }
  .form-control::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}

/*
General
*****************************************************************/
a,
button {
  color: var(--cx-color-primary);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000000;
}

.open > .dropdown-menu {
  padding: 15px 0 0 0;
}

.dropdown-menu li {
  margin-top: 3px;
}

.dropdown-menu li:first-child {
  margin-top: 0px;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #000000;
  white-space: nowrap;
}

.display-none {
  display: none;
}

.page-title {
  margin-bottom: 30px;
}

@media (min-width: 640px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 639px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 1rem;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}

.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.alert {
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .alert {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.alert div {
  display: flex;
  align-items: baseline;
}
.alert div .bi {
  padding-right: 10px;
}
.alert div p {
  margin: 0px;
  padding: 0px;
}
.alert .btn-close {
  display: flex;
  align-self: end;
}
@media (max-width: 1399px) {
  .alert {
    padding-right: 15px;
    padding-left: 15px;
  }
  .alert div p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
  }
}
@media (max-width: 1399px) and (max-width: 480px) {
  .alert div p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1399px) and (min-width: 640px) and (max-width: 1024px) {
  .alert div p {
    font-size: 12px;
    line-height: 18px;
  }
}

.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .container__full {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.leroy-form-label {
  font-size: 14px;
  line-height: 20px;
  color: #222020;
  font-weight: 400;
  margin-bottom: 8px;
}

.leroy-form-checkbox-label {
  text-transform: none;
  margin-left: 27px;
}

.form-control {
  height: 48px;
  border: 1px solid #bab6bc;
  color: #6f676c;
  font-size: 16px;
  line-height: 23px;
}

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

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 25px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #ffffff;
  border: 1px solid #41a017;
}

/* When the checkbox is checked, add a green background */
.check-container input:checked ~ .checkmark {
  background-color: #41a017;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 15px;
  margin: 0;
}
.well::after {
  display: block;
  clear: both;
  content: "";
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-md {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-lg {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: #47b6b1;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #c7f4b3;
  color: #000000;
}
.well.well-tertiary {
  background-color: #063a44;
  color: #ffffff;
  margin-top: 55px;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #ffffff;
}
.well.well-tertiary .item-value a {
  color: #ffffff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #000000;
  border-top: 1px solid #d3d2d6;
  border-bottom: 1px solid #d3d2d6;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #000000;
  border-color: #d3d2d6;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #063a44;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-quinary .well-content {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d3d3d3;
  padding: 5px 15px 15px;
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 639px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content::after {
  display: block;
  clear: both;
  content: "";
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well .well-headline {
    padding-left: 0px;
    padding-right: 20px;
  }
}

@media (max-width: 639px) {
  .well, .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    transition: transform 0.3s ease-out;
  }
}
@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
  main {
    transition: none;
  }
}
@media (max-width: 1023px) {
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
.main__inner-wrapper {
  margin-bottom: 30px;
}

.main__inner-wrapper .div-container {
  max-width: var(--cx-container-max-width);
  padding: 0px 0px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .col-xs-3 {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .col-sm-12 {
    width: 100%;
  }
}

.page-productGrid .main__inner-wrapper .div-container .col-xs-3 {
  padding: 0px;
  width: 25%;
}

.error-block {
  background: transparent;
  border: transparent;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #c5292a;
  padding: 0;
  margin: 8px 0px 16px;
  width: auto;
}

.input-error-block input, .leroy-form .has-error input, .leroy-form .form-group.has-error input, .leroy-form .form-group.input-error-block input {
  border: 1px solid #c5292a;
}
.input-error-block label, .leroy-form .has-error label, .leroy-form .form-group.has-error label, .leroy-form .form-group.input-error-block label {
  color: #c5292a;
  display: inline-block;
}
.input-error-block.form-group, .leroy-form .form-group.has-error, .leroy-form .form-group.input-error-block {
  margin-bottom: 8px;
}

.leroy-form .form-group {
  display: grid;
  margin-bottom: 0px;
  margin-bottom: 32px;
}
.leroy-form .form-group > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.leroy-form .form-group label {
  font-size: 12px;
  line-height: 16px;
  color: #515151;
  font-style: normal;
  font-weight: 600;
  text-transform: inherit;
  height: 16px;
  width: fit-content;
  background: #ffffff;
  text-align: left;
  z-index: 9;
  margin-left: 10px;
  margin-top: -6px;
  display: none;
}
.leroy-form .form-group input:focus,
.leroy-form .form-group input.has-value {
  outline: none !important;
  border: 1px solid #515151;
}
.leroy-form .form-group input {
  border-radius: 4px;
  border: 1px solid #efefef;
  box-shadow: none;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}
.leroy-form .form-group input:disabled,
.leroy-form .form-group input[disabled=disabled] {
  border: 1px solid #efefef;
  opacity: 30%;
}
.leroy-form .form-group .label-disabled {
  display: inline-block;
  opacity: 30%;
}
.leroy-form .form-group .help-block {
  grid-row: inherit;
}
.leroy-form .form-group ::placeholder {
  font-size: 14px;
  color: #8d9091;
}
.leroy-form .has-error input.form-control {
  background: none;
}
.leroy-form .to-enter,
.leroy-form .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin-top: 24px;
}
.leroy-form .to-enter.disabled, .leroy-form .to-enter[disabled],
.leroy-form .btn.disabled,
.leroy-form .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.leroy-form .btn-cancel {
  color: #b42a27;
  background: none;
}
.leroy-form .btn-default {
  background: var(--cx-color-primary);
}

.alert-info {
  background-color: #d5e6de;
  color: #255035;
  border-color: #c0dacd;
}

.alert-danger {
  background: #f3d8da;
  border-color: #f3d8da;
  color: #79282c;
}

.alert-warning {
  background: #fdf2d1;
  border: #fdf2d1;
  color: #624d17;
}

.btn-alert {
  background-color: #ea5d58;
  color: #ffffff;
  border: 2px solid #ea5d58;
}

.form-group.has-error .help-block {
  padding-top: 2px;
  color: #df3828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1023px) {
  .form-group.has-error .help-block {
    font-size: 12px;
  }
}

.form-select {
  height: 48px;
  border: 1px solid #bab6bc;
  color: #6f676c;
}

.modal-header {
  border-bottom: none;
  padding: 0px;
}

.modal-footer {
  border-top: none;
}

.modal-body {
  padding: 0px;
}

input[readonly=readonly],
select[disabled] {
  cursor: not-allowed;
}

select[readonly=readonly] {
  pointer-events: none;
}

.modal {
  --bs-modal-zindex: 9999;
}

input[type=radio]:checked {
  accent-color: #41a017;
}

.leroy-modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.add-address-button {
  padding: 0px;
}

.add-address-container {
  display: flex;
  max-width: 234px;
  width: 100%;
  align-items: center;
}
@media (min-width: 1024px) {
  .add-address-container {
    gap: 16px;
    align-items: flex-start;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .add-address-container {
    gap: 8px;
  }
}
@media (max-width: 479px) {
  .add-address-container {
    gap: 4px;
  }
}

.add-address {
  color: var(--cx-color-primary);
  font-size: clamp(0.75rem, -0.0602rem + 1.8519vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (min-width: 1024px) {
  .add-address-container img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1023px) {
  .add-address-container img {
    width: 13px;
    height: 12px;
  }
}

.row, .cart__content,
.row > *,
.cart__content > * {
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.global-alerts a {
  text-decoration: underline;
}

@media (min-width: 639px) {
  .hiddenSm {
    display: none;
  }
}

@media (max-width: 639px) {
  .hiddenXs {
    display: none;
  }
}

.visibleAll {
  display: flex;
}

.hidden {
  display: none !important;
}

.hide {
  display: none !important;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .hidden-md, .carousel-component-wrapper .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}

.glyphicon-mini-cart {
  display: inline-block;
}
.glyphicon-mini-cart svg {
  height: 30px;
  width: 32px;
  padding-right: 7px;
}

.input-group .form-control {
  position: relative;
  z-index: 2 !important;
  float: left;
  margin-bottom: 0;
}

@media (min-width: 1400px) {
  .hidden-lg, .carousel-component-wrapper .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-sm, .account-navigation .account-navigation-list, .tabs.tabs-responsive .tabs-list, .tabs .tabhead, .image-gallery .gallery-carousel .owl-controls, .image-gallery .image-gallery__image .owl-buttons, .carousel-component-wrapper .owl-carousel .owl-controls {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .hidden-xs, .account-navigation .account-navigation-list, .product__listing .product__listing--description, .tabs.tabs-responsive .tabs-list, .tabs .tabhead, .image-gallery .gallery-carousel .owl-controls, .image-gallery .image-gallery__image .owl-buttons, .carousel-component-wrapper .owl-carousel .owl-controls {
    display: none !important;
  }
}

.navigation_menu_header_mobile {
  display: none;
}
@media (max-width: 1023px) {
  .navigation_menu_header_mobile {
    display: flex;
  }
  .navigation_menu_header_mobile img {
    margin-left: 9px;
    margin-right: 24px;
  }
  .navigation_menu_header_mobile h1, .navigation_menu_header_mobile .h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
  }
}
@media (max-width: 1023px) and (max-width: 479px) {
  .navigation_menu_header_mobile h1, .navigation_menu_header_mobile .h1 {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .navigation_menu_header_mobile .btn-primary {
    height: 32px;
    width: 120px;
    line-height: 16px;
    font-size: 14px;
    max-width: 42%;
  }
}
@media (max-width: 1023px) {
  .navigation_menu_header_mobile .register-button {
    color: var(--cx-color-primary);
    border-color: var(--cx-color-primary);
    background: rgba(234, 243, 226, 0.3);
    margin-left: 14px;
  }
}
@media (max-width: 1023px) {
  .navigation_menu_header_mobile .userGroup {
    display: flex;
    align-items: center;
  }
}

ul.nav__links::after {
  content: "";
  display: none;
  clear: both;
}
ul.nav__links li {
  float: right;
  list-style-type: none;
}
ul.nav__links li.nav__links--primary-has__sub img {
  padding-right: 10px;
}
ul.nav__links li.nav__link--secondary img {
  display: none;
}
ul.nav__links::after {
  clear: both;
}

.branding-mobile {
  padding: 10px 0 9px 0;
  border-bottom: solid 1px #d3d3d3;
  z-index: 9999;
  background-color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .branding-mobile {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.navigation.navigation--top {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .navigation.navigation--top {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.navigation--top .nav__left {
  padding: 9px 0 7px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
  width: auto;
}

.navigation--top .nav__left.js-site-logo .banner__component img {
  width: 100px;
}

.minicartslot > div[data-ng-transclude] {
  display: inline-block;
}

div.hidden__container--nav_right {
  padding-right: 0px;
}

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

.navigation--top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: right;
  display: flex;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id=headerlinksslot] {
  display: inline-block;
  float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id=headerlinksslot] li:last-child a {
  padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
  display: flex;
  padding: 12px;
}
.navigation--top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  color: #1e5f82;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
  background: none;
  text-decoration: none;
  color: #47b6b1;
}
.navigation--top .nav__right .nav__links--account li a {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  display: block;
  font-size: 1em;
  line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: #47b6b1;
}
.navigation--top .nav__right .nav__links--account .myaccountlinksheader,
.navigation--top .nav__right .nav__links--account .mycompanylinksheader {
  background-color: transparent;
  color: inherit;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 15px;
}
.navigation--top .nav__right .nav__links--account .myaccountlinksheader::after,
.navigation--top .nav__right .nav__links--account .mycompanylinksheader::after {
  clear: both;
}
.navigation--top .nav__right .nav__links--account .myaccountlinksheader:hover, .navigation--top .nav__right .nav__links--account .myaccountlinksheader:focus,
.navigation--top .nav__right .nav__links--account .mycompanylinksheader:hover,
.navigation--top .nav__right .nav__links--account .mycompanylinksheader:focus {
  color: #47b6b1;
  text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myaccountlinksheader.show,
.navigation--top .nav__right .nav__links--account .mycompanylinksheader.show {
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 15px;
}

#accnavcomponentdesktopone,
#accnavcomponentdesktoptwo {
  padding: 0;
  background-color: #ffffff;
  z-index: 2;
  position: relative;
  overflow: auto;
}
#accnavcomponentdesktopone ul.nav__links,
#accnavcomponentdesktoptwo ul.nav__links {
  width: 100%;
  margin-bottom: 0px;
}
#accnavcomponentdesktopone ul.nav__links li,
#accnavcomponentdesktoptwo ul.nav__links li {
  text-transform: capitalize;
  list-style: none;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  padding: 0;
  border-right: 1px solid #317f8c;
  border-bottom: 1px solid #317f8c;
}
#accnavcomponentdesktopone ul.nav__links li:hover,
#accnavcomponentdesktoptwo ul.nav__links li:hover {
  background-color: var(--cx-color-primary);
}
#accnavcomponentdesktopone ul.nav__links li a,
#accnavcomponentdesktoptwo ul.nav__links li a {
  color: #000000;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accnavcomponentdesktopone ul.nav__links li a:hover,
#accnavcomponentdesktoptwo ul.nav__links li a:hover {
  text-decoration: none;
}

.posicioning_icons_end {
  justify-content: end !important;
}

.navigation--middle .row .desktop__nav, .navigation--middle .cart__content .desktop__nav {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  height: 84px;
  position: relative;
  background: #102739;
}
.navigation--middle .row .desktop__nav .row, .navigation--middle .cart__content .desktop__nav .row, .navigation--middle .row .desktop__nav .cart__content, .navigation--middle .cart__content .desktop__nav .cart__content {
  margin: 0px;
}
.navigation--middle .btn {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: var(--cx-color-primary);
  border: none;
}
.navigation--middle .leroy_site_logo_container {
  display: flex;
  align-items: center;
  height: 100%;
  width: auto;
}
.navigation--middle .nav__left.js-site-logo {
  width: 360px;
  background: linear-gradient(-135deg, #102739 23%, #ffffff 0%);
  margin-bottom: 0px;
  margin-left: 1px;
}
.navigation--middle .nav__left.hidden-xs.hidden-sm, .navigation--middle .account-navigation .nav__left.account-navigation-list, .account-navigation .navigation--middle .nav__left.account-navigation-list, .navigation--middle .product__listing .nav__left.hidden-sm.product__listing--description, .product__listing .navigation--middle .nav__left.hidden-sm.product__listing--description, .navigation--middle .tabs.tabs-responsive .nav__left.tabs-list, .tabs.tabs-responsive .navigation--middle .nav__left.tabs-list, .navigation--middle .tabs .nav__left.tabhead, .tabs .navigation--middle .nav__left.tabhead, .navigation--middle .image-gallery .gallery-carousel .nav__left.owl-controls, .image-gallery .gallery-carousel .navigation--middle .nav__left.owl-controls, .navigation--middle .image-gallery .image-gallery__image .nav__left.owl-buttons, .image-gallery .image-gallery__image .navigation--middle .nav__left.owl-buttons, .navigation--middle .carousel-component-wrapper .owl-carousel .nav__left.owl-controls, .carousel-component-wrapper .owl-carousel .navigation--middle .nav__left.owl-controls {
  justify-content: space-between;
  width: 100%;
}
.navigation--middle .nav__left {
  display: flex;
  background: #ffffff;
}
.navigation--middle .nav__left .col-sm-10 {
  width: 100%;
}
.navigation--middle .nav__left .site-search-container {
  display: flex;
  align-items: center;
  width: calc(100% - 180px);
  background: #102739;
}
@media (max-width: 1023px) {
  .navigation--middle .site-search-container {
    display: block;
  }
}
.navigation--middle .site-search {
  background-color: transparent;
  width: 100%;
}
.navigation--middle .site-search .input-group-btn {
  background-color: var(--cx-color-primary);
  border-radius: 0px 8px 8px 0px;
}
.navigation--middle .site-search .input-group {
  width: 100%;
  max-width: 600px;
  background-color: #ffffff;
  border-radius: 8px;
  flex-direction: row-reverse;
}
@media (max-width: 1023px) {
  .navigation--middle .site-search .input-group {
    border: 1px solid #c8c8c8;
  }
}
.navigation--middle .site-search .input-group .input-group-btn {
  background-color: var(--cx-color-primary);
  border-radius: 0px 6px 6px 0px !important;
}
.navigation--middle .site-search .input-group .form-control {
  border: 0;
  box-shadow: none;
  background-color: transparent;
  font-size: 14px;
  padding: 0px 0px 0px 10px;
  align-self: center;
}
@media (min-width: 1024px) {
  .navigation--middle .site-search .input-group .form-control {
    width: 72%;
    height: 44px;
  }
}
.navigation--middle .site-search .input-group .btn {
  padding: 10px 10px 14px 10px;
  height: 44px;
}
.navigation--middle .site-search .input-group .btn:hover {
  background-color: transparent;
}
.navigation--middle .site-search ul.ui-autocomplete {
  display: none;
  position: absolute;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: auto !important;
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  margin: 0;
}
.navigation--middle .site-search ul.ui-autocomplete li {
  border-top: 1px solid #d3d2d6;
  display: block;
  width: 100%;
  padding: 10px;
}
.navigation--middle .site-search ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.navigation--middle .site-search ul.ui-autocomplete li .thumb {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.navigation--middle .site-search ul.ui-autocomplete li .name {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .site-search ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px;
}
.navigation--middle .site-search ul.ui-autocomplete li .price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.navigation--middle .site-search ul.ui-autocomplete li .stock {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .site-search ul.ui-autocomplete li.ui-state-focus {
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
  background: #eeeef0;
  color: #000000;
}
.navigation--middle .site-search ul.ui-autocomplete.active {
  display: block;
}
.navigation--middle .nav__right {
  display: flex;
  justify-content: flex-end;
  width: auto;
}
.navigation--middle .nav__right .nav__links--shop_info > li:nth-child(1) {
  padding-left: 0px;
  display: none;
}
@media (max-width: 1023px) {
  .navigation--middle .nav__right {
    padding-right: 0px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  margin-bottom: 0px;
  height: 100%;
  padding: 0;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-order-tools__child-wrap div {
  width: 299px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-order-tools__child-wrap a {
  color: #222020;
  display: block;
  width: 100%;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-order-tools__child-wrap img {
  margin-right: 10px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li:last-child .yCmsContentSlot {
  display: flex;
  justify-content: flex-start;
}
.navigation--middle .nav__right ul.nav__links--shop_info li {
  fill: var(--cx-color-primary);
  color: #ffffff;
  font-size: 10px;
}
@media (min-width: 1023px) and (max-width: 1110px) {
  .navigation--middle .nav__right ul.nav__links--shop_info li {
    padding-left: 0px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info li .myaccountlinksheader {
  width: min-content;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .glyphicon, .navigation--middle .nav__right ul.nav__links--shop_info li .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .navigation--middle .nav__right ul.nav__links--shop_info li .product__list--item.tag-highlighted:after, .navigation--middle .nav__right ul.nav__links--shop_info li .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .navigation--middle .nav__right ul.nav__links--shop_info li .product-item.tag-highlighted:after, .navigation--middle .nav__right ul.nav__links--shop_info li .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .navigation--middle .nav__right ul.nav__links--shop_info li .accordion-toggle:before, .navigation--middle .nav__right ul.nav__links--shop_info li .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--middle .nav__right ul.nav__links--shop_info li .owl-prev,
.navigation--middle .nav__right ul.nav__links--shop_info li .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--middle .nav__right ul.nav__links--shop_info li .owl-next,
.navigation--middle .nav__right ul.nav__links--shop_info li .myaccountlinksheader {
  display: inline-block;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .glyphicon svg, .navigation--middle .nav__right ul.nav__links--shop_info li .product__listing.product__list .product__list--item.tag-highlighted:after svg, .product__listing.product__list .navigation--middle .nav__right ul.nav__links--shop_info li .product__list--item.tag-highlighted:after svg, .navigation--middle .nav__right ul.nav__links--shop_info li .product__listing.product__grid .product-item.tag-highlighted:after svg, .product__listing.product__grid .navigation--middle .nav__right ul.nav__links--shop_info li .product-item.tag-highlighted:after svg, .navigation--middle .nav__right ul.nav__links--shop_info li .accordion .panel .panel-heading .accordion-toggle:before svg, .accordion .panel .panel-heading .navigation--middle .nav__right ul.nav__links--shop_info li .accordion-toggle:before svg, .navigation--middle .nav__right ul.nav__links--shop_info li .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev svg, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--middle .nav__right ul.nav__links--shop_info li .owl-prev svg,
.navigation--middle .nav__right ul.nav__links--shop_info li .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next svg,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--middle .nav__right ul.nav__links--shop_info li .owl-next svg,
.navigation--middle .nav__right ul.nav__links--shop_info li .myaccountlinksheader svg {
  height: 30px;
  width: 32px;
  padding-right: 7px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .glyphicon-mini-cart {
  padding: 0;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__right ul.nav__links--shop_info li .glyphicon-mini-cart {
    padding-bottom: 2px !important;
    padding-top: 5px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info li .mycompanylinksheader {
  position: relative;
  bottom: 0;
  width: min-content;
  display: inline-block;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .hidden-sm-orders {
  position: relative;
  top: -10px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .header-navigation-orders {
  display: none;
  align-items: flex-end;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .my-asm-links-header {
  width: 76px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.navigation--middle .nav__right ul.nav__links--shop_info li .my-asm-links-header .header-icon {
  width: 26px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li a {
  color: #ffffff;
  fill: var(--cx-color-primary);
  display: flex;
  align-items: center;
}
.navigation--middle .nav__right ul.nav__links--shop_info li a .mini-cart-wrapper {
  display: grid;
}
.navigation--middle .nav__right ul.nav__links--shop_info li a .mini-cart-wrapper > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.navigation--middle .nav__right ul.nav__links--shop_info li a .quotes-links-header {
  width: 70px;
  display: flex;
  align-items: center;
}
.navigation--middle .nav__right ul.nav__links--shop_info li a .quotes-links-header svg {
  width: 22px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.quick-order-links-header {
  width: 62px;
  left: 158px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.quick-order-links-header svg {
  width: 16px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.quick-order-links-header a {
  width: 63px;
  justify-content: space-between;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.quick-order-links-header span {
  width: 38px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.quote-links-header {
  left: 350px;
}
.navigation--middle .nav__right ul.nav__links--shop_info li.cart-links-header {
  left: 453px;
  width: auto;
}
@media (max-width: 1023px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .visible-xs.visible-sm {
    margin: 0 auto 0 0;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info .visible-xs.visible-sm img {
    width: 146px;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .componentcontainer .ycmscomponent {
    display: inline;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
  min-width: 60px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
  font-size: 30px;
  top: 27%;
  color: var(--cx-color-primary);
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    float: right;
    padding: 0px 10px;
  }
}
@media (min-width: 1024px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    padding: 0px 30px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-orders {
  cursor: pointer;
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-company {
  width: 75px;
  left: 56px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged {
  display: flex;
  align-content: space-evenly;
}
@media (max-width: 1023px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged {
    gap: calc(var(--cx-grid-col-gutter));
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .js-open-login-modal {
  margin-top: 4px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .js-open-login-modal .glyphicon-my-account .header-icon {
  margin-top: 2px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .nav-cart {
  margin-left: 28px;
  width: 79px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .nav-cart .js-open-login-modal {
  width: 79px;
}
@media (max-width: 1023px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .nav-cart .js-open-login-modal {
    width: unset;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged {
  display: flex;
  align-items: center;
  width: 79px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-account {
  width: 63px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-account,
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged,
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-company {
  cursor: pointer;
  display: flex;
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-account.show,
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged.show,
.navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-company.show {
  display: flex !important;
}
.navigation--middle .nav__right ul.nav__links--shop_info .header-icon {
  width: 24px;
  margin-right: 8px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .glyphicon-my-account {
  display: inline-block;
}
.navigation--middle .nav__right ul.nav__links--shop_info .glyphicon-my-account .header-icon {
  margin-top: 3px;
}
.navigation--middle .nav__right ul.nav__links--shop_info .glyphicon-my-account svg {
  padding-top: 5px;
  height: 30px;
  width: 32px;
  padding-right: 7px;
}
.navigation--middle .nav__right .nav__links--account,
.navigation--middle .nav__right .nav__links--accountmanager {
  text-align: center;
  float: right;
  margin-right: 38px;
  margin: 0 auto;
  right: 0;
  padding-right: 28px;
  margin-top: -10px;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__right .nav__links--account,
  .navigation--middle .nav__right .nav__links--accountmanager {
    padding-right: 44px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .navigation--middle .nav__right .nav__links--account,
  .navigation--middle .nav__right .nav__links--accountmanager {
    padding-right: 40px;
  }
}
.navigation--middle .nav__right .nav__links--account li,
.navigation--middle .nav__right .nav__links--accountmanager li {
  display: block;
  float: none;
  margin: 0;
  font-size: 12px;
  color: var(--cx-color-primary);
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--middle .nav__right .nav__links--account .nav-name-leader,
.navigation--middle .nav__right .nav__links--accountmanager .nav-name-leader {
  text-transform: none;
  font-size: 12px;
}
@media (max-width: 639px) {
  .navigation--middle .componentcontainer {
    text-align: center;
    vertical-align: top;
  }
}
.navigation--middle .nav-order-tools,
.navigation--middle .nav-location,
.navigation--middle .nav-cart {
  height: 40px;
}
.navigation--middle .nav-order-tools .col-sm-6,
.navigation--middle .nav-location .col-sm-6,
.navigation--middle .nav-cart .col-sm-6 {
  padding-left: 0px;
  padding-right: 0px;
}
.navigation--middle .nav-order-tools,
.navigation--middle .quote-links-header,
.navigation--middle .my-asm-header,
.navigation--middle .my-account-links-header,
.navigation--middle .quick-order-links-header,
.navigation--middle .nav-cart {
  margin-left: 20px;
}
.navigation--middle .nav-order-tools:hover, .navigation--middle .nav-order-tools:active, .navigation--middle .nav-order-tools:focus,
.navigation--middle .nav-location:hover,
.navigation--middle .nav-location:active,
.navigation--middle .nav-location:focus,
.navigation--middle .btn:hover,
.navigation--middle .btn:active,
.navigation--middle .btn:focus {
  background-color: #f2f2f2;
  box-shadow: none;
}
.navigation--middle .myaccountlinksheader,
.navigation--middle .lioffcanvas {
  color: #ffffff;
}
.navigation--middle .nav-cart {
  display: flex;
}
.navigation--middle .nav-cart .col-sm-4 {
  margin: 0;
  padding: 0;
  width: 77px;
}
.navigation--middle .nav-cart .mini-cart-price {
  font-size: 12px;
}
.navigation--middle .nav-cart .mini-cart-link {
  color: var(--cx-color-primary);
}
.navigation--middle .nav-cart .mini-cart-link .col-sm-4 {
  width: auto;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-link {
    white-space: nowrap;
  }
}
.navigation--middle .nav-cart .mini-cart-label {
  font-size: 10px;
}
.navigation--middle .nav-cart .mini-cart-count {
  background-color: #df3828;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: -10px;
  z-index: 900;
  display: flex;
  margin-left: -7px;
  justify-content: center;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    float: right;
    position: relative;
    top: 20px;
  }
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
  font-size: 30px;
}
.navigation--middle .nav-cart a {
  flex-direction: row-reverse;
}
.navigation--middle .mobile__nav__row {
  background-color: #ffffff;
}
.navigation--middle .mobile__nav__row .site-search {
  display: none;
}
.navigation--middle .mobile__nav__row .col-xs-4 {
  width: auto;
}
.navigation--middle .mobile-menu {
  height: 40px;
  width: min-content;
  padding: 0;
}
@media (max-width: 1023px) {
  .navigation--middle .mobile-menu {
    display: flex;
    margin-right: 8px;
  }
}
.navigation--middle .mobile-menu button {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0px;
}
.navigation--middle .mobile-menu span {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  color: var(--cx-color-primary);
  font-size: 29px;
  top: 2px;
  display: flex;
}

.slideOut {
  transform: translatex(-100%);
  transition: transform 0.2s ease-out;
}

.slideIn {
  transform: translatex(0);
  transition: transform 0.2s ease-in;
}

@media (max-width: 1023px) {
  .categories-container {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    display: inherit;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #102739;
    padding: 0;
    position: relative;
    left: 0;
  }
  .categories-container.active {
    position: relative;
    left: -100%;
  }
  .categories-container h1, .categories-container .h1 {
    display: inherit;
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    color: #fff;
    padding: 0px 0px 0px 24px;
    margin: 0px;
    padding-bottom: 16px;
  }
}
.categories-container .js-row-parent-categories .sub-navigation-section {
  padding-bottom: 16px;
  justify-content: space-between;
  display: flex;
}
.categories-container .js-row-parent-categories .sub-navigation-section a img {
  margin-right: 8px;
}
@media (max-width: 1023px) {
  .categories-container .js-row-parent-categories .sub-navigation-section a img {
    filter: invert(99%) sepia(20%) saturate(0%) hue-rotate(138deg) brightness(119%) contrast(100%);
  }
}
.categories-container .js-row-parent-categories .sub-navigation-section a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  padding-left: 24px;
}
.categories-container .js-row-parent-categories .sub-navigation-section > img {
  padding-right: 24px;
}
.categories-container .js-row-parent-categories .sub-navigation-section.js-sub-navigation-section-child {
  display: none;
}

.navigation--bottom {
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .navigation--bottom.offcanvas-is-pushed {
    margin-top: 297px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.is-opened {
    left: 0%;
    height: auto;
  }
}
.navigation--bottom.is-opened .navigation__overflow {
  height: 100%;
}
.navigation--bottom.is-opened .nav__links--products span,
.navigation--bottom.is-opened .nav__links--products a {
  font-size: 14px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .navigation--bottom.is-opened .liUserSign {
    margin-bottom: 30px;
  }
  .navigation--bottom.is-opened .liUserSign a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
  }
}
.navigation--bottom.is-opened .js-row-parent-categories.row, .navigation--bottom.is-opened .js-row-parent-categories.cart__content {
  margin: 0px;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    border-bottom: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .sm-back::before {
    content: "\e079";
    float: none;
  }
}
.navigation--bottom .navigation__overflow {
  width: 100%;
  max-width: var(--cx-container-max-width);
  padding-left: var(--cx-grid-col-gutter);
  padding-right: var(--cx-grid-col-gutter);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .navigation--bottom .navigation__overflow {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 80px;
  }
}
.navigation--bottom .navigation__overflow > li {
  display: none;
}
@media (max-width: 1023px) {
  .navigation--bottom .navigation__overflow {
    left: -380px;
    top: 0;
    max-height: 100%;
    height: 747px;
    overflow-y: auto;
  }
  .navigation--bottom .navigation__overflow .offcanvasGroup1 {
    display: flex;
    flex-flow: column;
    width: 100%;
    border-bottom: 2px solid #102739;
    flex-direction: column;
    background-color: #102739;
  }
  .navigation--bottom .navigation__overflow .offcanvasGroup1 li {
    margin-bottom: 16px;
    margin-left: 48px;
  }
  .navigation--bottom .navigation__overflow .glyphicon svg, .navigation--bottom .navigation__overflow .product__listing.product__list .product__list--item.tag-highlighted:after svg, .product__listing.product__list .navigation--bottom .navigation__overflow .product__list--item.tag-highlighted:after svg, .navigation--bottom .navigation__overflow .product__listing.product__grid .product-item.tag-highlighted:after svg, .product__listing.product__grid .navigation--bottom .navigation__overflow .product-item.tag-highlighted:after svg, .navigation--bottom .navigation__overflow .accordion .panel .panel-heading .accordion-toggle:before svg, .accordion .panel .panel-heading .navigation--bottom .navigation__overflow .accordion-toggle:before svg, .navigation--bottom .navigation__overflow .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev svg, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--bottom .navigation__overflow .owl-prev svg,
  .navigation--bottom .navigation__overflow .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next svg,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .navigation--bottom .navigation__overflow .owl-next svg {
    width: 30px;
    fill: white;
    top: 5px;
    position: relative;
  }
  .navigation--bottom .navigation__overflow > li {
    list-style-type: none;
    padding: 24px;
    display: flex;
    flex-direction: row;
    width: 126px;
    justify-content: space-between;
  }
  .navigation--bottom .navigation__overflow > li a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    float: right;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    background-color: #102739;
    display: inline-block;
    color: transparent;
    overflow: hidden;
    border: none;
    border-radius: 0px;
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
  color: #102739;
  font-size: 20px;
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span svg {
    margin-bottom: 2px;
    filter: invert(100%) sepia(80%) saturate(0%) hue-rotate(107deg) brightness(165%) contrast(100%);
  }
}
.navigation--bottom:before, .navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}
.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    width: 380px;
    position: absolute;
    top: 0px;
    transform: translatex(-100%);
    transition: transform 0.3s ease-out;
    z-index: 999;
    background-color: #102739;
  }
  .navigation--bottom li {
    float: none;
  }
}
.navigation--bottom .nav__links--products {
  margin: 0;
  margin: 0 auto;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 0px;
  align-items: center;
  display: flex;
  scrollbar-color: #f1f1f1 #f1f1f1;
  scrollbar-width: thin;
}
.navigation--bottom .nav__links--products .auto.nav__links--primary .nav__link img {
  display: none;
}
.navigation--bottom .nav__links--products .auto.nav__links--primary.nav__links--primary-has__sub .nav__link img {
  display: inline-block;
}
.navigation--bottom .nav__links--products h1, .navigation--bottom .nav__links--products .h1 {
  display: none;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    display: inherit;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 0;
    position: relative;
    left: 0;
  }
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
  }
  .navigation--bottom .nav__links--products h1, .navigation--bottom .nav__links--products .h1 {
    display: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    color: #222020;
    padding: 24px 0px 0px 24px;
    margin: 0px;
    padding-bottom: 16px;
  }
  .navigation--bottom .nav__links--products .li-my-account-goback-slider {
    display: none;
    font-size: 14px;
    width: 380px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 1023px) and (max-width: 639px) {
  .navigation--bottom .nav__links--products .li-my-account-goback-slider {
    padding-right: 20px;
    width: 350px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) and (max-width: 1023px) {
  .navigation--bottom .nav__links--products .li-my-account-goback-slider {
    width: 355px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products .li-my-asm a {
    padding-left: 6px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products .li-my-account-slider,
  .navigation--bottom .nav__links--products .li-my-asm,
  .navigation--bottom .nav__links--products .li-my-asm a,
  .navigation--bottom .nav__links--products .li-my-quotes a {
    width: 100%;
    display: flex;
    border: none;
    background: transparent;
    font-weight: 600;
    color: #fff;
    align-items: inherit;
  }
  .navigation--bottom .nav__links--products .li-my-account-slider button,
  .navigation--bottom .nav__links--products .li-my-asm button,
  .navigation--bottom .nav__links--products .li-my-asm a button,
  .navigation--bottom .nav__links--products .li-my-quotes a button {
    color: #fff;
    background-color: unset;
    border: none;
    font-weight: 600;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products .li-my-quotes svg {
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products .goback-slider-wrapper {
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 16px;
  }
  .navigation--bottom .nav__links--products .goback-slider-wrapper button {
    color: #fff;
    background-color: unset;
    border: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li {
    float: none;
    overflow: hidden;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li a {
    margin-top: 0;
    color: #fff;
    text-transform: capitalize;
    display: block;
  }
}
@media (max-width: 1024px) {
  .navigation--bottom .nav__links--products li a {
    font-size: 9px;
  }
}
.navigation--bottom .nav__links--products li .row, .navigation--bottom .nav__links--products li .cart__content {
  display: flex;
  max-width: 288px;
  width: 100%;
  margin: 0px;
  background-color: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  height: 70%;
  scrollbar-width: thin;
  justify-content: space-between;
}
.navigation--bottom .nav__links--products li ::-webkit-scrollbar {
  background: #eeeef0;
  border-radius: 8px;
  width: 8px;
}
.navigation--bottom .nav__links--products li ::-webkit-scrollbar-thumb {
  background: #bab6bc;
  border-radius: 8px;
  width: 8px;
}
.navigation--bottom .nav__links--products .sub-navigation-section {
  display: flex;
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  display: none;
  background: #ffffff;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 0 15px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
  display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row, .navigation--bottom .nav__links--products .nav__links--secondary .cart__content {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  width: 100%;
  height: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section:first-child {
  margin-top: 12px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section:first-child {
  margin-bottom: 12px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list div {
  width: 50%;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  border-bottom: 1px solid #d3d3d3;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
  border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
  display: block;
  color: #000000;
  line-height: 30px;
  padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover, .navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
  background-color: #d3d3d3;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
  top: 40px;
  height: 100vh;
}
.navigation--bottom .nav__link {
  display: inline-block;
  width: 100%;
}
.navigation--bottom .nav__links--primary-has__sub .nav-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 28px 32px 28px;
  border-color: transparent transparent #ffffff transparent;
  display: block;
  bottom: 0;
  z-index: 1001;
  margin-left: 157px;
  margin-bottom: -10px;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub {
    position: static;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link {
    width: 67%;
  }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
  display: inline-block;
  width: 33%;
  color: #41a017;
  min-height: 30px;
  padding: 20px 0;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }
}
.navigation--bottom .nav__links--primary .sub__navigation--wrapper {
  display: flex;
  height: 77vh;
}
.navigation--bottom .nav__links--primary .sub__navigation--wrapper .js-row-subschild + img {
  max-width: 256px;
  width: 100%;
  padding: 0px;
  height: 70%;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    z-index: 1000;
    border-top: 0;
    max-height: 100vh;
    height: auto;
    width: 100%;
    max-width: 1120px;
    padding: 0px;
  }
  .navigation--bottom .nav__links--primary .sub__navigation .row-subschild {
    max-width: 573px;
    width: 100%;
    background-color: #eaf3e2;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #41a017;
    padding: 5px 50px;
    border-bottom: 1px solid #bab6bc;
    font-size: 18px;
    line-height: 50px;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: " ";
  }
  .navigation--bottom .nav__links--primary .sm-back::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "glyphicons halflings", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8em;
    margin-right: 1em;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .row, .navigation--bottom .nav__links--primary .cart__content {
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #ffffff;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 40px;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.7);
  background: #ffffff;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  font-weight: 400;
  width: 288px;
  height: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 1399px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #bab6bc;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding-left: 0px;
    list-style: none;
    margin-top: 0;
    width: 576px;
    display: flex;
    justify-content: space-between;
    background: #eaf3e2;
    padding: 24px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
    display: block;
    color: #000000;
    line-height: 30px;
    padding: 0 0 16px 5px;
    font-size: 16px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
    background-color: unset;
    text-decoration: underline;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
  display: block;
  float: none;
  width: 232px;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile .offcanvasGroup2 {
    display: grid;
    padding: 0;
    margin: 0;
  }
  .navigation--bottom .nav__links--mobile .offcanvasGroup2 a {
    padding: 13px;
  }
  .navigation--bottom .nav__links--mobile .offcanvasGroup2 .auto {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .navigation--bottom .nav__links--mobile .offcanvasGroup2 .auto svg path {
    fill: #fff;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup {
    position: relative;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #102739;
    display: inline-block;
    width: 80%;
    float: left;
    height: 40px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup {
    background-color: #eeeef0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup a {
    border: none;
    color: var(--cx-color-primary);
  }
  .navigation--bottom .usergroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup .myacctusericon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup .username {
    display: inline-block;
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .usergroup #signedinuseroptionstoggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
  .navigation--bottom .usergroup #signedinuseroptionstoggle .myacctexp {
    display: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    padding-left: 23px;
  }
}

.is-opened {
  transform: translatex(0);
}

@media (min-width: 640px) {
  main {
    transition: transform 0.3s ease-out;
  }
}
@media (min-width: 640px) and (prefers-reduced-motion: reduce) {
  main {
    transition: none;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  main.offcanvas {
    position: relative;
  }
}

@media (max-width: 1023px) {
  .sticky-nav-top {
    background-color: #102739;
    padding-left: 0px;
    margin: 0px;
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
  }
  .sticky-nav-top .auto {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    height: 48px;
    align-items: center;
  }
  .sticky-nav-top .btn {
    width: 24px;
    height: 24px;
    padding: 0px;
  }
  .sticky-nav-top .btn .span {
    align-self: center;
    justify-content: center;
  }
  .sticky-nav-top .btn .span .svg {
    width: 12.57px;
    height: 12.57px;
    padding-bottom: 1px;
  }
  .sticky-nav-top .bi-x-lg,
  .sticky-nav-top .bi-x {
    font-size: 13px;
    color: var(--cx-color-primary);
  }
  .sticky-nav-top .userName {
    color: #ffffff;
    padding-left: 24px;
    font-weight: 400;
  }
}

@media (max-width: 1023px) {
  html.offcanvas {
    overflow-x: hidden;
  }
}
.nav-order-tools {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 640px) {
  .nav-order-tools {
    border-left: 0px;
    border-right: 1px solid #d3d3d3;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .nav-order-tools {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .nav-order-tools {
    position: static;
  }
}
.nav-order-tools:before {
  position: relative;
  top: 30%;
  display: inline;
  font-family: "glyphicons halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--cx-color-primary);
  font-size: 35px;
}
@media (max-width: 639px) {
  .nav-order-tools:before {
    top: 3px;
  }
}

.quote__list {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 45px;
  text-align: right;
}
.quote__list a {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: var(--cx-color-primary);
}
.quote__list a .glyphicon, .quote__list a .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .quote__list a .product__list--item.tag-highlighted:after, .quote__list a .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .quote__list a .product-item.tag-highlighted:after, .quote__list a .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .quote__list a .accordion-toggle:before, .quote__list a .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .quote__list a .owl-prev,
.quote__list a .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .quote__list a .owl-next {
  top: 4px;
}
@media (min-width: 640px) {
  .quote__list {
    border-left: 0px;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .quote__list {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .quote__list {
    position: static;
  }
}

.js-nav-order-tools--active .nav-order-tools__child-wrap, .js-nav-order-tools--active.mobile__nav_row--table-cell {
  display: block;
}

.js-nav-quote-list--active .quote__list--nav {
  display: block;
}

.quote__list--nav {
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: 40px;
  top: 26px;
  width: 260px;
  z-index: 10;
}
.quote__list--nav a {
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 639px) {
  .quote__list--nav {
    width: 100vw;
    top: 103px;
  }
}
.quote__list--nav a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
  padding: 20px 30px;
}
.quote__list--nav a:hover {
  background-color: #f2f2f2;
}

.nav-order-tools__child-wrap {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  width: 300px;
  height: auto;
  color: #222020;
  z-index: 10;
  border-bottom: 4px var(--cx-color-primary) solid;
  display: none;
}
.nav-order-tools__child-wrap div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 17px;
  width: 300px;
  height: 35px;
  align-items: center;
}
.nav-order-tools__child-wrap div:last-child {
  border-bottom: none;
}
.nav-order-tools__child-wrap .my-account-logout {
  border-top: 1px solid #eeeef0;
  padding: 0px;
  padding-top: 15px;
  font-weight: 600;
  color: #222020;
}
.nav-order-tools__child-wrap div:hover {
  background-color: #eeeef0;
}
.nav-order-tools__child-wrap a {
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--cx-color-primary);
  flex-direction: inherit !important;
  padding-left: 0px;
}
.nav-order-tools__child-wrap a:hover {
  background-color: #f2f2f2;
}
.nav-order-tools__child-wrap .nav-order-tools__child-wrap--triangle:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(53% - 10px);
  top: -17px;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.search-results-highlight {
  font-weight: bold;
}

.nav-name-leader {
  float: right;
  font-size: 12px;
  color: var(--cx-color-primary);
  font-weight: 400;
}
.nav-name-leader a {
  color: var(--cx-color-primary);
  text-decoration: underline;
}
@media (max-width: 639px) {
  .nav-name-leader {
    display: none;
  }
}

.popover__wrapper {
  position: relative;
  display: inline-block;
}

.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -130px;
  transform: translate(0, 10px);
  background-color: #ffffff;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  width: 250px;
  margin-top: 30%;
  border-radius: 20px;
}
.popover__content .glyphicon-my-account {
  height: 35px;
  width: 35px;
  fill: #ffffff;
  color: var(--cx-color-primary);
  border: 1px solid var(--cx-color-primary);
  background-color: var(--cx-color-primary);
  border-radius: 50px;
  float: left;
  margin-right: 15px;
}

.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #a19ba2 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__wrapper:hover .popover__content .myaccountlinksheader {
  display: none;
  visibility: hidden;
}

.popover__message {
  text-align: left;
  font-size: 12px;
  color: var(--cx-color-primary);
  font-weight: bold;
  text-transform: none;
  display: block;
}

.popover__wrapper a:hover {
  background-color: #e4e4e4;
}

.navNodeHover {
  background: #eaf3e2 !important;
  border-left: 4px solid #158110;
}
.navNodeHover span a {
  padding-left: 20px !important;
}

.desktop__nav:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  margin-left: 1440px;
  background: #102739;
}

@media all and (min-width: 1024px) {
  .navigation .container-fluid, .navigation .container-sm, .navigation .container-md, .navigation .container-lg, .navigation .container-xl {
    padding: 0;
  }
  .navigation .desktop__nav {
    position: relative;
    padding: 0 var(--cx-grid-col-gutter);
  }
  .navigation .desktop__nav:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: var(--cx-grid-col-gutter);
    height: 100%;
    background-color: #fff;
    display: block;
    content: "";
  }
}
@media (max-width: 1023px) {
  .navigation .container-fluid, .navigation .container-sm, .navigation .container-md, .navigation .container-lg, .navigation .container-xl {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .navigation .container-fluid > .row, .navigation .container-fluid > .cart__content, .navigation .container-sm > .row, .navigation .container-sm > .cart__content, .navigation .container-md > .row, .navigation .container-md > .cart__content, .navigation .container-lg > .row, .navigation .container-lg > .cart__content, .navigation .container-xl > .row, .navigation .container-xl > .cart__content {
    gap: var(--cx-grid-col-gutter);
  }
  .navigation .desktop__nav:after {
    display: none;
  }
  .navigation .desktop__nav {
    border: none;
  }
  .navigation .nav__right ul.nav__links--shop_info {
    width: 100vw !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
  }
  .navigation .nav__right ul.nav__links--shop_info .banner__component a {
    display: flex;
    justify-content: center;
  }
  .navigation .nav__right {
    background-color: #ffffff;
  }
  .navigation .visible-xs.visible-sm {
    display: flex !important;
  }
  .navigation .mini-cart-wrapper {
    display: grid;
  }
  .navigation .mini-cart-wrapper > * {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .navigation .navigation--middle .row .desktop__nav, .navigation .navigation--middle .cart__content .desktop__nav {
    margin: 0 auto;
    height: 60px;
    width: 100vw;
  }
  .navigation .nav__links--products {
    display: block;
    width: 100%;
  }
  .navigation .navigation--bottom.is-opened .navigation__overflow {
    height: 100px;
  }
  .navigation .navigation-wrapper .my-category-slider img.hidden-lg.hidden-md.visible-xs.visible-sm, .navigation .navigation-wrapper .my-category-slider .carousel-component-wrapper .image-gallery .image-gallery__image img.visible-xs.visible-sm.owl-controls, .carousel-component-wrapper .image-gallery .image-gallery__image .navigation .navigation-wrapper .my-category-slider img.visible-xs.visible-sm.owl-controls {
    display: none !important;
  }
  .navigation .navigation--bottom .nav__links--products .li-my-account-slider {
    position: absolute;
    border-bottom: 1.5px solid #eeeef0;
    padding: 47px 0px 25px 25px;
  }
  .navigation .desktop__nav {
    background: #ffffff;
  }
  .navigation .quote-links-header,
  .navigation .quick-order-links-header {
    display: none;
  }
  .navigation .navigation--middle .nav-cart .mini-cart-link {
    display: flex;
  }
  .navigation .nav__right,
  .navigation .container-fluid .row .desktop__nav,
  .navigation .container-fluid .cart__content .desktop__nav,
  .navigation .container-sm .row .desktop__nav,
  .navigation .container-sm .cart__content .desktop__nav,
  .navigation .container-md .row .desktop__nav,
  .navigation .container-md .cart__content .desktop__nav,
  .navigation .container-lg .row .desktop__nav,
  .navigation .container-lg .cart__content .desktop__nav,
  .navigation .container-xl .row .desktop__nav,
  .navigation .container-xl .cart__content .desktop__nav {
    height: unset;
    width: 100%;
  }
  .navigation .site-search {
    transform: none;
    width: 100%;
  }
  .navigation .site-search-container {
    height: 76px;
    align-items: center;
    padding: 0px;
    width: 100vw;
    background-color: #102739;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1024px) {
  .navigation .site-search-container {
    background-color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .navigation .nav__right,
  .navigation .site-search-container {
    height: unset;
  }
}
@media (max-width: 1023px) {
  .navigation .container-fluid .row .site-search-container .site-search .input-group, .navigation .container-fluid .cart__content .site-search-container .site-search .input-group, .navigation .container-sm .row .site-search-container .site-search .input-group, .navigation .container-sm .cart__content .site-search-container .site-search .input-group, .navigation .container-md .row .site-search-container .site-search .input-group, .navigation .container-md .cart__content .site-search-container .site-search .input-group, .navigation .container-lg .row .site-search-container .site-search .input-group, .navigation .container-lg .cart__content .site-search-container .site-search .input-group, .navigation .container-xl .row .site-search-container .site-search .input-group, .navigation .container-xl .cart__content .site-search-container .site-search .input-group {
    max-width: 100vw;
  }
}
@media (max-width: 1023px) {
  .navigation .site-search .input-group input {
    height: 35px;
  }
}
@media (max-width: 1023px) {
  .navigation .nav-cart .header-icon {
    margin-right: 0 !important;
  }
}
.navigation .nav__links--products .sub-navigation-section .js-sub-navigation-section-child {
  display: none;
}

.my-category-slider {
  background-color: #102739;
}
.my-category-slider .nav-mobile-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  padding-bottom: 16px;
}
.my-category-slider div[data-child-level2-parent] a {
  display: flex;
  align-items: center;
  padding-left: 18px;
}
.my-category-slider div[data-child-level2-parent] a::before {
  content: url(../../common/images/arrow-right-s-line-white.svg);
}
.my-category-slider div[data-child-level2-parent] span a {
  padding-top: 24px;
}
.my-category-slider img {
  display: none;
}
.my-category-slider li {
  list-style-type: none;
}
.my-category-slider ul {
  padding-left: 24px;
}
.my-category-slider div[data-child-level3-child] a {
  font-weight: 400;
  font-size: 16px;
}
.my-category-slider div[data-child-level3-child] a::before {
  content: "";
}
.my-category-slider .js-row-parent-categories .sub-navigation-section {
  display: none;
}

.green-border {
  height: 16px;
  background: var(--cx-color-primary);
  margin: 0 auto;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .green-border {
    height: 9px;
  }
}
@media (max-width: 639px) {
  .green-border {
    height: 14px;
  }
}

.auto.nav__links--primary a {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  display: block;
  color: #000000;
}
.auto.nav__links--primary .sub-navigation-section a {
  font-size: 16px;
  padding-left: 23px;
}

@media (min-width: 1024px) and (max-width: 1120px) {
  .desktop__nav .nav__left.js-site-logo {
    width: 224px;
    background: linear-gradient(-127deg, #102739 22%, #ffffff 0%);
  }
  .desktop__nav .leroy_site_logo img {
    width: 80%;
  }
  .navigation--middle .nav__left.hidden-xs.hidden-sm, .navigation--middle .account-navigation .nav__left.account-navigation-list, .account-navigation .navigation--middle .nav__left.account-navigation-list, .navigation--middle .product__listing .nav__left.hidden-sm.product__listing--description, .product__listing .navigation--middle .nav__left.hidden-sm.product__listing--description, .navigation--middle .tabs.tabs-responsive .nav__left.tabs-list, .tabs.tabs-responsive .navigation--middle .nav__left.tabs-list, .navigation--middle .tabs .nav__left.tabhead, .tabs .navigation--middle .nav__left.tabhead, .navigation--middle .image-gallery .gallery-carousel .nav__left.owl-controls, .image-gallery .gallery-carousel .navigation--middle .nav__left.owl-controls, .navigation--middle .image-gallery .image-gallery__image .nav__left.owl-buttons, .image-gallery .image-gallery__image .navigation--middle .nav__left.owl-buttons, .navigation--middle .carousel-component-wrapper .owl-carousel .nav__left.owl-controls, .carousel-component-wrapper .owl-carousel .navigation--middle .nav__left.owl-controls {
    margin-right: 0px;
  }
}
@media (max-width: 1023px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged {
    margin: 0;
    width: min-content;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged img {
    margin: 0;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged .mini-cart-wrapper {
    width: 19px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info .icons-navigation-not-logged .nav-cart {
    margin-left: 0px;
    margin-right: 0px;
    width: 24.582px;
    margin-left: 0px;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info .header-navigation-not-logged:last-child {
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .navigation--middle .my-account-links-header {
    margin-left: 0px;
  }
}
.my-account-saved-carts {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(280deg) brightness(0%) contrast(100%);
  width: 16px;
}

.my-account-saved-carts-mobile {
  width: 16px;
}

.js-mainHeader {
  background: #ffffff;
}

header {
  margin-bottom: 20px;
}
.page-cartPage header, .page-homepage header, .page-productGrid header, .page-searchGrid header, .page-search header, .page-cartPage header, .pageType-CategoryPage header {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  header {
    background-color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .leroy_site_logo_container {
    margin-right: 0px;
  }
}
@media (max-width: 640px) {
  .leroy_site_logo_container {
    height: 50px;
  }
}

@media (max-width: 1023px) {
  .leroy_site_logo {
    width: 55px;
    height: 33px;
  }
}
.leroy_site_logo .simple-banner-component img,
.leroy_site_logo .banner__component img {
  width: 95px;
}
@media (max-width: 1023px) {
  .leroy_site_logo .simple-banner-component img,
  .leroy_site_logo .banner__component img {
    width: 55px;
    margin-left: 8px;
  }
}
@media (max-width: 1023px) {
  .leroy_site_logo {
    transform: none;
  }
}

.navigation--top .js-site-logo {
  width: 260px;
  background-color: white;
  transform: skewX(45deg) translateX(-80px) translateY(0px);
  padding: 5px 0;
  height: 100px;
  margin-bottom: -2px;
}
.navigation--top .js-site-logo img {
  max-width: 100%;
}
.navigation--top .js-site-logo .simple-banner {
  transform: skewX(-45deg) translateX(130px) translateY(30px);
}
.navigation--top .js-site-logo .simple-banner-component img,
.navigation--top .js-site-logo .banner__component img {
  width: 100px;
}
@media (max-width: 640px) {
  .navigation--top .js-site-logo {
    width: 170px;
  }
  .navigation--top .js-site-logo .simple-banner {
    transform: skewX(-45deg) translateX(90px) translateY(30px);
  }
}

.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left.leroy_site_logo .banner__component img {
  width: 100px;
}

.cookie-alert--top {
  margin-bottom: 0;
}

#consent-management-alert .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}
#consent-management-alert .consent-management-list__item {
  position: relative;
  margin-top: 0;
  margin-bottom: 3px;
  list-style-type: none;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
#consent-management-alert .consent-management-list__title {
  padding: 0 15px 0 62px;
  display: block;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: bold;
}
#consent-management-alert .consent-management-list__title:before {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e114";
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#consent-management-alert .consent-management-list__title:hover,
#consent-management-alert .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
#consent-management-alert .consent-management-list__label {
  width: 85%;
  font-size: 15px;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__label {
    width: 60%;
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content-inner {
  padding: 10px 40px 0 65px;
  font-size: 16px;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__content-inner {
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
  position: absolute;
  top: 10px;
  right: 20px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group {
    right: 30px;
  }
}
#consent-management-alert .consent-buttons-group .btn {
  padding: 4px 38px;
  font-size: 13px;
  margin-left: 10px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group .btn {
    padding: 4px;
    font-size: 12px;
    margin-left: 0;
  }
}

.asm-create-account-button {
  display: none;
}

.page-homepage #exceededStockModal .modal-dialog-centered {
  justify-content: center;
}
.page-homepage #exceededStockModal .modal-content {
  width: 501px;
  height: fit-content;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  padding: 32px 27px;
  position: relative;
}
.page-homepage #exceededStockModal .modal-content button.btn-close-modal {
  position: absolute;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  top: 27px;
  right: 27px;
}
.page-homepage #exceededStockModal .modal-content .modal-header {
  flex-direction: column;
}
.page-homepage #exceededStockModal .modal-content .modal-header div:first-child {
  width: 65px;
  height: 65px;
  background: #eaf3e2;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 9px;
}
.page-homepage #exceededStockModal .modal-content .modal-header div:nth-of-type(2) {
  color: #1a1919;
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  padding-left: 18px;
  display: flex;
  gap: 8px;
}
.page-homepage #exceededStockModal .modal-content .modal-header p {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.page-homepage #exceededStockModal .modal-content .modal-header span#modalProductName {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-homepage #exceededStockModal .modal-content .modal-body {
  margin-top: 32px;
}
.page-homepage #exceededStockModal .modal-content .modal-body div {
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  width: 448px;
}
.page-homepage #exceededStockModal .modal-content .modal-body div:first-child {
  margin-bottom: 43px;
}
.page-homepage #exceededStockModal .modal-content .modal-footer {
  justify-content: center;
}
.page-homepage #exceededStockModal .modal-content .modal-footer button.btn {
  display: flex;
  width: 194px;
  height: 48px;
  padding: 19.937px 28.481px;
  justify-content: center;
  align-items: center;
  gap: 14.241px;
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .page-homepage #exceededStockModal .modal-content .modal-footer button.btn {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .page-homepage #exceededStockModal .modal-content {
    width: 376.169px;
    height: fit-content;
  }
  .page-homepage #exceededStockModal .modal-content .modal-body div {
    width: 291px;
    font-size: 14px;
  }
  .page-homepage #exceededStockModal .modal-content .modal-header div.w-100 {
    font-size: 14px;
  }
  .page-homepage #exceededStockModal .modal-content .modal-header p {
    width: 280px;
    height: fit-content;
    font-size: 16px;
  }
  .page-homepage #exceededStockModal .modal-content .modal-footer {
    flex-direction: column-reverse;
  }
  .page-homepage #exceededStockModal .modal-content .modal-footer button.btn {
    width: 291px;
    height: 40px;
    gap: 38.4px;
    padding: 6.4px 12.8px;
    border-radius: 6px;
  }
}
.page-homepage .toast-cancel-btn-exceededProduct-modal {
  max-width: 483px;
  width: 100%;
  height: fit-content;
  border-radius: 8px;
  background: #fdf2d1;
  display: flex;
  align-items: baseline;
  gap: 11px;
  padding: 14px 0 14px 12px;
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .page-homepage .toast-cancel-btn-exceededProduct-modal {
    max-width: 372px;
  }
}
.page-homepage .toast-cancel-btn-exceededProduct-modal .text-toast-cancel-exceededProduct-modal {
  width: 439px;
  height: 99px;
  color: #624d17;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
}
@media (max-width: 479px) {
  .page-homepage .toast-cancel-btn-exceededProduct-modal .text-toast-cancel-exceededProduct-modal {
    font-size: 12px;
  }
}
.page-homepage .toast-cancel-btn-exceededProduct-modal .text-toast-cancel-exceededProduct-modal p {
  margin: 0;
}

body {
  font-size: var(--cx-font-size-root);
}

p {
  margin-bottom: 4px;
}

code {
  color: var(--cx-color-common);
}

:root {
  --cx-container-max-width: 1440px;
  --cx-grid-col-gutter: 10px;
  --cx-grid-row-gutter: calc(-1 * var(--cx-grid-col-gutter));
}
@media all and (max-width: 767px) {
  :root {
    --cx-grid-col-gutter: 12px;
  }
}

:root {
  --cx-font-family-default: "Inter", "Open Sans", Helvetica, Arial, sans-serif;
  --cx-font-size-root: 16px;
  --cx-font-size-03: calc(var(--cx-font-size-root) * 5);
  --cx-font-size-02: calc(var(--cx-font-size-root) * 4.5);
  --cx-font-size-01: calc(var(--cx-font-size-root) * 4);
  --cx-font-size-0: calc(var(--cx-font-size-root) * 3);
  --cx-font-size-1: calc(var(--cx-font-size-root) * 2.5);
  --cx-font-size-2: calc(var(--cx-font-size-root) * 2);
  --cx-font-size-3: calc(var(--cx-font-size-root) * 1.5);
  --cx-font-size-4: calc(var(--cx-font-size-root) * 1.25);
  --cx-font-size-5: calc(var(--cx-font-size-root) * 1.125);
  --cx-font-size-6: calc(var(--cx-font-size-root) * 1);
  --cx-font-size-7: calc(var(--cx-font-size-root) * 0.875);
  --cx-font-size-8: calc(var(--cx-font-size-root) * 0.75);
}

.PRIMARY {
  color: var(--cx-alert-primary-text-color);
  border-color: var(--cx-alert-primary-border-color);
  background-color: var(--cx-alert-primary-background-color);
}
.PRIMARY:before {
  background-color: var(--cx-alert-primary-border-left-color);
}

.SUCCESS {
  color: var(--cx-alert-success-text-color);
  border-color: var(--cx-alert-success-border-color);
  background-color: var(--cx-alert-success-background-color);
}
.SUCCESS:before {
  background-color: var(--cx-alert-success-border-left-color);
}

.DANGER {
  color: var(--cx-alert-danger-text-color);
  border-color: var(--cx-alert-danger-border-color);
  background-color: var(--cx-alert-danger-background-color);
}
.DANGER:before {
  background-color: var(--cx-alert-danger-border-left-color);
}

.WARNING {
  color: var(--cx-alert-warning-text-color);
  border-color: var(--cx-alert-warning-border-color);
  background-color: var(--cx-alert-warning-background-color);
}
.WARNING:before {
  background-color: var(--cx-alert-warning-border-left-color);
}

.INFO {
  color: var(--cx-alert-info-text-color);
  border-color: var(--cx-alert-info-border-color);
  background-color: var(--cx-alert-info-background-color);
}
.INFO:before {
  background-color: var(--cx-alert-info-border-left-color);
}

.alert-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: var(--cx-alert-spacers);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cx-alert-container-border-radius);
  overflow: hidden;
}
.alert-container:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 4px;
  height: 100%;
}
.alert-container .icon {
  margin-right: var(--cx-alert-spacers);
}
.alert-container .icon span {
  font-size: var(--cx-alert-content-font-size);
  line-height: var(--cx-alert-general-line-height);
}
.alert-container .bx-content {
  flex: 1;
}
.alert-container .bx-content .title {
  font-family: var(--cx-font-family-default);
  font-weight: 700;
  font-style: normal;
  font-size: var(--cx-alert-title-font-size);
  margin-bottom: 4px;
  line-height: var(--cx-alert-general-line-height);
}
.alert-container .bx-content .content {
  margin-bottom: 0;
  font-size: var(--cx-alert-content-font-size);
  line-height: var(--cx-alert-general-line-height);
}
.alert-container .bx-close {
  color: inherit;
}
.alert-container .bx-close button {
  display: flex;
  background: transparent;
  border: 0;
  outline: 0;
  transition: 0.2s all ease-in-out;
  color: inherit;
}
.alert-container .bx-close button:hover {
  transform: scale(1.5);
}

.cx-bg-primary {
  background-color: var(--cx-color-primary) !important;
}

.cx-bg-primary-light {
  background-color: var(--cx-color-primary-light) !important;
}

.cx-bg-secondary {
  background-color: var(--cx-color-secondary) !important;
}

.cx-bg-assets-1 {
  background-color: var(--cx-color-assets-1) !important;
}

.cx-bg-assets-2 {
  background-color: var(--cx-color-assets-2) !important;
}

.cx-bg-success {
  background-color: var(--cx-color-success) !important;
}

.cx-bg-success-light {
  background-color: var(--cx-color-success-light) !important;
}

.cx-bg-danger {
  background-color: var(--cx-color-danger) !important;
}

.cx-bg-danger-light {
  background-color: var(--cx-color-danger-light) !important;
}

.cx-bg-warning {
  background-color: var(--cx-color-warning) !important;
}

.cx-bg-warning-light {
  background-color: var(--cx-color-warning-light) !important;
}

.cx-bg-info {
  background-color: var(--cx-color-info) !important;
}

.cx-bg-info-light {
  background-color: var(--cx-color-info-light) !important;
}

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

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

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

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

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

.cx-bg-gray-400 {
  background-color: var(--cx-color-gray-400) !important;
}

.cx-bg-gray-500 {
  background-color: var(--cx-color-gray-500) !important;
}

.cx-bg-gray-600 {
  background-color: var(--cx-color-gray-600) !important;
}

.cx-bg-gray-700 {
  background-color: var(--cx-color-gray-700) !important;
}

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

.cx-bg-gray-900 {
  background-color: var(--cx-color-gray-900) !important;
}

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

.cx-border-danger {
  border-color: var(--cx-color-danger) !important;
}

[data-page-uid=sGuide-page] .container,
[data-page-uid=homepage] .container,
[data-page-uid=productDetails] .container,
[data-page-uid=autonomousRegisterSearchPage] .container,
[data-page-uid=register] .container,
[data-page-uid=autonomousRegisterResultPage] .container,
[data-page-uid=quoteEditPage] .container,
[data-page-uid=my-quotes] .container,
[data-page-uid=quote-detail] .container,
[data-page-uid=cartPage] .container,
[data-page-uid=multiStepCheckoutSummaryPage] .container,
[data-page-uid=orderConfirmationPage] .container,
[data-page-uid=talkWithSellerEmailPage] .container,
[data-page-uid=myseller] .container,
[data-page-uid=orders] .container,
[data-page-uid=saved-carts] .container,
[data-page-uid=boleto2via] .container,
[data-page-uid=notafiscal2via] .container,
[data-page-uid=update-profile] .container,
[data-page-uid=address-book] .container,
[data-page-uid=updatePassword] .container,
[data-page-uid=credit] .container,
[data-page-uid=customerCreditCardPaymentInformationPage] .container {
  width: 100%;
  max-width: var(--cx-container-max-width);
  padding-left: var(--cx-grid-col-gutter);
  padding-right: var(--cx-grid-col-gutter);
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 1023px) {
  .container {
    width: 100%;
    max-width: var(--cx-container-max-width);
    padding-left: var(--cx-grid-col-gutter);
    padding-right: var(--cx-grid-col-gutter);
    margin-left: auto;
    margin-right: auto;
  }
}

.d-flex {
  display: flex;
}

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

.h-start {
  justify-content: flex-start;
}
.h-end {
  justify-content: flex-end;
}
.h-center {
  justify-content: center;
}
.h-between {
  justify-content: space-between;
}

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

.cx-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: var(--cx-grid-row-gutter);
  margin-left: var(--cx-grid-row-gutter);
}
.cx-row [class^=col-] {
  position: unset;
  padding-right: var(--cx-grid-col-gutter);
  padding-left: var(--cx-grid-col-gutter);
}

.cx-gap-4 {
  gap: 4px;
}
.cx-gap-8 {
  gap: 8px;
}
.cx-gap-12 {
  gap: 12px;
}
.cx-gap-20 {
  gap: 20px;
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v230/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2) format("woff2");
}
@font-face {
  font-family: "Material Symbols Rounded Filled";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v230/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2) format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-symbols-rounded.fill {
  font-family: "Material Symbols Rounded Filled";
}

.m-t-80 {
  margin-top: 80px;
}

.m--48 {
  margin: -48px;
}

.m-tb--48 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.m-lr--48 {
  margin-left: -48px;
  margin-right: -48px;
}

.m-t--48 {
  margin-top: -48px;
}

.m-r--48 {
  margin-right: -48px;
}

.m-b--48 {
  margin-bottom: -48px;
}

.m-l--48 {
  margin-left: -48px;
}

.m--44 {
  margin: -44px;
}

.m-tb--44 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.m-lr--44 {
  margin-left: -44px;
  margin-right: -44px;
}

.m-t--44 {
  margin-top: -44px;
}

.m-r--44 {
  margin-right: -44px;
}

.m-b--44 {
  margin-bottom: -44px;
}

.m-l--44 {
  margin-left: -44px;
}

.m--40 {
  margin: -40px;
}

.m-tb--40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.m-lr--40 {
  margin-left: -40px;
  margin-right: -40px;
}

.m-t--40 {
  margin-top: -40px;
}

.m-r--40 {
  margin-right: -40px;
}

.m-b--40 {
  margin-bottom: -40px;
}

.m-l--40 {
  margin-left: -40px;
}

.m--36 {
  margin: -36px;
}

.m-tb--36 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.m-lr--36 {
  margin-left: -36px;
  margin-right: -36px;
}

.m-t--36 {
  margin-top: -36px;
}

.m-r--36 {
  margin-right: -36px;
}

.m-b--36 {
  margin-bottom: -36px;
}

.m-l--36 {
  margin-left: -36px;
}

.m--32 {
  margin: -32px;
}

.m-tb--32 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.m-lr--32 {
  margin-left: -32px;
  margin-right: -32px;
}

.m-t--32 {
  margin-top: -32px;
}

.m-r--32 {
  margin-right: -32px;
}

.m-b--32 {
  margin-bottom: -32px;
}

.m-l--32 {
  margin-left: -32px;
}

.m--28 {
  margin: -28px;
}

.m-tb--28 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.m-lr--28 {
  margin-left: -28px;
  margin-right: -28px;
}

.m-t--28 {
  margin-top: -28px;
}

.m-r--28 {
  margin-right: -28px;
}

.m-b--28 {
  margin-bottom: -28px;
}

.m-l--28 {
  margin-left: -28px;
}

.m--24 {
  margin: -24px;
}

.m-tb--24 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.m-lr--24 {
  margin-left: -24px;
  margin-right: -24px;
}

.m-t--24 {
  margin-top: -24px;
}

.m-r--24 {
  margin-right: -24px;
}

.m-b--24 {
  margin-bottom: -24px;
}

.m-l--24 {
  margin-left: -24px;
}

.m--20 {
  margin: -20px;
}

.m-tb--20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.m-lr--20 {
  margin-left: -20px;
  margin-right: -20px;
}

.m-t--20 {
  margin-top: -20px;
}

.m-r--20 {
  margin-right: -20px;
}

.m-b--20 {
  margin-bottom: -20px;
}

.m-l--20 {
  margin-left: -20px;
}

.m--16 {
  margin: -16px;
}

.m-tb--16 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.m-lr--16 {
  margin-left: -16px;
  margin-right: -16px;
}

.m-t--16 {
  margin-top: -16px;
}

.m-r--16 {
  margin-right: -16px;
}

.m-b--16 {
  margin-bottom: -16px;
}

.m-l--16 {
  margin-left: -16px;
}

.m--12 {
  margin: -12px;
}

.m-tb--12 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.m-lr--12 {
  margin-left: -12px;
  margin-right: -12px;
}

.m-t--12 {
  margin-top: -12px;
}

.m-r--12 {
  margin-right: -12px;
}

.m-b--12 {
  margin-bottom: -12px;
}

.m-l--12 {
  margin-left: -12px;
}

.m--8 {
  margin: -8px;
}

.m-tb--8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.m-lr--8 {
  margin-left: -8px;
  margin-right: -8px;
}

.m-t--8 {
  margin-top: -8px;
}

.m-r--8 {
  margin-right: -8px;
}

.m-b--8 {
  margin-bottom: -8px;
}

.m-l--8 {
  margin-left: -8px;
}

.m--4 {
  margin: -4px;
}

.m-tb--4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.m-lr--4 {
  margin-left: -4px;
  margin-right: -4px;
}

.m-t--4 {
  margin-top: -4px;
}

.m-r--4 {
  margin-right: -4px;
}

.m-b--4 {
  margin-bottom: -4px;
}

.m-l--4 {
  margin-left: -4px;
}

.m-0 {
  margin: 0px;
}

.m-tb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.m-lr-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-4 {
  margin: 4px;
}

.m-tb-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.m-lr-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-8 {
  margin: 8px;
}

.m-tb-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.m-lr-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-12 {
  margin: 12px;
}

.m-tb-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.m-lr-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-16 {
  margin: 16px;
}

.m-tb-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.m-lr-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-20 {
  margin: 20px;
}

.m-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m-lr-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-24 {
  margin: 24px;
}

.m-tb-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.m-lr-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-28 {
  margin: 28px;
}

.m-tb-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.m-lr-28 {
  margin-left: 28px;
  margin-right: 28px;
}

.m-t-28 {
  margin-top: 28px;
}

.m-r-28 {
  margin-right: 28px;
}

.m-b-28 {
  margin-bottom: 28px;
}

.m-l-28 {
  margin-left: 28px;
}

.m-32 {
  margin: 32px;
}

.m-tb-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.m-lr-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-36 {
  margin: 36px;
}

.m-tb-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.m-lr-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.m-t-36 {
  margin-top: 36px;
}

.m-r-36 {
  margin-right: 36px;
}

.m-b-36 {
  margin-bottom: 36px;
}

.m-l-36 {
  margin-left: 36px;
}

.m-40 {
  margin: 40px;
}

.m-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-lr-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-44 {
  margin: 44px;
}

.m-tb-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.m-lr-44 {
  margin-left: 44px;
  margin-right: 44px;
}

.m-t-44 {
  margin-top: 44px;
}

.m-r-44 {
  margin-right: 44px;
}

.m-b-44 {
  margin-bottom: 44px;
}

.m-l-44 {
  margin-left: 44px;
}

.m-48 {
  margin: 48px;
}

.m-tb-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.m-lr-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.m-t-48 {
  margin-top: 48px;
}

.m-r-48 {
  margin-right: 48px;
}

.m-b-48 {
  margin-bottom: 48px;
}

.m-l-48 {
  margin-left: 48px;
}

@media all and (max-width: 1023px) {
  .m-lg--48 {
    margin: -48px;
  }
  .m-tb-lg--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lr-lg--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .m-t-lg--48 {
    margin-top: -48px;
  }
  .m-r-lg--48 {
    margin-right: -48px;
  }
  .m-b-lg--48 {
    margin-bottom: -48px;
  }
  .m-l-lg--48 {
    margin-left: -48px;
  }
  .m-lg--44 {
    margin: -44px;
  }
  .m-tb-lg--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .m-lr-lg--44 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .m-t-lg--44 {
    margin-top: -44px;
  }
  .m-r-lg--44 {
    margin-right: -44px;
  }
  .m-b-lg--44 {
    margin-bottom: -44px;
  }
  .m-l-lg--44 {
    margin-left: -44px;
  }
  .m-lg--40 {
    margin: -40px;
  }
  .m-tb-lg--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lr-lg--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .m-t-lg--40 {
    margin-top: -40px;
  }
  .m-r-lg--40 {
    margin-right: -40px;
  }
  .m-b-lg--40 {
    margin-bottom: -40px;
  }
  .m-l-lg--40 {
    margin-left: -40px;
  }
  .m-lg--36 {
    margin: -36px;
  }
  .m-tb-lg--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .m-lr-lg--36 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .m-t-lg--36 {
    margin-top: -36px;
  }
  .m-r-lg--36 {
    margin-right: -36px;
  }
  .m-b-lg--36 {
    margin-bottom: -36px;
  }
  .m-l-lg--36 {
    margin-left: -36px;
  }
  .m-lg--32 {
    margin: -32px;
  }
  .m-tb-lg--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lr-lg--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .m-t-lg--32 {
    margin-top: -32px;
  }
  .m-r-lg--32 {
    margin-right: -32px;
  }
  .m-b-lg--32 {
    margin-bottom: -32px;
  }
  .m-l-lg--32 {
    margin-left: -32px;
  }
  .m-lg--28 {
    margin: -28px;
  }
  .m-tb-lg--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .m-lr-lg--28 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .m-t-lg--28 {
    margin-top: -28px;
  }
  .m-r-lg--28 {
    margin-right: -28px;
  }
  .m-b-lg--28 {
    margin-bottom: -28px;
  }
  .m-l-lg--28 {
    margin-left: -28px;
  }
  .m-lg--24 {
    margin: -24px;
  }
  .m-tb-lg--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lr-lg--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .m-t-lg--24 {
    margin-top: -24px;
  }
  .m-r-lg--24 {
    margin-right: -24px;
  }
  .m-b-lg--24 {
    margin-bottom: -24px;
  }
  .m-l-lg--24 {
    margin-left: -24px;
  }
  .m-lg--20 {
    margin: -20px;
  }
  .m-tb-lg--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .m-lr-lg--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .m-t-lg--20 {
    margin-top: -20px;
  }
  .m-r-lg--20 {
    margin-right: -20px;
  }
  .m-b-lg--20 {
    margin-bottom: -20px;
  }
  .m-l-lg--20 {
    margin-left: -20px;
  }
  .m-lg--16 {
    margin: -16px;
  }
  .m-tb-lg--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lr-lg--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .m-t-lg--16 {
    margin-top: -16px;
  }
  .m-r-lg--16 {
    margin-right: -16px;
  }
  .m-b-lg--16 {
    margin-bottom: -16px;
  }
  .m-l-lg--16 {
    margin-left: -16px;
  }
  .m-lg--12 {
    margin: -12px;
  }
  .m-tb-lg--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lr-lg--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .m-t-lg--12 {
    margin-top: -12px;
  }
  .m-r-lg--12 {
    margin-right: -12px;
  }
  .m-b-lg--12 {
    margin-bottom: -12px;
  }
  .m-l-lg--12 {
    margin-left: -12px;
  }
  .m-lg--8 {
    margin: -8px;
  }
  .m-tb-lg--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lr-lg--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .m-t-lg--8 {
    margin-top: -8px;
  }
  .m-r-lg--8 {
    margin-right: -8px;
  }
  .m-b-lg--8 {
    margin-bottom: -8px;
  }
  .m-l-lg--8 {
    margin-left: -8px;
  }
  .m-lg--4 {
    margin: -4px;
  }
  .m-tb-lg--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lr-lg--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .m-t-lg--4 {
    margin-top: -4px;
  }
  .m-r-lg--4 {
    margin-right: -4px;
  }
  .m-b-lg--4 {
    margin-bottom: -4px;
  }
  .m-l-lg--4 {
    margin-left: -4px;
  }
  .m-lg-0 {
    margin: 0px;
  }
  .m-tb-lg-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lr-lg-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m-t-lg-0 {
    margin-top: 0px;
  }
  .m-r-lg-0 {
    margin-right: 0px;
  }
  .m-b-lg-0 {
    margin-bottom: 0px;
  }
  .m-l-lg-0 {
    margin-left: 0px;
  }
  .m-lg-4 {
    margin: 4px;
  }
  .m-tb-lg-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lr-lg-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m-t-lg-4 {
    margin-top: 4px;
  }
  .m-r-lg-4 {
    margin-right: 4px;
  }
  .m-b-lg-4 {
    margin-bottom: 4px;
  }
  .m-l-lg-4 {
    margin-left: 4px;
  }
  .m-lg-8 {
    margin: 8px;
  }
  .m-tb-lg-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lr-lg-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m-t-lg-8 {
    margin-top: 8px;
  }
  .m-r-lg-8 {
    margin-right: 8px;
  }
  .m-b-lg-8 {
    margin-bottom: 8px;
  }
  .m-l-lg-8 {
    margin-left: 8px;
  }
  .m-lg-12 {
    margin: 12px;
  }
  .m-tb-lg-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lr-lg-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m-t-lg-12 {
    margin-top: 12px;
  }
  .m-r-lg-12 {
    margin-right: 12px;
  }
  .m-b-lg-12 {
    margin-bottom: 12px;
  }
  .m-l-lg-12 {
    margin-left: 12px;
  }
  .m-lg-16 {
    margin: 16px;
  }
  .m-tb-lg-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lr-lg-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m-t-lg-16 {
    margin-top: 16px;
  }
  .m-r-lg-16 {
    margin-right: 16px;
  }
  .m-b-lg-16 {
    margin-bottom: 16px;
  }
  .m-l-lg-16 {
    margin-left: 16px;
  }
  .m-lg-20 {
    margin: 20px;
  }
  .m-tb-lg-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .m-lr-lg-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-t-lg-20 {
    margin-top: 20px;
  }
  .m-r-lg-20 {
    margin-right: 20px;
  }
  .m-b-lg-20 {
    margin-bottom: 20px;
  }
  .m-l-lg-20 {
    margin-left: 20px;
  }
  .m-lg-24 {
    margin: 24px;
  }
  .m-tb-lg-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lr-lg-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m-t-lg-24 {
    margin-top: 24px;
  }
  .m-r-lg-24 {
    margin-right: 24px;
  }
  .m-b-lg-24 {
    margin-bottom: 24px;
  }
  .m-l-lg-24 {
    margin-left: 24px;
  }
  .m-lg-28 {
    margin: 28px;
  }
  .m-tb-lg-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .m-lr-lg-28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m-t-lg-28 {
    margin-top: 28px;
  }
  .m-r-lg-28 {
    margin-right: 28px;
  }
  .m-b-lg-28 {
    margin-bottom: 28px;
  }
  .m-l-lg-28 {
    margin-left: 28px;
  }
  .m-lg-32 {
    margin: 32px;
  }
  .m-tb-lg-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lr-lg-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m-t-lg-32 {
    margin-top: 32px;
  }
  .m-r-lg-32 {
    margin-right: 32px;
  }
  .m-b-lg-32 {
    margin-bottom: 32px;
  }
  .m-l-lg-32 {
    margin-left: 32px;
  }
  .m-lg-36 {
    margin: 36px;
  }
  .m-tb-lg-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .m-lr-lg-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m-t-lg-36 {
    margin-top: 36px;
  }
  .m-r-lg-36 {
    margin-right: 36px;
  }
  .m-b-lg-36 {
    margin-bottom: 36px;
  }
  .m-l-lg-36 {
    margin-left: 36px;
  }
  .m-lg-40 {
    margin: 40px;
  }
  .m-tb-lg-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lr-lg-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m-t-lg-40 {
    margin-top: 40px;
  }
  .m-r-lg-40 {
    margin-right: 40px;
  }
  .m-b-lg-40 {
    margin-bottom: 40px;
  }
  .m-l-lg-40 {
    margin-left: 40px;
  }
  .m-lg-44 {
    margin: 44px;
  }
  .m-tb-lg-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .m-lr-lg-44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m-t-lg-44 {
    margin-top: 44px;
  }
  .m-r-lg-44 {
    margin-right: 44px;
  }
  .m-b-lg-44 {
    margin-bottom: 44px;
  }
  .m-l-lg-44 {
    margin-left: 44px;
  }
  .m-lg-48 {
    margin: 48px;
  }
  .m-tb-lg-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lr-lg-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m-t-lg-48 {
    margin-top: 48px;
  }
  .m-r-lg-48 {
    margin-right: 48px;
  }
  .m-b-lg-48 {
    margin-bottom: 48px;
  }
  .m-l-lg-48 {
    margin-left: 48px;
  }
}
@media all and (max-width: 991px) {
  .m-md--48 {
    margin: -48px;
  }
  .m-tb-md--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lr-md--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .m-t-md--48 {
    margin-top: -48px;
  }
  .m-r-md--48 {
    margin-right: -48px;
  }
  .m-b-md--48 {
    margin-bottom: -48px;
  }
  .m-l-md--48 {
    margin-left: -48px;
  }
  .m-md--44 {
    margin: -44px;
  }
  .m-tb-md--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .m-lr-md--44 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .m-t-md--44 {
    margin-top: -44px;
  }
  .m-r-md--44 {
    margin-right: -44px;
  }
  .m-b-md--44 {
    margin-bottom: -44px;
  }
  .m-l-md--44 {
    margin-left: -44px;
  }
  .m-md--40 {
    margin: -40px;
  }
  .m-tb-md--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lr-md--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .m-t-md--40 {
    margin-top: -40px;
  }
  .m-r-md--40 {
    margin-right: -40px;
  }
  .m-b-md--40 {
    margin-bottom: -40px;
  }
  .m-l-md--40 {
    margin-left: -40px;
  }
  .m-md--36 {
    margin: -36px;
  }
  .m-tb-md--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .m-lr-md--36 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .m-t-md--36 {
    margin-top: -36px;
  }
  .m-r-md--36 {
    margin-right: -36px;
  }
  .m-b-md--36 {
    margin-bottom: -36px;
  }
  .m-l-md--36 {
    margin-left: -36px;
  }
  .m-md--32 {
    margin: -32px;
  }
  .m-tb-md--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lr-md--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .m-t-md--32 {
    margin-top: -32px;
  }
  .m-r-md--32 {
    margin-right: -32px;
  }
  .m-b-md--32 {
    margin-bottom: -32px;
  }
  .m-l-md--32 {
    margin-left: -32px;
  }
  .m-md--28 {
    margin: -28px;
  }
  .m-tb-md--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .m-lr-md--28 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .m-t-md--28 {
    margin-top: -28px;
  }
  .m-r-md--28 {
    margin-right: -28px;
  }
  .m-b-md--28 {
    margin-bottom: -28px;
  }
  .m-l-md--28 {
    margin-left: -28px;
  }
  .m-md--24 {
    margin: -24px;
  }
  .m-tb-md--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lr-md--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .m-t-md--24 {
    margin-top: -24px;
  }
  .m-r-md--24 {
    margin-right: -24px;
  }
  .m-b-md--24 {
    margin-bottom: -24px;
  }
  .m-l-md--24 {
    margin-left: -24px;
  }
  .m-md--20 {
    margin: -20px;
  }
  .m-tb-md--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .m-lr-md--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .m-t-md--20 {
    margin-top: -20px;
  }
  .m-r-md--20 {
    margin-right: -20px;
  }
  .m-b-md--20 {
    margin-bottom: -20px;
  }
  .m-l-md--20 {
    margin-left: -20px;
  }
  .m-md--16 {
    margin: -16px;
  }
  .m-tb-md--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lr-md--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .m-t-md--16 {
    margin-top: -16px;
  }
  .m-r-md--16 {
    margin-right: -16px;
  }
  .m-b-md--16 {
    margin-bottom: -16px;
  }
  .m-l-md--16 {
    margin-left: -16px;
  }
  .m-md--12 {
    margin: -12px;
  }
  .m-tb-md--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lr-md--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .m-t-md--12 {
    margin-top: -12px;
  }
  .m-r-md--12 {
    margin-right: -12px;
  }
  .m-b-md--12 {
    margin-bottom: -12px;
  }
  .m-l-md--12 {
    margin-left: -12px;
  }
  .m-md--8 {
    margin: -8px;
  }
  .m-tb-md--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lr-md--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .m-t-md--8 {
    margin-top: -8px;
  }
  .m-r-md--8 {
    margin-right: -8px;
  }
  .m-b-md--8 {
    margin-bottom: -8px;
  }
  .m-l-md--8 {
    margin-left: -8px;
  }
  .m-md--4 {
    margin: -4px;
  }
  .m-tb-md--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lr-md--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .m-t-md--4 {
    margin-top: -4px;
  }
  .m-r-md--4 {
    margin-right: -4px;
  }
  .m-b-md--4 {
    margin-bottom: -4px;
  }
  .m-l-md--4 {
    margin-left: -4px;
  }
  .m-md-0 {
    margin: 0px;
  }
  .m-tb-md-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lr-md-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m-t-md-0 {
    margin-top: 0px;
  }
  .m-r-md-0 {
    margin-right: 0px;
  }
  .m-b-md-0 {
    margin-bottom: 0px;
  }
  .m-l-md-0 {
    margin-left: 0px;
  }
  .m-md-4 {
    margin: 4px;
  }
  .m-tb-md-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lr-md-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m-t-md-4 {
    margin-top: 4px;
  }
  .m-r-md-4 {
    margin-right: 4px;
  }
  .m-b-md-4 {
    margin-bottom: 4px;
  }
  .m-l-md-4 {
    margin-left: 4px;
  }
  .m-md-8 {
    margin: 8px;
  }
  .m-tb-md-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lr-md-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m-t-md-8 {
    margin-top: 8px;
  }
  .m-r-md-8 {
    margin-right: 8px;
  }
  .m-b-md-8 {
    margin-bottom: 8px;
  }
  .m-l-md-8 {
    margin-left: 8px;
  }
  .m-md-12 {
    margin: 12px;
  }
  .m-tb-md-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lr-md-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m-t-md-12 {
    margin-top: 12px;
  }
  .m-r-md-12 {
    margin-right: 12px;
  }
  .m-b-md-12 {
    margin-bottom: 12px;
  }
  .m-l-md-12 {
    margin-left: 12px;
  }
  .m-md-16 {
    margin: 16px;
  }
  .m-tb-md-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lr-md-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m-t-md-16 {
    margin-top: 16px;
  }
  .m-r-md-16 {
    margin-right: 16px;
  }
  .m-b-md-16 {
    margin-bottom: 16px;
  }
  .m-l-md-16 {
    margin-left: 16px;
  }
  .m-md-20 {
    margin: 20px;
  }
  .m-tb-md-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .m-lr-md-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-t-md-20 {
    margin-top: 20px;
  }
  .m-r-md-20 {
    margin-right: 20px;
  }
  .m-b-md-20 {
    margin-bottom: 20px;
  }
  .m-l-md-20 {
    margin-left: 20px;
  }
  .m-md-24 {
    margin: 24px;
  }
  .m-tb-md-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lr-md-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m-t-md-24 {
    margin-top: 24px;
  }
  .m-r-md-24 {
    margin-right: 24px;
  }
  .m-b-md-24 {
    margin-bottom: 24px;
  }
  .m-l-md-24 {
    margin-left: 24px;
  }
  .m-md-28 {
    margin: 28px;
  }
  .m-tb-md-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .m-lr-md-28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m-t-md-28 {
    margin-top: 28px;
  }
  .m-r-md-28 {
    margin-right: 28px;
  }
  .m-b-md-28 {
    margin-bottom: 28px;
  }
  .m-l-md-28 {
    margin-left: 28px;
  }
  .m-md-32 {
    margin: 32px;
  }
  .m-tb-md-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lr-md-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m-t-md-32 {
    margin-top: 32px;
  }
  .m-r-md-32 {
    margin-right: 32px;
  }
  .m-b-md-32 {
    margin-bottom: 32px;
  }
  .m-l-md-32 {
    margin-left: 32px;
  }
  .m-md-36 {
    margin: 36px;
  }
  .m-tb-md-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .m-lr-md-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m-t-md-36 {
    margin-top: 36px;
  }
  .m-r-md-36 {
    margin-right: 36px;
  }
  .m-b-md-36 {
    margin-bottom: 36px;
  }
  .m-l-md-36 {
    margin-left: 36px;
  }
  .m-md-40 {
    margin: 40px;
  }
  .m-tb-md-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lr-md-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m-t-md-40 {
    margin-top: 40px;
  }
  .m-r-md-40 {
    margin-right: 40px;
  }
  .m-b-md-40 {
    margin-bottom: 40px;
  }
  .m-l-md-40 {
    margin-left: 40px;
  }
  .m-md-44 {
    margin: 44px;
  }
  .m-tb-md-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .m-lr-md-44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m-t-md-44 {
    margin-top: 44px;
  }
  .m-r-md-44 {
    margin-right: 44px;
  }
  .m-b-md-44 {
    margin-bottom: 44px;
  }
  .m-l-md-44 {
    margin-left: 44px;
  }
  .m-md-48 {
    margin: 48px;
  }
  .m-tb-md-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lr-md-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m-t-md-48 {
    margin-top: 48px;
  }
  .m-r-md-48 {
    margin-right: 48px;
  }
  .m-b-md-48 {
    margin-bottom: 48px;
  }
  .m-l-md-48 {
    margin-left: 48px;
  }
}
@media all and (max-width: 767px) {
  .m-sm--48 {
    margin: -48px;
  }
  .m-tb-sm--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lr-sm--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .m-t-sm--48 {
    margin-top: -48px;
  }
  .m-r-sm--48 {
    margin-right: -48px;
  }
  .m-b-sm--48 {
    margin-bottom: -48px;
  }
  .m-l-sm--48 {
    margin-left: -48px;
  }
  .m-sm--44 {
    margin: -44px;
  }
  .m-tb-sm--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .m-lr-sm--44 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .m-t-sm--44 {
    margin-top: -44px;
  }
  .m-r-sm--44 {
    margin-right: -44px;
  }
  .m-b-sm--44 {
    margin-bottom: -44px;
  }
  .m-l-sm--44 {
    margin-left: -44px;
  }
  .m-sm--40 {
    margin: -40px;
  }
  .m-tb-sm--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lr-sm--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .m-t-sm--40 {
    margin-top: -40px;
  }
  .m-r-sm--40 {
    margin-right: -40px;
  }
  .m-b-sm--40 {
    margin-bottom: -40px;
  }
  .m-l-sm--40 {
    margin-left: -40px;
  }
  .m-sm--36 {
    margin: -36px;
  }
  .m-tb-sm--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .m-lr-sm--36 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .m-t-sm--36 {
    margin-top: -36px;
  }
  .m-r-sm--36 {
    margin-right: -36px;
  }
  .m-b-sm--36 {
    margin-bottom: -36px;
  }
  .m-l-sm--36 {
    margin-left: -36px;
  }
  .m-sm--32 {
    margin: -32px;
  }
  .m-tb-sm--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lr-sm--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .m-t-sm--32 {
    margin-top: -32px;
  }
  .m-r-sm--32 {
    margin-right: -32px;
  }
  .m-b-sm--32 {
    margin-bottom: -32px;
  }
  .m-l-sm--32 {
    margin-left: -32px;
  }
  .m-sm--28 {
    margin: -28px;
  }
  .m-tb-sm--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .m-lr-sm--28 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .m-t-sm--28 {
    margin-top: -28px;
  }
  .m-r-sm--28 {
    margin-right: -28px;
  }
  .m-b-sm--28 {
    margin-bottom: -28px;
  }
  .m-l-sm--28 {
    margin-left: -28px;
  }
  .m-sm--24 {
    margin: -24px;
  }
  .m-tb-sm--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lr-sm--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .m-t-sm--24 {
    margin-top: -24px;
  }
  .m-r-sm--24 {
    margin-right: -24px;
  }
  .m-b-sm--24 {
    margin-bottom: -24px;
  }
  .m-l-sm--24 {
    margin-left: -24px;
  }
  .m-sm--20 {
    margin: -20px;
  }
  .m-tb-sm--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .m-lr-sm--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .m-t-sm--20 {
    margin-top: -20px;
  }
  .m-r-sm--20 {
    margin-right: -20px;
  }
  .m-b-sm--20 {
    margin-bottom: -20px;
  }
  .m-l-sm--20 {
    margin-left: -20px;
  }
  .m-sm--16 {
    margin: -16px;
  }
  .m-tb-sm--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lr-sm--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .m-t-sm--16 {
    margin-top: -16px;
  }
  .m-r-sm--16 {
    margin-right: -16px;
  }
  .m-b-sm--16 {
    margin-bottom: -16px;
  }
  .m-l-sm--16 {
    margin-left: -16px;
  }
  .m-sm--12 {
    margin: -12px;
  }
  .m-tb-sm--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lr-sm--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .m-t-sm--12 {
    margin-top: -12px;
  }
  .m-r-sm--12 {
    margin-right: -12px;
  }
  .m-b-sm--12 {
    margin-bottom: -12px;
  }
  .m-l-sm--12 {
    margin-left: -12px;
  }
  .m-sm--8 {
    margin: -8px;
  }
  .m-tb-sm--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lr-sm--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .m-t-sm--8 {
    margin-top: -8px;
  }
  .m-r-sm--8 {
    margin-right: -8px;
  }
  .m-b-sm--8 {
    margin-bottom: -8px;
  }
  .m-l-sm--8 {
    margin-left: -8px;
  }
  .m-sm--4 {
    margin: -4px;
  }
  .m-tb-sm--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lr-sm--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .m-t-sm--4 {
    margin-top: -4px;
  }
  .m-r-sm--4 {
    margin-right: -4px;
  }
  .m-b-sm--4 {
    margin-bottom: -4px;
  }
  .m-l-sm--4 {
    margin-left: -4px;
  }
  .m-sm-0 {
    margin: 0px;
  }
  .m-tb-sm-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lr-sm-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m-t-sm-0 {
    margin-top: 0px;
  }
  .m-r-sm-0 {
    margin-right: 0px;
  }
  .m-b-sm-0 {
    margin-bottom: 0px;
  }
  .m-l-sm-0 {
    margin-left: 0px;
  }
  .m-sm-4 {
    margin: 4px;
  }
  .m-tb-sm-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lr-sm-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m-t-sm-4 {
    margin-top: 4px;
  }
  .m-r-sm-4 {
    margin-right: 4px;
  }
  .m-b-sm-4 {
    margin-bottom: 4px;
  }
  .m-l-sm-4 {
    margin-left: 4px;
  }
  .m-sm-8 {
    margin: 8px;
  }
  .m-tb-sm-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lr-sm-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m-t-sm-8 {
    margin-top: 8px;
  }
  .m-r-sm-8 {
    margin-right: 8px;
  }
  .m-b-sm-8 {
    margin-bottom: 8px;
  }
  .m-l-sm-8 {
    margin-left: 8px;
  }
  .m-sm-12 {
    margin: 12px;
  }
  .m-tb-sm-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lr-sm-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m-t-sm-12 {
    margin-top: 12px;
  }
  .m-r-sm-12 {
    margin-right: 12px;
  }
  .m-b-sm-12 {
    margin-bottom: 12px;
  }
  .m-l-sm-12 {
    margin-left: 12px;
  }
  .m-sm-16 {
    margin: 16px;
  }
  .m-tb-sm-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lr-sm-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m-t-sm-16 {
    margin-top: 16px;
  }
  .m-r-sm-16 {
    margin-right: 16px;
  }
  .m-b-sm-16 {
    margin-bottom: 16px;
  }
  .m-l-sm-16 {
    margin-left: 16px;
  }
  .m-sm-20 {
    margin: 20px;
  }
  .m-tb-sm-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .m-lr-sm-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-t-sm-20 {
    margin-top: 20px;
  }
  .m-r-sm-20 {
    margin-right: 20px;
  }
  .m-b-sm-20 {
    margin-bottom: 20px;
  }
  .m-l-sm-20 {
    margin-left: 20px;
  }
  .m-sm-24 {
    margin: 24px;
  }
  .m-tb-sm-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lr-sm-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m-t-sm-24 {
    margin-top: 24px;
  }
  .m-r-sm-24 {
    margin-right: 24px;
  }
  .m-b-sm-24 {
    margin-bottom: 24px;
  }
  .m-l-sm-24 {
    margin-left: 24px;
  }
  .m-sm-28 {
    margin: 28px;
  }
  .m-tb-sm-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .m-lr-sm-28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m-t-sm-28 {
    margin-top: 28px;
  }
  .m-r-sm-28 {
    margin-right: 28px;
  }
  .m-b-sm-28 {
    margin-bottom: 28px;
  }
  .m-l-sm-28 {
    margin-left: 28px;
  }
  .m-sm-32 {
    margin: 32px;
  }
  .m-tb-sm-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lr-sm-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m-t-sm-32 {
    margin-top: 32px;
  }
  .m-r-sm-32 {
    margin-right: 32px;
  }
  .m-b-sm-32 {
    margin-bottom: 32px;
  }
  .m-l-sm-32 {
    margin-left: 32px;
  }
  .m-sm-36 {
    margin: 36px;
  }
  .m-tb-sm-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .m-lr-sm-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m-t-sm-36 {
    margin-top: 36px;
  }
  .m-r-sm-36 {
    margin-right: 36px;
  }
  .m-b-sm-36 {
    margin-bottom: 36px;
  }
  .m-l-sm-36 {
    margin-left: 36px;
  }
  .m-sm-40 {
    margin: 40px;
  }
  .m-tb-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lr-sm-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m-t-sm-40 {
    margin-top: 40px;
  }
  .m-r-sm-40 {
    margin-right: 40px;
  }
  .m-b-sm-40 {
    margin-bottom: 40px;
  }
  .m-l-sm-40 {
    margin-left: 40px;
  }
  .m-sm-44 {
    margin: 44px;
  }
  .m-tb-sm-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .m-lr-sm-44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m-t-sm-44 {
    margin-top: 44px;
  }
  .m-r-sm-44 {
    margin-right: 44px;
  }
  .m-b-sm-44 {
    margin-bottom: 44px;
  }
  .m-l-sm-44 {
    margin-left: 44px;
  }
  .m-sm-48 {
    margin: 48px;
  }
  .m-tb-sm-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lr-sm-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m-t-sm-48 {
    margin-top: 48px;
  }
  .m-r-sm-48 {
    margin-right: 48px;
  }
  .m-b-sm-48 {
    margin-bottom: 48px;
  }
  .m-l-sm-48 {
    margin-left: 48px;
  }
}
@media all and (max-width: 575px) {
  .m-xs--48 {
    margin: -48px;
  }
  .m-tb-xs--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lr-xs--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .m-t-xs--48 {
    margin-top: -48px;
  }
  .m-r-xs--48 {
    margin-right: -48px;
  }
  .m-b-xs--48 {
    margin-bottom: -48px;
  }
  .m-l-xs--48 {
    margin-left: -48px;
  }
  .m-xs--44 {
    margin: -44px;
  }
  .m-tb-xs--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .m-lr-xs--44 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .m-t-xs--44 {
    margin-top: -44px;
  }
  .m-r-xs--44 {
    margin-right: -44px;
  }
  .m-b-xs--44 {
    margin-bottom: -44px;
  }
  .m-l-xs--44 {
    margin-left: -44px;
  }
  .m-xs--40 {
    margin: -40px;
  }
  .m-tb-xs--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lr-xs--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .m-t-xs--40 {
    margin-top: -40px;
  }
  .m-r-xs--40 {
    margin-right: -40px;
  }
  .m-b-xs--40 {
    margin-bottom: -40px;
  }
  .m-l-xs--40 {
    margin-left: -40px;
  }
  .m-xs--36 {
    margin: -36px;
  }
  .m-tb-xs--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .m-lr-xs--36 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .m-t-xs--36 {
    margin-top: -36px;
  }
  .m-r-xs--36 {
    margin-right: -36px;
  }
  .m-b-xs--36 {
    margin-bottom: -36px;
  }
  .m-l-xs--36 {
    margin-left: -36px;
  }
  .m-xs--32 {
    margin: -32px;
  }
  .m-tb-xs--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lr-xs--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .m-t-xs--32 {
    margin-top: -32px;
  }
  .m-r-xs--32 {
    margin-right: -32px;
  }
  .m-b-xs--32 {
    margin-bottom: -32px;
  }
  .m-l-xs--32 {
    margin-left: -32px;
  }
  .m-xs--28 {
    margin: -28px;
  }
  .m-tb-xs--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .m-lr-xs--28 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .m-t-xs--28 {
    margin-top: -28px;
  }
  .m-r-xs--28 {
    margin-right: -28px;
  }
  .m-b-xs--28 {
    margin-bottom: -28px;
  }
  .m-l-xs--28 {
    margin-left: -28px;
  }
  .m-xs--24 {
    margin: -24px;
  }
  .m-tb-xs--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lr-xs--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .m-t-xs--24 {
    margin-top: -24px;
  }
  .m-r-xs--24 {
    margin-right: -24px;
  }
  .m-b-xs--24 {
    margin-bottom: -24px;
  }
  .m-l-xs--24 {
    margin-left: -24px;
  }
  .m-xs--20 {
    margin: -20px;
  }
  .m-tb-xs--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .m-lr-xs--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .m-t-xs--20 {
    margin-top: -20px;
  }
  .m-r-xs--20 {
    margin-right: -20px;
  }
  .m-b-xs--20 {
    margin-bottom: -20px;
  }
  .m-l-xs--20 {
    margin-left: -20px;
  }
  .m-xs--16 {
    margin: -16px;
  }
  .m-tb-xs--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lr-xs--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .m-t-xs--16 {
    margin-top: -16px;
  }
  .m-r-xs--16 {
    margin-right: -16px;
  }
  .m-b-xs--16 {
    margin-bottom: -16px;
  }
  .m-l-xs--16 {
    margin-left: -16px;
  }
  .m-xs--12 {
    margin: -12px;
  }
  .m-tb-xs--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lr-xs--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .m-t-xs--12 {
    margin-top: -12px;
  }
  .m-r-xs--12 {
    margin-right: -12px;
  }
  .m-b-xs--12 {
    margin-bottom: -12px;
  }
  .m-l-xs--12 {
    margin-left: -12px;
  }
  .m-xs--8 {
    margin: -8px;
  }
  .m-tb-xs--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lr-xs--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .m-t-xs--8 {
    margin-top: -8px;
  }
  .m-r-xs--8 {
    margin-right: -8px;
  }
  .m-b-xs--8 {
    margin-bottom: -8px;
  }
  .m-l-xs--8 {
    margin-left: -8px;
  }
  .m-xs--4 {
    margin: -4px;
  }
  .m-tb-xs--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lr-xs--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .m-t-xs--4 {
    margin-top: -4px;
  }
  .m-r-xs--4 {
    margin-right: -4px;
  }
  .m-b-xs--4 {
    margin-bottom: -4px;
  }
  .m-l-xs--4 {
    margin-left: -4px;
  }
  .m-xs-0 {
    margin: 0px;
  }
  .m-tb-xs-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lr-xs-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m-t-xs-0 {
    margin-top: 0px;
  }
  .m-r-xs-0 {
    margin-right: 0px;
  }
  .m-b-xs-0 {
    margin-bottom: 0px;
  }
  .m-l-xs-0 {
    margin-left: 0px;
  }
  .m-xs-4 {
    margin: 4px;
  }
  .m-tb-xs-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lr-xs-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m-t-xs-4 {
    margin-top: 4px;
  }
  .m-r-xs-4 {
    margin-right: 4px;
  }
  .m-b-xs-4 {
    margin-bottom: 4px;
  }
  .m-l-xs-4 {
    margin-left: 4px;
  }
  .m-xs-8 {
    margin: 8px;
  }
  .m-tb-xs-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lr-xs-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m-t-xs-8 {
    margin-top: 8px;
  }
  .m-r-xs-8 {
    margin-right: 8px;
  }
  .m-b-xs-8 {
    margin-bottom: 8px;
  }
  .m-l-xs-8 {
    margin-left: 8px;
  }
  .m-xs-12 {
    margin: 12px;
  }
  .m-tb-xs-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lr-xs-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m-t-xs-12 {
    margin-top: 12px;
  }
  .m-r-xs-12 {
    margin-right: 12px;
  }
  .m-b-xs-12 {
    margin-bottom: 12px;
  }
  .m-l-xs-12 {
    margin-left: 12px;
  }
  .m-xs-16 {
    margin: 16px;
  }
  .m-tb-xs-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lr-xs-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m-t-xs-16 {
    margin-top: 16px;
  }
  .m-r-xs-16 {
    margin-right: 16px;
  }
  .m-b-xs-16 {
    margin-bottom: 16px;
  }
  .m-l-xs-16 {
    margin-left: 16px;
  }
  .m-xs-20 {
    margin: 20px;
  }
  .m-tb-xs-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .m-lr-xs-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-t-xs-20 {
    margin-top: 20px;
  }
  .m-r-xs-20 {
    margin-right: 20px;
  }
  .m-b-xs-20 {
    margin-bottom: 20px;
  }
  .m-l-xs-20 {
    margin-left: 20px;
  }
  .m-xs-24 {
    margin: 24px;
  }
  .m-tb-xs-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lr-xs-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m-t-xs-24 {
    margin-top: 24px;
  }
  .m-r-xs-24 {
    margin-right: 24px;
  }
  .m-b-xs-24 {
    margin-bottom: 24px;
  }
  .m-l-xs-24 {
    margin-left: 24px;
  }
  .m-xs-28 {
    margin: 28px;
  }
  .m-tb-xs-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .m-lr-xs-28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m-t-xs-28 {
    margin-top: 28px;
  }
  .m-r-xs-28 {
    margin-right: 28px;
  }
  .m-b-xs-28 {
    margin-bottom: 28px;
  }
  .m-l-xs-28 {
    margin-left: 28px;
  }
  .m-xs-32 {
    margin: 32px;
  }
  .m-tb-xs-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lr-xs-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m-t-xs-32 {
    margin-top: 32px;
  }
  .m-r-xs-32 {
    margin-right: 32px;
  }
  .m-b-xs-32 {
    margin-bottom: 32px;
  }
  .m-l-xs-32 {
    margin-left: 32px;
  }
  .m-xs-36 {
    margin: 36px;
  }
  .m-tb-xs-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .m-lr-xs-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m-t-xs-36 {
    margin-top: 36px;
  }
  .m-r-xs-36 {
    margin-right: 36px;
  }
  .m-b-xs-36 {
    margin-bottom: 36px;
  }
  .m-l-xs-36 {
    margin-left: 36px;
  }
  .m-xs-40 {
    margin: 40px;
  }
  .m-tb-xs-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lr-xs-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m-t-xs-40 {
    margin-top: 40px;
  }
  .m-r-xs-40 {
    margin-right: 40px;
  }
  .m-b-xs-40 {
    margin-bottom: 40px;
  }
  .m-l-xs-40 {
    margin-left: 40px;
  }
  .m-xs-44 {
    margin: 44px;
  }
  .m-tb-xs-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .m-lr-xs-44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m-t-xs-44 {
    margin-top: 44px;
  }
  .m-r-xs-44 {
    margin-right: 44px;
  }
  .m-b-xs-44 {
    margin-bottom: 44px;
  }
  .m-l-xs-44 {
    margin-left: 44px;
  }
  .m-xs-48 {
    margin: 48px;
  }
  .m-tb-xs-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lr-xs-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m-t-xs-48 {
    margin-top: 48px;
  }
  .m-r-xs-48 {
    margin-right: 48px;
  }
  .m-b-xs-48 {
    margin-bottom: 48px;
  }
  .m-l-xs-48 {
    margin-left: 48px;
  }
}
@media all and (max-width: 479px) {
  .m-xxs--48 {
    margin: -48px;
  }
  .m-tb-xxs--48 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .m-lr-xxs--48 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .m-t-xxs--48 {
    margin-top: -48px;
  }
  .m-r-xxs--48 {
    margin-right: -48px;
  }
  .m-b-xxs--48 {
    margin-bottom: -48px;
  }
  .m-l-xxs--48 {
    margin-left: -48px;
  }
  .m-xxs--44 {
    margin: -44px;
  }
  .m-tb-xxs--44 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .m-lr-xxs--44 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .m-t-xxs--44 {
    margin-top: -44px;
  }
  .m-r-xxs--44 {
    margin-right: -44px;
  }
  .m-b-xxs--44 {
    margin-bottom: -44px;
  }
  .m-l-xxs--44 {
    margin-left: -44px;
  }
  .m-xxs--40 {
    margin: -40px;
  }
  .m-tb-xxs--40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .m-lr-xxs--40 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .m-t-xxs--40 {
    margin-top: -40px;
  }
  .m-r-xxs--40 {
    margin-right: -40px;
  }
  .m-b-xxs--40 {
    margin-bottom: -40px;
  }
  .m-l-xxs--40 {
    margin-left: -40px;
  }
  .m-xxs--36 {
    margin: -36px;
  }
  .m-tb-xxs--36 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .m-lr-xxs--36 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .m-t-xxs--36 {
    margin-top: -36px;
  }
  .m-r-xxs--36 {
    margin-right: -36px;
  }
  .m-b-xxs--36 {
    margin-bottom: -36px;
  }
  .m-l-xxs--36 {
    margin-left: -36px;
  }
  .m-xxs--32 {
    margin: -32px;
  }
  .m-tb-xxs--32 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .m-lr-xxs--32 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .m-t-xxs--32 {
    margin-top: -32px;
  }
  .m-r-xxs--32 {
    margin-right: -32px;
  }
  .m-b-xxs--32 {
    margin-bottom: -32px;
  }
  .m-l-xxs--32 {
    margin-left: -32px;
  }
  .m-xxs--28 {
    margin: -28px;
  }
  .m-tb-xxs--28 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .m-lr-xxs--28 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .m-t-xxs--28 {
    margin-top: -28px;
  }
  .m-r-xxs--28 {
    margin-right: -28px;
  }
  .m-b-xxs--28 {
    margin-bottom: -28px;
  }
  .m-l-xxs--28 {
    margin-left: -28px;
  }
  .m-xxs--24 {
    margin: -24px;
  }
  .m-tb-xxs--24 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .m-lr-xxs--24 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .m-t-xxs--24 {
    margin-top: -24px;
  }
  .m-r-xxs--24 {
    margin-right: -24px;
  }
  .m-b-xxs--24 {
    margin-bottom: -24px;
  }
  .m-l-xxs--24 {
    margin-left: -24px;
  }
  .m-xxs--20 {
    margin: -20px;
  }
  .m-tb-xxs--20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .m-lr-xxs--20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .m-t-xxs--20 {
    margin-top: -20px;
  }
  .m-r-xxs--20 {
    margin-right: -20px;
  }
  .m-b-xxs--20 {
    margin-bottom: -20px;
  }
  .m-l-xxs--20 {
    margin-left: -20px;
  }
  .m-xxs--16 {
    margin: -16px;
  }
  .m-tb-xxs--16 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .m-lr-xxs--16 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .m-t-xxs--16 {
    margin-top: -16px;
  }
  .m-r-xxs--16 {
    margin-right: -16px;
  }
  .m-b-xxs--16 {
    margin-bottom: -16px;
  }
  .m-l-xxs--16 {
    margin-left: -16px;
  }
  .m-xxs--12 {
    margin: -12px;
  }
  .m-tb-xxs--12 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .m-lr-xxs--12 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .m-t-xxs--12 {
    margin-top: -12px;
  }
  .m-r-xxs--12 {
    margin-right: -12px;
  }
  .m-b-xxs--12 {
    margin-bottom: -12px;
  }
  .m-l-xxs--12 {
    margin-left: -12px;
  }
  .m-xxs--8 {
    margin: -8px;
  }
  .m-tb-xxs--8 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .m-lr-xxs--8 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .m-t-xxs--8 {
    margin-top: -8px;
  }
  .m-r-xxs--8 {
    margin-right: -8px;
  }
  .m-b-xxs--8 {
    margin-bottom: -8px;
  }
  .m-l-xxs--8 {
    margin-left: -8px;
  }
  .m-xxs--4 {
    margin: -4px;
  }
  .m-tb-xxs--4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .m-lr-xxs--4 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .m-t-xxs--4 {
    margin-top: -4px;
  }
  .m-r-xxs--4 {
    margin-right: -4px;
  }
  .m-b-xxs--4 {
    margin-bottom: -4px;
  }
  .m-l-xxs--4 {
    margin-left: -4px;
  }
  .m-xxs-0 {
    margin: 0px;
  }
  .m-tb-xxs-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m-lr-xxs-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m-t-xxs-0 {
    margin-top: 0px;
  }
  .m-r-xxs-0 {
    margin-right: 0px;
  }
  .m-b-xxs-0 {
    margin-bottom: 0px;
  }
  .m-l-xxs-0 {
    margin-left: 0px;
  }
  .m-xxs-4 {
    margin: 4px;
  }
  .m-tb-xxs-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .m-lr-xxs-4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m-t-xxs-4 {
    margin-top: 4px;
  }
  .m-r-xxs-4 {
    margin-right: 4px;
  }
  .m-b-xxs-4 {
    margin-bottom: 4px;
  }
  .m-l-xxs-4 {
    margin-left: 4px;
  }
  .m-xxs-8 {
    margin: 8px;
  }
  .m-tb-xxs-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .m-lr-xxs-8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m-t-xxs-8 {
    margin-top: 8px;
  }
  .m-r-xxs-8 {
    margin-right: 8px;
  }
  .m-b-xxs-8 {
    margin-bottom: 8px;
  }
  .m-l-xxs-8 {
    margin-left: 8px;
  }
  .m-xxs-12 {
    margin: 12px;
  }
  .m-tb-xxs-12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .m-lr-xxs-12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m-t-xxs-12 {
    margin-top: 12px;
  }
  .m-r-xxs-12 {
    margin-right: 12px;
  }
  .m-b-xxs-12 {
    margin-bottom: 12px;
  }
  .m-l-xxs-12 {
    margin-left: 12px;
  }
  .m-xxs-16 {
    margin: 16px;
  }
  .m-tb-xxs-16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .m-lr-xxs-16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m-t-xxs-16 {
    margin-top: 16px;
  }
  .m-r-xxs-16 {
    margin-right: 16px;
  }
  .m-b-xxs-16 {
    margin-bottom: 16px;
  }
  .m-l-xxs-16 {
    margin-left: 16px;
  }
  .m-xxs-20 {
    margin: 20px;
  }
  .m-tb-xxs-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .m-lr-xxs-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-t-xxs-20 {
    margin-top: 20px;
  }
  .m-r-xxs-20 {
    margin-right: 20px;
  }
  .m-b-xxs-20 {
    margin-bottom: 20px;
  }
  .m-l-xxs-20 {
    margin-left: 20px;
  }
  .m-xxs-24 {
    margin: 24px;
  }
  .m-tb-xxs-24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .m-lr-xxs-24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m-t-xxs-24 {
    margin-top: 24px;
  }
  .m-r-xxs-24 {
    margin-right: 24px;
  }
  .m-b-xxs-24 {
    margin-bottom: 24px;
  }
  .m-l-xxs-24 {
    margin-left: 24px;
  }
  .m-xxs-28 {
    margin: 28px;
  }
  .m-tb-xxs-28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .m-lr-xxs-28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m-t-xxs-28 {
    margin-top: 28px;
  }
  .m-r-xxs-28 {
    margin-right: 28px;
  }
  .m-b-xxs-28 {
    margin-bottom: 28px;
  }
  .m-l-xxs-28 {
    margin-left: 28px;
  }
  .m-xxs-32 {
    margin: 32px;
  }
  .m-tb-xxs-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .m-lr-xxs-32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m-t-xxs-32 {
    margin-top: 32px;
  }
  .m-r-xxs-32 {
    margin-right: 32px;
  }
  .m-b-xxs-32 {
    margin-bottom: 32px;
  }
  .m-l-xxs-32 {
    margin-left: 32px;
  }
  .m-xxs-36 {
    margin: 36px;
  }
  .m-tb-xxs-36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .m-lr-xxs-36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m-t-xxs-36 {
    margin-top: 36px;
  }
  .m-r-xxs-36 {
    margin-right: 36px;
  }
  .m-b-xxs-36 {
    margin-bottom: 36px;
  }
  .m-l-xxs-36 {
    margin-left: 36px;
  }
  .m-xxs-40 {
    margin: 40px;
  }
  .m-tb-xxs-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .m-lr-xxs-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m-t-xxs-40 {
    margin-top: 40px;
  }
  .m-r-xxs-40 {
    margin-right: 40px;
  }
  .m-b-xxs-40 {
    margin-bottom: 40px;
  }
  .m-l-xxs-40 {
    margin-left: 40px;
  }
  .m-xxs-44 {
    margin: 44px;
  }
  .m-tb-xxs-44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .m-lr-xxs-44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m-t-xxs-44 {
    margin-top: 44px;
  }
  .m-r-xxs-44 {
    margin-right: 44px;
  }
  .m-b-xxs-44 {
    margin-bottom: 44px;
  }
  .m-l-xxs-44 {
    margin-left: 44px;
  }
  .m-xxs-48 {
    margin: 48px;
  }
  .m-tb-xxs-48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .m-lr-xxs-48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m-t-xxs-48 {
    margin-top: 48px;
  }
  .m-r-xxs-48 {
    margin-right: 48px;
  }
  .m-b-xxs-48 {
    margin-bottom: 48px;
  }
  .m-l-xxs-48 {
    margin-left: 48px;
  }
}
.c-pointer {
  cursor: pointer;
}

.icon-invert-x {
  transform: scaleX(-1);
}

.circle {
  border-radius: 50%;
}

.cx-border-radius-4 {
  border-radius: 4px;
}
.cx-border-radius-8 {
  border-radius: 8px;
}

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

hr.pipe {
  display: block;
  width: 2px;
  height: 100%;
  opacity: 1;
  margin: unset;
  border-radius: 50%;
}

.p-t-80 {
  padding-top: 80px;
}

.p--48 {
  padding: -48px;
}

.p-tb--48 {
  padding-top: -48px;
  padding-bottom: -48px;
}

.p-lr--48 {
  padding-left: -48px;
  padding-right: -48px;
}

.p-t--48 {
  padding-top: -48px;
}

.p-r--48 {
  padding-right: -48px;
}

.p-b--48 {
  padding-bottom: -48px;
}

.p-l--48 {
  padding-left: -48px;
}

.p--44 {
  padding: -44px;
}

.p-tb--44 {
  padding-top: -44px;
  padding-bottom: -44px;
}

.p-lr--44 {
  padding-left: -44px;
  padding-right: -44px;
}

.p-t--44 {
  padding-top: -44px;
}

.p-r--44 {
  padding-right: -44px;
}

.p-b--44 {
  padding-bottom: -44px;
}

.p-l--44 {
  padding-left: -44px;
}

.p--40 {
  padding: -40px;
}

.p-tb--40 {
  padding-top: -40px;
  padding-bottom: -40px;
}

.p-lr--40 {
  padding-left: -40px;
  padding-right: -40px;
}

.p-t--40 {
  padding-top: -40px;
}

.p-r--40 {
  padding-right: -40px;
}

.p-b--40 {
  padding-bottom: -40px;
}

.p-l--40 {
  padding-left: -40px;
}

.p--36 {
  padding: -36px;
}

.p-tb--36 {
  padding-top: -36px;
  padding-bottom: -36px;
}

.p-lr--36 {
  padding-left: -36px;
  padding-right: -36px;
}

.p-t--36 {
  padding-top: -36px;
}

.p-r--36 {
  padding-right: -36px;
}

.p-b--36 {
  padding-bottom: -36px;
}

.p-l--36 {
  padding-left: -36px;
}

.p--32 {
  padding: -32px;
}

.p-tb--32 {
  padding-top: -32px;
  padding-bottom: -32px;
}

.p-lr--32 {
  padding-left: -32px;
  padding-right: -32px;
}

.p-t--32 {
  padding-top: -32px;
}

.p-r--32 {
  padding-right: -32px;
}

.p-b--32 {
  padding-bottom: -32px;
}

.p-l--32 {
  padding-left: -32px;
}

.p--28 {
  padding: -28px;
}

.p-tb--28 {
  padding-top: -28px;
  padding-bottom: -28px;
}

.p-lr--28 {
  padding-left: -28px;
  padding-right: -28px;
}

.p-t--28 {
  padding-top: -28px;
}

.p-r--28 {
  padding-right: -28px;
}

.p-b--28 {
  padding-bottom: -28px;
}

.p-l--28 {
  padding-left: -28px;
}

.p--24 {
  padding: -24px;
}

.p-tb--24 {
  padding-top: -24px;
  padding-bottom: -24px;
}

.p-lr--24 {
  padding-left: -24px;
  padding-right: -24px;
}

.p-t--24 {
  padding-top: -24px;
}

.p-r--24 {
  padding-right: -24px;
}

.p-b--24 {
  padding-bottom: -24px;
}

.p-l--24 {
  padding-left: -24px;
}

.p--20 {
  padding: -20px;
}

.p-tb--20 {
  padding-top: -20px;
  padding-bottom: -20px;
}

.p-lr--20 {
  padding-left: -20px;
  padding-right: -20px;
}

.p-t--20 {
  padding-top: -20px;
}

.p-r--20 {
  padding-right: -20px;
}

.p-b--20 {
  padding-bottom: -20px;
}

.p-l--20 {
  padding-left: -20px;
}

.p--16 {
  padding: -16px;
}

.p-tb--16 {
  padding-top: -16px;
  padding-bottom: -16px;
}

.p-lr--16 {
  padding-left: -16px;
  padding-right: -16px;
}

.p-t--16 {
  padding-top: -16px;
}

.p-r--16 {
  padding-right: -16px;
}

.p-b--16 {
  padding-bottom: -16px;
}

.p-l--16 {
  padding-left: -16px;
}

.p--12 {
  padding: -12px;
}

.p-tb--12 {
  padding-top: -12px;
  padding-bottom: -12px;
}

.p-lr--12 {
  padding-left: -12px;
  padding-right: -12px;
}

.p-t--12 {
  padding-top: -12px;
}

.p-r--12 {
  padding-right: -12px;
}

.p-b--12 {
  padding-bottom: -12px;
}

.p-l--12 {
  padding-left: -12px;
}

.p--8 {
  padding: -8px;
}

.p-tb--8 {
  padding-top: -8px;
  padding-bottom: -8px;
}

.p-lr--8 {
  padding-left: -8px;
  padding-right: -8px;
}

.p-t--8 {
  padding-top: -8px;
}

.p-r--8 {
  padding-right: -8px;
}

.p-b--8 {
  padding-bottom: -8px;
}

.p-l--8 {
  padding-left: -8px;
}

.p--4 {
  padding: -4px;
}

.p-tb--4 {
  padding-top: -4px;
  padding-bottom: -4px;
}

.p-lr--4 {
  padding-left: -4px;
  padding-right: -4px;
}

.p-t--4 {
  padding-top: -4px;
}

.p-r--4 {
  padding-right: -4px;
}

.p-b--4 {
  padding-bottom: -4px;
}

.p-l--4 {
  padding-left: -4px;
}

.p-0 {
  padding: 0px;
}

.p-tb-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

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

.p-t-0 {
  padding-top: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.p-4 {
  padding: 4px;
}

.p-tb-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.p-lr-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-8 {
  padding: 8px;
}

.p-tb-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.p-lr-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-12 {
  padding: 12px;
}

.p-tb-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.p-lr-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-16 {
  padding: 16px;
}

.p-tb-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.p-lr-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-20 {
  padding: 20px;
}

.p-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-24 {
  padding: 24px;
}

.p-tb-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.p-lr-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-28 {
  padding: 28px;
}

.p-tb-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.p-lr-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.p-t-28 {
  padding-top: 28px;
}

.p-r-28 {
  padding-right: 28px;
}

.p-b-28 {
  padding-bottom: 28px;
}

.p-l-28 {
  padding-left: 28px;
}

.p-32 {
  padding: 32px;
}

.p-tb-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.p-lr-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-36 {
  padding: 36px;
}

.p-tb-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.p-lr-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.p-t-36 {
  padding-top: 36px;
}

.p-r-36 {
  padding-right: 36px;
}

.p-b-36 {
  padding-bottom: 36px;
}

.p-l-36 {
  padding-left: 36px;
}

.p-40 {
  padding: 40px;
}

.p-tb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-lr-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-44 {
  padding: 44px;
}

.p-tb-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.p-lr-44 {
  padding-left: 44px;
  padding-right: 44px;
}

.p-t-44 {
  padding-top: 44px;
}

.p-r-44 {
  padding-right: 44px;
}

.p-b-44 {
  padding-bottom: 44px;
}

.p-l-44 {
  padding-left: 44px;
}

.p-48 {
  padding: 48px;
}

.p-tb-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.p-lr-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.p-t-48 {
  padding-top: 48px;
}

.p-r-48 {
  padding-right: 48px;
}

.p-b-48 {
  padding-bottom: 48px;
}

.p-l-48 {
  padding-left: 48px;
}

@media all and (max-width: 1023px) {
  .p-lg--48 {
    padding: -48px;
  }
  .p-tb-lg--48 {
    padding-top: -48px;
    padding-bottom: -48px;
  }
  .p-lr-lg--48 {
    padding-left: -48px;
    padding-right: -48px;
  }
  .p-t-lg--48 {
    padding-top: -48px;
  }
  .p-r-lg--48 {
    padding-right: -48px;
  }
  .p-b-lg--48 {
    padding-bottom: -48px;
  }
  .p-l-lg--48 {
    padding-left: -48px;
  }
  .p-lg--44 {
    padding: -44px;
  }
  .p-tb-lg--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .p-lr-lg--44 {
    padding-left: -44px;
    padding-right: -44px;
  }
  .p-t-lg--44 {
    padding-top: -44px;
  }
  .p-r-lg--44 {
    padding-right: -44px;
  }
  .p-b-lg--44 {
    padding-bottom: -44px;
  }
  .p-l-lg--44 {
    padding-left: -44px;
  }
  .p-lg--40 {
    padding: -40px;
  }
  .p-tb-lg--40 {
    padding-top: -40px;
    padding-bottom: -40px;
  }
  .p-lr-lg--40 {
    padding-left: -40px;
    padding-right: -40px;
  }
  .p-t-lg--40 {
    padding-top: -40px;
  }
  .p-r-lg--40 {
    padding-right: -40px;
  }
  .p-b-lg--40 {
    padding-bottom: -40px;
  }
  .p-l-lg--40 {
    padding-left: -40px;
  }
  .p-lg--36 {
    padding: -36px;
  }
  .p-tb-lg--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .p-lr-lg--36 {
    padding-left: -36px;
    padding-right: -36px;
  }
  .p-t-lg--36 {
    padding-top: -36px;
  }
  .p-r-lg--36 {
    padding-right: -36px;
  }
  .p-b-lg--36 {
    padding-bottom: -36px;
  }
  .p-l-lg--36 {
    padding-left: -36px;
  }
  .p-lg--32 {
    padding: -32px;
  }
  .p-tb-lg--32 {
    padding-top: -32px;
    padding-bottom: -32px;
  }
  .p-lr-lg--32 {
    padding-left: -32px;
    padding-right: -32px;
  }
  .p-t-lg--32 {
    padding-top: -32px;
  }
  .p-r-lg--32 {
    padding-right: -32px;
  }
  .p-b-lg--32 {
    padding-bottom: -32px;
  }
  .p-l-lg--32 {
    padding-left: -32px;
  }
  .p-lg--28 {
    padding: -28px;
  }
  .p-tb-lg--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .p-lr-lg--28 {
    padding-left: -28px;
    padding-right: -28px;
  }
  .p-t-lg--28 {
    padding-top: -28px;
  }
  .p-r-lg--28 {
    padding-right: -28px;
  }
  .p-b-lg--28 {
    padding-bottom: -28px;
  }
  .p-l-lg--28 {
    padding-left: -28px;
  }
  .p-lg--24 {
    padding: -24px;
  }
  .p-tb-lg--24 {
    padding-top: -24px;
    padding-bottom: -24px;
  }
  .p-lr-lg--24 {
    padding-left: -24px;
    padding-right: -24px;
  }
  .p-t-lg--24 {
    padding-top: -24px;
  }
  .p-r-lg--24 {
    padding-right: -24px;
  }
  .p-b-lg--24 {
    padding-bottom: -24px;
  }
  .p-l-lg--24 {
    padding-left: -24px;
  }
  .p-lg--20 {
    padding: -20px;
  }
  .p-tb-lg--20 {
    padding-top: -20px;
    padding-bottom: -20px;
  }
  .p-lr-lg--20 {
    padding-left: -20px;
    padding-right: -20px;
  }
  .p-t-lg--20 {
    padding-top: -20px;
  }
  .p-r-lg--20 {
    padding-right: -20px;
  }
  .p-b-lg--20 {
    padding-bottom: -20px;
  }
  .p-l-lg--20 {
    padding-left: -20px;
  }
  .p-lg--16 {
    padding: -16px;
  }
  .p-tb-lg--16 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .p-lr-lg--16 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .p-t-lg--16 {
    padding-top: -16px;
  }
  .p-r-lg--16 {
    padding-right: -16px;
  }
  .p-b-lg--16 {
    padding-bottom: -16px;
  }
  .p-l-lg--16 {
    padding-left: -16px;
  }
  .p-lg--12 {
    padding: -12px;
  }
  .p-tb-lg--12 {
    padding-top: -12px;
    padding-bottom: -12px;
  }
  .p-lr-lg--12 {
    padding-left: -12px;
    padding-right: -12px;
  }
  .p-t-lg--12 {
    padding-top: -12px;
  }
  .p-r-lg--12 {
    padding-right: -12px;
  }
  .p-b-lg--12 {
    padding-bottom: -12px;
  }
  .p-l-lg--12 {
    padding-left: -12px;
  }
  .p-lg--8 {
    padding: -8px;
  }
  .p-tb-lg--8 {
    padding-top: -8px;
    padding-bottom: -8px;
  }
  .p-lr-lg--8 {
    padding-left: -8px;
    padding-right: -8px;
  }
  .p-t-lg--8 {
    padding-top: -8px;
  }
  .p-r-lg--8 {
    padding-right: -8px;
  }
  .p-b-lg--8 {
    padding-bottom: -8px;
  }
  .p-l-lg--8 {
    padding-left: -8px;
  }
  .p-lg--4 {
    padding: -4px;
  }
  .p-tb-lg--4 {
    padding-top: -4px;
    padding-bottom: -4px;
  }
  .p-lr-lg--4 {
    padding-left: -4px;
    padding-right: -4px;
  }
  .p-t-lg--4 {
    padding-top: -4px;
  }
  .p-r-lg--4 {
    padding-right: -4px;
  }
  .p-b-lg--4 {
    padding-bottom: -4px;
  }
  .p-l-lg--4 {
    padding-left: -4px;
  }
  .p-lg-0 {
    padding: 0px;
  }
  .p-tb-lg-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lr-lg-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-lg-0 {
    padding-top: 0px;
  }
  .p-r-lg-0 {
    padding-right: 0px;
  }
  .p-b-lg-0 {
    padding-bottom: 0px;
  }
  .p-l-lg-0 {
    padding-left: 0px;
  }
  .p-lg-4 {
    padding: 4px;
  }
  .p-tb-lg-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lr-lg-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p-t-lg-4 {
    padding-top: 4px;
  }
  .p-r-lg-4 {
    padding-right: 4px;
  }
  .p-b-lg-4 {
    padding-bottom: 4px;
  }
  .p-l-lg-4 {
    padding-left: 4px;
  }
  .p-lg-8 {
    padding: 8px;
  }
  .p-tb-lg-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lr-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-t-lg-8 {
    padding-top: 8px;
  }
  .p-r-lg-8 {
    padding-right: 8px;
  }
  .p-b-lg-8 {
    padding-bottom: 8px;
  }
  .p-l-lg-8 {
    padding-left: 8px;
  }
  .p-lg-12 {
    padding: 12px;
  }
  .p-tb-lg-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lr-lg-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p-t-lg-12 {
    padding-top: 12px;
  }
  .p-r-lg-12 {
    padding-right: 12px;
  }
  .p-b-lg-12 {
    padding-bottom: 12px;
  }
  .p-l-lg-12 {
    padding-left: 12px;
  }
  .p-lg-16 {
    padding: 16px;
  }
  .p-tb-lg-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lr-lg-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p-t-lg-16 {
    padding-top: 16px;
  }
  .p-r-lg-16 {
    padding-right: 16px;
  }
  .p-b-lg-16 {
    padding-bottom: 16px;
  }
  .p-l-lg-16 {
    padding-left: 16px;
  }
  .p-lg-20 {
    padding: 20px;
  }
  .p-tb-lg-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-lr-lg-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-t-lg-20 {
    padding-top: 20px;
  }
  .p-r-lg-20 {
    padding-right: 20px;
  }
  .p-b-lg-20 {
    padding-bottom: 20px;
  }
  .p-l-lg-20 {
    padding-left: 20px;
  }
  .p-lg-24 {
    padding: 24px;
  }
  .p-tb-lg-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lr-lg-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p-t-lg-24 {
    padding-top: 24px;
  }
  .p-r-lg-24 {
    padding-right: 24px;
  }
  .p-b-lg-24 {
    padding-bottom: 24px;
  }
  .p-l-lg-24 {
    padding-left: 24px;
  }
  .p-lg-28 {
    padding: 28px;
  }
  .p-tb-lg-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .p-lr-lg-28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p-t-lg-28 {
    padding-top: 28px;
  }
  .p-r-lg-28 {
    padding-right: 28px;
  }
  .p-b-lg-28 {
    padding-bottom: 28px;
  }
  .p-l-lg-28 {
    padding-left: 28px;
  }
  .p-lg-32 {
    padding: 32px;
  }
  .p-tb-lg-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lr-lg-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p-t-lg-32 {
    padding-top: 32px;
  }
  .p-r-lg-32 {
    padding-right: 32px;
  }
  .p-b-lg-32 {
    padding-bottom: 32px;
  }
  .p-l-lg-32 {
    padding-left: 32px;
  }
  .p-lg-36 {
    padding: 36px;
  }
  .p-tb-lg-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .p-lr-lg-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p-t-lg-36 {
    padding-top: 36px;
  }
  .p-r-lg-36 {
    padding-right: 36px;
  }
  .p-b-lg-36 {
    padding-bottom: 36px;
  }
  .p-l-lg-36 {
    padding-left: 36px;
  }
  .p-lg-40 {
    padding: 40px;
  }
  .p-tb-lg-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lr-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p-t-lg-40 {
    padding-top: 40px;
  }
  .p-r-lg-40 {
    padding-right: 40px;
  }
  .p-b-lg-40 {
    padding-bottom: 40px;
  }
  .p-l-lg-40 {
    padding-left: 40px;
  }
  .p-lg-44 {
    padding: 44px;
  }
  .p-tb-lg-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-lr-lg-44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p-t-lg-44 {
    padding-top: 44px;
  }
  .p-r-lg-44 {
    padding-right: 44px;
  }
  .p-b-lg-44 {
    padding-bottom: 44px;
  }
  .p-l-lg-44 {
    padding-left: 44px;
  }
  .p-lg-48 {
    padding: 48px;
  }
  .p-tb-lg-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lr-lg-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p-t-lg-48 {
    padding-top: 48px;
  }
  .p-r-lg-48 {
    padding-right: 48px;
  }
  .p-b-lg-48 {
    padding-bottom: 48px;
  }
  .p-l-lg-48 {
    padding-left: 48px;
  }
}
@media all and (max-width: 991px) {
  .p-md--48 {
    padding: -48px;
  }
  .p-tb-md--48 {
    padding-top: -48px;
    padding-bottom: -48px;
  }
  .p-lr-md--48 {
    padding-left: -48px;
    padding-right: -48px;
  }
  .p-t-md--48 {
    padding-top: -48px;
  }
  .p-r-md--48 {
    padding-right: -48px;
  }
  .p-b-md--48 {
    padding-bottom: -48px;
  }
  .p-l-md--48 {
    padding-left: -48px;
  }
  .p-md--44 {
    padding: -44px;
  }
  .p-tb-md--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .p-lr-md--44 {
    padding-left: -44px;
    padding-right: -44px;
  }
  .p-t-md--44 {
    padding-top: -44px;
  }
  .p-r-md--44 {
    padding-right: -44px;
  }
  .p-b-md--44 {
    padding-bottom: -44px;
  }
  .p-l-md--44 {
    padding-left: -44px;
  }
  .p-md--40 {
    padding: -40px;
  }
  .p-tb-md--40 {
    padding-top: -40px;
    padding-bottom: -40px;
  }
  .p-lr-md--40 {
    padding-left: -40px;
    padding-right: -40px;
  }
  .p-t-md--40 {
    padding-top: -40px;
  }
  .p-r-md--40 {
    padding-right: -40px;
  }
  .p-b-md--40 {
    padding-bottom: -40px;
  }
  .p-l-md--40 {
    padding-left: -40px;
  }
  .p-md--36 {
    padding: -36px;
  }
  .p-tb-md--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .p-lr-md--36 {
    padding-left: -36px;
    padding-right: -36px;
  }
  .p-t-md--36 {
    padding-top: -36px;
  }
  .p-r-md--36 {
    padding-right: -36px;
  }
  .p-b-md--36 {
    padding-bottom: -36px;
  }
  .p-l-md--36 {
    padding-left: -36px;
  }
  .p-md--32 {
    padding: -32px;
  }
  .p-tb-md--32 {
    padding-top: -32px;
    padding-bottom: -32px;
  }
  .p-lr-md--32 {
    padding-left: -32px;
    padding-right: -32px;
  }
  .p-t-md--32 {
    padding-top: -32px;
  }
  .p-r-md--32 {
    padding-right: -32px;
  }
  .p-b-md--32 {
    padding-bottom: -32px;
  }
  .p-l-md--32 {
    padding-left: -32px;
  }
  .p-md--28 {
    padding: -28px;
  }
  .p-tb-md--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .p-lr-md--28 {
    padding-left: -28px;
    padding-right: -28px;
  }
  .p-t-md--28 {
    padding-top: -28px;
  }
  .p-r-md--28 {
    padding-right: -28px;
  }
  .p-b-md--28 {
    padding-bottom: -28px;
  }
  .p-l-md--28 {
    padding-left: -28px;
  }
  .p-md--24 {
    padding: -24px;
  }
  .p-tb-md--24 {
    padding-top: -24px;
    padding-bottom: -24px;
  }
  .p-lr-md--24 {
    padding-left: -24px;
    padding-right: -24px;
  }
  .p-t-md--24 {
    padding-top: -24px;
  }
  .p-r-md--24 {
    padding-right: -24px;
  }
  .p-b-md--24 {
    padding-bottom: -24px;
  }
  .p-l-md--24 {
    padding-left: -24px;
  }
  .p-md--20 {
    padding: -20px;
  }
  .p-tb-md--20 {
    padding-top: -20px;
    padding-bottom: -20px;
  }
  .p-lr-md--20 {
    padding-left: -20px;
    padding-right: -20px;
  }
  .p-t-md--20 {
    padding-top: -20px;
  }
  .p-r-md--20 {
    padding-right: -20px;
  }
  .p-b-md--20 {
    padding-bottom: -20px;
  }
  .p-l-md--20 {
    padding-left: -20px;
  }
  .p-md--16 {
    padding: -16px;
  }
  .p-tb-md--16 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .p-lr-md--16 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .p-t-md--16 {
    padding-top: -16px;
  }
  .p-r-md--16 {
    padding-right: -16px;
  }
  .p-b-md--16 {
    padding-bottom: -16px;
  }
  .p-l-md--16 {
    padding-left: -16px;
  }
  .p-md--12 {
    padding: -12px;
  }
  .p-tb-md--12 {
    padding-top: -12px;
    padding-bottom: -12px;
  }
  .p-lr-md--12 {
    padding-left: -12px;
    padding-right: -12px;
  }
  .p-t-md--12 {
    padding-top: -12px;
  }
  .p-r-md--12 {
    padding-right: -12px;
  }
  .p-b-md--12 {
    padding-bottom: -12px;
  }
  .p-l-md--12 {
    padding-left: -12px;
  }
  .p-md--8 {
    padding: -8px;
  }
  .p-tb-md--8 {
    padding-top: -8px;
    padding-bottom: -8px;
  }
  .p-lr-md--8 {
    padding-left: -8px;
    padding-right: -8px;
  }
  .p-t-md--8 {
    padding-top: -8px;
  }
  .p-r-md--8 {
    padding-right: -8px;
  }
  .p-b-md--8 {
    padding-bottom: -8px;
  }
  .p-l-md--8 {
    padding-left: -8px;
  }
  .p-md--4 {
    padding: -4px;
  }
  .p-tb-md--4 {
    padding-top: -4px;
    padding-bottom: -4px;
  }
  .p-lr-md--4 {
    padding-left: -4px;
    padding-right: -4px;
  }
  .p-t-md--4 {
    padding-top: -4px;
  }
  .p-r-md--4 {
    padding-right: -4px;
  }
  .p-b-md--4 {
    padding-bottom: -4px;
  }
  .p-l-md--4 {
    padding-left: -4px;
  }
  .p-md-0 {
    padding: 0px;
  }
  .p-tb-md-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lr-md-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-md-0 {
    padding-top: 0px;
  }
  .p-r-md-0 {
    padding-right: 0px;
  }
  .p-b-md-0 {
    padding-bottom: 0px;
  }
  .p-l-md-0 {
    padding-left: 0px;
  }
  .p-md-4 {
    padding: 4px;
  }
  .p-tb-md-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lr-md-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p-t-md-4 {
    padding-top: 4px;
  }
  .p-r-md-4 {
    padding-right: 4px;
  }
  .p-b-md-4 {
    padding-bottom: 4px;
  }
  .p-l-md-4 {
    padding-left: 4px;
  }
  .p-md-8 {
    padding: 8px;
  }
  .p-tb-md-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lr-md-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-t-md-8 {
    padding-top: 8px;
  }
  .p-r-md-8 {
    padding-right: 8px;
  }
  .p-b-md-8 {
    padding-bottom: 8px;
  }
  .p-l-md-8 {
    padding-left: 8px;
  }
  .p-md-12 {
    padding: 12px;
  }
  .p-tb-md-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lr-md-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p-t-md-12 {
    padding-top: 12px;
  }
  .p-r-md-12 {
    padding-right: 12px;
  }
  .p-b-md-12 {
    padding-bottom: 12px;
  }
  .p-l-md-12 {
    padding-left: 12px;
  }
  .p-md-16 {
    padding: 16px;
  }
  .p-tb-md-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lr-md-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p-t-md-16 {
    padding-top: 16px;
  }
  .p-r-md-16 {
    padding-right: 16px;
  }
  .p-b-md-16 {
    padding-bottom: 16px;
  }
  .p-l-md-16 {
    padding-left: 16px;
  }
  .p-md-20 {
    padding: 20px;
  }
  .p-tb-md-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-lr-md-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-t-md-20 {
    padding-top: 20px;
  }
  .p-r-md-20 {
    padding-right: 20px;
  }
  .p-b-md-20 {
    padding-bottom: 20px;
  }
  .p-l-md-20 {
    padding-left: 20px;
  }
  .p-md-24 {
    padding: 24px;
  }
  .p-tb-md-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lr-md-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p-t-md-24 {
    padding-top: 24px;
  }
  .p-r-md-24 {
    padding-right: 24px;
  }
  .p-b-md-24 {
    padding-bottom: 24px;
  }
  .p-l-md-24 {
    padding-left: 24px;
  }
  .p-md-28 {
    padding: 28px;
  }
  .p-tb-md-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .p-lr-md-28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p-t-md-28 {
    padding-top: 28px;
  }
  .p-r-md-28 {
    padding-right: 28px;
  }
  .p-b-md-28 {
    padding-bottom: 28px;
  }
  .p-l-md-28 {
    padding-left: 28px;
  }
  .p-md-32 {
    padding: 32px;
  }
  .p-tb-md-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lr-md-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p-t-md-32 {
    padding-top: 32px;
  }
  .p-r-md-32 {
    padding-right: 32px;
  }
  .p-b-md-32 {
    padding-bottom: 32px;
  }
  .p-l-md-32 {
    padding-left: 32px;
  }
  .p-md-36 {
    padding: 36px;
  }
  .p-tb-md-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .p-lr-md-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p-t-md-36 {
    padding-top: 36px;
  }
  .p-r-md-36 {
    padding-right: 36px;
  }
  .p-b-md-36 {
    padding-bottom: 36px;
  }
  .p-l-md-36 {
    padding-left: 36px;
  }
  .p-md-40 {
    padding: 40px;
  }
  .p-tb-md-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lr-md-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p-t-md-40 {
    padding-top: 40px;
  }
  .p-r-md-40 {
    padding-right: 40px;
  }
  .p-b-md-40 {
    padding-bottom: 40px;
  }
  .p-l-md-40 {
    padding-left: 40px;
  }
  .p-md-44 {
    padding: 44px;
  }
  .p-tb-md-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-lr-md-44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p-t-md-44 {
    padding-top: 44px;
  }
  .p-r-md-44 {
    padding-right: 44px;
  }
  .p-b-md-44 {
    padding-bottom: 44px;
  }
  .p-l-md-44 {
    padding-left: 44px;
  }
  .p-md-48 {
    padding: 48px;
  }
  .p-tb-md-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lr-md-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p-t-md-48 {
    padding-top: 48px;
  }
  .p-r-md-48 {
    padding-right: 48px;
  }
  .p-b-md-48 {
    padding-bottom: 48px;
  }
  .p-l-md-48 {
    padding-left: 48px;
  }
}
@media all and (max-width: 767px) {
  .p-sm--48 {
    padding: -48px;
  }
  .p-tb-sm--48 {
    padding-top: -48px;
    padding-bottom: -48px;
  }
  .p-lr-sm--48 {
    padding-left: -48px;
    padding-right: -48px;
  }
  .p-t-sm--48 {
    padding-top: -48px;
  }
  .p-r-sm--48 {
    padding-right: -48px;
  }
  .p-b-sm--48 {
    padding-bottom: -48px;
  }
  .p-l-sm--48 {
    padding-left: -48px;
  }
  .p-sm--44 {
    padding: -44px;
  }
  .p-tb-sm--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .p-lr-sm--44 {
    padding-left: -44px;
    padding-right: -44px;
  }
  .p-t-sm--44 {
    padding-top: -44px;
  }
  .p-r-sm--44 {
    padding-right: -44px;
  }
  .p-b-sm--44 {
    padding-bottom: -44px;
  }
  .p-l-sm--44 {
    padding-left: -44px;
  }
  .p-sm--40 {
    padding: -40px;
  }
  .p-tb-sm--40 {
    padding-top: -40px;
    padding-bottom: -40px;
  }
  .p-lr-sm--40 {
    padding-left: -40px;
    padding-right: -40px;
  }
  .p-t-sm--40 {
    padding-top: -40px;
  }
  .p-r-sm--40 {
    padding-right: -40px;
  }
  .p-b-sm--40 {
    padding-bottom: -40px;
  }
  .p-l-sm--40 {
    padding-left: -40px;
  }
  .p-sm--36 {
    padding: -36px;
  }
  .p-tb-sm--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .p-lr-sm--36 {
    padding-left: -36px;
    padding-right: -36px;
  }
  .p-t-sm--36 {
    padding-top: -36px;
  }
  .p-r-sm--36 {
    padding-right: -36px;
  }
  .p-b-sm--36 {
    padding-bottom: -36px;
  }
  .p-l-sm--36 {
    padding-left: -36px;
  }
  .p-sm--32 {
    padding: -32px;
  }
  .p-tb-sm--32 {
    padding-top: -32px;
    padding-bottom: -32px;
  }
  .p-lr-sm--32 {
    padding-left: -32px;
    padding-right: -32px;
  }
  .p-t-sm--32 {
    padding-top: -32px;
  }
  .p-r-sm--32 {
    padding-right: -32px;
  }
  .p-b-sm--32 {
    padding-bottom: -32px;
  }
  .p-l-sm--32 {
    padding-left: -32px;
  }
  .p-sm--28 {
    padding: -28px;
  }
  .p-tb-sm--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .p-lr-sm--28 {
    padding-left: -28px;
    padding-right: -28px;
  }
  .p-t-sm--28 {
    padding-top: -28px;
  }
  .p-r-sm--28 {
    padding-right: -28px;
  }
  .p-b-sm--28 {
    padding-bottom: -28px;
  }
  .p-l-sm--28 {
    padding-left: -28px;
  }
  .p-sm--24 {
    padding: -24px;
  }
  .p-tb-sm--24 {
    padding-top: -24px;
    padding-bottom: -24px;
  }
  .p-lr-sm--24 {
    padding-left: -24px;
    padding-right: -24px;
  }
  .p-t-sm--24 {
    padding-top: -24px;
  }
  .p-r-sm--24 {
    padding-right: -24px;
  }
  .p-b-sm--24 {
    padding-bottom: -24px;
  }
  .p-l-sm--24 {
    padding-left: -24px;
  }
  .p-sm--20 {
    padding: -20px;
  }
  .p-tb-sm--20 {
    padding-top: -20px;
    padding-bottom: -20px;
  }
  .p-lr-sm--20 {
    padding-left: -20px;
    padding-right: -20px;
  }
  .p-t-sm--20 {
    padding-top: -20px;
  }
  .p-r-sm--20 {
    padding-right: -20px;
  }
  .p-b-sm--20 {
    padding-bottom: -20px;
  }
  .p-l-sm--20 {
    padding-left: -20px;
  }
  .p-sm--16 {
    padding: -16px;
  }
  .p-tb-sm--16 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .p-lr-sm--16 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .p-t-sm--16 {
    padding-top: -16px;
  }
  .p-r-sm--16 {
    padding-right: -16px;
  }
  .p-b-sm--16 {
    padding-bottom: -16px;
  }
  .p-l-sm--16 {
    padding-left: -16px;
  }
  .p-sm--12 {
    padding: -12px;
  }
  .p-tb-sm--12 {
    padding-top: -12px;
    padding-bottom: -12px;
  }
  .p-lr-sm--12 {
    padding-left: -12px;
    padding-right: -12px;
  }
  .p-t-sm--12 {
    padding-top: -12px;
  }
  .p-r-sm--12 {
    padding-right: -12px;
  }
  .p-b-sm--12 {
    padding-bottom: -12px;
  }
  .p-l-sm--12 {
    padding-left: -12px;
  }
  .p-sm--8 {
    padding: -8px;
  }
  .p-tb-sm--8 {
    padding-top: -8px;
    padding-bottom: -8px;
  }
  .p-lr-sm--8 {
    padding-left: -8px;
    padding-right: -8px;
  }
  .p-t-sm--8 {
    padding-top: -8px;
  }
  .p-r-sm--8 {
    padding-right: -8px;
  }
  .p-b-sm--8 {
    padding-bottom: -8px;
  }
  .p-l-sm--8 {
    padding-left: -8px;
  }
  .p-sm--4 {
    padding: -4px;
  }
  .p-tb-sm--4 {
    padding-top: -4px;
    padding-bottom: -4px;
  }
  .p-lr-sm--4 {
    padding-left: -4px;
    padding-right: -4px;
  }
  .p-t-sm--4 {
    padding-top: -4px;
  }
  .p-r-sm--4 {
    padding-right: -4px;
  }
  .p-b-sm--4 {
    padding-bottom: -4px;
  }
  .p-l-sm--4 {
    padding-left: -4px;
  }
  .p-sm-0 {
    padding: 0px;
  }
  .p-tb-sm-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lr-sm-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-sm-0 {
    padding-top: 0px;
  }
  .p-r-sm-0 {
    padding-right: 0px;
  }
  .p-b-sm-0 {
    padding-bottom: 0px;
  }
  .p-l-sm-0 {
    padding-left: 0px;
  }
  .p-sm-4 {
    padding: 4px;
  }
  .p-tb-sm-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lr-sm-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p-t-sm-4 {
    padding-top: 4px;
  }
  .p-r-sm-4 {
    padding-right: 4px;
  }
  .p-b-sm-4 {
    padding-bottom: 4px;
  }
  .p-l-sm-4 {
    padding-left: 4px;
  }
  .p-sm-8 {
    padding: 8px;
  }
  .p-tb-sm-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lr-sm-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-t-sm-8 {
    padding-top: 8px;
  }
  .p-r-sm-8 {
    padding-right: 8px;
  }
  .p-b-sm-8 {
    padding-bottom: 8px;
  }
  .p-l-sm-8 {
    padding-left: 8px;
  }
  .p-sm-12 {
    padding: 12px;
  }
  .p-tb-sm-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lr-sm-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p-t-sm-12 {
    padding-top: 12px;
  }
  .p-r-sm-12 {
    padding-right: 12px;
  }
  .p-b-sm-12 {
    padding-bottom: 12px;
  }
  .p-l-sm-12 {
    padding-left: 12px;
  }
  .p-sm-16 {
    padding: 16px;
  }
  .p-tb-sm-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lr-sm-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p-t-sm-16 {
    padding-top: 16px;
  }
  .p-r-sm-16 {
    padding-right: 16px;
  }
  .p-b-sm-16 {
    padding-bottom: 16px;
  }
  .p-l-sm-16 {
    padding-left: 16px;
  }
  .p-sm-20 {
    padding: 20px;
  }
  .p-tb-sm-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-lr-sm-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-t-sm-20 {
    padding-top: 20px;
  }
  .p-r-sm-20 {
    padding-right: 20px;
  }
  .p-b-sm-20 {
    padding-bottom: 20px;
  }
  .p-l-sm-20 {
    padding-left: 20px;
  }
  .p-sm-24 {
    padding: 24px;
  }
  .p-tb-sm-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lr-sm-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p-t-sm-24 {
    padding-top: 24px;
  }
  .p-r-sm-24 {
    padding-right: 24px;
  }
  .p-b-sm-24 {
    padding-bottom: 24px;
  }
  .p-l-sm-24 {
    padding-left: 24px;
  }
  .p-sm-28 {
    padding: 28px;
  }
  .p-tb-sm-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .p-lr-sm-28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p-t-sm-28 {
    padding-top: 28px;
  }
  .p-r-sm-28 {
    padding-right: 28px;
  }
  .p-b-sm-28 {
    padding-bottom: 28px;
  }
  .p-l-sm-28 {
    padding-left: 28px;
  }
  .p-sm-32 {
    padding: 32px;
  }
  .p-tb-sm-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lr-sm-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p-t-sm-32 {
    padding-top: 32px;
  }
  .p-r-sm-32 {
    padding-right: 32px;
  }
  .p-b-sm-32 {
    padding-bottom: 32px;
  }
  .p-l-sm-32 {
    padding-left: 32px;
  }
  .p-sm-36 {
    padding: 36px;
  }
  .p-tb-sm-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .p-lr-sm-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p-t-sm-36 {
    padding-top: 36px;
  }
  .p-r-sm-36 {
    padding-right: 36px;
  }
  .p-b-sm-36 {
    padding-bottom: 36px;
  }
  .p-l-sm-36 {
    padding-left: 36px;
  }
  .p-sm-40 {
    padding: 40px;
  }
  .p-tb-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lr-sm-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p-t-sm-40 {
    padding-top: 40px;
  }
  .p-r-sm-40 {
    padding-right: 40px;
  }
  .p-b-sm-40 {
    padding-bottom: 40px;
  }
  .p-l-sm-40 {
    padding-left: 40px;
  }
  .p-sm-44 {
    padding: 44px;
  }
  .p-tb-sm-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-lr-sm-44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p-t-sm-44 {
    padding-top: 44px;
  }
  .p-r-sm-44 {
    padding-right: 44px;
  }
  .p-b-sm-44 {
    padding-bottom: 44px;
  }
  .p-l-sm-44 {
    padding-left: 44px;
  }
  .p-sm-48 {
    padding: 48px;
  }
  .p-tb-sm-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lr-sm-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p-t-sm-48 {
    padding-top: 48px;
  }
  .p-r-sm-48 {
    padding-right: 48px;
  }
  .p-b-sm-48 {
    padding-bottom: 48px;
  }
  .p-l-sm-48 {
    padding-left: 48px;
  }
}
@media all and (max-width: 575px) {
  .p-xs--48 {
    padding: -48px;
  }
  .p-tb-xs--48 {
    padding-top: -48px;
    padding-bottom: -48px;
  }
  .p-lr-xs--48 {
    padding-left: -48px;
    padding-right: -48px;
  }
  .p-t-xs--48 {
    padding-top: -48px;
  }
  .p-r-xs--48 {
    padding-right: -48px;
  }
  .p-b-xs--48 {
    padding-bottom: -48px;
  }
  .p-l-xs--48 {
    padding-left: -48px;
  }
  .p-xs--44 {
    padding: -44px;
  }
  .p-tb-xs--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .p-lr-xs--44 {
    padding-left: -44px;
    padding-right: -44px;
  }
  .p-t-xs--44 {
    padding-top: -44px;
  }
  .p-r-xs--44 {
    padding-right: -44px;
  }
  .p-b-xs--44 {
    padding-bottom: -44px;
  }
  .p-l-xs--44 {
    padding-left: -44px;
  }
  .p-xs--40 {
    padding: -40px;
  }
  .p-tb-xs--40 {
    padding-top: -40px;
    padding-bottom: -40px;
  }
  .p-lr-xs--40 {
    padding-left: -40px;
    padding-right: -40px;
  }
  .p-t-xs--40 {
    padding-top: -40px;
  }
  .p-r-xs--40 {
    padding-right: -40px;
  }
  .p-b-xs--40 {
    padding-bottom: -40px;
  }
  .p-l-xs--40 {
    padding-left: -40px;
  }
  .p-xs--36 {
    padding: -36px;
  }
  .p-tb-xs--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .p-lr-xs--36 {
    padding-left: -36px;
    padding-right: -36px;
  }
  .p-t-xs--36 {
    padding-top: -36px;
  }
  .p-r-xs--36 {
    padding-right: -36px;
  }
  .p-b-xs--36 {
    padding-bottom: -36px;
  }
  .p-l-xs--36 {
    padding-left: -36px;
  }
  .p-xs--32 {
    padding: -32px;
  }
  .p-tb-xs--32 {
    padding-top: -32px;
    padding-bottom: -32px;
  }
  .p-lr-xs--32 {
    padding-left: -32px;
    padding-right: -32px;
  }
  .p-t-xs--32 {
    padding-top: -32px;
  }
  .p-r-xs--32 {
    padding-right: -32px;
  }
  .p-b-xs--32 {
    padding-bottom: -32px;
  }
  .p-l-xs--32 {
    padding-left: -32px;
  }
  .p-xs--28 {
    padding: -28px;
  }
  .p-tb-xs--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .p-lr-xs--28 {
    padding-left: -28px;
    padding-right: -28px;
  }
  .p-t-xs--28 {
    padding-top: -28px;
  }
  .p-r-xs--28 {
    padding-right: -28px;
  }
  .p-b-xs--28 {
    padding-bottom: -28px;
  }
  .p-l-xs--28 {
    padding-left: -28px;
  }
  .p-xs--24 {
    padding: -24px;
  }
  .p-tb-xs--24 {
    padding-top: -24px;
    padding-bottom: -24px;
  }
  .p-lr-xs--24 {
    padding-left: -24px;
    padding-right: -24px;
  }
  .p-t-xs--24 {
    padding-top: -24px;
  }
  .p-r-xs--24 {
    padding-right: -24px;
  }
  .p-b-xs--24 {
    padding-bottom: -24px;
  }
  .p-l-xs--24 {
    padding-left: -24px;
  }
  .p-xs--20 {
    padding: -20px;
  }
  .p-tb-xs--20 {
    padding-top: -20px;
    padding-bottom: -20px;
  }
  .p-lr-xs--20 {
    padding-left: -20px;
    padding-right: -20px;
  }
  .p-t-xs--20 {
    padding-top: -20px;
  }
  .p-r-xs--20 {
    padding-right: -20px;
  }
  .p-b-xs--20 {
    padding-bottom: -20px;
  }
  .p-l-xs--20 {
    padding-left: -20px;
  }
  .p-xs--16 {
    padding: -16px;
  }
  .p-tb-xs--16 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .p-lr-xs--16 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .p-t-xs--16 {
    padding-top: -16px;
  }
  .p-r-xs--16 {
    padding-right: -16px;
  }
  .p-b-xs--16 {
    padding-bottom: -16px;
  }
  .p-l-xs--16 {
    padding-left: -16px;
  }
  .p-xs--12 {
    padding: -12px;
  }
  .p-tb-xs--12 {
    padding-top: -12px;
    padding-bottom: -12px;
  }
  .p-lr-xs--12 {
    padding-left: -12px;
    padding-right: -12px;
  }
  .p-t-xs--12 {
    padding-top: -12px;
  }
  .p-r-xs--12 {
    padding-right: -12px;
  }
  .p-b-xs--12 {
    padding-bottom: -12px;
  }
  .p-l-xs--12 {
    padding-left: -12px;
  }
  .p-xs--8 {
    padding: -8px;
  }
  .p-tb-xs--8 {
    padding-top: -8px;
    padding-bottom: -8px;
  }
  .p-lr-xs--8 {
    padding-left: -8px;
    padding-right: -8px;
  }
  .p-t-xs--8 {
    padding-top: -8px;
  }
  .p-r-xs--8 {
    padding-right: -8px;
  }
  .p-b-xs--8 {
    padding-bottom: -8px;
  }
  .p-l-xs--8 {
    padding-left: -8px;
  }
  .p-xs--4 {
    padding: -4px;
  }
  .p-tb-xs--4 {
    padding-top: -4px;
    padding-bottom: -4px;
  }
  .p-lr-xs--4 {
    padding-left: -4px;
    padding-right: -4px;
  }
  .p-t-xs--4 {
    padding-top: -4px;
  }
  .p-r-xs--4 {
    padding-right: -4px;
  }
  .p-b-xs--4 {
    padding-bottom: -4px;
  }
  .p-l-xs--4 {
    padding-left: -4px;
  }
  .p-xs-0 {
    padding: 0px;
  }
  .p-tb-xs-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lr-xs-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-xs-0 {
    padding-top: 0px;
  }
  .p-r-xs-0 {
    padding-right: 0px;
  }
  .p-b-xs-0 {
    padding-bottom: 0px;
  }
  .p-l-xs-0 {
    padding-left: 0px;
  }
  .p-xs-4 {
    padding: 4px;
  }
  .p-tb-xs-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lr-xs-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p-t-xs-4 {
    padding-top: 4px;
  }
  .p-r-xs-4 {
    padding-right: 4px;
  }
  .p-b-xs-4 {
    padding-bottom: 4px;
  }
  .p-l-xs-4 {
    padding-left: 4px;
  }
  .p-xs-8 {
    padding: 8px;
  }
  .p-tb-xs-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lr-xs-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-t-xs-8 {
    padding-top: 8px;
  }
  .p-r-xs-8 {
    padding-right: 8px;
  }
  .p-b-xs-8 {
    padding-bottom: 8px;
  }
  .p-l-xs-8 {
    padding-left: 8px;
  }
  .p-xs-12 {
    padding: 12px;
  }
  .p-tb-xs-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lr-xs-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p-t-xs-12 {
    padding-top: 12px;
  }
  .p-r-xs-12 {
    padding-right: 12px;
  }
  .p-b-xs-12 {
    padding-bottom: 12px;
  }
  .p-l-xs-12 {
    padding-left: 12px;
  }
  .p-xs-16 {
    padding: 16px;
  }
  .p-tb-xs-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lr-xs-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p-t-xs-16 {
    padding-top: 16px;
  }
  .p-r-xs-16 {
    padding-right: 16px;
  }
  .p-b-xs-16 {
    padding-bottom: 16px;
  }
  .p-l-xs-16 {
    padding-left: 16px;
  }
  .p-xs-20 {
    padding: 20px;
  }
  .p-tb-xs-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-lr-xs-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-t-xs-20 {
    padding-top: 20px;
  }
  .p-r-xs-20 {
    padding-right: 20px;
  }
  .p-b-xs-20 {
    padding-bottom: 20px;
  }
  .p-l-xs-20 {
    padding-left: 20px;
  }
  .p-xs-24 {
    padding: 24px;
  }
  .p-tb-xs-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lr-xs-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p-t-xs-24 {
    padding-top: 24px;
  }
  .p-r-xs-24 {
    padding-right: 24px;
  }
  .p-b-xs-24 {
    padding-bottom: 24px;
  }
  .p-l-xs-24 {
    padding-left: 24px;
  }
  .p-xs-28 {
    padding: 28px;
  }
  .p-tb-xs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .p-lr-xs-28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p-t-xs-28 {
    padding-top: 28px;
  }
  .p-r-xs-28 {
    padding-right: 28px;
  }
  .p-b-xs-28 {
    padding-bottom: 28px;
  }
  .p-l-xs-28 {
    padding-left: 28px;
  }
  .p-xs-32 {
    padding: 32px;
  }
  .p-tb-xs-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lr-xs-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p-t-xs-32 {
    padding-top: 32px;
  }
  .p-r-xs-32 {
    padding-right: 32px;
  }
  .p-b-xs-32 {
    padding-bottom: 32px;
  }
  .p-l-xs-32 {
    padding-left: 32px;
  }
  .p-xs-36 {
    padding: 36px;
  }
  .p-tb-xs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .p-lr-xs-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p-t-xs-36 {
    padding-top: 36px;
  }
  .p-r-xs-36 {
    padding-right: 36px;
  }
  .p-b-xs-36 {
    padding-bottom: 36px;
  }
  .p-l-xs-36 {
    padding-left: 36px;
  }
  .p-xs-40 {
    padding: 40px;
  }
  .p-tb-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lr-xs-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p-t-xs-40 {
    padding-top: 40px;
  }
  .p-r-xs-40 {
    padding-right: 40px;
  }
  .p-b-xs-40 {
    padding-bottom: 40px;
  }
  .p-l-xs-40 {
    padding-left: 40px;
  }
  .p-xs-44 {
    padding: 44px;
  }
  .p-tb-xs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-lr-xs-44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p-t-xs-44 {
    padding-top: 44px;
  }
  .p-r-xs-44 {
    padding-right: 44px;
  }
  .p-b-xs-44 {
    padding-bottom: 44px;
  }
  .p-l-xs-44 {
    padding-left: 44px;
  }
  .p-xs-48 {
    padding: 48px;
  }
  .p-tb-xs-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lr-xs-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p-t-xs-48 {
    padding-top: 48px;
  }
  .p-r-xs-48 {
    padding-right: 48px;
  }
  .p-b-xs-48 {
    padding-bottom: 48px;
  }
  .p-l-xs-48 {
    padding-left: 48px;
  }
}
@media all and (max-width: 479px) {
  .p-xxs--48 {
    padding: -48px;
  }
  .p-tb-xxs--48 {
    padding-top: -48px;
    padding-bottom: -48px;
  }
  .p-lr-xxs--48 {
    padding-left: -48px;
    padding-right: -48px;
  }
  .p-t-xxs--48 {
    padding-top: -48px;
  }
  .p-r-xxs--48 {
    padding-right: -48px;
  }
  .p-b-xxs--48 {
    padding-bottom: -48px;
  }
  .p-l-xxs--48 {
    padding-left: -48px;
  }
  .p-xxs--44 {
    padding: -44px;
  }
  .p-tb-xxs--44 {
    padding-top: -44px;
    padding-bottom: -44px;
  }
  .p-lr-xxs--44 {
    padding-left: -44px;
    padding-right: -44px;
  }
  .p-t-xxs--44 {
    padding-top: -44px;
  }
  .p-r-xxs--44 {
    padding-right: -44px;
  }
  .p-b-xxs--44 {
    padding-bottom: -44px;
  }
  .p-l-xxs--44 {
    padding-left: -44px;
  }
  .p-xxs--40 {
    padding: -40px;
  }
  .p-tb-xxs--40 {
    padding-top: -40px;
    padding-bottom: -40px;
  }
  .p-lr-xxs--40 {
    padding-left: -40px;
    padding-right: -40px;
  }
  .p-t-xxs--40 {
    padding-top: -40px;
  }
  .p-r-xxs--40 {
    padding-right: -40px;
  }
  .p-b-xxs--40 {
    padding-bottom: -40px;
  }
  .p-l-xxs--40 {
    padding-left: -40px;
  }
  .p-xxs--36 {
    padding: -36px;
  }
  .p-tb-xxs--36 {
    padding-top: -36px;
    padding-bottom: -36px;
  }
  .p-lr-xxs--36 {
    padding-left: -36px;
    padding-right: -36px;
  }
  .p-t-xxs--36 {
    padding-top: -36px;
  }
  .p-r-xxs--36 {
    padding-right: -36px;
  }
  .p-b-xxs--36 {
    padding-bottom: -36px;
  }
  .p-l-xxs--36 {
    padding-left: -36px;
  }
  .p-xxs--32 {
    padding: -32px;
  }
  .p-tb-xxs--32 {
    padding-top: -32px;
    padding-bottom: -32px;
  }
  .p-lr-xxs--32 {
    padding-left: -32px;
    padding-right: -32px;
  }
  .p-t-xxs--32 {
    padding-top: -32px;
  }
  .p-r-xxs--32 {
    padding-right: -32px;
  }
  .p-b-xxs--32 {
    padding-bottom: -32px;
  }
  .p-l-xxs--32 {
    padding-left: -32px;
  }
  .p-xxs--28 {
    padding: -28px;
  }
  .p-tb-xxs--28 {
    padding-top: -28px;
    padding-bottom: -28px;
  }
  .p-lr-xxs--28 {
    padding-left: -28px;
    padding-right: -28px;
  }
  .p-t-xxs--28 {
    padding-top: -28px;
  }
  .p-r-xxs--28 {
    padding-right: -28px;
  }
  .p-b-xxs--28 {
    padding-bottom: -28px;
  }
  .p-l-xxs--28 {
    padding-left: -28px;
  }
  .p-xxs--24 {
    padding: -24px;
  }
  .p-tb-xxs--24 {
    padding-top: -24px;
    padding-bottom: -24px;
  }
  .p-lr-xxs--24 {
    padding-left: -24px;
    padding-right: -24px;
  }
  .p-t-xxs--24 {
    padding-top: -24px;
  }
  .p-r-xxs--24 {
    padding-right: -24px;
  }
  .p-b-xxs--24 {
    padding-bottom: -24px;
  }
  .p-l-xxs--24 {
    padding-left: -24px;
  }
  .p-xxs--20 {
    padding: -20px;
  }
  .p-tb-xxs--20 {
    padding-top: -20px;
    padding-bottom: -20px;
  }
  .p-lr-xxs--20 {
    padding-left: -20px;
    padding-right: -20px;
  }
  .p-t-xxs--20 {
    padding-top: -20px;
  }
  .p-r-xxs--20 {
    padding-right: -20px;
  }
  .p-b-xxs--20 {
    padding-bottom: -20px;
  }
  .p-l-xxs--20 {
    padding-left: -20px;
  }
  .p-xxs--16 {
    padding: -16px;
  }
  .p-tb-xxs--16 {
    padding-top: -16px;
    padding-bottom: -16px;
  }
  .p-lr-xxs--16 {
    padding-left: -16px;
    padding-right: -16px;
  }
  .p-t-xxs--16 {
    padding-top: -16px;
  }
  .p-r-xxs--16 {
    padding-right: -16px;
  }
  .p-b-xxs--16 {
    padding-bottom: -16px;
  }
  .p-l-xxs--16 {
    padding-left: -16px;
  }
  .p-xxs--12 {
    padding: -12px;
  }
  .p-tb-xxs--12 {
    padding-top: -12px;
    padding-bottom: -12px;
  }
  .p-lr-xxs--12 {
    padding-left: -12px;
    padding-right: -12px;
  }
  .p-t-xxs--12 {
    padding-top: -12px;
  }
  .p-r-xxs--12 {
    padding-right: -12px;
  }
  .p-b-xxs--12 {
    padding-bottom: -12px;
  }
  .p-l-xxs--12 {
    padding-left: -12px;
  }
  .p-xxs--8 {
    padding: -8px;
  }
  .p-tb-xxs--8 {
    padding-top: -8px;
    padding-bottom: -8px;
  }
  .p-lr-xxs--8 {
    padding-left: -8px;
    padding-right: -8px;
  }
  .p-t-xxs--8 {
    padding-top: -8px;
  }
  .p-r-xxs--8 {
    padding-right: -8px;
  }
  .p-b-xxs--8 {
    padding-bottom: -8px;
  }
  .p-l-xxs--8 {
    padding-left: -8px;
  }
  .p-xxs--4 {
    padding: -4px;
  }
  .p-tb-xxs--4 {
    padding-top: -4px;
    padding-bottom: -4px;
  }
  .p-lr-xxs--4 {
    padding-left: -4px;
    padding-right: -4px;
  }
  .p-t-xxs--4 {
    padding-top: -4px;
  }
  .p-r-xxs--4 {
    padding-right: -4px;
  }
  .p-b-xxs--4 {
    padding-bottom: -4px;
  }
  .p-l-xxs--4 {
    padding-left: -4px;
  }
  .p-xxs-0 {
    padding: 0px;
  }
  .p-tb-xxs-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p-lr-xxs-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p-t-xxs-0 {
    padding-top: 0px;
  }
  .p-r-xxs-0 {
    padding-right: 0px;
  }
  .p-b-xxs-0 {
    padding-bottom: 0px;
  }
  .p-l-xxs-0 {
    padding-left: 0px;
  }
  .p-xxs-4 {
    padding: 4px;
  }
  .p-tb-xxs-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .p-lr-xxs-4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p-t-xxs-4 {
    padding-top: 4px;
  }
  .p-r-xxs-4 {
    padding-right: 4px;
  }
  .p-b-xxs-4 {
    padding-bottom: 4px;
  }
  .p-l-xxs-4 {
    padding-left: 4px;
  }
  .p-xxs-8 {
    padding: 8px;
  }
  .p-tb-xxs-8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .p-lr-xxs-8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p-t-xxs-8 {
    padding-top: 8px;
  }
  .p-r-xxs-8 {
    padding-right: 8px;
  }
  .p-b-xxs-8 {
    padding-bottom: 8px;
  }
  .p-l-xxs-8 {
    padding-left: 8px;
  }
  .p-xxs-12 {
    padding: 12px;
  }
  .p-tb-xxs-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .p-lr-xxs-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p-t-xxs-12 {
    padding-top: 12px;
  }
  .p-r-xxs-12 {
    padding-right: 12px;
  }
  .p-b-xxs-12 {
    padding-bottom: 12px;
  }
  .p-l-xxs-12 {
    padding-left: 12px;
  }
  .p-xxs-16 {
    padding: 16px;
  }
  .p-tb-xxs-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .p-lr-xxs-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p-t-xxs-16 {
    padding-top: 16px;
  }
  .p-r-xxs-16 {
    padding-right: 16px;
  }
  .p-b-xxs-16 {
    padding-bottom: 16px;
  }
  .p-l-xxs-16 {
    padding-left: 16px;
  }
  .p-xxs-20 {
    padding: 20px;
  }
  .p-tb-xxs-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .p-lr-xxs-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p-t-xxs-20 {
    padding-top: 20px;
  }
  .p-r-xxs-20 {
    padding-right: 20px;
  }
  .p-b-xxs-20 {
    padding-bottom: 20px;
  }
  .p-l-xxs-20 {
    padding-left: 20px;
  }
  .p-xxs-24 {
    padding: 24px;
  }
  .p-tb-xxs-24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .p-lr-xxs-24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p-t-xxs-24 {
    padding-top: 24px;
  }
  .p-r-xxs-24 {
    padding-right: 24px;
  }
  .p-b-xxs-24 {
    padding-bottom: 24px;
  }
  .p-l-xxs-24 {
    padding-left: 24px;
  }
  .p-xxs-28 {
    padding: 28px;
  }
  .p-tb-xxs-28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .p-lr-xxs-28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p-t-xxs-28 {
    padding-top: 28px;
  }
  .p-r-xxs-28 {
    padding-right: 28px;
  }
  .p-b-xxs-28 {
    padding-bottom: 28px;
  }
  .p-l-xxs-28 {
    padding-left: 28px;
  }
  .p-xxs-32 {
    padding: 32px;
  }
  .p-tb-xxs-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .p-lr-xxs-32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p-t-xxs-32 {
    padding-top: 32px;
  }
  .p-r-xxs-32 {
    padding-right: 32px;
  }
  .p-b-xxs-32 {
    padding-bottom: 32px;
  }
  .p-l-xxs-32 {
    padding-left: 32px;
  }
  .p-xxs-36 {
    padding: 36px;
  }
  .p-tb-xxs-36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .p-lr-xxs-36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p-t-xxs-36 {
    padding-top: 36px;
  }
  .p-r-xxs-36 {
    padding-right: 36px;
  }
  .p-b-xxs-36 {
    padding-bottom: 36px;
  }
  .p-l-xxs-36 {
    padding-left: 36px;
  }
  .p-xxs-40 {
    padding: 40px;
  }
  .p-tb-xxs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-lr-xxs-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p-t-xxs-40 {
    padding-top: 40px;
  }
  .p-r-xxs-40 {
    padding-right: 40px;
  }
  .p-b-xxs-40 {
    padding-bottom: 40px;
  }
  .p-l-xxs-40 {
    padding-left: 40px;
  }
  .p-xxs-44 {
    padding: 44px;
  }
  .p-tb-xxs-44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .p-lr-xxs-44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p-t-xxs-44 {
    padding-top: 44px;
  }
  .p-r-xxs-44 {
    padding-right: 44px;
  }
  .p-b-xxs-44 {
    padding-bottom: 44px;
  }
  .p-l-xxs-44 {
    padding-left: 44px;
  }
  .p-xxs-48 {
    padding: 48px;
  }
  .p-tb-xxs-48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-lr-xxs-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p-t-xxs-48 {
    padding-top: 48px;
  }
  .p-r-xxs-48 {
    padding-right: 48px;
  }
  .p-b-xxs-48 {
    padding-bottom: 48px;
  }
  .p-l-xxs-48 {
    padding-left: 48px;
  }
}
.simple-table tr,
.simple-table th {
  padding: 0;
}
.simple-table td {
  padding: 4px;
}

.cx-table-responsive {
  width: 100%;
  border-radius: var(--cx-default-border-radius);
  overflow: hidden;
}
.cx-table-responsive thead {
  background-color: var(--cx-table-header-background-color);
}
.cx-table-responsive thead,
.cx-table-responsive thead th {
  color: var(--cx-table-header-text-color);
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  text-align: left;
}
.cx-table-responsive thead:last-child,
.cx-table-responsive thead th:last-child {
  text-align: left;
}
.cx-table-responsive th,
.cx-table-responsive td {
  padding: 8px;
}
.cx-table-responsive tbody tr {
  background-color: var(--cx-table-tr-bg-color);
  color: var(--cx-table-tr-text-color);
}
.cx-table-responsive tbody tr:nth-child(even) {
  background-color: var(--cx-table-tr-even-bg-color);
}
.cx-table-responsive .responsive-title {
  display: none;
}
@media all and (max-width: 991px) {
  .cx-table-responsive.table-md,
  .cx-table-responsive.table-md tbody,
  .cx-table-responsive.table-md tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .cx-table-responsive.table-md thead {
    display: none;
  }
  .cx-table-responsive.table-md tr {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: var(--cx-default-border-radius);
  }
  .cx-table-responsive.table-md tr:not(:last-child) {
    margin-bottom: 20px;
  }
  .cx-table-responsive.table-md tr:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4px;
    height: 100%;
    background-color: var(--cx-table-header-background-color);
    content: "";
  }
  .cx-table-responsive.table-md td {
    width: 100%;
  }
  .cx-table-responsive.table-md .responsive-title {
    display: inline-block;
    font-family: var(--cx-font-family-default);
    font-weight: 700;
    font-style: normal;
  }
}
@media all and (max-width: 767px) {
  .cx-table-responsive.table-sm,
  .cx-table-responsive.table-sm tbody,
  .cx-table-responsive.table-sm tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .cx-table-responsive.table-sm thead {
    display: none;
  }
  .cx-table-responsive.table-sm tr {
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: var(--cx-default-border-radius);
  }
  .cx-table-responsive.table-sm tr:not(:last-child) {
    margin-bottom: 20px;
  }
  .cx-table-responsive.table-sm tr:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4px;
    height: 100%;
    background-color: var(--cx-table-header-background-color);
    content: "";
  }
  .cx-table-responsive.table-sm td {
    width: 100%;
  }
  .cx-table-responsive.table-sm .responsive-title {
    display: inline-block;
    font-family: var(--cx-font-family-default);
    font-weight: 700;
    font-style: normal;
  }
}

.table-pro-container .table-pro-actions-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 20px;
  gap: 20px;
}
@media all and (max-width: 991px) {
  .table-pro-container .table-pro-actions-top {
    flex-wrap: wrap;
  }
  .table-pro-container .table-pro-actions-top > * {
    width: 100%;
  }
}
.table-pro-container .table-pro-actions-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  gap: 20px;
}
@media all and (max-width: 991px) {
  .table-pro-container .table-pro-actions-bottom {
    flex-wrap: wrap;
  }
  .table-pro-container .table-pro-actions-bottom > * {
    display: flex;
    justify-content: center;
    flex: unset;
    width: 100%;
  }
}
.table-pro-container .table-pro-actions-bottom .table-pro-actions-bottom__left,
.table-pro-container .table-pro-actions-bottom .table-pro-actions-bottom__right {
  display: flex;
  align-items: center;
  flex: 1;
}
.table-pro-container table th .header-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.table-pro-container table th .header-item button {
  transition: 0.2s all ease-in-out;
}
.table-pro-container table th .header-item button:hover {
  transform: scale(1.3);
}

.btn-toggle-text {
  color: var(--cx-color-primary);
  background: transparent;
  border: 0;
  padding: 0;
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
}

.ff-light {
  font-family: var(--cx-font-family-default);
  font-weight: 300;
  font-style: normal;
}

.ff-regular {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
}

.ff-medium {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
}

.ff-semi-bold {
  font-family: var(--cx-font-family-default);
  font-weight: 600;
  font-style: normal;
}

.ff-bold {
  font-family: var(--cx-font-family-default);
  font-weight: 700;
  font-style: normal;
}

.cx-fs-03 {
  font-size: var(--cx-font-size-03) !important;
}

.cx-fs-02 {
  font-size: var(--cx-font-size-02) !important;
}

.cx-fs-01 {
  font-size: var(--cx-font-size-01) !important;
}

.cx-fs-0 {
  font-size: var(--cx-font-size-0) !important;
}

.cx-fs-1 {
  font-size: var(--cx-font-size-1) !important;
}

.cx-fs-2 {
  font-size: var(--cx-font-size-2) !important;
}

.cx-fs-3 {
  font-size: var(--cx-font-size-3) !important;
}

.cx-fs-4 {
  font-size: var(--cx-font-size-4) !important;
}

.cx-fs-5 {
  font-size: var(--cx-font-size-5) !important;
}

.cx-fs-6 {
  font-size: var(--cx-font-size-6) !important;
}

.cx-fs-7 {
  font-size: var(--cx-font-size-7) !important;
}

.cx-fs-8 {
  font-size: var(--cx-font-size-8) !important;
}

.cx-text-common {
  color: var(--cx-color-common);
}

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

.cx-text-primary {
  color: var(--cx-color-primary);
}

.cx-text-secondary {
  color: var(--cx-color-secondary);
}

.cx-text-assets-1 {
  color: var(--cx-color-assets-1);
}

.cx-text-assets-2 {
  color: var(--cx-color-assets-2);
}

.cx-text-success {
  color: var(--cx-color-success);
}

.cx-text-danger {
  color: var(--cx-color-danger);
}

.cx-text-warning {
  color: var(--cx-color-warning);
}

.cx-text-info {
  color: var(--cx-color-info);
}

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

.text-underline {
  text-decoration: underline;
}

.page-header {
  padding-bottom: 40px;
  height: auto;
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(204, 204, 204, 0.4);
}

.local-loader .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
}
.local-loader .lds-ellipsis div {
  position: absolute;
  top: 0;
  width: var(--cx-loader-ellipses-size);
  height: var(--cx-loader-ellipses-size);
  border-radius: 50%;
  background: var(--cx-loader-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  margin: -5px;
}
.local-loader.add-contrast .lds-ellipsis div {
  background: var(--cx-loader-color-contrast);
}
.local-loader .lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.local-loader .lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.local-loader .lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.local-loader .lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

.toaster-main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  position: fixed;
  top: 40px;
  right: 20px;
  z-index: 10000;
  margin-left: 20px;
}

.toaster-container {
  transform: none;
  width: unset !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: -5px 3px 8px -1px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: -5px 3px 8px -1px rgba(0, 0, 0, 0.37);
  box-shadow: -5px 3px 8px -1px rgba(0, 0, 0, 0.37);
}
.toaster-container.toaster-SUCCESS {
  color: var(--cx-color-common);
}
.toaster-container.toaster-SUCCESS .inner-container:before {
  background-color: var(--cx-toaster-success-bg-color);
}
.toaster-container.toaster-SUCCESS .icon {
  color: var(--cx-toaster-success-icon-color);
}
.toaster-container.toaster-DANGER {
  color: var(--cx-color-common);
}
.toaster-container.toaster-DANGER .inner-container:before {
  background-color: var(--cx-toaster-danger-bg-color);
}
.toaster-container.toaster-DANGER .icon {
  color: var(--cx-toaster-danger-icon-color);
}
.toaster-container.toaster-WARNING {
  color: var(--cx-color-common);
}
.toaster-container.toaster-WARNING .inner-container:before {
  background-color: var(--cx-toaster-warning-bg-color);
}
.toaster-container.toaster-WARNING .icon {
  color: var(--cx-toaster-warning-icon-color);
}
.toaster-container.toaster-INFO {
  color: var(--cx-color-common);
}
.toaster-container.toaster-INFO .inner-container:before {
  background-color: var(--cx-toaster-info-bg-color);
}
.toaster-container.toaster-INFO .icon {
  color: var(--cx-toaster-info-icon-color);
}
.toaster-container .inner-container {
  position: relative;
  width: 100%;
  padding-right: 32px;
  padding: 8px 32px 8px 20px;
  overflow: hidden;
}
.toaster-container .inner-container:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 8px;
  height: 100%;
  content: "";
}
.toaster-container .inner-container .btn-close-toaster {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 20px;
  cursor: pointer;
}
.toaster-container .inner-container .btn-close-toaster .icon-close {
  transition: 0.2s all ease-in-out;
}
.toaster-container .inner-container .btn-close-toaster .icon-close:hover {
  transform: scale(1.2);
}
.toaster-container .inner-container .toaster-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.toaster-container .inner-container .text--floatMessage {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.toaster-container .inner-container .text--floatMessage p {
  margin: 0;
}
.toaster-container .inner-container .text--floatMessage .title-floatMessage {
  font-weight: 600;
}

.commom-modal .modal-content {
  position: relative;
  height: fit-content;
  background: #fff;
  padding: 32px 24px;
  border-radius: 12px;
}
.commom-modal .modal-content button.btn-close-modal {
  position: absolute;
  top: 32px;
  right: 24px;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.commom-modal .modal-content .modal-header .icon-title {
  font-size: 40px;
}
.commom-modal .modal-content .modal-header .title {
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.commom-modal .modal-content .modal-footer {
  padding: 0;
}
.commom-modal .modal-content .modal-footer > * {
  margin: 0;
}
.commom-modal .modal-content .modal-footer.center, .commom-modal .modal-content .modal-footer.single, .commom-modal .modal-content .modal-footer.column, .commom-modal .modal-content .modal-footer.multiple {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
@media all and (max-width: 991px) {
  .commom-modal .modal-content .modal-footer.center, .commom-modal .modal-content .modal-footer.single, .commom-modal .modal-content .modal-footer.column, .commom-modal .modal-content .modal-footer.multiple {
    flex-wrap: wrap;
  }
}
.commom-modal .modal-content .modal-footer.center button, .commom-modal .modal-content .modal-footer.single button, .commom-modal .modal-content .modal-footer.column button, .commom-modal .modal-content .modal-footer.multiple button {
  width: 100%;
  max-width: 200px;
  height: 48px;
}
@media all and (max-width: 991px) {
  .commom-modal .modal-content .modal-footer.center button, .commom-modal .modal-content .modal-footer.single button, .commom-modal .modal-content .modal-footer.column button, .commom-modal .modal-content .modal-footer.multiple button {
    max-width: 100%;
  }
}
.commom-modal .modal-content .modal-footer.center {
  justify-content: center;
}
.commom-modal .modal-content .modal-footer.multiple {
  justify-content: space-between;
}
.commom-modal .modal-content .modal-footer.single {
  justify-content: flex-end;
}
.commom-modal .modal-content .modal-footer.column {
  flex-direction: column;
}

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

.cx-pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}
.cx-pagination a,
.cx-pagination button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  color: var(--cx-color-secondary);
  transition: 0.2s all ease-in-out;
  border: none;
  border-radius: 4px;
}
.cx-pagination a.disabled,
.cx-pagination button.disabled {
  cursor: not-allowed;
  color: #d3d2d6;
  pointer-events: none;
}
.cx-pagination a:hover, .cx-pagination a.current,
.cx-pagination button:hover,
.cx-pagination button.current {
  background-color: var(--cx-color-primary-light);
}

.collapse-header {
  padding: 12px;
  background-color: #fff;
  cursor: pointer;
}
.collapse-header-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.collapse-rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.modal-out-of-stock .modal-header {
  text-align: center;
}
.modal-out-of-stock .modal-body .main-spaces {
  margin-top: 32px;
}
@media all and (max-width: 991px) {
  .modal-out-of-stock .modal-body .main-spaces {
    margin-top: 8px;
  }
}
.modal-out-of-stock .modal-body p {
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.modal-out-of-stock .modal-body .product-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media all and (max-width: 991px) {
  .modal-out-of-stock .modal-body .product-container {
    flex-wrap: wrap;
  }
}
.modal-out-of-stock .modal-body .product-container .box-image {
  width: 100%;
  max-width: 80px;
}
@media all and (max-width: 991px) {
  .modal-out-of-stock .modal-body .product-container .box-image {
    margin: 0 auto;
  }
}
.modal-out-of-stock .modal-body .product-container .box-image img {
  width: 100%;
  height: auto;
}
.modal-out-of-stock .modal-body .product-container .box-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media all and (max-width: 991px) {
  .modal-out-of-stock .modal-body .product-container .box-details {
    margin-top: 20px;
    width: 100%;
  }
}
.modal-out-of-stock .modal-body .product-container .box-details .product-name {
  font-size: 20px;
  font-weight: bold;
}
.modal-out-of-stock .modal-body .product-container .box-details p {
  font-size: 16px;
  margin: 0;
}
.modal-out-of-stock .modal-body .product-container .box-details p .title {
  font-weight: bold;
}

.modal-remove-entry .product-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media all and (max-width: 991px) {
  .modal-remove-entry .product-container {
    flex-wrap: wrap;
  }
}
.modal-remove-entry .product-container .box-image {
  width: 100%;
  max-width: 80px;
}
@media all and (max-width: 991px) {
  .modal-remove-entry .product-container .box-image {
    margin: 0 auto;
  }
}
.modal-remove-entry .product-container .box-image img {
  width: 100%;
  height: auto;
}
.modal-remove-entry .product-container .box-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media all and (max-width: 991px) {
  .modal-remove-entry .product-container .box-details {
    margin-top: 20px;
    width: 100%;
  }
}
.modal-remove-entry .product-container .box-details .product-name {
  font-size: 20px;
  font-weight: bold;
}
.modal-remove-entry .product-container .box-details p {
  font-size: 16px;
  margin: 0;
}
.modal-remove-entry .product-container .box-details p .title {
  font-weight: bold;
}

.modal-login .container-logo {
  max-width: 225px;
}
.modal-login .initial-options {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media all and (max-width: 991px) {
  .modal-login .initial-options {
    flex-wrap: wrap;
  }
}
.modal-login .initial-options .option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 80px;
  background-color: #f5f5f5;
  border-radius: 12px;
  border: 0;
  color: #000;
  transition: 0.2s all ease-in-out;
  box-shadow: none;
}
.modal-login .initial-options .option:hover {
  background-color: #e0e0e0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.modal-login .initial-options .option .text {
  font-family: var(--cx-font-family-default);
  font-weight: 700;
  font-style: normal;
}

.modal-location .box-separator {
  position: relative;
  display: block;
  text-align: center;
}
.modal-location .box-separator .box-separator-label {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 4px 12px;
  font-size: var(--cx-font-size-7);
}
.modal-location .box-separator .box-separator-border {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--cx-color-gray-300);
}
.modal-location .options-search-location {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-location .options-search-location label {
  margin: 0;
}
.modal-location .options-search-location .radio-options {
  flex-direction: row;
}

.modal-diff-location .modal-alert {
  color: #49454f;
}

.order-tag-container {
  display: flex;
  align-items: flex-start;
  width: fit-content;
  flex-direction: column;
  gap: 4px;
}
.order-tag-container .product-order-tag.product-request-order-error {
  border: none;
}
.order-tag-container .product-order-tag p {
  margin-right: 29px;
}
.order-tag-container .product-order-short-delivery {
  color: #887f87;
  font-size: 12px;
  font-weight: 400;
}

.product-order-tag {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: fit-content;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #d3d2d6;
  background: rgba(238, 238, 240, 0.2);
}
.product-order-tag .container-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.product-order-tag img {
  width: 18px;
  height: 18px;
}
.product-order-tag p {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
}
.product-order-tag .close-order-tag-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.product-order-tag .close-order-tag-icon img {
  width: 20px;
  height: 20px;
  margin: 0;
}
.product-order-tag.size-small {
  padding: 4px;
}
.product-order-tag.size-small img {
  width: 10px;
  height: 10px;
}
.product-order-tag.size-small p {
  font-size: 8px;
}

.parcel-with-error,
.product-order-message-address {
  display: flex;
  align-items: center;
  color: var(--cx-form-text-error-color);
  font-size: var(--cx-font-size-7);
}
.parcel-with-error .icon,
.product-order-message-address .icon {
  font-size: var(--cx-font-size-6);
}

.container-delivery-methods {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
}
@media all and (max-width: 639px) {
  .container-delivery-methods {
    font-size: 14px;
  }
}
.container-delivery-methods hr {
  border-style: dotted;
}
.container-delivery-methods .product-request-order-available {
  margin-bottom: 16px;
}
.container-delivery-methods .cart-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.container-delivery-methods .cart-options .label {
  font-weight: 500;
  margin: 0;
}
.container-delivery-methods .cart-options .delivery-method-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.container-delivery-methods .cart-options .delivery-method-list li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.container-delivery-methods .cart-options .delivery-method-list li label {
  font-size: 16px;
  font-weight: 400;
}
@media all and (max-width: 639px) {
  .container-delivery-methods .cart-options .delivery-method-list li label {
    font-size: 14px;
  }
}
.container-delivery-methods .cart-options .delivery-method-list li input {
  margin: 0;
  width: 20px;
  height: 20px;
}

.container-delivery-address-details {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
}
.container-delivery-address-details.is-active .body-delivery-address {
  display: block;
}
.container-delivery-address-details .header-delivery-address,
.container-delivery-address-details .body-delivery-address {
  padding: 20px;
}
.container-delivery-address-details .header-delivery-address {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--cx-table-header-background-color);
  color: var(--cx-color-primary);
}
.container-delivery-address-details .body-delivery-address {
  display: none;
}
.container-delivery-address-details .body-delivery-address .custom-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}
@media all and (max-width: 991px) {
  .container-delivery-address-details .body-delivery-address .custom-row {
    gap: 20px;
  }
}
.container-delivery-address-details .body-delivery-address .custom-row .col-1 {
  width: 100%;
  max-width: 300px;
}
.container-delivery-address-details .body-delivery-address .custom-row .col-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}
.container-delivery-address-details .body-delivery-address .custom-row .col-3 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  max-width: 200px;
}
@media all and (max-width: 991px) {
  .container-delivery-address-details .body-delivery-address .custom-row .col-1,
  .container-delivery-address-details .body-delivery-address .custom-row .col-2,
  .container-delivery-address-details .body-delivery-address .custom-row .col-3 {
    width: 100%;
    max-width: 100%;
    flex: unset;
  }
}

[data-page-uid=sGuide-page] {
  background-color: #f7f7f7;
}
[data-page-uid=sGuide-page] header,
[data-page-uid=sGuide-page] footer,
[data-page-uid=sGuide-page] .header-location {
  display: none;
}
[data-page-uid=sGuide-page] .main__inner-wrapper {
  margin: 0;
}
[data-page-uid=sGuide-page] .yCmsContentSlot.row > *,
[data-page-uid=sGuide-page] .yCmsContentSlot.cart__content > * {
  width: 100% !important;
}

[data-page-uid=sGuide-page] .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-2);
}
[data-page-uid=sGuide-page] .sub-title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-3);
}

[data-page-uid=sGuide-page] .style-guide-components .container-welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  align-content: center;
  height: 100vh;
}
[data-page-uid=sGuide-page] .style-guide-components .container-welcome img {
  width: 100%;
  max-width: 800px;
}

[data-page-uid=sGuide-page] .border-card {
  border-radius: var(--cx-default-border-radius);
}

[data-page-uid=sGuide-page] .style-guide-components {
  position: relative;
}
[data-page-uid=sGuide-page] .style-guide-components .container-menu-components {
  position: fixed;
  top: 20px;
  left: 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  [data-page-uid=sGuide-page] .style-guide-components .container-menu-components {
    display: none;
  }
}
[data-page-uid=sGuide-page] .style-guide-components .container-menu-components:before {
  display: block;
  width: 100%;
  height: 12px;
  background-color: var(--cx-color-primary);
  content: "";
}
[data-page-uid=sGuide-page] .style-guide-components .container-menu-components ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
[data-page-uid=sGuide-page] .style-guide-components .container-menu-components ul li {
  padding: 2px 20px;
}

.simple-card {
  padding: 12px;
  background: #fff;
  border-radius: 8px;
}

.container-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 4px;
}
.container-quantity button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  width: 32px;
  height: 32px;
  color: #fff;
  background-color: var(--cx-color-primary);
  border-color: var(--cx-color-primary);
}
.container-quantity button:hover, .container-quantity button:focus, .container-quantity button:active {
  color: #fff !important;
  background-color: var(--cx-color-primary-dark) !important;
  border-color: var(--cx-color-primary-dark) !important;
}
.container-quantity button:disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #fff !important;
  background-color: var(--cx-color-primary) !important;
  border-color: var(--cx-color-primary) !important;
}
.container-quantity button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.container-quantity button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.container-quantity .container-input {
  position: relative;
  width: 100%;
}
.container-quantity .container-input .prefix,
.container-quantity .container-input .suffix {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 1px));
  font-size: var(--cx-font-size-8);
}
.container-quantity .container-input .prefix {
  left: 8px;
}
.container-quantity .container-input .suffix {
  right: 8px;
}
.container-quantity .container-input.has-prefix input {
  padding-left: 28px;
  text-indent: -28px;
}
.container-quantity .container-input.has-suffix input {
  padding-right: 28px;
  text-indent: 28px;
}
.container-quantity .container-input input {
  width: 100%;
  height: 100%;
  padding: 0 4px;
  text-align: center;
  border: 1px solid var(--cx-form-input-border-color);
  font-size: var(--cx-font-size-8);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.container-quantity .container-input input:active, .container-quantity .container-input input:focus {
  outline: none;
  border: 1px solid var(--cx-color-primary);
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
}
.container-quantity.has-error input {
  border-color: var(--cx-form-text-error-color);
}
.container-quantity.has-error input:active, .container-quantity.has-error input:focus {
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
}

.cx-actions {
  display: flex;
  gap: 10px;
  width: 100%;
}
@media all and (max-width: 991px) {
  .cx-actions {
    flex-wrap: wrap;
  }
}
.cx-actions.h-between {
  justify-content: space-between;
}
.cx-actions.h-center {
  justify-content: center;
}
.cx-actions.h-end {
  justify-content: flex-end;
}
.cx-actions button {
  width: 100%;
  max-width: 200px;
  height: 48px;
}
@media all and (max-width: 991px) {
  .cx-actions button {
    max-width: 100%;
  }
}

.simple-grid-container .container-items {
  display: grid;
  gap: calc(var(--cx-grid-col-gutter) * 2);
}
@media all and (max-width: 575px) {
  .simple-grid-container .container-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: calc(var(--cx-grid-col-gutter) * 2);
  }
}
.simple-grid-container .container-items .simple-grid-item img {
  width: 100%;
}

.container-product-card {
  position: relative;
  border: 1px solid #ccc;
  border-bottom: 4px solid var(--cx-color-primary);
  border-radius: 4px;
  overflow: hidden;
}
.container-product-card.is-not-available {
  border-bottom-color: #bab6bc;
}
.container-product-card .product-image {
  position: relative;
  overflow: hidden;
}
.container-product-card .product-image img {
  width: 100%;
  height: auto;
  transition: 0.2s all ease-in-out;
}
.container-product-card .product-image:hover img {
  transform: scale(1.1);
}
.container-product-card .product-image .container-product-tags {
  --product-tags-space: 4px;
  position: absolute;
  top: var(--product-tags-space);
  right: var(--product-tags-space);
  width: calc(100% - var(--product-tags-space) * 2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--product-tags-space);
  z-index: 2;
}
.container-product-card .product-image .container-product-tags .colored-tag {
  color: #fff;
  font-size: var(--cx-font-size-8);
  border-radius: 4px;
  padding: 2px 4px;
  width: fit-content;
}
.container-product-card .product-image .container-product-tags .colored-tag.tag-discount {
  background: #feedee;
  color: #df3828;
}
.container-product-card .product-image .container-product-tags .colored-tag.tag-promotion {
  background: var(--cx-color-success-light);
  color: var(--cx-color-success);
}
.container-product-card .product-box-details {
  padding: 12px;
}
.container-product-card .product-box-details .product-availability {
  margin-top: 8px;
  height: 18px;
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-8);
}
.container-product-card .product-box-details .product-availability .tag-stock {
  color: var(--cx-color-primary);
}
.container-product-card .product-box-details .product-availability .tag-stock .no-stock {
  color: #887f87;
}
.container-product-card .product-box-details .product-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 40px;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: var(--cx-font-size-7);
}
.container-product-card .product-box-details .product-price {
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
  height: 38px;
}
.container-product-card .product-box-details .product-actions {
  margin-top: 12px;
  min-height: 42px;
}
.container-product-card .product-box-details .product-actions .icon {
  font-size: var(--cx-font-size-3);
}
@media all and (max-width: 767px) {
  .container-product-card .product-box-details .product-actions .icon {
    font-size: var(--cx-font-size-6);
  }
}

.container-banner-carousel .banner-carousel {
  overflow: hidden;
  width: 100%;
}
.container-banner-carousel .banner-carousel > .banner-item {
  opacity: 0;
  height: 240px;
}
.container-banner-carousel .banner-carousel picture {
  width: 100%;
}
.container-banner-carousel .banner-carousel picture img {
  width: 100%;
}
.container-banner-carousel .banner-carousel .slick-track {
  margin-left: unset;
  margin-right: unset;
}
.container-banner-carousel .banner-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.container-banner-carousel .banner-carousel .slick-arrow.slick-prev {
  left: calc(var(--cx-grid-col-gutter) * 2);
}
.container-banner-carousel .banner-carousel .slick-arrow.slick-next {
  right: calc(var(--cx-grid-col-gutter) * 2);
}
.container-banner-carousel .banner-carousel .slick-custom-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
  font-size: var(--cx-font-size-2);
  color: var(--cx-color-primary);
}
.container-banner-carousel .banner-carousel .slick-custom-arrow:hover {
  background-color: white;
}
.container-banner-carousel .banner-carousel .slick-dots {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--cx-grid-col-gutter) * 1);
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.container-banner-carousel .banner-carousel .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.container-banner-carousel .banner-carousel .slick-dots li.slick-active button {
  background-color: var(--cx-color-assets-2);
}
.container-banner-carousel .banner-carousel .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ccc;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
.container-banner-carousel .banner-carousel .slick-arrow.slick-prev {
  left: 40px;
}
.container-banner-carousel .banner-carousel .slick-arrow.slick-next {
  right: 40px;
}
@media all and (max-width: 767px) {
  .container-banner-carousel .banner-carousel .slick-arrow.slick-prev {
    left: var(--cx-grid-col-gutter);
  }
  .container-banner-carousel .banner-carousel .slick-arrow.slick-next {
    right: var(--cx-grid-col-gutter);
  }
}

.product-carousel-container {
  overflow: hidden;
}
.product-carousel-container .product-carousel {
  --product-card-max-height: 567px;
  --product-carousel-space: var(--cx-grid-col-gutter);
  overflow: hidden;
  max-height: var(--product-card-max-height);
  margin-left: calc(var(--product-carousel-space) * -1);
}
@media all and (max-width: 767px) {
  .product-carousel-container .product-carousel {
    --product-carousel-space: 6px;
  }
}
.product-carousel-container .product-carousel > .container-product-card {
  opacity: 0;
  height: var(--product-card-max-height);
}
.product-carousel-container .product-carousel .slick-slide > div {
  padding: 0 var(--product-carousel-space);
}
.product-carousel-container .product-carousel .slick-track {
  margin-left: unset;
  margin-right: unset;
}
.product-carousel-container .product-carousel .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.product-carousel-container .product-carousel .slick-arrow.slick-prev {
  left: calc(var(--cx-grid-col-gutter) * 2);
}
.product-carousel-container .product-carousel .slick-arrow.slick-next {
  right: calc(var(--cx-grid-col-gutter) * 2);
}
.product-carousel-container .product-carousel .slick-custom-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
  font-size: var(--cx-font-size-2);
  color: var(--cx-color-primary);
}
.product-carousel-container .product-carousel .slick-custom-arrow:hover {
  background-color: white;
}

.product-price-container .price-from {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-7);
  line-height: var(--cx-font-size-7);
  text-decoration: line-through;
  color: #6f676c;
}
.product-price-container .price-to {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-4);
  line-height: var(--cx-font-size-4);
}

.container-leroy-helper-links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--cx-grid-col-gutter) * 1);
}
.container-leroy-helper-links .container-image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
.container-leroy-helper-links .container-image picture,
.container-leroy-helper-links .container-image img {
  width: 100%;
  height: auto;
}
.container-leroy-helper-links .entries {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media all and (max-width: 991px) {
  .container-leroy-helper-links .entries {
    flex-wrap: wrap;
  }
}
.container-leroy-helper-links .entries .entry-col {
  overflow: hidden;
  flex: 1;
}
@media all and (max-width: 1023px) {
  .container-leroy-helper-links .entries .entry-col {
    flex: unset;
    flex-basis: calc(50% - (calc(var(--cx-grid-col-gutter) * 2) * (0.5)));
  }
}
@media all and (max-width: 479px) {
  .container-leroy-helper-links .entries .entry-col {
    flex-basis: calc(100% - (calc(var(--cx-grid-col-gutter) * 2) * (0)));
  }
}
.container-leroy-helper-links .entries .entry-col .entry {
  display: flex;
  align-items: center;
  gap: calc(var(--cx-grid-col-gutter) * 2);
  height: 100%;
  color: #333;
  padding: 8px 12px;
  border-radius: 4px;
}
.container-leroy-helper-links .entries .entry-col .entry .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
  width: 64px;
  height: 64px;
}
.container-leroy-helper-links .entries .entry-col .entry .icon img {
  width: 100%;
}
.container-leroy-helper-links .entries .entry-col .entry .box-description {
  width: 100%;
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-01 {
  color: #3c3738;
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-01 .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-4);
  line-height: var(--cx-font-size-3);
  margin: 0;
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-01 .description {
  margin-top: 4px;
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-7);
  line-height: var(--cx-font-size-6);
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #3c3738;
  padding: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media all and (max-width: 1023px) {
  .container-leroy-helper-links .entries .entry-col .entry .helper-type-02 {
    flex-wrap: wrap;
  }
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .box-left {
  flex-basis: calc(65% - (calc(var(--cx-grid-col-gutter) * 2) * (0.35)));
}
@media all and (max-width: 1023px) {
  .container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .box-left {
    flex-basis: calc(100% - (calc(var(--cx-grid-col-gutter) * 2) * (0)));
  }
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .box-right {
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 1023px) {
  .container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .box-right {
    justify-content: flex-start;
  }
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-5);
  line-height: var(--cx-font-size-4);
  margin: 0;
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .description {
  margin-top: 4px;
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-7);
  line-height: var(--cx-font-size-6);
}
.container-leroy-helper-links .entries .entry-col .entry .helper-type-02 .container-social-media {
  display: flex;
  gap: 12px;
}

.container-leroy-spacer {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-leroy-spacer hr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
  opacity: 0.6;
  border: unset;
  border-top: 0;
  border-bottom: 1px solid #ccc;
}
.container-leroy-spacer .icon {
  background-color: #fff;
  padding: 4px 40px;
  z-index: 1;
}

.container-small-banner-caroussel {
  overflow: hidden;
}
.container-small-banner-caroussel .small-banner-caroussel {
  --smllBanner-carousel-space: var(--cx-grid-col-gutter);
  overflow: hidden;
  margin-left: calc(var(--smllBanner-carousel-space) * -1);
  margin-right: calc(var(--smllBanner-carousel-space) * -1);
}
.container-small-banner-caroussel .small-banner-caroussel > .small-banner-item {
  opacity: 0;
  height: 216px;
}
.container-small-banner-caroussel .small-banner-caroussel .slick-slide > div {
  padding: 0 var(--smllBanner-carousel-space);
}
.container-small-banner-caroussel .small-banner-caroussel .small-banner-item .box-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  overflow: hidden;
}
.container-small-banner-caroussel .small-banner-caroussel .small-banner-item .box-image picture {
  width: 100%;
}
.container-small-banner-caroussel .small-banner-caroussel .small-banner-item .box-image picture img {
  width: 100%;
}
.container-small-banner-caroussel .small-banner-caroussel .small-banner-item .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  width: 100%;
  text-align: center;
  font-size: var(--cx-font-size7);
  line-height: var(--cx-font-size7);
  color: var(--cx-color-common);
  margin-top: 4px;
  margin-bottom: 0;
}
.container-small-banner-caroussel .small-banner-caroussel .slick-track {
  margin-left: unset;
  margin-right: unset;
}
.container-small-banner-caroussel .small-banner-caroussel .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.container-small-banner-caroussel .small-banner-caroussel .slick-arrow.slick-prev {
  left: calc(var(--cx-grid-col-gutter) * 2);
}
.container-small-banner-caroussel .small-banner-caroussel .slick-arrow.slick-next {
  right: calc(var(--cx-grid-col-gutter) * 2);
}
.container-small-banner-caroussel .small-banner-caroussel .slick-custom-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s;
  font-size: var(--cx-font-size-2);
  color: var(--cx-color-primary);
}
.container-small-banner-caroussel .small-banner-caroussel .slick-custom-arrow:hover {
  background-color: white;
}

.title-container {
  display: flex;
  gap: 24px;
  margin-bottom: calc(var(--cx-grid-col-gutter) * 2);
}
.title-container .title {
  font-family: var(--cx-font-family-default);
  font-weight: 600;
  font-style: normal;
  font-size: var(--cx-font-size-3);
  margin: 0;
  color: #053e1f;
}
@media all and (max-width: 767px) {
  .title-container {
    gap: 16px;
  }
}

.header-location {
  display: flex;
  gap: 12px;
}
.header-location .region-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  display: inline-block;
}
.header-location button,
.header-location a {
  font-size: var(--cx-font-size-7);
}
@media all and (max-width: 991px) {
  .header-location button,
  .header-location a {
    font-size: var(--cx-font-size-8);
  }
}

.pre-header {
  width: 100%;
  background-color: var(--cx-color-primary);
  padding-top: 8px;
  padding-bottom: 8px;
}
.pre-header,
.pre-header * {
  color: var(--cx-color-white);
}
.pre-header .pre-header-items {
  display: flex;
  gap: var(--cx-grid-col-gutter);
  justify-content: space-between;
}
.pre-header .box-new-customer {
  display: flex;
  align-items: center;
  font-size: var(--cx-font-size-7);
}
.pre-header .container-asm-actions {
  display: flex;
  gap: 12px;
}

.order-summary-payment-container, .order-summary-payment-container-talkToManager, .order-summary-payment-container-pix, .order-summary-payment-container-credit-card, .order-summary-payment-container-boleto {
  border: 1px solid #bab6bc;
  padding: 36px 24px 36px 24px;
  display: flex;
  border-radius: 8px;
  margin-bottom: 32px;
}
.order-summary-payment-container-boleto {
  padding: 24px 300px 24px 300px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-boleto {
    padding: 32px 16px 32px 16px;
  }
}
.order-summary-payment-container-boleto .order-summary-boleto-details-column-left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-summary-payment-container-boleto .order-summary-boleto-details-column-right {
  justify-content: end;
}
@media all and (max-width: 768px) {
  .order-summary-payment-container-boleto .order-summary-boleto-details-column-right {
    justify-content: start;
  }
}
.order-summary-payment-container-boleto .order-summary-boleto-details-button-column-right {
  padding-left: 4px !important;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-boleto .order-summary-boleto-details-button-column-right {
    padding-left: 0;
  }
}
.order-summary-payment-container-boleto .order-summary-boleto-details-button-column-left {
  padding-right: 4px !important;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-boleto .order-summary-boleto-details-button-column-left {
    padding-right: 0;
    margin-bottom: 12px;
  }
}
.order-summary-payment-container-boleto .order-summary-boleto-div {
  height: 120px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-boleto .order-summary-boleto-div {
    height: 80px;
  }
}
.order-summary-payment-container-boleto .order-summary-boleto-div svg rect {
  height: 140px !important;
}
.order-summary-payment-container-credit-card {
  padding: 24px 300px 24px 300px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-credit-card {
    padding: 32px 16px 32px 16px;
  }
}
.order-summary-payment-container-credit-card .order-summary-credit-card-qrcode-div {
  border: 1px solid #bab6bc;
  border-radius: 4px;
  padding: 16px;
}
.order-summary-payment-container-credit-card .order-summary-credit-card-infos-div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-credit-card .order-summary-credit-card-infos-div {
    padding: 0;
  }
}
.order-summary-payment-container-pix {
  padding: 24px 200px 24px 200px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-pix {
    padding: 32px 16px 32px 16px;
  }
}
.order-summary-payment-container-pix .order-summary-pix-qrcode-div {
  border: 1px solid #bab6bc;
  border-radius: 4px;
}
.order-summary-payment-container-pix .order-summary-pix-image {
  border: 1px solid #bab6bc;
  border-radius: 4px;
  width: 240px;
  height: 240px;
}
.order-summary-payment-container-pix .order-summary-pix-infos-div {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 40px 0 40px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-pix .order-summary-pix-infos-div {
    padding: 0;
  }
}
.order-summary-payment-container-pix .order-summary-pix-icon {
  color: var(--cx-color-primary);
}
.order-summary-payment-container-talkToManager {
  padding: 32px 24px 32px 24px;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-talkToManager {
    padding: 24px;
  }
}
.order-summary-payment-container-talkToManager .order-summary-payment-talkToManager-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-talkToManager .order-summary-payment-talkToManager-row {
    flex-direction: column;
  }
}
@media all and (max-width: 991px) {
  .order-summary-payment-container-talkToManager .order-summary-payment-talkToManager-button {
    margin-top: 24px;
  }
}
.order-summary-payment-container .cx-row, .order-summary-payment-container-boleto .cx-row, .order-summary-payment-container-credit-card .cx-row, .order-summary-payment-container-pix .cx-row, .order-summary-payment-container-talkToManager .cx-row {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.order-summary-payment-container .cx-row [class^=col-], .order-summary-payment-container-boleto .cx-row [class^=col-], .order-summary-payment-container-credit-card .cx-row [class^=col-], .order-summary-payment-container-pix .cx-row [class^=col-], .order-summary-payment-container-talkToManager .cx-row [class^=col-] {
  padding-right: 0;
  padding-left: 0;
}

.container-simple-responsive-banner {
  width: 100%;
}
.container-simple-responsive-banner img {
  width: 100%;
}

.container-title-plp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  border: 1px solid #d3d2d6;
  border-radius: 4px;
  padding: 24px 0;
  width: 100%;
}
.container-title-plp .icon {
  width: 32px;
  height: auto;
}
.container-title-plp .title {
  font-family: var(--cx-font-family-default);
  font-weight: 600;
  font-style: normal;
  font-size: var(--cx-font-size-2);
  margin: 0;
  padding: 0;
  text-align: center;
}

.container-plp-content > *:not(:first-child) {
  margin-top: 32px;
}
@media all and (max-width: 1023px) {
  .container-plp-content > *:not(:first-child) {
    margin-top: 24px;
  }
}

.container-box-grid > *:not(:first-child) {
  margin-top: 16px;
}

body .cx-container-filters {
  --filter-space-between: 16px;
}
body .cx-container-filters .facet-title {
  font-family: var(--cx-font-family-default);
  font-weight: 600;
  font-style: normal;
  font-size: var(--cx-font-size-6);
  margin: 0;
}
body .cx-container-filters .cx-control-label {
  margin-bottom: 12px;
}
body .cx-container-filters .cx-box-facets {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 16px;
}
body .cx-container-filters .desktop-content > *:not(:last-child) {
  margin-bottom: var(--filter-space-between);
}
body .cx-container-filters .container-filter-facets .container-filter-facet:not(:last-child) {
  margin-bottom: var(--filter-space-between);
}
body .cx-container-filters .container-filter-facets .container-filter-facet ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values {
  margin-top: 24px;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values ul li:not(:last-child) {
  margin-bottom: var(--filter-space-between);
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .container-facet-value {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-6);
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container {
  display: flex;
  justify-content: flex-start;
  margin-top: 12px;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container button {
  font-family: var(--cx-font-family-default);
  font-weight: 600;
  font-style: normal;
  background-color: #fff;
  border: none;
  color: var(--cx-color-primary);
  padding: 0;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container button.show-less {
  display: none;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container button.show-more {
  display: block;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container.is-expanded .show-less {
  display: block;
}
body .cx-container-filters .container-filter-facets .container-filter-facet .container-facet-values .show-more-container.is-expanded .show-more {
  display: none;
}
body .cx-container-filters .container-filter-facets .container-applied-filters ul {
  margin-top: var(--filter-space-between);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body .cx-container-filters .container-filter-facets .container-applied-filters ul li {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #ddd;
  border-radius: 4px;
  padding: 4px;
  width: fit-content;
}
body .cx-container-filters .container-filter-facets .container-applied-filters ul li .icon {
  transition: 0.2s all ease-in-out;
  color: var(--cx-color-danger);
  cursor: pointer;
}
body .cx-container-filters .container-filter-facets .container-applied-filters ul li .icon:hover {
  transform: scale(1.5);
}

.container-plp-search-empty-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.container-plp-search-empty-page .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-3);
}
.container-plp-search-empty-page .key-word {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-4);
}
.container-plp-search-empty-page .container-simple-responsive-banner {
  max-width: 400px;
}
.container-plp-search-empty-page .container-no-results {
  text-align: center;
}

footer {
  background: #102739;
  color: #fff;
  padding: 40px 0;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .footer-content {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
footer .footer-content .box-nav-node .custom-rows {
  display: flex;
  gap: 40px;
}
@media all and (max-width: 991px) {
  footer .footer-content .box-nav-node .custom-rows {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 991px) {
  footer .footer-content .box-nav-node .custom-rows .custom-columns {
    width: 100%;
  }
}
footer .footer-content .box-others {
  min-width: 100px;
}
footer .footer-content .content-footer-right {
  display: flex;
  align-items: center;
  gap: calc(var(--cx-grid-col-gutter) * 2);
}
@media all and (max-width: 991px) {
  footer .footer-content .content-footer-right {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 991px) {
  footer .footer-content .content-footer-right .entry {
    width: 100%;
  }
}
footer .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-4);
  height: 30px;
  margin: 0;
}
@media all and (max-width: 991px) {
  footer .title.empty-title {
    display: none;
  }
}
footer .footer__nav--links {
  font-size: var(--cx-font-size-7);
  line-height: var(--cx-font-size-3);
}
footer .footer__nav--links .footer__link {
  margin-top: 4px;
}
footer .footer__nav--links .footer__link .mobile-link {
  display: block;
}
footer .footer__nav--links .footer__link .desktop-link {
  display: none;
}
@media (min-width: 991px) {
  footer .footer__nav--links .footer__link .mobile-link {
    display: none;
  }
  footer .footer__nav--links .footer__link .desktop-link {
    display: block;
  }
}
footer .footer__nav--links .footer__link:first-child {
  margin-top: 12px;
}
footer .footer__nav--links,
footer .footer__nav--links a {
  color: #fff;
}

.container-copy-right {
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  color: #3c3738;
}
.container-copy-right .title {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
  font-size: var(--cx-font-size-6);
  margin: 0;
}
.container-copy-right .description {
  font-family: var(--cx-font-family-default);
  font-weight: 300;
  font-style: normal;
  font-size: var(--cx-font-size-7);
  margin: 0;
  margin-top: 12px;
}

.pagination-wrap {
  float: right;
  text-align: right;
}

.pagination {
  border: 1px solid transparent;
  font-weight: 400;
  margin: 0;
  --bs-pagination-padding-x: 30px;
  --bs-pagination-padding-y: 30px;
  --bs-pagination-font-size: calc(1.275rem + 0.3vw);
  --bs-pagination-border-radius: 5px;
}
.pagination a,
.pagination button {
  color: #554f52;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
  margin: 0px 25px 0px 0px;
}
@media (max-width: 599px) {
  .pagination > li {
    margin: 0px 13.48px 0px 0px;
  }
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
  width: 30px;
  height: 40px;
  padding: 0;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .pagination > li > a,
  .pagination > li > span {
    font-weight: 700;
    font-size: 8.01942px;
    line-height: 14px;
    width: 17.18px;
    height: 22.91px;
  }
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span, .pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  font-size: 11px;
}
.pagination > li.pagination-prev.disabled > a:hover, .pagination > li.pagination-prev.disabled > a:focus,
.pagination > li.pagination-prev.disabled > span:hover,
.pagination > li.pagination-prev.disabled > span:focus, .pagination > li.pagination-next.disabled > a:hover, .pagination > li.pagination-next.disabled > a:focus,
.pagination > li.pagination-next.disabled > span:hover,
.pagination > li.pagination-next.disabled > span:focus {
  color: #a6a6a6;
  background-color: transparent;
  border-color: transparent;
}
.pagination > li.pagination-prev {
  text-align: left;
  border: 1px solid #554f52;
  border-radius: 4px;
  width: 30px;
  height: 40px;
}
@media (max-width: 1023px) {
  .pagination > li.pagination-prev {
    width: 17.18px;
    height: 22.91px;
  }
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  border-right: 1px solid transparent;
  padding-top: 5px;
}
.pagination > li.pagination-next {
  text-align: right;
  border: 1px solid #554f52;
  border-radius: 4px;
  width: 30px;
  height: 40px;
}
@media (max-width: 1023px) {
  .pagination > li.pagination-next {
    width: 17.18px;
    height: 22.91px;
  }
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  border-left: 1px solid transparent;
  padding-top: 5px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #554f52;
  width: 30px;
  height: 40px;
  background: #eeeef0;
  border-radius: 4px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    font-weight: 700;
    font-size: 8.01942px;
    line-height: 14px;
    width: 17.18px;
    height: 22.91px;
  }
}
@media (min-width: 1200px) {
  .pagination {
    --bs-pagination-font-size: 1.5rem;
  }
}

@media (max-width: 1023px) {
  .pagination {
    --bs-pagination-padding-x: 30px;
    --bs-pagination-padding-y: 62px;
    --bs-pagination-font-size: calc(1.275rem + 0.3vw);
    --bs-pagination-border-radius: 10px;
  }
}
@media (max-width: 1023px) and (min-width: 1200px) {
  .pagination {
    --bs-pagination-font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .pagination {
    display: table;
    width: 100%;
    --bs-pagination-padding-x: 45px;
    --bs-pagination-padding-y: 40px;
    --bs-pagination-font-size: calc(1.275rem + 0.3vw);
    --bs-pagination-border-radius: 20px;
  }
  .pagination > li {
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
}
@media (max-width: 639px) and (min-width: 1200px) {
  .pagination {
    --bs-pagination-font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  background: #fff;
  align-items: center;
  display: block;
  color: #152737;
}
.breadcrumb-section .breadcrumb {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  max-width: 1168px;
  margin: 0 auto;
  padding: 0px 24px;
  padding: 16px 10px !important;
  margin: 0 auto;
  text-transform: capitalize;
  max-width: var(--cx-container-max-width);
}
@media (max-width: 1400px) {
  .breadcrumb-section .breadcrumb {
    padding: 16px 24px;
  }
}
@media (max-width: 1023px) {
  .breadcrumb-section .breadcrumb {
    width: 100vw;
    padding: 8px 10px;
  }
}

.breadcrumb > li + li:before {
  content: ">";
  font-weight: 400;
  padding: 0 13.33px;
  color: #000000;
}

.pdp-wrapper .row, .pdp-wrapper .cart__content {
  margin: 0px;
  display: flex;
}
@media (max-width: 1023px) {
  .pdp-wrapper .row, .pdp-wrapper .cart__content {
    flex-direction: column;
  }
}

.page-details-variants-select {
  padding: 0px;
}

.pdp-wrapper {
  max-width: var(--cx-container-max-width);
}
.pdp-wrapper input#pdpAddtoCartInput:focus {
  background-color: transparent;
}
.pdp-wrapper .btn-icon {
  padding-left: 16px;
}
.pdp-wrapper .btn-primary {
  border-radius: 8px;
}
.pdp-wrapper .image-gallery__image {
  cursor: pointer;
}
.pdp-wrapper .delivery-estimation,
.pdp-wrapper .price-button,
.pdp-wrapper .qty-selector-anonymous {
  padding: 0px;
}
.pdp-wrapper .postal-code-input-container .form-group {
  width: 100%;
}
.pdp-wrapper .delivery-estimation-container {
  margin-top: 16px;
  padding: 0;
}
.pdp-wrapper .delivery-estimation-container .delivery-estimation-title {
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .delivery-estimation-title {
    font-size: 12px;
    font-weight: 500;
  }
}
.pdp-wrapper .delivery-estimation-container .delivery-option {
  border: 1px solid var(--cx-color-primary);
  border-radius: 4px;
  padding: 8px;
  font-size: 13px;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .delivery-option {
    font-size: 11px;
    font-weight: 500;
  }
}
.pdp-wrapper .delivery-estimation-container .delivery-option .badge {
  background: #41a017;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .delivery-option .badge {
    font-size: 9px;
  }
}
.pdp-wrapper .delivery-estimation-container .delivery-option .delivery-option-value {
  font-size: 1rem;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .delivery-option .delivery-option-value {
    font-size: 10px;
  }
}
.pdp-wrapper .delivery-estimation-container .delivery-option-name,
.pdp-wrapper .delivery-estimation-container .delivery-option-description {
  font-size: 13px;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .delivery-option-name,
  .pdp-wrapper .delivery-estimation-container .delivery-option-description {
    font-size: 10px;
  }
}
.pdp-wrapper .delivery-estimation-container .table > tbody > tr > td {
  border-bottom: 1px solid #e5e5e5;
  border-top: unset;
  padding: 20px 10px;
}
.pdp-wrapper .delivery-estimation-container .deliveryCost-info-display {
  margin-top: 20px;
}
.pdp-wrapper .delivery-estimation-container .postal-code-container {
  display: flex;
  flex-flow: column;
}
.pdp-wrapper .delivery-estimation-container .postal-code-container .input-group .form-group {
  margin-bottom: 0px;
}
.pdp-wrapper .delivery-estimation-container .postal-code-container .input-group input {
  border-radius: 8px;
  padding: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-container .input-group input {
    padding: 9px 7px;
    height: 28px;
    font-size: 10px;
  }
}
.pdp-wrapper .delivery-estimation-container .postal-code-container label {
  display: inline-block;
  color: #222020;
  font-weight: 400;
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-container label {
    font-size: 12px;
  }
}
.pdp-wrapper .delivery-estimation-container .find-postal-code-link {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--cx-color-primary);
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .find-postal-code-link {
    font-size: 10px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .delivery-estimation-container .find-postal-code-link {
    font-size: 14px;
  }
}
.pdp-wrapper .delivery-estimation-container .postal-code-button {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}
.pdp-wrapper .delivery-estimation-container .estimate-delivery__address-display {
  margin-top: 10px;
  font-size: smaller;
  color: #8d9091;
}
.pdp-wrapper .delivery-estimation-container .postal-code-out-of-range,
.pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 {
  padding-top: 2px;
  color: #df3828;
}
@media (min-width: 1024px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range,
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 {
    padding-bottom: 8px;
  }
}
@media (max-width: 479px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range,
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 {
    font-size: 10px;
    max-width: 226px;
    padding-bottom: 8px;
  }
}
@media (min-width: 480px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range,
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range,
  .pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 {
    max-width: 350px;
    padding-bottom: 16px;
  }
}
.pdp-wrapper .delivery-estimation-container .postal-code-out-of-range span a,
.pdp-wrapper .delivery-estimation-container .postal-code-out-of-range-424 span a {
  text-decoration: underline;
}
.pdp-wrapper .delivery-estimation-container .spinnerWrapper {
  display: flex;
}
.pdp-wrapper .select-wrapper {
  padding-top: 15px;
  float: left;
  color: var(--cx-color-primary);
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
}
@media (max-width: 479px) {
  .pdp-wrapper .select-wrapper {
    font-size: 12px;
  }
}
.pdp-wrapper .select-wrapper img {
  margin-right: 12px;
}
.pdp-wrapper .select-wrapper label {
  color: #333333;
  font-size: 14px;
  text-transform: none;
  font-weight: 700;
  display: inline;
}
@media (max-width: 479px) {
  .pdp-wrapper .select-wrapper label {
    font-size: 12px;
  }
}
.pdp-wrapper .select-wrapper input[type=radio] {
  width: 1rem;
  height: 1rem;
  accent-color: #41a017;
  margin: 0;
  margin-top: 2px;
}
.pdp-wrapper .select-wrapper .option-wrapper .warehouse-id,
.pdp-wrapper .select-wrapper label .warehouse-id {
  font-weight: normal;
}
.pdp-wrapper .addtocart-component {
  margin-top: 0px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 479px) {
  .pdp-wrapper .addtocart-component {
    gap: 10px;
  }
}
.pdp-wrapper .addtocart-component #pdpAddtoCartInput {
  border: 1px solid var(--cx-color-primary);
  padding: 0;
  height: 24px;
}
@media (max-width: 479px) {
  .pdp-wrapper .addtocart-component #pdpAddtoCartInput {
    height: 16px;
    border-radius: 3px;
    font-size: 10px;
  }
}
.pdp-wrapper .addtocart-component .btn-select-qty {
  border: 1px solid #41a017;
  padding: 8px 16px;
  background-color: transparent;
}
@media (max-width: 479px) {
  .pdp-wrapper .addtocart-component .btn-select-qty {
    height: 27px;
    padding: 5px 10px;
  }
}
.pdp-wrapper .addtocart-component .btn-select-qty .input-group-btn {
  margin: 0;
}
.pdp-wrapper .addtocart-component .btn-select-qty .input-group-btn .qty-selector-minus,
.pdp-wrapper .addtocart-component .btn-select-qty .input-group-btn .qty-selector-plus {
  border-radius: 4px;
  border: 1px solid #41a017;
}
.pdp-wrapper .addtocart-component .btn-select-qty .input-group-btn .qty-selector-minus img,
.pdp-wrapper .addtocart-component .btn-select-qty .input-group-btn .qty-selector-plus img {
  filter: invert(23%) sepia(83%) saturate(3276%) hue-rotate(89deg) brightness(98%) contrast(87%);
}
.pdp-wrapper .addtocart-component .btn-select-qty .qty-selector-minus,
.pdp-wrapper .addtocart-component .btn-select-qty .qty-selector-plus,
.pdp-wrapper .addtocart-component .input-group-btn {
  width: 23px;
  height: 23px;
}
@media (max-width: 479px) {
  .pdp-wrapper .addtocart-component .btn-select-qty .qty-selector-minus,
  .pdp-wrapper .addtocart-component .btn-select-qty .qty-selector-plus,
  .pdp-wrapper .addtocart-component .input-group-btn {
    width: 16px;
    height: 16px;
  }
}
.pdp-wrapper .addtocart-component .actions .btn {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 479px) {
  .pdp-wrapper .addtocart-component .actions .btn {
    font-size: 11px;
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.6875rem;
    --bs-btn-border-radius: 5px;
    line-height: 16px;
    width: 100%;
    height: 27px;
    font-weight: 400;
  }
  .pdp-wrapper .addtocart-component .actions .btn.disabled, .pdp-wrapper .addtocart-component .actions .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  .pdp-wrapper .addtocart-component .actions .btn img {
    height: 10px;
  }
}
.pdp-wrapper .image-gallery__zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.pdp-wrapper .image-gallery .owl-wrapper {
  margin: auto;
}
.pdp-wrapper .description {
  margin-top: 24px;
  font-size: 1rem;
  line-height: 30px;
  color: #222020;
  text-align: justify;
  max-width: 650px;
  margin-top: 37px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .description {
    font-size: 14px;
    margin-top: 32px;
  }
}
@media (max-width: 479px) {
  .pdp-wrapper .description {
    font-size: 12px;
    line-height: 17px;
    margin-top: 24px;
  }
}
.pdp-wrapper .description h2, .pdp-wrapper .description .h2 {
  font-size: 20px;
  font-weight: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .description h2, .pdp-wrapper .description .h2 {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .pdp-wrapper .description h2, .pdp-wrapper .description .h2 {
    font-size: 12px;
  }
}
.pdp-wrapper .see-price {
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 479px) {
  .pdp-wrapper .see-price {
    font-size: 11px;
  }
}

#delivery-option-select {
  margin-top: 1rem;
  padding: 0;
}
@media (max-width: 479px) {
  #delivery-option-select {
    margin-top: 10px;
  }
}
#delivery-option-select .btn-checkStock {
  height: 2.5rem;
  border-radius: 8px;
  border: 1px solid var(--cx-color-primary);
  background: #eaf3e2;
  font-size: 14px;
}
@media (max-width: 479px) {
  #delivery-option-select .btn-checkStock {
    height: 2rem;
    font-size: 11px;
  }
}
#delivery-option-select .btn-checkStock:hover {
  border: 1px solid #41a017;
  background: #41a017;
  color: #fff;
}
#delivery-option-select .btn-checkStock:focus {
  border: 1px solid #41a017;
  background: #158110;
  color: #fff;
}
#delivery-option-select .btn-checkStock:disabled {
  border: 1px solid #d3d2d6;
  background: rgba(204, 204, 208, 0.05);
}

.modalSlideIn {
  transform: translateX(100%);
  transition: transform 0.5s ease-in;
}

.modalSlideIn.show {
  transform: translatex(0);
}

#checkStockModal {
  padding: 0;
  overflow: hidden;
}
#checkStockModal .modal-dialog {
  height: 100%;
  margin: 0;
  margin-left: auto;
  max-width: 455px;
}
#checkStockModal .modal-header button {
  border: none;
  background: transparent;
  margin-top: 22px;
  margin-right: 24px;
}
#checkStockModal .modal-header button:hover {
  background-color: rgba(203, 227, 181, 0.45);
  border-radius: 4px;
}
#checkStockModal .modal-content {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 4px;
}
#checkStockModal .modal-body {
  overflow-x: hidden;
  margin-right: 0;
}
#checkStockModal .modal-title {
  margin-left: 20px;
  margin-bottom: 31px;
}
#checkStockModal .btn-close {
  margin-top: 22px;
  margin-right: 24.5px;
}
#checkStockModal .containerCode {
  max-width: 108px;
  width: auto;
  max-height: 19px;
  height: auto;
  border-radius: 16px;
  background-color: #a19ba2;
  padding: 2px 8px;
  margin-left: 36px;
  margin-bottom: 14px;
}
#checkStockModal .containerCode span {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
#checkStockModal .withdrawalOption {
  width: 100%;
}
#checkStockModal .withdrawalOption .ml-35 {
  margin-left: 35px;
}
#checkStockModal .withdrawalOptionInfo {
  margin-left: 68px;
  margin-right: 47px;
  padding: 12px 12px 17px 12px;
  border-radius: 8px;
  background-color: #eeeef0;
  height: fit-content;
}
#checkStockModal .withdrawalOptionInfo p {
  margin-bottom: 0;
}
#checkStockModal .withdrawalOptionInfo p.withdrawalOptionSite {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}
#checkStockModal .pickupAddress {
  width: 336px;
  height: 32px;
  font-size: 14px;
  margin-left: 71px;
  margin-right: 48px;
}
#checkStockModal .storeWithdrawn {
  gap: 8px;
  margin-left: 36px;
  margin-top: 24px;
  font-size: 1rem;
  font-weight: 500;
}
@media (max-width: 479px) {
  #checkStockModal .storeWithdrawn {
    font-size: 14px;
  }
}
#checkStockModal p.stockAmount {
  margin-left: 68px;
  color: #a19ba2;
  font-size: 12px;
}
#checkStockModal .titleProductWithdrawal {
  color: var(--cx-color-primary);
  font-size: 16px;
  font-weight: 500;
  width: 352px;
  margin-right: 64px;
  margin-left: 39px;
  margin-bottom: 32px;
}
#checkStockModal .divider {
  margin-left: 38px;
  margin-right: 33px;
  margin-top: 24px;
}
@media screen and (max-width: 412px) {
  #checkStockModal .titleProductWithdrawal {
    margin-right: 21px;
    width: auto;
  }
  #checkStockModal .storeWithdrawn {
    margin-left: 13px;
  }
  #checkStockModal p.stockAmount {
    margin-left: 45px;
  }
  #checkStockModal .pickupAddress {
    margin-left: 48px;
    width: auto;
  }
  #checkStockModal .withdrawalOptionInfo {
    margin-left: 45px;
    margin-right: 27px;
  }
}

.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list::after {
  display: block;
  clear: both;
  content: "";
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #eeeef0;
  background: #ffffff;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a, .variant-section .variant-selector .variant-list li.active a {
  background: #47b6b1;
  border: 1px solid #47b6b1;
  color: #ffffff;
}
.variant-section .variant-selector .variant-list li:hover a img, .variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #ffffff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}

.rating::after {
  display: block;
  clear: both;
  content: "";
}
.rating .rating-stars {
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  position: relative;
}
@media (max-width: 1023px) {
  .rating .rating-stars {
    font-size: 2rem;
    float: none;
  }
  .rating .rating-stars::after {
    display: block;
    clear: both;
    content: "";
  }
}
.rating .rating-stars .greenStars {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  white-space: nowrap;
  width: 0;
}
.rating .rating-stars span {
  color: #dee3e8;
  margin: 0 0.1em;
  overflow: hidden;
}
.rating .rating-stars span.fh {
  width: 0.47em;
  margin-right: 0;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.44em;
  margin-left: 0;
}
.rating .rating-stars span.active {
  color: #47b6b1;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
  display: inline-block;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #eeeef0;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}

.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 1023px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}

.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar::after {
  display: block;
  clear: both;
  content: "";
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}

#AddToCart-PickUpInStoreAction {
  margin-top: 20px;
}

.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}

#AddToCart-AddToCartAction {
  margin-top: 20px;
}

.pdp-col-right {
  display: flex;
  flex-flow: column;
  align-items: end;
}
.pdp-col-right .row, .pdp-col-right .cart__content {
  flex-flow: column;
}
.pdp-col-right .pdp-col-right-wrapper {
  width: 100%;
  max-width: 620px;
  padding: 24px 32px;
}
@media (min-width: 1024px) {
  .pdp-col-right .pdp-col-right-wrapper {
    border-top: 1px solid #eeeef0;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.0007), 0px 4px 4px rgba(0, 0, 0, 0.0007);
    border-radius: 4px;
  }
}
@media (max-width: 479px) {
  .pdp-col-right .pdp-col-right-wrapper {
    padding: 0 32px 16px 32px;
  }
}
.pdp-col-right .pdp-col-right-wrapper .disclaimer-available-pickup-only {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .pdp-col-right .pdp-col-right-wrapper .disclaimer-available-pickup-only {
    margin-top: 16px;
  }
}
.pdp-col-right .pdp-col-right-wrapper .disclaimer-available-pickup-only span {
  color: #887f87;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-col-right .pdp-col-right-wrapper .disclaimer-available-pickup-only span {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .pdp-col-right .pdp-col-right-wrapper .disclaimer-available-pickup-only span {
    font-size: 14px;
  }
}
.pdp-col-right .btn-primary {
  width: 352px;
}
.pdp-col-right .btn-primary.btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin-top: 10px;
}
.pdp-col-right .btn-primary.btn.disabled, .pdp-col-right .btn-primary.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  .pdp-col-right .btn-primary.btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.6875rem;
    --bs-btn-border-radius: 5px;
    line-height: 16px;
    width: 100%;
    height: 32px;
    font-weight: 500;
  }
  .pdp-col-right .btn-primary.btn.disabled, .pdp-col-right .btn-primary.btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

.product-specification .name {
  color: #222020;
  font-size: 1rem;
  font-weight: 400;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product-specification .name {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  .product-specification .name {
    font-size: 13px;
  }
}
.product-specification .sku,
.product-specification .code {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #887f87;
  font-size: 14px;
  line-height: 1rem;
}
@media (max-width: 479px) {
  .product-specification .sku,
  .product-specification .code {
    font-size: 11px;
  }
}
.product-specification .stock-level {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--cx-color-primary);
  font-size: 13px;
  line-height: 1rem;
  text-transform: lowercase;
}
@media (max-width: 479px) {
  .product-specification .stock-level {
    font-size: 10px;
  }
}
.product-specification .offer-stamp {
  display: inline-flex;
  margin-top: 0;
  margin-right: 1rem;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product-specification .offer-stamp {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .product-specification .offer-stamp {
    font-size: 12px;
  }
}

.product-details-price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 479px) {
  .product-details-price {
    padding-top: 10px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product-details-price {
    border-top: 3px solid var(--cx-color-primary);
    max-width: 490px;
    margin: 0 auto;
    padding-top: 24px;
  }
}
@media (min-width: 1024px) {
  .product-details-price {
    border-top: 3px solid var(--cx-color-primary);
    padding-top: 24px;
  }
}
.product-details-price .availability-exit-stamp {
  width: 100%;
  display: flex;
  justify-content: end;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product-details-price .availability-exit-stamp {
    top: 0;
  }
}
@media (max-width: 479px) {
  .product-details-price .availability-exit-stamp {
    bottom: 30px;
  }
}
.product-details-price .availability-exit-stamp .delivery-only-stamp,
.product-details-price .availability-exit-stamp .withdrawal-only-stamp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  height: 26px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
}
@media (max-width: 479px) {
  .product-details-price .availability-exit-stamp .delivery-only-stamp,
  .product-details-price .availability-exit-stamp .withdrawal-only-stamp {
    margin-top: 0;
  }
}
.product-details-price .availability-exit-stamp .delivery-only-stamp {
  background: rgba(177, 221, 232, 0.4);
  color: #035f64;
}
.product-details-price .availability-exit-stamp .withdrawal-only-stamp {
  background: #fffbe2;
  color: #624d17;
}
.product-details-price .promotion {
  color: var(--cx-color-primary);
}
.product-details-price .description {
  padding: 10px 0 25px;
}
.product-details-price .price {
  color: #222020;
}
.product-details-price .price .per_price,
.product-details-price .price .noPromoPrice {
  font-size: 40px;
  font-weight: 300;
}
@media (max-width: 479px) {
  .product-details-price .price .per_price,
  .product-details-price .price .noPromoPrice {
    font-size: 20px;
    margin-top: 0;
  }
}
.product-details-price .price .from_price {
  text-decoration: line-through;
  font-weight: normal;
  font-size: 20px;
  color: #a19ba2;
}
@media (max-width: 479px) {
  .product-details-price .price .from_price {
    font-size: 13px;
    margin-top: 0;
  }
}
.product-details-price .price .unit {
  font-size: 30px;
  margin-top: 7px;
  display: inline-block;
}
@media (max-width: 479px) {
  .product-details-price .price .unit {
    font-size: 20px;
  }
}
.product-details-price .discount {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--cx-color-primary);
  font-weight: 600;
}
.product-details-price .stock-status {
  font-weight: 300;
}
.product-details-price .packaging-unit-holder {
  font-size: 12px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #887f87;
  margin-top: 8px 0px 16px;
}

li.pdp_delivery_selected_list,
li.pdp_delivery_selected_list ul,
li.pdp_delivery_selected_list ul li {
  list-style-type: none;
}

.pdp_delivery_selected_list {
  width: 352px;
  height: 90px;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .pdp_delivery_selected_list {
    width: 100%;
  }
}
.pdp_delivery_selected_list ul {
  padding: 0px;
  margin: 0px;
}
.pdp_delivery_selected_list ul li:first-child {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
}
.pdp_delivery_selected_list ul li:first-child span::after {
  content: "-";
  padding: 0px 5px;
}
.pdp_delivery_selected_list ul li:last-child {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-top: 16px;
}
.pdp_delivery_selected_list ul li:last-child span {
  padding-right: 5px;
}

.product-specification .margin,
.product-details-price .margin {
  height: 28px;
  font-size: 13px;
  color: #887f87;
  min-width: 134px;
}
.product-specification .margin .margin-closed,
.product-details-price .margin .margin-closed {
  border-radius: 8px;
  background: #eeeef0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product-specification .margin .margin-closed,
  .product-details-price .margin .margin-closed {
    width: 352px;
  }
}
.product-specification .margin .btn,
.product-details-price .margin .btn {
  padding: 0;
  border: none;
}
.product-specification .margin img,
.product-details-price .margin img {
  width: 16px;
  height: 16px;
}

.tabs-responsive summary {
  height: 52px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  font-weight: 600;
  background: #fafafa;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0px 10px;
  cursor: pointer;
}
.tabs-responsive summary div:hover {
  background: #f1f1f1;
}
.tabs-responsive summary div {
  width: 56px;
  height: 52px;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 8px;
}
.tabs-responsive summary ::before {
  width: 14px;
  height: 14px;
}
@media (max-width: 1023px) {
  .tabs-responsive summary {
    margin: 0px;
  }
}
@media (max-width: 1024px) {
  .tabs-responsive summary {
    width: 100%;
  }
}

details summary div::before {
  content: url(../../common/images/plus.svg);
  margin-bottom: 15px;
}

details[open] summary div::before {
  content: url(../../common/images/minus.svg);
}

@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .pdp-col-right {
    padding: 24px 36px 24px 12px;
  }
}
@media (max-width: 1023px) {
  .pdp-wrapper .pdp-col-right {
    align-items: normal;
  }
  .pdp-wrapper .pdp-col-right-wrapper,
  .pdp-wrapper .addtocart-component .qty-selector {
    max-width: none;
  }
  .pdp-wrapper .addtocart-component .qty-selector,
  .pdp-wrapper .btn-primary,
  .pdp-wrapper .description,
  .pdp-wrapper .pdp_delivery_selected_lis {
    width: 100%;
  }
  .pdp-wrapper .product-specification {
    padding: 0px 0px 32px;
  }
}
@media (max-width: 1023px) {
  .pdp-wrapper .slick__progress--bar__container {
    position: relative;
    background-color: #d3d2d6;
  }
  .pdp-wrapper .slick__progress--bar {
    width: 100%;
  }
  .pdp-wrapper .slick__progress__green--bar {
    height: 100%;
    background-color: var(--cx-color-primary);
    position: relative;
  }
}
@media (max-width: 479px) {
  .pdp-wrapper .slick__progress--bar__container {
    height: 2.7px;
    max-width: 276px;
    margin: 0 auto 10px auto;
  }
  .pdp-wrapper .slick__progress--bar {
    height: 2.7px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-wrapper .slick__progress--bar__container {
    height: 3.4px;
    max-width: 461px;
    margin: 0 auto;
  }
  .pdp-wrapper .slick__progress--bar {
    height: 3.4px;
  }
}

.zoomContainer {
  z-index: 10;
  width: 352px;
  height: 352px;
}

.zoomLens {
  max-width: 180px;
  max-height: 180px;
  border: 1.4px solid rgb(0, 0, 0) !important;
}

.zoomWindowContainer {
  max-height: 600px;
  max-width: 664px;
  height: 100% !important;
  width: 100% !important;
}
.zoomWindowContainer div {
  max-height: 600px;
  max-width: 664px;
  height: 100% !important;
  width: 100% !important;
}

.image-gallery--leroy {
  position: relative;
}

#pdp-zoom-img .js-zoom-img {
  overflow: auto;
  display: block;
  margin: auto;
}
@media (min-width: 1024px) {
  #pdp-zoom-img .modal-body {
    overflow: auto;
    width: 895px;
    height: 751px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #pdp-zoom-img .modal-body {
    overflow: auto;
    width: 652px;
    height: 835px;
  }
}
@media (max-width: 479px) {
  #pdp-zoom-img .modal-body {
    width: 359px;
    overflow: auto;
    height: 732px;
  }
}
@media (min-width: 480px) {
  #pdp-zoom-img .modal-dialog {
    max-width: fit-content;
  }
}
@media (max-width: 479px) {
  #pdp-zoom-img .modal-dialog {
    place-content: center;
  }
}
#pdp-zoom-img .modal-content {
  width: 900px;
  height: 751px;
}
@media (max-width: 479px) {
  #pdp-zoom-img .modal-content {
    width: 359px;
    overflow: auto;
    height: 643px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #pdp-zoom-img .modal-content {
    height: 900px;
    width: 656px;
  }
}
#pdp-zoom-img .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  padding: 5px;
  font-size: 25px;
}
#pdp-zoom-img .modal-header {
  display: flex;
  justify-content: end;
  max-width: 900pxpx;
  width: 900px;
}
@media (max-width: 479px) {
  #pdp-zoom-img .modal-header {
    display: flex;
    justify-content: end;
    max-width: 359px;
    width: 359px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #pdp-zoom-img .modal-header {
    max-width: 656px;
    width: 656px;
  }
}

@media (min-width: 1024px) {
  .page-productDetails .container {
    padding: 10px;
  }
}
@media (max-width: 1023px) {
  .page-productDetails .slider-nav {
    display: none;
  }
}

.text-unavailable-stock-level {
  color: #df3828;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  filter: none;
}
@media (max-width: 479px) {
  .text-unavailable-stock-level {
    font-size: 11px;
  }
}

.pdp-request-order-hint {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 19px 0 1.5rem 0;
  gap: 0.5rem;
}
.pdp-request-order-hint p {
  color: #887f87;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  margin: 0;
}
.pdp-request-order-hint img {
  width: 20px;
  height: 20px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-request-order-hint {
    margin: 1rem 0 19px 0;
  }
  .pdp-request-order-hint p {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .pdp-request-order-hint {
    margin: 10px 0 10px 0;
  }
  .pdp-request-order-hint p {
    font-size: 12px;
  }
  .pdp-request-order-hint img {
    width: 1rem;
    height: 1rem;
  }
}

.pdp-btn-request-order {
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  margin: 1.5rem 0 0 0;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid var(--cx-color-primary);
  border-radius: 0.5rem;
  background: var(--cx-color-primary);
}
.pdp-btn-request-order img {
  width: 1rem;
  height: 1rem;
}
.pdp-btn-request-order p {
  color: #ffffff;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pdp-btn-request-order {
    max-height: 40px;
  }
  .pdp-btn-request-order p {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .pdp-btn-request-order {
    max-height: 2rem;
  }
  .pdp-btn-request-order p {
    font-size: 12px;
  }
}

.request-order-result-sucess {
  display: flex;
  flex-direction: column;
}
.request-order-result-sucess .request-qty {
  color: #887f87;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 2rem 0;
}
@media (max-width: 479px) {
  .request-order-result-sucess .request-qty {
    font-size: 12px;
    margin: 0 0 0.5rem 0;
  }
}
.request-order-result-sucess .order-available {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1.5rem 0;
}
.request-order-result-sucess .order-available p {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.request-order-result-sucess .order-available img {
  width: 20px;
  height: 20px;
}
@media (max-width: 479px) {
  .request-order-result-sucess .order-available p {
    font-size: 12px;
  }
  .request-order-result-sucess .order-available img {
    width: 1rem;
    height: 1rem;
  }
}
.request-order-result-sucess .order-delivery-options {
  color: #000000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1.5rem 0;
}
@media (max-width: 479px) {
  .request-order-result-sucess .order-delivery-options {
    font-size: 12px;
  }
}
.request-order-result-sucess .order-delivery-text {
  color: #222020;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1.5rem 0;
}
@media (max-width: 479px) {
  .request-order-result-sucess .order-delivery-text {
    font-size: 12px;
  }
}
.request-order-result-sucess .order-modal-button-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
  margin: 1rem 0 0 0;
}
.request-order-result-sucess .order-modal-button-section .btn-request-order-modal {
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  height: 44px;
}
.request-order-result-sucess .order-modal-button-section .btn-request-order-modal p {
  margin: 0;
}
.request-order-result-sucess .order-modal-button-section .cancel-order-modal:hover {
  color: #ffffff;
  background-color: #41a017;
  border-color: #41a017;
}
@media (max-width: 479px) {
  .request-order-result-sucess .order-modal-button-section {
    margin: 0.5rem 0 0 0;
  }
  .request-order-result-sucess .order-modal-button-section .cancel-order-modal {
    font-size: 12px;
  }
}

.request-order-result-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.request-order-result-error p {
  margin: 0;
  color: #df3828;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.request-order-result-error img {
  width: 20px;
  height: 20px;
}
@media (max-width: 479px) {
  .request-order-result-error p {
    font-size: 12px;
  }
  .request-order-result-error img {
    width: 1rem;
    height: 1rem;
  }
}

#requestOrderModal {
  padding: 0;
  overflow: hidden;
}

#requestOrderModal .modal-dialog {
  height: 100%;
  margin: 0;
  margin-left: auto;
  max-width: 455px;
}

#requestOrderModal .btn-close-modal-request-order {
  border: none;
  background: transparent;
  top: 19px;
  right: 24px;
  position: absolute;
  z-index: 1;
}
#requestOrderModal .btn-close-modal-request-order:hover {
  background-color: rgba(203, 227, 181, 0.45);
  border-radius: 4px;
}

#requestOrderModal .modal-content {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 4px;
  position: relative;
}

#requestOrderModal .modal-body {
  overflow-x: hidden;
  margin-right: 0;
  padding: 1.5rem 2rem;
}

#requestOrderModal .modal-title {
  color: #222020;
  text-align: justify;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 2rem 0;
}
@media (max-width: 479px) {
  #requestOrderModal .modal-title {
    font-size: 16px;
  }
}

#requestOrderModal .btn-close {
  margin-top: 22px;
  margin-right: 24.5px;
}

#requestOrderModal .containerCode {
  max-width: 108px;
  width: auto;
  max-height: 19px;
  height: auto;
  border-radius: 16px;
  background-color: #a19ba2;
  padding: 2px 8px;
  margin: 0 0 3rem 0;
  justify-content: center;
}
@media (max-width: 479px) {
  #requestOrderModal .containerCode {
    margin: 0 0 1.5rem 0;
  }
}

#requestOrderModal .containerCode span {
  color: #ffffff;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#requestOrderModal .withdrawalOption {
  width: 100%;
}

#requestOrderModal .withdrawalOption .ml-35 {
  margin-left: 35px;
}

#requestOrderModal .withdrawalOptionInfo {
  margin-left: 68px;
  margin-right: 47px;
  padding: 12px 12px 17px 12px;
  border-radius: 8px;
  background-color: #eeeef0;
  height: fit-content;
}

#requestOrderModal .withdrawalOptionInfo p {
  margin-bottom: 0;
}

#requestOrderModal .withdrawalOptionInfo p.withdrawalOptionSite {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}

#requestOrderModal .pickupAddress {
  width: 336px;
  height: 32px;
  font-size: 14px;
  margin-left: 71px;
  margin-right: 48px;
}

#requestOrderModal .storeWithdrawn {
  gap: 8px;
  margin-left: 36px;
  margin-top: 24px;
  font-size: 1rem;
  font-weight: 500;
}

@media (max-width: 479px) {
  #requestOrderModal .storeWithdrawn {
    font-size: 14px;
  }
}
#requestOrderModal p.stockAmount {
  margin-left: 68px;
  color: #a19ba2;
  font-size: 12px;
}

#requestOrderModal .titleProductWithdrawal {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1rem 0;
}
@media (max-width: 479px) {
  #requestOrderModal .titleProductWithdrawal {
    font-size: 14px;
  }
}

#requestOrderModal .divider {
  margin-left: 38px;
  margin-right: 33px;
  margin-top: 24px;
}

@media screen and (max-width: 412px) {
  #requestOrderModal .titleProductWithdrawal {
    margin-right: 21px;
    width: auto;
  }
  #requestOrderModal .storeWithdrawn {
    margin-left: 13px;
  }
  #requestOrderModal p.stockAmount {
    margin-left: 45px;
  }
  #requestOrderModal .pickupAddress {
    margin-left: 48px;
    width: auto;
  }
  #requestOrderModal .withdrawalOptionInfo {
    margin-left: 45px;
    margin-right: 27px;
  }
}
.page-productDetails .stock-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.exceedsStockPopup {
  min-width: 551px;
  max-width: 551px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 18px;
  background: #fdf2d1;
  position: absolute;
  top: 15px;
  left: -4%;
  padding: 1.5rem 4rem 17.5px 1rem;
  opacity: 1;
  z-index: 2;
}
.exceedsStockPopup .popup-warning-icon {
  width: 15.043px;
  height: 14.25px;
}
.exceedsStockPopup .popup-close-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.exceedsStockPopup p {
  color: #624d17;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: -6.5px 0 0 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .exceedsStockPopup {
    gap: 11px;
    min-width: 432px;
    max-width: 519px;
    left: -2rem;
    top: -335px;
    padding: 1.5rem 2rem 17.5px 1rem;
  }
  .exceedsStockPopup p {
    text-align: left;
  }
}
@media (max-width: 479px) {
  .exceedsStockPopup {
    padding: 1rem 2rem 10.5px 10px;
    gap: 6.44px;
    left: -2rem;
    top: -180px;
    min-width: 272px;
    max-width: 463px;
  }
  .exceedsStockPopup p {
    font-size: 12px;
    text-align: left;
  }
}

.red-text-input {
  color: #df3828;
}

.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

.picshade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.91;
  filter: alpha(opacity=91);
  z-index: 99;
  display: none;
}

.pictures_eyes_close {
  position: fixed;
  top: 30px;
  right: 30px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(images/close.png) no-repeat;
  z-index: 100;
  display: none;
}

.pictures_eyes {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 199;
  display: none;
}

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

.pictures_eyes_in img {
  max-height: 500px;
}

.pictures_eyes_in .prev,
.pictures_eyes_in .next {
  position: absolute;
  top: 50%;
  width: 51px;
  height: 51px;
  cursor: pointer;
}

.pictures_eyes_in .prev {
  left: 35px;
  background: url(images/Tleft.png) no-repeat;
}

.pictures_eyes_in .next {
  right: 35px;
  background: url(images/Tright.png) no-repeat;
}

.pictures_eyes_indicators {
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 299;
}

.pictures_eyes_indicators a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 6px 3px 0 3px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  box-shadow: 0 0 2px #000000;
  filter: alpha(opacity=50);
  opacity: 0.5;
  overflow: hidden;
}

.pictures_eyes_indicators img {
  height: 50px;
}

.pictures_eyes_indicators .current {
  filter: alpha(opacity=100);
  opacity: 1;
}

.addtocart-component {
  margin-top: 10px;
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component .actions .btn {
  margin-bottom: 10px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component .btn-primary img {
  padding-left: 8px;
}

@media (max-width: 1023px) {
  .addtocart-component {
    margin-top: 20px;
  }
}
@media (max-width: 639px) {
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.add-to-cart .add-to-cart-item .thumb img {
  max-width: 65px;
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  font-weight: 800;
  white-space: nowrap;
}
.add-to-cart .add-to-cart-item .price span {
  font-weight: normal;
}
.add-to-cart .add-to-cart-item .price .from_price {
  font-size: 20px;
}
.add-to-cart .add-to-cart-item .price .from_price #from__price {
  text-decoration: line-through;
  font-weight: 800;
}
.add-to-cart .add-to-cart-item .price .from_price .unit {
  font-size: 16px;
}
.add-to-cart .add-to-cart-item .price .per_price {
  font-size: 18px;
}
.add-to-cart .add-to-cart-item .price .per_price .unit {
  font-size: 20px;
}
.add-to-cart .add-to-cart-item .unit {
  margin-top: 8px;
  display: inline-block;
}

#addToCartLayer .modal-content {
  width: 432px;
  height: 100%;
}
#addToCartLayer .add-to-cart-item {
  padding: 0px 40px;
}
#addToCartLayer .addTocartButtons {
  padding: 40px 40px 30px 40px;
}
#addToCartLayer .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 400;
}
#addToCartLayer .btn.disabled, #addToCartLayer .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
#addToCartLayer h4, #addToCartLayer .h4 {
  padding: 30px 0px 0px 40px;
  font-weight: bold;
}
#addToCartLayer .bi-x-lg {
  padding-bottom: 11%;
  border: none;
  background: transparent;
  color: #797979;
}
#addToCartLayer .cart_popup_error_msg {
  padding: 0px 40px 20px 40px;
}
#addToCartLayer .headline {
  margin-bottom: none;
}

.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}

#_asm * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#_asm *:before,
#_asm *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.js-leroy-customer-list-modal-content a {
  color: #41a017;
  text-decoration: underline;
  font-weight: bold;
}

#_asm a:not(.js-leroy-customer-list-modal-content a) {
  color: #428bca;
  text-decoration: none;
}

#_asm a:hover,
#_asm a:focus {
  color: #2a6496;
  text-decoration: underline;
}

#_asm a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#_asm figure {
  margin: 0;
}

#_asm img {
  vertical-align: middle;
}

#_asm .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

#_asm .img-rounded {
  border-radius: 6px;
}

#_asm .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

#_asm hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

#_asm .sr-only, #_asm .skip,
#_asm .skiptocontent,
#_asm .skiptonavigation, #_asm fieldset#cardDate .form-group .control-label, fieldset#cardDate .form-group #_asm .control-label,
#_asm fieldset#startDate .form-group .control-label,
fieldset#startDate .form-group #_asm .control-label, #_asm .pickup-component .display-details .store-tabs .tabs-list .current-info, .pickup-component .display-details .store-tabs .tabs-list #_asm .current-info, #_asm .ui-helper-hidden-accessible, #_asm .tabs .tabs-list .current-info, .tabs .tabs-list #_asm .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#_asm .container {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 1400px;
}

@media (min-width: 10px) {
  #_asm .container {
    width: auto;
  }
}
@media (min-width: 801px) {
  #_asm .container {
    width: 100%;
  }
}
@media (min-width: 1050px) {
  #_asm .container {
    width: 1050px;
  }
}
@media (min-width: 1400px) {
  #_asm .container {
    width: 1400px;
  }
}
#_asm .container-fluid, #_asm .container-sm, #_asm .container-md, #_asm .container-lg, #_asm .container-xl {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

#_asm .row, #_asm .cart__content {
  margin-left: -15px;
  margin-right: -15px;
}

#_asm .col-xs-1,
#_asm .col-sm-1,
#_asm .col-md-1,
#_asm .col-lg-1,
#_asm .col-xs-2,
#_asm .col-sm-2,
#_asm .col-md-2,
#_asm .col-lg-2,
#_asm .col-xs-3,
#_asm .col-sm-3,
#_asm .col-md-3,
#_asm .col-lg-3,
#_asm .col-xs-4,
#_asm .col-sm-4,
#_asm .col-md-4,
#_asm .col-lg-4,
#_asm .col-xs-5,
#_asm .col-sm-5,
#_asm .col-md-5,
#_asm .col-lg-5,
#_asm .col-xs-6,
#_asm .col-sm-6,
#_asm .col-md-6,
#_asm .col-lg-6,
#_asm .col-xs-7,
#_asm .col-sm-7,
#_asm .col-md-7,
#_asm .col-lg-7,
#_asm .col-xs-8,
#_asm .col-sm-8,
#_asm .col-md-8,
#_asm .col-lg-8,
#_asm .col-xs-9,
#_asm .col-sm-9,
#_asm .col-md-9,
#_asm .col-lg-9,
#_asm .col-xs-10,
#_asm .col-sm-10,
#_asm .col-md-10,
#_asm .col-lg-10,
#_asm .col-xs-11,
#_asm .col-sm-11,
#_asm .col-md-11,
#_asm .col-lg-11,
#_asm .col-xs-12,
#_asm .col-sm-12,
#_asm .col-md-12,
#_asm .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

#_asm .col-xs-1,
#_asm .col-xs-2,
#_asm .col-xs-3,
#_asm .col-xs-4,
#_asm .col-xs-5,
#_asm .col-xs-6,
#_asm .col-xs-7,
#_asm .col-xs-8,
#_asm .col-xs-9,
#_asm .col-xs-10,
#_asm .col-xs-11,
#_asm .col-xs-12 {
  float: left;
}

#_asm .col-xs-12 {
  width: 100%;
}

#_asm .col-xs-11 {
  width: 91.66666667%;
}

#_asm .col-xs-10 {
  width: 83.33333333%;
}

#_asm .col-xs-9 {
  width: 75%;
}

#_asm .col-xs-8 {
  width: 66.66666667%;
}

#_asm .col-xs-7 {
  width: 58.33333333%;
}

#_asm .col-xs-6 {
  width: 50%;
}

#_asm .col-xs-5 {
  width: 41.66666667%;
}

#_asm .col-xs-4 {
  width: 33.33333333%;
}

#_asm .col-xs-3 {
  width: 25%;
}

#_asm .col-xs-2 {
  width: 16.66666667%;
}

#_asm .col-xs-1 {
  width: 8.33333333%;
}

#_asm .col-xs-pull-12 {
  right: 100%;
}

#_asm .col-xs-pull-11 {
  right: 91.66666667%;
}

#_asm .col-xs-pull-10 {
  right: 83.33333333%;
}

#_asm .col-xs-pull-9 {
  right: 75%;
}

#_asm .col-xs-pull-8 {
  right: 66.66666667%;
}

#_asm .col-xs-pull-7 {
  right: 58.33333333%;
}

#_asm .col-xs-pull-6 {
  right: 50%;
}

#_asm .col-xs-pull-5 {
  right: 41.66666667%;
}

#_asm .col-xs-pull-4 {
  right: 33.33333333%;
}

#_asm .col-xs-pull-3 {
  right: 25%;
}

#_asm .col-xs-pull-2 {
  right: 16.66666667%;
}

#_asm .col-xs-pull-1 {
  right: 8.33333333%;
}

#_asm .col-xs-pull-0 {
  right: 0%;
}

#_asm .col-xs-push-12 {
  left: 100%;
}

#_asm .col-xs-push-11 {
  left: 91.66666667%;
}

#_asm .col-xs-push-10 {
  left: 83.33333333%;
}

#_asm .col-xs-push-9 {
  left: 75%;
}

#_asm .col-xs-push-8 {
  left: 66.66666667%;
}

#_asm .col-xs-push-7 {
  left: 58.33333333%;
}

#_asm .col-xs-push-6 {
  left: 50%;
}

#_asm .col-xs-push-5 {
  left: 41.66666667%;
}

#_asm .col-xs-push-4 {
  left: 33.33333333%;
}

#_asm .col-xs-push-3 {
  left: 25%;
}

#_asm .col-xs-push-2 {
  left: 16.66666667%;
}

#_asm .col-xs-push-1 {
  left: 8.33333333%;
}

#_asm .col-xs-push-0 {
  left: 0%;
}

#_asm .col-xs-offset-12 {
  margin-left: 100%;
}

#_asm .col-xs-offset-11 {
  margin-left: 91.66666667%;
}

#_asm .col-xs-offset-10 {
  margin-left: 83.33333333%;
}

#_asm .col-xs-offset-9 {
  margin-left: 75%;
}

#_asm .col-xs-offset-8 {
  margin-left: 66.66666667%;
}

#_asm .col-xs-offset-7 {
  margin-left: 58.33333333%;
}

#_asm .col-xs-offset-6 {
  margin-left: 50%;
}

#_asm .col-xs-offset-5 {
  margin-left: 41.66666667%;
}

#_asm .col-xs-offset-4 {
  margin-left: 33.33333333%;
}

#_asm .col-xs-offset-3 {
  margin-left: 25%;
}

#_asm .col-xs-offset-2 {
  margin-left: 16.66666667%;
}

#_asm .col-xs-offset-1 {
  margin-left: 8.33333333%;
}

#_asm .col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 801px) {
  #_asm .col-sm-1,
  #_asm .col-sm-2,
  #_asm .col-sm-3,
  #_asm .col-sm-4,
  #_asm .col-sm-5,
  #_asm .col-sm-6,
  #_asm .col-sm-7,
  #_asm .col-sm-8,
  #_asm .col-sm-9,
  #_asm .col-sm-10,
  #_asm .col-sm-11 {
    float: left;
  }
  #_asm .col-sm-12 {
    width: 100%;
  }
  #_asm .col-sm-11 {
    width: 91.66666667%;
  }
  #_asm .col-sm-10 {
    width: 83.33333333%;
  }
  #_asm .col-sm-9 {
    width: 75%;
  }
  #_asm .col-sm-8 {
    width: 66.66666667%;
  }
  #_asm .col-sm-7 {
    width: 58.33333333%;
  }
  #_asm .col-sm-6 {
    width: 50%;
  }
  #_asm .col-sm-5 {
    width: 41.66666667%;
  }
  #_asm .col-sm-4 {
    width: 33.33333333%;
  }
  #_asm .col-sm-3 {
    width: 25%;
  }
  #_asm .col-sm-2 {
    width: 16.66666667%;
  }
  #_asm .col-sm-1 {
    width: 8.33333333%;
  }
  #_asm .col-sm-pull-12 {
    right: 100%;
  }
  #_asm .col-sm-pull-11 {
    right: 91.66666667%;
  }
  #_asm .col-sm-pull-10 {
    right: 83.33333333%;
  }
  #_asm .col-sm-pull-9 {
    right: 75%;
  }
  #_asm .col-sm-pull-8 {
    right: 66.66666667%;
  }
  #_asm .col-sm-pull-7 {
    right: 58.33333333%;
  }
  #_asm .col-sm-pull-6 {
    right: 50%;
  }
  #_asm .col-sm-pull-5 {
    right: 41.66666667%;
  }
  #_asm .col-sm-pull-4 {
    right: 33.33333333%;
  }
  #_asm .col-sm-pull-3 {
    right: 25%;
  }
  #_asm .col-sm-pull-2 {
    right: 16.66666667%;
  }
  #_asm .col-sm-pull-1 {
    right: 8.33333333%;
  }
  #_asm .col-sm-pull-0 {
    right: 0%;
  }
  #_asm .col-sm-push-12 {
    left: 100%;
  }
  #_asm .col-sm-push-11 {
    left: 91.66666667%;
  }
  #_asm .col-sm-push-10 {
    left: 83.33333333%;
  }
  #_asm .col-sm-push-9 {
    left: 75%;
  }
  #_asm .col-sm-push-8 {
    left: 66.66666667%;
  }
  #_asm .col-sm-push-7 {
    left: 58.33333333%;
  }
  #_asm .col-sm-push-6 {
    left: 50%;
  }
  #_asm .col-sm-push-5 {
    left: 41.66666667%;
  }
  #_asm .col-sm-push-4 {
    left: 33.33333333%;
  }
  #_asm .col-sm-push-3 {
    left: 25%;
  }
  #_asm .col-sm-push-2 {
    left: 16.66666667%;
  }
  #_asm .col-sm-push-1 {
    left: 8.33333333%;
  }
  #_asm .col-sm-push-0 {
    left: 0%;
  }
  #_asm .col-sm-offset-12 {
    margin-left: 100%;
  }
  #_asm .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  #_asm .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  #_asm .col-sm-offset-9 {
    margin-left: 75%;
  }
  #_asm .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  #_asm .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  #_asm .col-sm-offset-6 {
    margin-left: 50%;
  }
  #_asm .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  #_asm .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  #_asm .col-sm-offset-3 {
    margin-left: 25%;
  }
  #_asm .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  #_asm .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  #_asm .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  #_asm .col-md-3 {
    width: 206px;
  }
  .ASM-button-wrapper {
    display: flex;
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  #_asm .col-md-1,
  #_asm .col-md-2,
  #_asm .col-md-3,
  #_asm .col-md-4,
  #_asm .col-md-5,
  #_asm .col-md-6,
  #_asm .col-md-7,
  #_asm .col-md-8,
  #_asm .col-md-9,
  #_asm .col-md-10,
  #_asm .col-md-11,
  #_asm .col-md-12 {
    float: left;
  }
  #_asm .col-md-12 {
    width: 100%;
  }
  #_asm .col-md-11 {
    width: 91.66666667%;
  }
  #_asm .col-md-10 {
    width: 83.33333333%;
  }
  #_asm .col-md-9 {
    width: 75%;
  }
  #_asm .col-md-8 {
    width: 66.66666667%;
  }
  #_asm .col-md-7 {
    width: 58.33333333%;
  }
  #_asm .col-md-6 {
    width: 50%;
  }
  #_asm .col-md-5 {
    width: 41.66666667%;
  }
  #_asm .col-md-4 {
    width: 33.33333333%;
  }
  #_asm .col-md-3 {
    width: 25%;
  }
  #_asm .col-md-2 {
    width: 16.66666667%;
  }
  #_asm .col-md-1 {
    width: 8.33333333%;
  }
  #_asm .col-md-pull-12 {
    right: 100%;
  }
  #_asm .col-md-pull-11 {
    right: 91.66666667%;
  }
  #_asm .col-md-pull-10 {
    right: 83.33333333%;
  }
  #_asm .col-md-pull-9 {
    right: 75%;
  }
  #_asm .col-md-pull-8 {
    right: 66.66666667%;
  }
  #_asm .col-md-pull-7 {
    right: 58.33333333%;
  }
  #_asm .col-md-pull-6 {
    right: 50%;
  }
  #_asm .col-md-pull-5 {
    right: 41.66666667%;
  }
  #_asm .col-md-pull-4 {
    right: 33.33333333%;
  }
  #_asm .col-md-pull-3 {
    right: 25%;
  }
  #_asm .col-md-pull-2 {
    right: 16.66666667%;
  }
  #_asm .col-md-pull-1 {
    right: 8.33333333%;
  }
  #_asm .col-md-pull-0 {
    right: 0%;
  }
  #_asm .col-md-push-12 {
    left: 100%;
  }
  #_asm .col-md-push-11 {
    left: 91.66666667%;
  }
  #_asm .col-md-push-10 {
    left: 83.33333333%;
  }
  #_asm .col-md-push-9 {
    left: 75%;
  }
  #_asm .col-md-push-8 {
    left: 66.66666667%;
  }
  #_asm .col-md-push-7 {
    left: 58.33333333%;
  }
  #_asm .col-md-push-6 {
    left: 50%;
  }
  #_asm .col-md-push-5 {
    left: 41.66666667%;
  }
  #_asm .col-md-push-4 {
    left: 33.33333333%;
  }
  #_asm .col-md-push-3 {
    left: 25%;
  }
  #_asm .col-md-push-2 {
    left: 16.66666667%;
  }
  #_asm .col-md-push-1 {
    left: 8.33333333%;
  }
  #_asm .col-md-push-0 {
    left: 0%;
  }
  #_asm .col-md-offset-12 {
    margin-left: 100%;
  }
  #_asm .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  #_asm .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  #_asm .col-md-offset-9 {
    margin-left: 75%;
  }
  #_asm .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  #_asm .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  #_asm .col-md-offset-6 {
    margin-left: 50%;
  }
  #_asm .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  #_asm .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  #_asm .col-md-offset-3 {
    margin-left: 25%;
  }
  #_asm .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  #_asm .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  #_asm .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  #_asm .col-lg-1,
  #_asm .col-lg-2,
  #_asm .col-lg-3,
  #_asm .col-lg-4,
  #_asm .col-lg-5,
  #_asm .col-lg-6,
  #_asm .col-lg-7,
  #_asm .col-lg-8,
  #_asm .col-lg-9,
  #_asm .col-lg-10,
  #_asm .col-lg-11,
  #_asm .col-lg-12 {
    float: left;
  }
  #_asm .col-lg-12 {
    width: 100%;
  }
  #_asm .col-lg-11 {
    width: 91.66666667%;
  }
  #_asm .col-lg-10 {
    width: 83.33333333%;
  }
  #_asm .col-lg-9 {
    width: 75%;
  }
  #_asm .col-lg-8 {
    width: 66.66666667%;
  }
  #_asm .col-lg-7 {
    width: 58.33333333%;
  }
  #_asm .col-lg-6 {
    width: 50%;
  }
  #_asm .col-lg-5 {
    width: 41.66666667%;
  }
  #_asm .col-lg-4 {
    width: 33.33333333%;
  }
  #_asm .col-lg-3 {
    width: 25%;
  }
  #_asm .col-lg-2 {
    width: 16.66666667%;
  }
  #_asm .col-lg-1 {
    width: 8.33333333%;
  }
  #_asm .col-lg-pull-12 {
    right: 100%;
  }
  #_asm .col-lg-pull-11 {
    right: 91.66666667%;
  }
  #_asm .col-lg-pull-10 {
    right: 83.33333333%;
  }
  #_asm .col-lg-pull-9 {
    right: 75%;
  }
  #_asm .col-lg-pull-8 {
    right: 66.66666667%;
  }
  #_asm .col-lg-pull-7 {
    right: 58.33333333%;
  }
  #_asm .col-lg-pull-6 {
    right: 50%;
  }
  #_asm .col-lg-pull-5 {
    right: 41.66666667%;
  }
  #_asm .col-lg-pull-4 {
    right: 33.33333333%;
  }
  #_asm .col-lg-pull-3 {
    right: 25%;
  }
  #_asm .col-lg-pull-2 {
    right: 16.66666667%;
  }
  #_asm .col-lg-pull-1 {
    right: 8.33333333%;
  }
  #_asm .col-lg-pull-0 {
    right: 0%;
  }
  #_asm .col-lg-push-12 {
    left: 100%;
  }
  #_asm .col-lg-push-11 {
    left: 91.66666667%;
  }
  #_asm .col-lg-push-10 {
    left: 83.33333333%;
  }
  #_asm .col-lg-push-9 {
    left: 75%;
  }
  #_asm .col-lg-push-8 {
    left: 66.66666667%;
  }
  #_asm .col-lg-push-7 {
    left: 58.33333333%;
  }
  #_asm .col-lg-push-6 {
    left: 50%;
  }
  #_asm .col-lg-push-5 {
    left: 41.66666667%;
  }
  #_asm .col-lg-push-4 {
    left: 33.33333333%;
  }
  #_asm .col-lg-push-3 {
    left: 25%;
  }
  #_asm .col-lg-push-2 {
    left: 16.66666667%;
  }
  #_asm .col-lg-push-1 {
    left: 8.33333333%;
  }
  #_asm .col-lg-push-0 {
    left: 0%;
  }
  #_asm .col-lg-offset-12 {
    margin-left: 100%;
  }
  #_asm .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  #_asm .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  #_asm .col-lg-offset-9 {
    margin-left: 75%;
  }
  #_asm .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  #_asm .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  #_asm .col-lg-offset-6 {
    margin-left: 50%;
  }
  #_asm .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  #_asm .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  #_asm .col-lg-offset-3 {
    margin-left: 25%;
  }
  #_asm .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  #_asm .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  #_asm .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.ASM_close {
  float: right;
  font-size: 45px;
  font-weight: 200;
  line-height: 50px;
  color: #063a44;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  padding-left: 20px;
  padding-bottom: 8px;
}

#asmLogoutForm {
  float: right;
}

.ASM_close:hover,
.ASM_close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=50);
  outline: none;
}

.ASM_alert {
  padding: 10px;
  margin-top: 15px;
  border: 1px solid transparent;
  background: #f54544;
  color: #fff;
  line-height: 20px;
  font-size: 16px;
  position: absolute;
  z-index: 2;
  text-align: center;
  width: 50%;
  left: 25%;
  font-family: "Open Sans", sans-serif;
}

.ASM_alert_cred {
  width: 260px;
  margin-top: 38px;
  left: 38px;
}

.ASM_alert-dismissable {
  padding-right: 35px;
}

.ASM_alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.ASM_alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.ASM_alert-success hr {
  border-top-color: #c9e2b3;
}

.ASM_alert-success .alert-link {
  color: #2b542c;
}

.ASM_alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.ASM_alert-info hr {
  border-top-color: #a6e1ec;
}

.ASM_alert-info .alert-link {
  color: #245269;
}

.ASM_alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.ASM_alert-warning hr {
  border-top-color: #f7e1b5;
}

.ASM_alert-warning .alert-link {
  color: #66512c;
}

.ASM_alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.ASM_alert-danger hr {
  border-top-color: #e4b9c0;
}

.ASM_alert-danger .alert-link {
  color: #843534;
}

#_asm .clearfix:before,
#_asm .clearfix:after,
#_asm .container:before,
#_asm .container:after,
#_asm .container-fluid:before,
#_asm .container-sm:before,
#_asm .container-md:before,
#_asm .container-lg:before,
#_asm .container-xl:before,
#_asm .container-fluid:after,
#_asm .container-sm:after,
#_asm .container-md:after,
#_asm .container-lg:after,
#_asm .container-xl:after,
#_asm .row:before,
#_asm .cart__content:before,
#_asm .row:after,
#_asm .cart__content:after {
  content: " ";
  display: table;
}

#_asm .clearfix:after,
#_asm .container:after,
#_asm .container-fluid:after,
#_asm .container-sm:after,
#_asm .container-md:after,
#_asm .container-lg:after,
#_asm .container-xl:after,
#_asm .row:after,
#_asm .cart__content:after {
  clear: both;
}

#_asm .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#_asm .pull-right {
  float: right !important;
}

#_asm .pull-left {
  float: left !important;
}

#_asm .invisible {
  visibility: hidden;
}

#_asm .hide {
  display: none !important;
}

#_asm .show {
  display: block !important;
}

#_asm .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

#_asm .hidden {
  display: none !important;
  visibility: hidden !important;
}

#_asm .affix {
  position: fixed;
}

/*value is supported by all common browsers*/
@-ms-viewport {
  width: device-width; /*NOSONAR*/
}
#_asm .visible-xs,
#_asm .visible-sm,
#_asm .visible-md,
#_asm .visible-lg {
  display: none !important;
}

@media (max-width: 800px) {
  #_asm .visible-xs {
    display: block !important;
  }
  #_asm table.visible-xs {
    display: table;
  }
  #_asm tr.visible-xs {
    display: table-row !important;
  }
  #_asm th.visible-xs,
  #_asm td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 801px) and (max-width: 1049px) {
  #_asm .visible-sm {
    display: block !important;
  }
  #_asm table.visible-sm {
    display: table;
  }
  #_asm tr.visible-sm {
    display: table-row !important;
  }
  #_asm th.visible-sm,
  #_asm td.visible-sm {
    display: table-cell !important;
  }
  #_asm .container-fluid, #_asm .container-sm, #_asm .container-md, #_asm .container-lg, #_asm .container-xl {
    padding: 0;
  }
}
@media (min-width: 1050px) and (max-width: 1399px) {
  #_asm .visible-md {
    display: block !important;
  }
  #_asm table.visible-md {
    display: table;
  }
  #_asm tr.visible-md {
    display: table-row !important;
  }
  #_asm th.visible-md,
  #_asm td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  #_asm .visible-lg {
    display: block !important;
  }
  #_asm table.visible-lg {
    display: table;
  }
  #_asm tr.visible-lg {
    display: table-row !important;
  }
  #_asm th.visible-lg,
  #_asm td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 800px) {
  #_asm .hidden-xs, #_asm .account-navigation .account-navigation-list, .account-navigation #_asm .account-navigation-list, #_asm .product__listing .product__listing--description, .product__listing #_asm .product__listing--description, #_asm .tabs.tabs-responsive .tabs-list, .tabs.tabs-responsive #_asm .tabs-list, #_asm .tabs .tabhead, .tabs #_asm .tabhead, #_asm .image-gallery .gallery-carousel .owl-controls, .image-gallery .gallery-carousel #_asm .owl-controls, #_asm .image-gallery .image-gallery__image .owl-buttons, .image-gallery .image-gallery__image #_asm .owl-buttons, #_asm .carousel-component-wrapper .owl-carousel .owl-controls, .carousel-component-wrapper .owl-carousel #_asm .owl-controls {
    display: none !important;
  }
}
@media (min-width: 801px) and (max-width: 1049px) {
  #_asm .hidden-sm, #_asm .account-navigation .account-navigation-list, .account-navigation #_asm .account-navigation-list, #_asm .tabs.tabs-responsive .tabs-list, .tabs.tabs-responsive #_asm .tabs-list, #_asm .tabs .tabhead, .tabs #_asm .tabhead, #_asm .image-gallery .gallery-carousel .owl-controls, .image-gallery .gallery-carousel #_asm .owl-controls, #_asm .image-gallery .image-gallery__image .owl-buttons, .image-gallery .image-gallery__image #_asm .owl-buttons, #_asm .carousel-component-wrapper .owl-carousel .owl-controls, .carousel-component-wrapper .owl-carousel #_asm .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1050px) and (max-width: 1399px) {
  #_asm .hidden-md, #_asm .carousel-component-wrapper .image-gallery .image-gallery__image .owl-controls, .carousel-component-wrapper .image-gallery .image-gallery__image #_asm .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  #_asm .hidden-lg, #_asm .carousel-component-wrapper .image-gallery .image-gallery__image .owl-controls, .carousel-component-wrapper .image-gallery .image-gallery__image #_asm .owl-controls {
    display: none !important;
  }
}
#_asm .visible-print {
  display: none !important;
}

@media print {
  #_asm .visible-print {
    display: block !important;
  }
  #_asm table.visible-print {
    display: table;
  }
  #_asm tr.visible-print {
    display: table-row !important;
  }
  #_asm th.visible-print,
  #_asm td.visible-print {
    display: table-cell !important;
  }
  #_asm .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: "asm_icons";
  src: url("../fonts/asm_icons.eot?9817510");
  src: url("../fonts/asm_icons.eot?9817510#iefix") format("embedded-opentype"), url("../../../addons/assistedservicestorefront/responsive/common/fonts/asm_icons.woff?9817510") format("woff"), url("../../../addons/assistedservicestorefront/responsive/common/fonts/asm_icons.ttf?9817510") format("truetype"), url("../../../addons/assistedservicestorefront/responsive/common/fonts/asm_icons.svg?9817510#asm_icons") format("svg");
}
.ASM_icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "asm_icons", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1024px) {
  .ASM_icon {
    width: 16px;
  }
}

.ASM_icon-logo:before {
  content: "\e807";
  font-size: 32px;
}

/* '' */
.ASM_icon-contacts:before {
  content: "\e801";
  vertical-align: middle;
}

/* '' */
.ASM_icon-cart:before {
  font-family: "asm_icons", sans-serif;
  content: "\e810";
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  min-width: 14px;
  background-image: url(./../../common/images/cart-icon-asm.svg) !important;
  color: transparent !important;
  vertical-align: middle !important;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .ASM_icon-cart:before {
    width: 22px;
  }
}

.ASM_icon-user:before {
  font-family: "asm_icons", sans-serif;
  content: "\e810";
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: #bfc2cb;
  min-width: 14px;
}

.ASM_icon-lock:before {
  font-family: "asm_icons", sans-serif;
  content: "\e811";
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  min-width: 14px;
}

/* '' */
.ASM_icon-arrow-down:before {
  content: "\e803";
}

/* '' */
.ASM_icon-arrow-up:before {
  content: "\e804";
}

/* '' */
.ASM_icon-arrow-indicator-down:before {
  content: "\e805";
}

/* '' */
.ASM_icon-arrow-indicator-up:before {
  content: "\e806";
}

.ASM_icon-chain:before {
  content: "\e808";
}

.ASM_icon-close:before {
  content: "\e80d";
  color: #c5cdd6;
}

.ASM_icon-close:hover {
  opacity: 0.5;
}

.ASM_icon-lock:before {
  font-family: "asm_icons", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  content: "\e811";
  color: #bfc2cb;
}

.ASM_icon-commission:before {
  content: "\e80b";
  vertical-align: bottom;
  color: transparent;
  font-size: 28px;
  position: relative;
  top: 5px;
  background-image: url("../images/commission-icon.svg");
}

.ASM_icon-order-list:before {
  content: "\e80b";
  vertical-align: bottom;
  color: transparent;
  font-size: 28px;
  position: relative;
  top: 5px;
  background-image: url("../images/checklist-icon.svg");
}

.ASM_icon-chain.ASM_chain-bind:before {
  color: #063a44;
}

.ASM_icon-chain {
  position: absolute;
  top: -10px;
  right: -20px;
  background: #f0f0f0;
  padding: 17px 20px 13px 10px;
  font-size: 30px;
}

#_asm {
  top: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
  color: #000;
  z-index: 99998;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

#_asm .ASM-btn,
#_asm .B2B-ASM-btn {
  border: 0;
  font-weight: 400;
  color: #063a44;
  float: none;
  margin: 0;
  vertical-align: baseline;
}

@media (max-width: 479px) {
  #_asm .ASM-btn,
  #_asm .B2B-ASM-btn {
    font-size: 12px;
    text-wrap: nowrap;
  }
}
#_asm .B2B-ASM-btn {
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

#_asm .assign-cart-to-member-wrapper {
  position: absolute;
  right: 25%;
  z-index: 2;
}

#_asm .ASM-btn.ASM-btn-login,
#_asm .ASM-btn.ASM-btn-bind-cart {
  background: #41a417;
  width: 100%;
  color: white;
}

#_asm .ASM-btn.ASM-btn-create-account {
  background: #d2dbe6;
  color: #0354ae;
  width: 100%;
}

#_asmBindForm {
  vertical-align: bottom;
}

#_asmSessionEndForm,
#_asmBindForm,
#_asmPersonifyForm {
  display: inline;
  vertical-align: middle;
}

#_asm .ASM-btn.ASM-btn-logout,
#_asm .ASM-btn.ASM-btn-reset,
#_asm .ASM-btn.ASM-btn-customers {
  background: transparent;
  outline: none;
  padding: 0px;
}

#_asm .ASM-btn.ASM-btn-logout {
  height: 33px;
}
@media (max-width: 479px) {
  #_asm .ASM-btn.ASM-btn-logout {
    padding: 0px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #_asm .ASM-btn.ASM-btn-logout {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 39.6px;
    text-transform: none;
    padding: 0px;
  }
}

#_asm .ASM-btn.ASM-btn-start-session {
  background: #41a017;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  margin-left: -1px;
  vertical-align: bottom;
  width: 100%;
}

#_asm .B2B-ASM-btn.ASM-btn-start-session {
  border-radius: 8px;
  color: #ffffff;
  text-transform: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 184px;
}

#_asm .B2B-ASM-btn.ASM-btn.ASM-btn-start-session[disabled],
#_asm .B2B-ASM-btn.ASM-btn.ASM-btn-start-session[disabled].disabled {
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

@media (min-width: 801px) and (max-width: 1049px) {
  #_asm .ASM-btn.ASM-btn-start-session {
    margin-left: -2px;
  }
  /*fix to overlap the customer 360 button*/
  #_asm .assign-cart-to-member-wrapper {
    right: 17%;
    padding-right: 10px;
  }
}
#_asm button[disabled] {
  opacity: 0.45;
  filter: alpha(opacity=45);
  background: #207241;
}

#_asm .ASM-btn.ASM-btn-end-session,
#_asm .ASM-btn.ASM-btn-bind-cart,
#_asm .ASM-btn.ASM-btn-create-account {
  font-size: 18px;
}

#_asm .ASM-btn.ASM-btn-end-session,
#_asm .B2B-ASM-btn.ASM-btn-end-session {
  color: #fff;
  font-weight: 400;
  width: 100%;
}

#_asm .ASM_end_session {
  vertical-align: bottom;
  margin-bottom: 15px;
}

#_asm .ASM-btn-customer-list:hover,
#_asm .ASM-btn-customer-list:focus {
  color: #fff;
  text-decoration: none;
}

.ASM-btn-customer-list,
.ASM-btn.ASM-btn-reset,
.asmForm {
  justify-content: center;
  display: flex;
  gap: 8px;
}

@media (min-width: 801px) and (max-width: 1399px) {
  #_asm .ASM_session .ASM-btn-customer-list .ASM_icon {
    margin-right: 0;
  }
}
#_asm .ASM-btn-customer-list.disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

#_asm .ASM_input_holder {
  display: inline-block;
  position: relative;
}

#_asm .ASM_input_holder.input-group {
  display: table;
}

#_asm .ASM_input_holder label {
  color: #777777;
  font-weight: 600;
  font-size: 14px;
  display: block;
  text-align: left;
  margin-bottom: 1px;
}

#_asm .ASM_input_holder .ASM_autocomplete {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 99999;
  border-top: 1px solid #e6e8ea;
}

#_asm .ASM_input_holder .ASM_autocomplete.ASM_autocomplete_active {
  display: block;
}

#_asm .ASM_input_holder .ASM_autocomplete ul {
  list-style: none;
  padding: 0 10px;
  margin: 0;
}

#_asm .ASM_input_holder .ASM_autocomplete ul li {
  font-size: 18px;
  line-height: 37px;
}

#_asm .ASM-input {
  height: 40px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 20px;
  border-radius: 0;
  border: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  #_asm .ASM-input {
    height: 44px;
    padding: 12px 14px;
    font-size: 16px;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
  }
}

#_asm .ASM-input[disabled],
#_asm .ASM-input.disabled,
#_asm .ASM-input[readonly],
#_asm .ASM-input[readonly]:focus {
  background-color: #b4bac2;
  cursor: default;
  color: #000;
}

#_asm .ASM-input.placeholder {
  color: #757575;
}

#_asm #_asmSessionEndForm .ASM-input {
  background-color: #b4bac2;
}

#_asm #_asmSessionEndForm .ASM-input.placeholder {
  background-color: #fff;
}

#_asmSessionEndForm {
  vertical-align: bottom;
}

select#_asm .ASM-input {
  height: 40px;
  line-height: 40px;
}

textarea#_asm .ASM-input,
select[multiple]#_asm .ASM-input {
  height: auto;
}

#_asm .ASM-input:focus,
#_asm .ASM-input.ASM-input-valid,
#_asm .ASM-input.ASM-input-error {
  background: #fff;
}

#_asm .ASM-input.ASM-input-error {
  color: #ff4544;
  border: 2px solid #ff4544;
  padding: 5px 10px;
}

#_asm .ASM-input-error.placeholder {
  color: #ff958f;
}

#_asm .ASM_header {
  padding-bottom: 15px;
}

#_asm .ASM_header .first-top-row {
  border-bottom: 1px solid #39495e;
  margin: 0 -4em 10px -4em;
  padding: 0 4em;
}

#_asm .ASM_header .ASM_logo {
  float: left;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  color: #063a44;
  margin-right: 40px;
}

@media (min-width: 801px) and (max-width: 1399px) {
  #_asm .ASM_header .ASM_logo span.ASM_cut_text {
    display: none !important;
  }
}
#_asm .ASM_header .ASM_login {
  text-align: right;
}

#_asm .ASM_header .ASM_login .forgotten-password {
  text-align: center;
  margin: 10px 0;
  line-height: 20px;
}

#_asm .ASM_header .ASM_login .forgotten-password a {
  font-size: 16px;
  color: rgb(65, 160, 23);
  text-decoration: underline;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text,
.ASM_timer {
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  margin-left: 15px;
  color: #063a44;
}

#_asm #sessionTimer {
  margin-right: 20px;
  font-weight: 600;
  text-align: left;
}

#_asm #sessionTimer span {
  font-weight: 300;
}

#_asm #sessionTimer .ASM_timer_count {
  display: inline-block;
  min-width: 33px;
  font-weight: 600;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text.element-separator-height {
  border-right: none;
}

#_asm .ASM_header .ASM_loggedin .ASM_loggedin_text p {
  margin: 0;
  text-align: left;
}

#_asm .ASM-btn.ASM-btn-commission-button a {
  text-decoration: none;
}

#_asm .ASM-btn.ASM-btn-commission-button a:hover {
  color: #063a44;
}

@media (max-width: 1039px) {
  #_asm .ASM_header .ASM_login .ASM_input_holder {
    width: 100%;
    margin-bottom: 10px;
  }
  #_asm .ASM_header .ASM_login .forgotten-password {
    text-align: left;
  }
}
@media (max-width: 1023px) {
  #_asm .ASM_end_session {
    margin: 10px 0 0 0;
  }
}
@media (max-width: 800px) {
  .asm-button-text {
    display: inline-block !important;
  }
  #_asm .ASM_header .ASM_logo span.ASM_cut_text {
    display: none !important;
  }
  #_asmPersonifyForm,
  #_asmBindForm {
    display: block;
  }
  #_asm .ASM-btn.ASM-btn-start-session {
    margin-left: 0;
    margin-bottom: 15px;
  }
  .asm-customer360-tab .pager {
    float: none !important;
    text-align: center;
    margin: 0;
  }
  .asm-customer360-tab table {
    margin-bottom: 5px;
  }
  #_asm .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #_asm .ASM_header {
    position: relative;
  }
  #_asm .ASM_header .ASM_login .ASM_input_holder {
    width: 100%;
    margin-bottom: 10px;
  }
  #_asm .ASM_header .first-top-row .ASM_timer,
  #_asm .ASM_header .first-top-row .ASM_loggedin_text {
    text-align: left;
    display: block;
    margin-bottom: 0;
  }
  #_asm .ASM_header .first-top-row .element-separator-height {
    border-right: none;
  }
  #_asm .ASM_header .first-top-row .ASM_loggedin {
    position: relative;
  }
  #_asm .ASM_header .first-top-row .ASM_loggedin .ASM-btn-reset,
  #_asm .ASM_header .first-top-row .ASM_loggedin .ASM-btn-logout {
    text-align: left;
    padding-right: 0;
    outline: none;
    text-transform: none;
  }
  #_asm .ASM_header .ASM_login .ASM_input_holder .ASM-input {
    display: block;
    width: 100%;
  }
  #_asm .ASM_header .ASM_loggedin {
    margin-right: 0;
    padding: 0px;
  }
  #_asm .ASM_header .ASM_loggedin #asmLogoutForm {
    float: right;
  }
  #_asm .ASM_control {
    margin-top: 15px;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text {
    margin: 0;
  }
  #_asm .ASM_session .ASM_input_holder {
    width: 100%;
  }
  #_asm .ASM_session span.ASM_icon-contacts {
    margin-left: 5px;
  }
  #_asm .ASM_session .ASM_icon-chain {
    visibility: hidden;
    opacity: 0;
  }
  #_asm .ASM_timer {
    margin: 0 0 10px 0;
    line-height: 40px;
  }
  #_asm .ASM_timer .ASM-btn-reset {
    float: right;
  }
  #_asm .ASM_end_session {
    margin: 10px 0 0 0;
  }
  #_asm .ASM-btn.ASM-btn-commission-button {
    float: none;
    width: 100%;
    text-align: center;
  }
  #_asm .ASM-btn.ASM-btn-commission-button a {
    text-decoration: none;
  }
  #_asm .ASM_session .ASM_session_input_text {
    display: block;
    line-height: 32px;
    margin-left: 60px;
  }
  #_asm .ASM_session .ASM_session_input_text:before,
  #_asm .ASM_session .ASM_session_input_text:after {
    content: " ";
    display: table;
  }
  #_asm .ASM_session .ASM_session_input_text:after {
    clear: both;
  }
  #_asm .ASM_session .ASM_session_input_text:before,
  #_asm .ASM_session .ASM_session_input_text:after {
    content: " ";
    display: table;
  }
  #_asm .ASM_session .ASM_session_input_text:after {
    clear: both;
  }
  #_asm .ASM_session .ASM_session_andor_text {
    display: none !important;
  }
  #_asm .assign-cart-to-member-wrapper {
    right: 0;
    top: 100px;
  }
  #_asm .ASM_header .ASM_alert {
    position: fixed;
    left: 10%;
    text-align: center;
    width: 80%;
  }
}
@media (min-width: 801px) and (max-width: 690px) {
  .ASM_header .first-top-row .ASM-btn-reset,
  .ASM_header .first-top-row .ASM-btn-logout {
    padding-left: 0 !important;
  }
}
#_asm .ASM_session {
  padding-top: 10px;
}

#_asm .ASM_session #_asmCustomer {
  display: flex;
}

@media (max-width: 1023px) {
  #_asm .ASM_session #_asmCustomer {
    display: flex;
    flex-direction: column;
  }
  #_asm .ASM_session #_asmCustomer .ASM_input_holder.cartId {
    padding: 16px 0px;
  }
  .ASM-button-wrapper {
    align-items: end;
    display: flex;
    margin: 0px 16px;
  }
  #_asm .ASM_end_session,
  .ASM_start_session {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .ASM-button-wrapper {
    gap: 4px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .ASM-button-wrapper {
    gap: 20px;
  }
  .col-sm-12 {
    flex: auto;
  }
}
#_asm .ASM_session .ASM_session_input_text {
  display: inline-block;
  margin: 0 60px 0 0;
  color: #a1aebd;
  font-size: 20px;
}

#_asm .ASM_control {
  height: 8px;
  background-color: #097aff;
  position: relative;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_text {
  display: none;
  font-size: 22px;
  font-weight: 300;
  line-height: 48px;
  color: #fff;
}

#_asm .ASM_control .ASM_control_collapse {
  position: absolute;
  right: 50px;
  bottom: -1px;
  height: 22px;
  width: 82px;
  overflow: hidden;
  cursor: pointer;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "asm_icons", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  position: absolute;
  top: 0;
  display: block;
  color: #fff;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before {
  content: "\e804";
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator {
  display: inline-block;
  font-family: "asm_icons", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 10px;
  top: 6px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #097aff;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}

#_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before {
  content: "\e806";
}

#_asm .ASM_control.ASM_control_session_active {
  background-color: #19bc33;
}

#_asm .ASM_control.ASM_control_session_active .ASM_control_collapse_indicator {
  color: #19bc33;
}

#_asm.ASM-collapsed {
  -webkit-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  margin-top: 53px;
}

#_asm.ASM-collapsed .ASM_header,
#_asm.ASM-collapsed .ASM_session {
  display: none;
}

#_asm.ASM-collapsed .ASM_control {
  height: 48px;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_text {
  display: block;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse {
  top: 0px;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow {
  color: #fff;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before {
  content: "\e803";
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator {
  color: #097aff;
}

#_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before {
  content: "\e805";
}

#_asm.ASM-collapsed .ASM_control.ASM_control_session_active .ASM_control_collapse .ASM_control_collapse_indicator {
  color: #19bc33;
}

/* autocomplete */
.asmAutoComplete .ui-menu {
  list-style: none;
  display: block;
  background-color: white;
  box-shadow: 0 8px 15px #999;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  z-index: 10000;
}

.asmAutoComplete .ui-autocomplete,
#asmHover {
  padding: 7px 10px 5px;
  width: 83vw !important;
  max-width: 660px;
  position: absolute;
  cursor: default;
}

#asmAutoCompleteCartId .ui-autocomplete {
  width: 220px !important;
}

@media (min-width: 801px) and (max-width: 1049px) {
  #asmAutoCompleteCartId .ui-autocomplete {
    width: 210px !important;
  }
}
.asmAutoComplete .ui-autocomplete .ui-menu-item {
  border: none;
  font-size: 18px;
  padding: 5px 0;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item:first-child {
  padding-top: 0;
}

.asmAutoComplete .ui-state-active {
  background: none;
  color: #007fff !important;
  margin: 0 !important;
  border: 0 !important;
}

#_asm .asmAutoComplete .ui-autocomplete .ui-menu-item a,
.asmAutoComplete .ui-autocomplete .ui-menu-item a:hover {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  color: #000 !important;
  padding: 0;
  display: block;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item span,
#asmHover span {
  padding-left: 30px;
  font-size: 18px;
  background-color: #fff;
  vertical-align: top;
  display: inline-block;
}

#asmHover.disabled,
#asmHover.disabled span {
  background-color: #b4bac2;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .noresult {
  padding-left: 3px;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .name,
#asmHover .name {
  padding-left: 3px;
  width: 23%;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .email,
#asmHover .email {
  width: 43%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.asmAutoComplete .ui-autocomplete .ui-menu-item .card {
  padding-right: 3px;
}

.asmAutoComplete .ui-autocomplete a:hover,
.asmAutoComplete .ui-autocomplete a:hover span {
  background-color: #eeeeee;
  cursor: pointer;
}

@media (max-width: 800px) {
  .asmAutoComplete .ui-autocomplete {
    width: auto !important;
    margin-right: 15px;
  }
  #asmHover {
    width: auto !important;
  }
  .asmAutoComplete .ui-autocomplete .ui-menu-item .name,
  .asmAutoComplete .ui-autocomplete .ui-menu-item .email,
  #asmHover .name,
  #asmHover .email {
    width: 100%;
    padding-left: 3px;
  }
  .asmAutoComplete .ui-autocomplete .ui-menu-item .date,
  .asmAutoComplete .ui-autocomplete .ui-menu-item .card,
  #asmHover .date,
  #asmHover .card {
    width: 50%;
    padding-left: 3px;
  }
}
/* end autocomplete */
#asmHover {
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: 0 8px 15px #999;
  font-size: 18px;
  z-index: 10001;
}

/* Customer List Modal */
.account-overview-table #cboxLoadedContent {
  margin-top: 20px;
}

.account-overview-table #cboxTitle {
  display: none !important;
}

.account-overview-table .account-overview-table .img-profile-thumbnail {
  width: 75px;
  height: 75px;
}

.account-overview-table .account-overview-table a {
  font-weight: bold;
}

.account-overview-table .account-overview-table td[data-th=NAME] > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 200px;
}

.account-overview-table .asm-account-section .account-overview-table,
.account-overview-table .asm-account-section .pagination-bar .pagination-bar-results {
  margin: 0;
  padding: 0;
}

.account-overview-table .asm-account-section .account-overview-table {
  padding-top: 10px;
  overflow-x: auto;
}

.account-overview-table .asm-account-section .pagination-bar .pagination-bar-results {
  text-align: center;
  padding-right: 10px;
}

.account-overview-table .asm-account-section .account-section-content .account-orderhistory-pagination .sort-refine-bar option {
  font-size: 1em;
}

.account-overview-table .asm-account-section .account-section-content.content-empty {
  margin-top: 40px;
  margin-bottom: 20px;
}

.account-overview-table .asm-account-section table td,
.ASM_customer360-modal .asm-customer360-tab table td {
  padding: 10px;
  vertical-align: middle;
}

.account-overview-table .asm-account-section table .nav-order-tools {
  border-right: 0;
  padding: 0 15px 0 0px;
  display: flex;
  align-items: flex-end;
}

.account-overview-table .asm-account-section table .nav-order-tools:before {
  color: #0486e0;
}

.account-overview-table .asm-account-section table .nav-order-tools-empty {
  border-right: 0;
  padding: 0 15px 0 0px;
}

.account-overview-table .asm-account-section table .nav-order-tools-empty:before {
  color: #e4e4e4;
  content: "\f227";
  font-family: "bootstrap-icons";
  position: relative;
  top: 23%;
  display: inline;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  cursor: pointer;
}

@media (max-width: 801px) {
  .account-overview-table .asm-account-section table .nav-order-tools {
    padding: 0;
  }
  .account-overview-table .asm-account-section table .nav-order-tools-empty {
    padding: 0;
  }
}
.account-overview-table .asm-card-icon {
  font-size: 30px;
}

.account-overview-table .asm-empty-card-icon {
  color: #e4e4e4;
}

.account-overview-table .asm-account-section .pagination-bar {
  padding: 0;
}

.account-overview-table .asm-account-section .pagination-bar .pagination-toolbar {
  border: 0;
  padding: 0;
}

.account-overview-table .asm-account-section .default-pic:before {
  content: "\e801";
}

.account-overview-table .asm-account-section .default-pic {
  font-family: "asm_icons", sans-serif;
  color: #a6a6a6;
  font-size: 55px;
  line-height: 55px;
  display: block;
  max-width: 100%;
  height: auto;
}

.account-overview-table .customer-list-select-wrapper {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.account-overview-table .customer-list-select {
  border: 0 none;
  font-size: 24px;
  cursor: pointer;
  z-index: 1;
  padding-right: 28px;
  background-color: transparent;
  color: #000000;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Dosis, sans-serif;
  font-weight: 200;
}

.account-overview-table .customer-list-select:focus {
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.account-overview-table .customer-list-select-wrapper:after {
  font-family: "asm_icons", sans-serif;
  content: "\e80a";
  color: #0486e0;
  font-size: 30px;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 50%;
  pointer-events: none;
  z-index: 11;
  margin-top: -20px;
}

@media screen and (min-width: 0\0 ) {
  .account-overview-table .customer-list-select {
    background-image: none;
    padding-right: 0;
  }
  .account-overview-table .customer-list-select-wrapper:before {
    background-color: #ffffff;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 20px;
    pointer-events: none;
    z-index: 10;
  }
  .account-overview-table .customer-list-select-wrapper:after {
    right: -5px;
  }
}
.account-overview-table .customer-list-select option {
  font-size: 1em !important;
  /*font-weight: normal;*/
}

/*AIF Modal*/
#_asm .ASM-btn-customer360 {
  padding: 0;
  text-decoration: inherit;
  background-color: #41a017;
  color: #fff;
  vertical-align: bottom;
  position: relative;
  width: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.ASM-customer360_icon {
  vertical-align: middle;
}

.ASM-customer360_icon:before {
  font-family: "asm_icons", sans-serif;
  content: "\e800";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -2px;
}

#_asm .ASM-btn-customer360[disabled] {
  background: #d2dae4;
  color: #a4a9b9;
  opacity: 1;
  filter: alpha(opacity=100);
}

#_asm .ASM-btn-customer360[disabled] .ASM-customer360_icon:before {
  color: #a4a9b9;
}

.ASM-customer360_customer-list_icon:before {
  color: #0486e0;
  position: static;
}

#_asm .ASM-btn-customer360:focus {
  outline: none;
}

.ASM_customer360-modal .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #0486e0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.ASM_customer360-modal .loader,
.ASM_customer360-modal .loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*End of AIF Modal*/
/*Modifie Techne part of responsive tables styling*/
.account-overview-table table.techne-table td,
.ASM_customer360-modal table.techne-table td {
  color: #313440;
  font-size: 15px;
}

.account-overview-table table.techne-table td.no-padding {
  padding: 0 !important;
}

.account-overview-table table.techne-table td.techne-table-action .hyicon {
  font-size: 24px;
}

.account-overview-table table.techne-table > tbody > tr:nth-child(1n),
.ASM_customer360-modal table.techne-table > tbody > tr:nth-child(1n) {
  background: #eef3f7; /* techne styleguide color*/
}

@media (max-width: 768px) {
  .account-overview-table table.techne-table thead,
  .ASM_customer360-modal table.techne-table thead {
    display: none;
  }
  .account-overview-table .asm-account-section table td,
  .ASM_customer360-modal .asm-customer360-tab table td {
    padding: 0;
  }
  .account-overview-table table.techne-table td,
  .ASM_customer360-modal table.techne-table td {
    clear: both;
    display: block;
    border-top: none !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 10px;
  }
  .account-overview-table table.techne-table td .floating-text,
  .ASM_customer360-modal table.techne-table td .floating-text {
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    word-break: initial;
    word-wrap: initial;
  }
  .account-overview-table table.techne-table td:before,
  .ASM_customer360-modal table.techne-table td:before {
    content: attr(data-th) "";
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #8a8fa1;
  }
  .account-overview-table table.techne-table td > div.cellcontent {
    width: 100%;
    display: block;
    color: #7f90a4;
    font-size: 15px;
  }
  .account-overview-table table.techne-table td.techne-table-xs-left-slot,
  .ASM_customer360-modal table.techne-table td.techne-table-xs-left-slot {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    padding-right: 5px;
    padding-left: 10px;
  }
  .account-overview-table table.techne-table tr,
  .ASM_customer360-modal table.techne-table tr {
    display: block;
    position: relative;
    box-shadow: 0 2px 3px rgba(138, 143, 161, 0.2);
  }
  .account-overview-table table.techne-table tr.techne-table-xs-left,
  .ASM_customer360-modal table.techne-table tr.techne-table-xs-left {
    padding-left: 90px;
  }
  /*End of separator between Cart and Order on mobile */
  .account-overview-table table.techne-table > tbody > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /*Overrides for last 2 rows being next to each other, only for .account-overview-table*/
  .account-overview-table table.techne-table > tbody > tr > td:last-child::before,
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(2)::before,
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(3)::before {
    display: inline;
  }
  .account-overview-table table.techne-table > tbody > tr > td:last-child,
  .account-overview-table table.techne-table > tbody > tr > td:last-child div,
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(2),
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(2) div,
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(3),
  .account-overview-table table.techne-table > tbody > tr > td:nth-last-child(3) div {
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
  }
  .account-overview-table .asm-account-section a.default-pic {
    font-size: 35px;
  }
  .account-overview-table .asm-account-section .img-profile-thumbnail {
    width: 75px;
    height: 75px;
  }
  /*Add a separator between Cart and Order on mobile */
  /*.account-overview-table table.techne-table > tbody > tr > td:nth-last-child(2){*/
  /*padding-right: 30px;*/
  /*}*/
  /*.account-overview-table table.techne-table > tbody > tr > td:last-child::after,*/
  /*.account-overview-table table.techne-table > tbody > tr > td:nth-last-child(2)::after{*/
  /*content: "";*/
  /*background: #cccccc;*/
  /*position: absolute;*/
  /*bottom: 20px;*/
  /*left: 0;*/
  /*height: 40%;*/
  /*width: 2px;*/
  /*}*/
}
.account-overview-table table.techne-table > tbody > tr:nth-child(2n),
.ASM_customer360-modal table.techne-table > tbody > tr:nth-child(2n) {
  background: #ffffff;
}

.account-overview-table table.techne-table > tbody > tr:hover,
.account-overview-table table.techne-table > tbody > tr:hover td {
  background: #f5f5f5;
}

.account-overview-table .techne-table,
.asm__customer360 .techne-table {
  font-family: "Open Sans", sans-serif;
}

.account-overview-table .techne-table th,
.asm__customer360 .techne-table th {
  background-color: #fff;
  color: #7f90a4;
  font-weight: bold;
}

.account-overview-table .control-label,
.ASM_customer360-modal .control-label {
  color: #808fa1;
}

/*Overrides for cart icon to be white on grey on hover*/
.account-overview-table table.techne-table th:last-child,
.ASM_customer360-modal table.techne-table th:last-child {
  text-align: left;
}

/*End of Techne table styling + ASM overrides*/
/*Reduce pagination margin and padding on mobile*/
@media (max-width: 639px) {
  .account-overview-table .asm-account-section .pagination-bar .pagination {
    border: none;
    padding: 5px 0;
  }
  .account-overview-table .asm-account-section .pagination-bar .pagination-bar-results {
    text-align: center;
    padding: 18px 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #bdc6d2;
  }
  /*Mobile fix for long text in dropdown on top of modal with Customers List*/
  .account-overview-table .customer-list-select {
    font-size: 18px;
  }
}
/*common styling for pagination in modals*/
.asm__section .pageable-fragment .pager .active {
  font-weight: bold;
  color: #7f90a4;
}

.asm__section .pageable-fragment h3, .asm__section .pageable-fragment .h3 {
  float: left;
}

.asm__section .pageable-fragment .pager {
  float: right;
}

.account-overview-table .pagination > li > a,
.account-overview-table .pagination > li > span {
  color: #0486e0;
  font-size: 15px;
  font-weight: 600;
}

.account-overview-table .pagination > li > .glyphicon, .account-overview-table .product__listing.product__list .pagination > li > .product__list--item.tag-highlighted:after, .product__listing.product__list .account-overview-table .pagination > li > .product__list--item.tag-highlighted:after, .account-overview-table .product__listing.product__grid .pagination > li > .product-item.tag-highlighted:after, .product__listing.product__grid .account-overview-table .pagination > li > .product-item.tag-highlighted:after, .account-overview-table .accordion .panel .panel-heading .pagination > li > .accordion-toggle:before, .accordion .panel .panel-heading .account-overview-table .pagination > li > .accordion-toggle:before, .account-overview-table .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pagination > li > .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-overview-table .pagination > li > .owl-prev,
.account-overview-table .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pagination > li > .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-overview-table .pagination > li > .owl-next {
  font-size: 11px;
}

.account-overview-table .pagination > li.pagination-prev > a:hover,
.account-overview-table .pagination > li.pagination-next > a:hover,
.account-overview-table .pagination > li.pagination-prev > span:hover,
.account-overview-table .pagination > li.pagination-next > span:hover,
.account-overview-table .pagination > li.pagination-prev > a:focus,
.account-overview-table .pagination > li.pagination-next > a:focus,
.account-overview-table .pagination > li.pagination-prev > span:focus,
.account-overview-table .pagination > li.pagination-next > span:focus {
  margin: 0;
  border: none;
  background-color: transparent;
  color: #035995;
}

.account-overview-table .pagination > li.pagination-prev > a,
.account-overview-table .pagination > li.pagination-next > a,
.account-overview-table .pagination > li.pagination-prev > span,
.account-overview-table .pagination > li.pagination-next > span {
  margin: 0;
  border: none;
}

.account-overview-table .pagination .disabled > span,
.account-overview-table .pagination > li.disabled > span:hover,
.account-overview-table .pagination > li.disabled > span:focus {
  color: #cadbee;
}

.account-overview-table .pagination .active span {
  color: #7f90a4;
}

/*Common Colorbox styling*/
.account-overview-table #cboxClose,
.ASM_customer360-modal #cboxClose {
  font-size: 16px;
}

.account-overview-table #cboxContent {
  position: relative;
}

.account-overview-table #cboxContent:before {
  position: absolute;
  content: "";
  background: #ebeef1;
  width: 100%;
  height: 1px;
  top: 75px;
}

.hide_overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*End of common Colorbox styling*/
#_asm .navigation.navigation--top {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 479px) {
  #_asm .navigation.navigation--top {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #_asm .navigation.navigation--top {
    padding-left: 16px;
    padding-right: 35px;
  }
}

button.ASM_close {
  margin: 0;
  height: inherit;
}

#_asm span.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #19212b;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 0;
}

#_asm .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

#_asm .input-group-addon,
#_asm .input-group-btn,
#_asm .input-group .form-control {
  display: table-cell;
}

#_asm .input-group-addon,
#_asm .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

/*ASM TOOL BAR STYLING*/
.y-toolbar__wrapper {
  position: relative;
}

.y-toolbar__wrapper .y-toolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  min-height: 52px;
  border-top: 1px solid #bdc6d2;
  border-bottom: 1px solid #bdc6d2;
}

.ASM-sort__wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
}

.y-toolbar__wrapper .ASM-toolbar__search {
  border: 0;
  box-shadow: none;
  display: inline-block;
  border-right: 1px solid #bdc6d2;
  padding: 0 16px 0 0;
}

.y-toolbar__wrapper .ASM-toolbar__search .glyphicon-search {
  color: #3c3c3c;
  font-size: 17px;
}

.y-toolbar__wrapper .ASM-toolbar__search .input-group {
  background-color: #ffffff;
  min-height: 38px;
  padding: 5px 0;
}

.y-toolbar__wrapper .ASM-toolbar__search .input-group-btn {
  display: inline-block;
}

.y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput {
  border: none;
  padding: 6px 12px;
  height: 38px;
  min-width: 200px;
}

.y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput:focus {
  border: none;
  outline: none;
}

.y-toolbar__wrapper .ASM-toolbar__search .ASM_customer-list-searchButton {
  width: 40px;
  padding: 0;
  margin: 0;
  height: 38px;
}

.y-toolbar__wrapper .y-toolbar__right {
  display: flex;
  margin-left: auto !important;
  flex-wrap: wrap;
}

.y-toolbar__wrapper .y-toolbar__item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  color: #7f90a4;
  display: inline-block;
}

.y-toolbar__wrapper .y-toolbar__item .pagination {
  margin: 0;
  border: none;
}

.y-toolbar__wrapper .y-toolbar__item .pagination > li {
  vertical-align: baseline;
}

.y-toolbar__wrapper .y-toolbar__item .y-toolbar__btn--caption {
  padding: 10px 16px;
  text-transform: uppercase;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: middle;
  height: 50px;
  line-height: 1;
  cursor: pointer;
  background: 0 0;
  border: none;
  transition: all 0.1s ease-in-out 0s;
  text-decoration: none;
}

.y-toolbar__wrapper .y-toolbar__item .y-toolbar__btn--caption .bi-sort-down {
  margin-right: 20px;
  font-size: 30px;
  line-height: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown {
  border-right: 1px solid #bdc6d2;
}

.y-toolbar__wrapper .y-toolbar__dropdown ul.dropdown-menu {
  margin-top: 0;
  left: -1px;
  border: 1px solid #bdc6d2;
  border-top: 0.5px solid #bdc6d2;
  padding: 5px 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .y-toolbar__dropdown__icon {
  margin-left: 10px;
  color: #7f90a4;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
  min-width: 300px;
  border-radius: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu > li {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu > li {
  padding: 0;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu > li > a {
  padding: 10px 16px;
}

.y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu > li:focus,
.dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #d2dbe6;
}

@media (max-width: 591px) {
  .y-toolbar__wrapper .ASM-sort__wrapper .y-toolbar__dropdown {
    width: 100%;
    border-right: none;
    border-top: 1px solid #bdc6d2;
  }
  .y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
    min-width: 100%;
  }
  .y-toolbar__wrapper .ASM-toolbar__search {
    width: 100%;
    border-right: none;
  }
  .y-toolbar__wrapper .ASM-toolbar__search .input-group {
    width: 100%;
  }
  .y-toolbar__wrapper .ASM-toolbar__search #ASM_customer-list-queryInput {
    width: 90%;
  }
  .y-toolbar__wrapper .ASM-toolbar__search .input-group-btn {
    width: 10%;
  }
}
@media (min-width: 505px) and (max-width: 645px) {
  .y-toolbar__wrapper .y-toolbar__dropdown .dropdown-menu {
    left: auto !important;
    right: 0%;
  }
}
@media (max-width: 639px) {
  .y-toolbar__wrapper .y-toolbar__right {
    float: right;
  }
}
@media (min-width: 768px) {
  .y-toolbar__wrapper .y-toolbar__right {
    float: right;
  }
}
@media (max-width: 902px) {
  .y-toolbar__wrapper .y-toolbar__right {
    width: 100%;
    border-top: 1px solid #bdc6d2;
    min-height: 52px;
  }
  .y-toolbar__wrapper .y-toolbar__right nav {
    text-align: right;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .y-toolbar__wrapper .y-toolbar__dropdown {
    float: right;
  }
}
/* collapsible */
#_asm {
  display: none;
}

#_asm .collapseBtn-wrapper {
  height: 1px;
}

#_asm .collapseBtn-wrapper:before {
  content: "← drag to move → ";
  display: none;
  position: absolute;
  left: -25px;
  right: 25px;
  height: 40px;
  background: #fad714;
  opacity: 0.3;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  height: 40px;
}

#_asm .collapseBtn-wrapper.active:before {
  display: block;
}

#_asm .collapseBtn {
  position: absolute;
  left: unset !important;
  right: var(--cx-grid-col-gutter);
  display: none;
  cursor: pointer;
  background: #f0f0f0;
  outline: none !important;
  width: 40px;
  height: 40px;
  padding: 0px;
}

#_asm .collapseBtn svg {
  width: 20px;
  height: auto;
}

#_asm .collapseBtn svg path {
  fill: #102739;
}

#_asm.asm-collapsed .collapseBtn svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#_asm.asm-collapsed .ASM_header {
  display: none;
}

.page-homepage .first-top-row {
  display: block;
}

.page-homepage .row > button.ASM_close, .page-homepage .cart__content > button.ASM_close,
.page-homepage .row > .ASM_logo,
.page-homepage .cart__content > .ASM_logo,
.page-homepage .row > #asmLogoutForm,
.page-homepage .cart__content > #asmLogoutForm {
  width: auto;
}

#_asm .ASM-btn.ASM-btn-commission-button,
#asmLogoutForm {
  vertical-align: bottom;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 33px;
}
@media (max-width: 479px) {
  #_asm .ASM-btn.ASM-btn-commission-button,
  #asmLogoutForm {
    padding-top: 0px;
  }
}

@media (max-width: 479px) {
  #_asm .ASM-btn.ASM-btn-commission-button,
  #asmLogoutForm,
  .ASM-btn-customer-list {
    text-transform: none;
  }
}

.page-homepage #_asm .row, .page-homepage #_asm .cart__content {
  display: block;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  border-width: 0 0 2px;
  border-color: #0486e0;
  background-color: transparent;
}

.nav-tabs.asm__customer360__menu > li > a, .tabs .asm__customer360__menu.tabs-list > li > a {
  font-size: 15px;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  color: #0486e0;
}

.nav-tabs.asm__customer360__menu > li > a, .tabs .asm__customer360__menu.tabs-list > li > a {
  font-size: 15px;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  border-width: 0 0 2px;
  border-color: #0486e0;
  background-color: transparent;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  color: #0486e0;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li > a, .tabs .tabs-list > li > a {
  transition: background 0.1s ease-out, border 0.1s ease-out;
  text-transform: uppercase;
  border-radius: 0;
  border-width: 0 0 2px;
  color: #a1aebd;
}

.nav-tabs.asm__customer360__menu > li > a, .tabs .asm__customer360__menu.tabs-list > li > a {
  font-size: 15px;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  border-width: 0 0 2px;
  border-color: #0486e0;
  background-color: transparent;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a {
  color: #0486e0;
}

.nav-tabs > li.active > a, .tabs .tabs-list > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li > a, .tabs .tabs-list > li > a {
  transition: background 0.1s ease-out, border 0.1s ease-out;
  text-transform: uppercase;
  border-radius: 0;
  border-width: 0 0 2px;
  color: #a1aebd;
}

.nav-tabs > li > a, .tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}

.nav > li > a, .tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.ASM_customer360-modal p,
.ASM_customer360-modal a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}

.table > :not(caption) > * > * {
  border-bottom-width: 0px;
}

@media (max-width: 479px) {
  #_asm .collapseBtn {
    width: 30px !important;
    height: 30px !important;
    padding: 0px !important;
  }
  #_asm .collapseBtn svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  #_asm .collapseBtn {
    width: 26px !important;
    height: 27px !important;
    padding: 0px !important;
  }
  #_asm .collapseBtn svg {
    width: 18px;
    height: 18px;
  }
}
#_asm .row, #_asm .cart__content {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

#_asmPersonifyForm .col-md-3 {
  width: 378px;
}
@media (max-width: 1023px) {
  #_asmPersonifyForm .col-md-3 {
    width: 100%;
  }
}

#_asm .col-xs-1,
#_asm .col-sm-1,
#_asm .col-md-1,
#_asm .col-lg-1,
#_asm .col-xs-2,
#_asm .col-sm-2,
#_asm .col-md-2,
#_asm .col-lg-2,
#_asm .col-xs-3,
#_asm .col-sm-3,
#_asm .col-md-3,
#_asm .col-lg-3,
#_asm .col-xs-4,
#_asm .col-sm-4,
#_asm .col-md-4,
#_asm .col-lg-4,
#_asm .col-xs-5,
#_asm .col-sm-5,
#_asm .col-md-5,
#_asm .col-lg-5,
#_asm .col-xs-6,
#_asm .col-sm-6,
#_asm .col-md-6,
#_asm .col-lg-6,
#_asm .col-xs-7,
#_asm .col-sm-7,
#_asm .col-md-7,
#_asm .col-lg-7,
#_asm .col-xs-8,
#_asm .col-sm-8,
#_asm .col-md-8,
#_asm .col-lg-8,
#_asm .col-xs-9,
#_asm .col-sm-9,
#_asm .col-md-9,
#_asm .col-lg-9,
#_asm .col-xs-10,
#_asm .col-sm-10,
#_asm .col-md-10,
#_asm .col-lg-10,
#_asm .col-xs-11,
#_asm .col-sm-11,
#_asm .col-md-11,
#_asm .col-lg-11,
#_asm .col-xs-12,
#_asm .col-sm-12,
#_asm .col-md-12,
#_asm .col-lg-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#_asm .ASM_header .first-top-row {
  margin: 0 -4em 10px -4em !important;
  display: block;
}

#_asm .ASM_header .ASM_logo {
  width: auto;
  padding-left: 0px;
  margin-right: 24px !important;
}

#_asm .ASM_header {
  padding-bottom: 20px !important;
}

#_asm .ASM_input_holder {
  display: flex !important;
}
@media (min-width: 1024px) {
  #_asm .ASM_input_holder {
    width: 350px;
  }
}

#_asm span.input-group-addon {
  border: 1px solid #bab6bc !important;
}

input.ASM-input::placeholder {
  color: rgba(108, 117, 125, 0.75);
}

#_asm .ASM_session {
  padding-left: 0;
  padding-right: 0;
}
#_asm .ASM_session .col-md-3.col-sm-4.col-xs-12 {
  width: 378px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
#_asm .ASM_session .col-md-3.col-sm-2.col-xs-12 {
  width: 236px;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
@media (max-width: 479px) {
  #_asm .ASM_session .col-md-3.col-sm-2.col-xs-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #_asm .ASM_session .col-md-3.col-sm-2.col-xs-12 {
    width: 274px;
  }
}

.ASM_icon-logout {
  margin-top: 1px !important;
}

#_asm {
  font-family: Inter !important;
}

#_asm .ASM-btn.ASM-btn-logout,
#_asm .ASM-btn.ASM-btn-reset,
#_asm .ASM-btn.ASM-btn-customers {
  background: transparent;
  outline: none;
  height: fit-content;
  padding-left: 0px;
  font-size: 16px;
}
@media (max-width: 479px) {
  #_asm .ASM-btn.ASM-btn-logout,
  #_asm .ASM-btn.ASM-btn-reset,
  #_asm .ASM-btn.ASM-btn-customers {
    font-weight: 400;
    font-size: 12px;
    line-height: 33px;
    text-transform: none;
    padding: 0px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #_asm .ASM-btn.ASM-btn-logout,
  #_asm .ASM-btn.ASM-btn-reset,
  #_asm .ASM-btn.ASM-btn-customers {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 39.6px;
    text-transform: none;
  }
}

#_asm .ASM_input_holder label {
  font-family: Inter !important;
}

.linha-vertical {
  height: 500px !important; /*Altura da linha*/
  border-left: 2px solid !important; /* Adiciona borda esquerda na div como ser fosse uma linha.*/
}

#_asm .ASM_header .first-top-row .element-separator-height.btn-logout-element {
  float: right !important;
}

#_asm .ASM_header .ASM_logo {
  font-family: "Inter";
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  color: #063a44;
  margin-right: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1024px) {
  #_asm .ASM_header .ASM_logo {
    border-right: 2px solid #bab6bc;
    padding-right: 24px;
    height: 26px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 479px) {
  #_asm .ASM_header .ASM_logo {
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 10px 0px 0px 0px;
  }
}

​ #_asm .ASM_header #_asmLogged .ASM_loggedin_text_label {
  text-transform: none !important;
}

​ #_asm .ASM_header .ASM_loggedin {
  text-align: unset !important;
  margin-top: 10px;
}

​ ​ .ASM_loggedin_text.element-separator-height.first-item-separator {
  border-left: 1px solid #bab6bc !important;
  margin-top: 11px !important;
  margin-bottom: 11px !important;
  margin-left: 12px !important;
  padding-left: 24px !important;
  padding-top: 0px !important;
  height: fit-content !important;
}

​ .asmAutoComplete .ui-autocomplete .ui-menu-item span,
#asmHover span {
  font-family: Inter !important;
}

​ #asmHover {
  font-family: Inter !important;
}

​ .account-overview-table .customer-list-select {
  font-family: Inter !important;
}

#_asm input,
.ASM_cut_text,
.ASM-btn {
  font-family: Inter !important;
}

button.ASM_close {
  font-family: Inter !important;
}

​ #_asm .ASM-btn.ASM-btn-commission-button {
  padding-top: 0px !important;
  vertical-align: bottom !important;
  float: right !important;
  height: auto !important;
}

​ .ASM-btn-customers,
.ASM-btn-logout {
  margin-top: 0px !important;
}

​ #_asm .ASM_header .first-top-row .element-separator-height {
  height: auto !important;
  padding-top: 0px !important;
}

#_asm .collapseBtn {
  background: #fff !important;
}

.ASM_icon-user:before {
  font-family: "asm_icons", sans-serif;
  content: "\e810";
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  min-width: 14px;
  background-image: url(./../../common/images/contact_icon-asm.svg) !important;
  color: transparent !important;
  vertical-align: middle !important;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  .ASM_icon-user:before {
    width: 22px;
  }
}

​ .ASM_icon-cart:before {
  font-family: "asm_icons", sans-serif;
  content: "\e810";
  vertical-align: middle;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  min-width: 14px;
  background-image: url(./../../common/images/cart-icon-asm.svg) !important;
  color: transparent !important;
  vertical-align: middle !important;
  background-repeat: no-repeat;
}

#_asm span.input-group-addon {
  font-size: 20px !important;
  border-radius: 8px 0px 0px 8px !important;
}

#_asm .ASM-input {
  border-radius: 0px 8px 8px 0px !important;
  border: 1px solid #bab6bc !important;
}

.before-start-session:before {
  content: "\e80b" !important;
  vertical-align: middle !important;
  color: transparent !important;
  font-size: 23px !important;
  position: relative !important;
  top: 8px !important;
  background-image: url(./../../common/images/playsign.svg) !important;
  background-repeat: no-repeat !important;
}

​ .ASM-customer360_icon:before {
  content: "\e80b" !important;
  vertical-align: middle !important;
  color: transparent !important;
  font-size: 23px !important;
  position: relative !important;
  top: 12px !important;
  background-image: url(./../../common/images/eyes.svg) !important;
  background-repeat: no-repeat !important;
}

#_asm .ASM-btn-customer360 {
  background-color: #78be20 !important;
}

.ASM_icon-chain:before {
  content: "" !important;
}

.ASM-input[readonly] {
  background-color: #fff !important;
}

.ASM-btn-end-session {
  background-color: rgba(234, 93, 88, 0.2) !important;
  border: 1px solid #ea5d58 !important;
  color: #ea5d58 !important;
}

#_asm .ASM_end_session {
  margin-bottom: 0px !important;
}

#_asm .assign-cart-to-member-wrapper {
  right: 420px !important;
  width: 238px !important;
}

.logoB2C {
  display: none;
}

@media (min-width: 1024px) {
  .allFirstStep {
    height: 48px;
    display: flex;
    justify-content: space-between;
  }
  .allFirstStep .ASM_loggedin_text_name {
    font-weight: 600;
    margin-right: 8px;
  }
  .allFirstStep .ASM_loggedin_agent_store_name {
    display: flex;
    align-items: center;
    width: 100%;
    font-family: Inter;
    text-wrap: nowrap;
  }
  .allFirstStep .ASM_loggedin_agent_store_name p {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .allFirstStep .ASM_loggedin {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .allFirstStep .first-top-row .element-separator-height {
    height: 60px;
    padding-top: 10px;
    display: flex;
  }
  .allFirstStep .firstDivion {
    display: flex;
    align-items: center;
  }
  .allFirstStep .ASM-btn-logout {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
  }
  .ASM_start_session,
  .ASM_end_session {
    width: 206px;
  }
  #_asm .ASM-btn-customer360,
  #_asm .B2B-ASM-btn.ASM-btn-end-session {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
@media (max-width: 479px) {
  .asmActions {
    width: 100%;
    padding-top: 8px;
    display: inline-flex;
    align-items: flex-start;
    gap: 32px;
  }
  #_asm .ASM_header #_asmLogged .ASM_loggedin_text_label {
    font-weight: 400;
    font-size: 12px;
    text-transform: none;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_text_name {
    font-weight: 600;
    font-size: 12px;
    margin-right: 18px;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_agent_store_name {
    font-family: Inter;
    display: inline-block;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_agent_store_name div {
    display: inline-block;
  }
  #_asm .ASM-btn.ASM-btn-commission-button,
  #asmLogoutForm {
    padding: 0px;
  }
  #_asm .ASM-btn.ASM-btn-customer-list {
    justify-content: center;
    display: flex;
    gap: 8px;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text {
    padding-top: 40px;
  }
  .responsivetopMenu {
    padding: 0px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .asmActions {
    width: 100%;
    height: 55px;
    padding-top: 8px;
    display: inline-flex;
    align-items: flex-start;
    gap: 48px;
  }
  .cartId {
    padding: 16px 0px;
  }
  #_asm .ASM_header .ASM_logo {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 17px;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_agent_store_name {
    font-family: Inter;
    margin-top: 12px;
    display: inline-block;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_agent_store_name div {
    display: inline-block;
  }
  #_asm .ASM-btn.ASM-btn-customer-list,
  .ASM-btn-commission-button,
  .ASM-btn-logout {
    padding: 0px;
  }
  #_asm .ASM_header .ASM_loggedin {
    padding: 0px;
    text-align: inherit;
  }
  #_asm .ASM_header #_asmLogged .ASM_loggedin_text_label {
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
  }
  #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text {
    padding-top: 38px;
    display: inherit;
    margin: 0px;
  }
  .responsivetopMenu {
    padding: 0px;
  }
  #_asmCustomer .col-md-3 {
    width: 100%;
  }
  #_asm .B2B-ASM-btn.ASM-btn-start-session {
    border-radius: 8px;
    color: #ffffff;
    text-transform: none;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .responsivetopMenu .ASM_loggedin_text_name {
    font-weight: 600;
    margin-right: 8px;
  }
  #_asm .ASM-btn.ASM-btn-commission-button,
  #asmLogoutForm {
    padding-top: 0px;
  }
}
@media (max-width: 1023px) {
  .asmTopMenuDesktop {
    display: none;
  }
}

@media (min-width: 1024px) {
  .responsivetopMenu {
    display: none;
  }
}

@media (min-width: 1024px) {
  #_asm .ASM-btn,
  #asmLogoutForm {
    align-items: center;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  .allFirstStep .ASM_loggedin_agent_store_name {
    display: inline-block;
    text-wrap: unset;
  }
  .allFirstStep .ASM_loggedin_agent_store_name p {
    display: inline-block;
  }
  #_asm .ASM-btn.ASM-btn-commission-button {
    width: 122px;
  }
  #_asm .ASM_header .ASM_logo {
    padding-right: 16px;
    margin-right: 16px !important;
  }
}
.asm-button-text {
  color: #063a44;
}

.banner__component--responsive img {
  width: 100%;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel2 {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel2 .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel2 .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel2 .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
  grid-column-start: 1;
  grid-row-start: 1;
  z-index: 0;
}

.owl-carousel2 .owl-wrapper,
.owl-carousel2 .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel2 .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel2 .owl-item img {
  display: block;
  width: 100%;
  max-width: 1440px;
}

.owl-carousel2 .owl-nav.disabled,
.owl-carousel2 .owl-dots.disabled {
  display: none;
}

.owl-carousel2 .owl-nav .owl-prev,
.owl-carousel2 .owl-nav .owl-next,
.owl-carousel2 .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel2.owl-loaded {
  display: grid;
  align-items: center;
  z-index: 0;
}

.owl-carousel2.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel2.owl-hidden {
  opacity: 0;
}

.owl-carousel2.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel2.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel2.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel2.owl-rtl {
  direction: rtl;
}

.owl-carousel2.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel2 {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel2 .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel2 .owl-animated-in {
  z-index: 0;
}

.owl-carousel2 .owl-animated-out {
  z-index: 1;
}

.owl-carousel2 .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel2 .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel2 .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel2 .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000;
}

.owl-carousel2 .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel2 .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel2 .owl-video-playing .owl-video-tn,
.owl-carousel2 .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel2 .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel2 .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

.carousel-component {
  padding-bottom: 64px;
}
@media (max-width: 639px) {
  .carousel-component {
    padding-bottom: 24px;
  }
}

.carousel-component-wrapper {
  margin: 0 auto;
  touch-action: none;
}
.carousel-component-wrapper .carousel__component--headline h1, .carousel-component-wrapper .carousel__component--headline .h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 33px;
  color: #000000;
}
@media (max-width: 479px) {
  .carousel-component-wrapper .carousel__component--headline h1, .carousel-component-wrapper .carousel__component--headline .h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .carousel-component-wrapper .carousel__component--headline h1, .carousel-component-wrapper .carousel__component--headline .h1 {
    font-size: 24px;
    margin-bottom: 6px;
  }
}
.carousel-component-wrapper .carousel__component--headline {
  width: 100%;
  margin: 0 0;
}
.carousel-component-wrapper .carousel__component--headline h4, .carousel-component-wrapper .carousel__component--headline .h4 {
  display: inline;
}
.carousel-component-wrapper .carousel__component--headline .carousel-product-qtd {
  font-size: 18px;
  font-weight: 300;
  color: #d3d2d6;
}
@media (max-width: 1023px) and (min-width: 480px) {
  .carousel-component-wrapper .carousel__component--headline {
    padding-bottom: 0px;
  }
  .carousel-component-wrapper .carousel__component--headline.carousel__component--headline {
    display: flex;
  }
}
@media (max-width: 479px) {
  .carousel-component-wrapper .carousel__component--headline {
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .carousel-component-wrapper .ycmscomponent {
    padding-top: 40px;
  }
}
.carousel-component-wrapper .owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.carousel-component-wrapper .owl-carousel::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-component-wrapper .owl-carousel .js-owl-qty-selector-input {
  width: 100px;
}
.carousel-component-wrapper .owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  height: fit-content;
  margin: 0 auto;
}
.carousel-component-wrapper .owl-carousel .owl-wrapper-outer.autoheight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.carousel-component-wrapper .owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  align-self: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons {
  display: flex;
  justify-content: space-between;
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next {
  width: 40px;
  height: 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transform: translate(0, -50%);
  color: rgba(255, 255, 255, 0.7);
  font-size: 120px;
  overflow: hidden;
  transition: transition("0.3s ease-out");
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .product__listing.product__list span.product__list--item.tag-highlighted:after, .product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.product__list--item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .product__listing.product__grid span.product-item.tag-highlighted:after, .product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.product-item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .accordion .panel .panel-heading span.accordion-toggle:before, .accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.accordion-toggle:before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.owl-prev,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .product__listing.product__list span.product__list--item.tag-highlighted:after,
.product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.product__list--item.tag-highlighted:after,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .product__listing.product__grid span.product-item.tag-highlighted:after,
.product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.product-item.tag-highlighted:after,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .accordion .panel .panel-heading span.accordion-toggle:before,
.accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.accordion-toggle:before,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.owl-prev,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.owl-next {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: var(--cx-color-primary);
  transition: "0.3s ease-in";
}
@media (prefers-reduced-motion: reduce) {
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .product__listing.product__list span.product__list--item.tag-highlighted:after, .product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.product__list--item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .product__listing.product__grid span.product-item.tag-highlighted:after, .product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.product-item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev .accordion .panel .panel-heading span.accordion-toggle:before, .accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.accordion-toggle:before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.owl-prev,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev span.owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .product__listing.product__list span.product__list--item.tag-highlighted:after,
  .product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.product__list--item.tag-highlighted:after,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .product__listing.product__grid span.product-item.tag-highlighted:after,
  .product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.product-item.tag-highlighted:after,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next .accordion .panel .panel-heading span.accordion-toggle:before,
  .accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.accordion-toggle:before,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.owl-prev,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next span.owl-next {
    transition: none;
  }
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: rgb(255, 255, 255);
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover .product__listing.product__list span.product__list--item.tag-highlighted:after, .product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.product__list--item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover .product__listing.product__grid span.product-item.tag-highlighted:after, .product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.product-item.tag-highlighted:after, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover .accordion .panel .panel-heading span.accordion-toggle:before, .accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.accordion-toggle:before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.owl-prev,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover .product__listing.product__list span.product__list--item.tag-highlighted:after,
.product__listing.product__list .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.product__list--item.tag-highlighted:after,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover .product__listing.product__grid span.product-item.tag-highlighted:after,
.product__listing.product__grid .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.product-item.tag-highlighted:after,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover .accordion .panel .panel-heading span.accordion-toggle:before,
.accordion .panel .panel-heading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.accordion-toggle:before,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.owl-prev,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:hover span.owl-next {
  color: #0a601b;
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next {
  left: 10px;
}
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev {
  right: 10px;
}
@media (max-width: 1023px) {
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons {
    display: none;
  }
}
@media (max-width: 639px) {
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 760px;
  }
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 14px;
  }
}
.carousel-component-wrapper .carousel,
.carousel-component-wrapper .carousel__component--carousel {
  display: grid !important;
}
.carousel-component-wrapper .carousel > *,
.carousel-component-wrapper .carousel__component--carousel > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.carousel-component-wrapper .carousel__component {
  margin: 0;
}
.carousel-component-wrapper .carousel__component::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-component-wrapper .carousel__component + .carousel-component,
.carousel-component-wrapper .carousel__component .carousel__component {
  margin-top: 0;
  padding-top: 30px;
}
.carousel-component-wrapper .carousel__component:hover .owl-controls {
  opacity: 1;
}
.carousel-component-wrapper .rotating-image-componet::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-component-wrapper .rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.carousel-component-wrapper .rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.carousel-component-wrapper .rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.carousel-component-wrapper .rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}
.carousel-component-wrapper .image-gallery .image-gallery__image .owl-item .item {
  padding: 0;
}
.carousel-component-wrapper .image-gallery .image-gallery__image .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.carousel-component-wrapper .image-gallery .gallery-carousel .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}

.yCmsContentSlot-carousel .yComponentWrapper {
  padding-left: 0px;
  padding-right: 0px;
}

.carousel__component .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.carousel__component .owl-wrapper:after::after {
  display: block;
  clear: both;
  content: "";
}
.carousel__component .owl-wrapper .owl-item {
  height: fit-content;
  background: #ffffff;
  border: 0px solid #eeeef0;
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.carousel__component .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .carousel__component .owl-wrapper .owl-item {
    width: auto !important;
  }
}
@media (max-width: 639px) {
  .carousel__component .owl-wrapper .owl-item {
    margin-top: 0px;
  }
}
@media (max-width: 1023px) {
  .carousel__component .owl-wrapper {
    transform: none !important;
    transition: none !important;
    width: 100vw !important;
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .carousel__component .owl-wrapper.owl-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.carousel__item--price--wrapper .discount {
  padding-left: 10px;
}
@media (min-width: 1024px) {
  .carousel__item--price--wrapper .discount {
    min-height: 40px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .carousel__item--price--wrapper .discount {
    min-height: 20px;
  }
}
@media (max-width: 640px) {
  .carousel__item--price--wrapper .discount {
    padding-left: 0px;
  }
}

.carousel__item--price--wrapper {
  width: 236px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 282px;
}
.carousel__item--price--wrapper.multiple-stamps {
  height: 370px;
}
.carousel__item--price--wrapper.multiple-stamps .discount {
  height: 85px;
}
.carousel__item--price--wrapper .item__add-to-cart {
  width: 100%;
  height: auto;
}
.carousel__item--price--wrapper .item__add-to-cart form {
  width: 100%;
  margin: 0 auto;
}
.carousel__item--price--wrapper .item__add-to-cart button img {
  margin-left: 0px;
}
.carousel__item--price--wrapper .discount .offer-stamp {
  margin-top: 10.6px;
}
@media (max-width: 1023px) {
  .carousel__item--price--wrapper {
    padding: 10px;
  }
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel::after {
  display: block;
  clear: both;
  content: "";
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoheight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after::after {
  display: block;
  clear: both;
  content: "";
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  width: 276px !important;
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}

.image-gallery .image-gallery__zoom-icon {
  display: none;
}
.image-gallery .image-gallery__image {
  justify-items: center;
  display: grid !important;
  justify-content: center;
}
.image-gallery .image-gallery__image .owl-wrapper-outer {
  width: 352px;
}
.image-gallery .image-gallery__image .owl-wrapper-outer .owl-item {
  touch-action: none;
}
.image-gallery .image-gallery__image .owl-wrapper-outer .owl-item .item {
  padding: 0;
}
@media (max-width: 1023px) {
  .image-gallery .image-gallery__image .owl-wrapper-outer .owl-item .item {
    display: flex;
    justify-content: center;
  }
}
.image-gallery .image-gallery__image .owl-wrapper-outer .owl-item img {
  width: 352px;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (max-width: 1023px) {
  .image-gallery .image-gallery__image .owl-wrapper-outer .owl-item img {
    max-height: 226px;
    width: auto;
  }
}
.image-gallery .image-gallery__image .owl-buttons {
  display: flex;
  justify-content: space-between;
  width: 542px;
}
.image-gallery .image-gallery__image .owl-buttons .owl-prev,
.image-gallery .image-gallery__image .owl-buttons .owl-next {
  background: #ffffff;
  width: 30px;
  height: 30px;
  display: grid !important;
  align-items: center;
  justify-content: center;
  z-index: 9;
  border: 1px solid #887f87;
  box-sizing: border-box;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.image-gallery .image-gallery__image .owl-controls:hover {
  opacity: 1;
}
.image-gallery .image-gallery__image .owl-controls {
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.image-gallery .image-gallery__image > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
@media (max-width: 1023px) {
  .image-gallery .image-gallery__image .owl-controls {
    opacity: 1;
    transition: none;
    justify-self: end;
    align-items: flex-end;
    margin: 0px 8px 8px 0px;
  }
  .image-gallery .image-gallery__image .owl-pagination {
    max-width: 74px;
    max-height: 18px;
    background: #ffffff;
    border-radius: 8px;
    z-index: 9;
    color: #000000;
    font-size: 8px;
    padding: 4px 16px;
  }
  .image-gallery .image-gallery__image .owl-item {
    padding: 10px;
  }
}
@media (min-width: 1024px) {
  .image-gallery .image-gallery__image .owl-pagination {
    display: none;
  }
}
.image-gallery .gallery-carousel .owl-wrapper-outer .owl-wrapper {
  margin: auto;
  margin-top: 28px;
}
.image-gallery .gallery-carousel .owl-item img {
  width: 64px;
  height: auto;
  max-width: none;
  max-height: none;
  border-radius: 8px;
}
.image-gallery .gallery-carousel .owl-item img.active {
  border: 2px solid #000000;
  padding: 2px;
}
.image-gallery .gallery-carousel .owl-controls img {
  display: none;
}
@media (min-width: 640px) {
  .image-gallery .gallery-carousel .owl-pagination {
    display: none;
  }
}

/* MOBILE */
@media (max-width: 479px) {
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 181px !important;
    padding-right: 20px;
  }
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:last-child {
    width: 220px !important;
    padding-right: 32px;
  }
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.owl-item-anonymous {
    width: 181px !important;
    padding-right: 6px;
    margin-right: 0px;
  }
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.owl-item-anonymous:last-child {
    padding-right: 6px;
    margin-right: 0px;
  }
  .carousel-component-wrapper .carousel__component--carousel {
    margin: 0px;
  }
  .carousel__item {
    width: 161px !important;
    /* AN0NYMOUS */
  }
  .carousel__item .carousel__item--price.price-from {
    margin-left: 0px;
    font-weight: 600;
    font-size: 10px;
    line-height: 15px;
    color: #063a44;
    text-decoration-line: line-through;
  }
  .carousel__item .carousel__item--price.price-per {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
  }
  .carousel__item .carousel__item--name {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: auto;
    color: #000000;
  }
  .carousel__item .carousel__item--price--wrapper .stock-wrapper {
    margin-left: 0px;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
    padding: 0px 0px 0px 10px;
    height: 24px;
    color: #035f64;
    margin-top: 4px;
  }
  .carousel__item .btn-add-to-cart {
    width: 155px;
    height: 40px;
    font-style: italic;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    padding: 0px;
  }
  .carousel__item .btn-add-to-cart img {
    width: 16px;
    height: 14.92px;
    margin-left: 0;
  }
  .carousel__item .carousel__item--price--wrapper .item__add-to-cart form {
    display: flex;
  }
  .carousel__item .carousel-installments {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    padding-left: 10px;
  }
  .carousel__item .carousel-product-information .carousel__item--price--section {
    padding-left: 10px;
    margin-top: 0px;
    height: 39px;
  }
  .carousel__item .carousel-product-information .carousel-product-information__top {
    padding-left: 10px;
    height: 30px;
    margin-top: 0px;
  }
  .carousel__item .carousel-product-information {
    width: 161px;
  }
  .carousel__item .carousel__item--price--wrapper {
    padding: 0px;
  }
  .carousel__item .carousel-product-information {
    padding-left: 0px;
  }
  .carousel__item .carousel__item--price--wrapper {
    width: 161px !important;
    height: 209px;
  }
  .carousel__item .carousel__item--price--wrapper .discount {
    min-height: 23px;
    height: 23px;
    margin-top: 8px;
  }
  .carousel__item .carousel__item--price--wrapper .carousel__item--price--section {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
  }
  .carousel__item .carousel__item--price--wrapper.multiple-stamps {
    height: 254px;
  }
  .carousel__item .carousel__item--price--wrapper.multiple-stamps .discount {
    height: 46px;
  }
  .carousel__item .carousel__item--price--wrapper.multiple-stamps .carousel-product-information {
    height: 187px;
  }
  .carousel__item .carousel__item--price--wrapper.multiple-stamps .carousel__item--price--section {
    height: 38px;
  }
  .carousel__item .carousel__item--price--wrapper.multiple-stamps .carousel-product-information__top {
    margin-bottom: 12px;
  }
  .carousel__item .carousel__item--thumb img,
  .carousel__item .carousel__item--thumb,
  .carousel__item a {
    width: 161px;
    max-width: 161px;
    height: auto;
  }
  .carousel__item .carousel__item--price {
    margin: 0px;
  }
  .carousel__item .carousel__item--price--wrapper .discount .offer-stamp {
    height: 19px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    margin-top: 4px;
  }
  .carousel__item .carousel__item--price--wrapper .discount .offer-stamp.offer-zpes,
  .carousel__item .carousel__item--price--wrapper .discount .offer-stamp.offer-promotion {
    width: fit-content;
  }
  .carousel__item .green-line {
    width: 161px;
    height: 4px;
    background: var(--cx-color-primary);
    margin-top: 8px;
  }
  .carousel__item.isAnounymous:last-child {
    width: 220px !important;
  }
  .carousel__item.isAnounymous .carousel__item--name {
    font-weight: 400;
    font-size: 12px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: auto;
    height: 48px;
    padding-top: 16px;
    line-height: 15px;
    color: #000000;
    padding-left: 10px;
    margin-bottom: 19px;
    width: 175px;
  }
  .carousel__item.isAnounymous .carousel__item--price.price-from {
    font-size: 16px;
    margin-left: 0px;
  }
  .carousel__item.isAnounymous .carousel__item--price.price-per {
    font-style: normal;
    font-size: 24px;
  }
  .carousel__item.isAnounymous .carousel__item--price--wrapper .stock-wrapper {
    margin-left: 0px;
    padding: 0px;
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
  }
  .carousel__item.isAnounymous .see-price {
    font-style: italic;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item,
  .carousel__item.isAnounymous .carousel__item--price--wrapper {
    width: 175px;
  }
  .carousel__item.isAnounymous .carousel__item--price--wrapper {
    height: 288px;
  }
  .carousel__item.isAnounymous .carousel__item--thumb img,
  .carousel__item.isAnounymous .carousel__item--thumb,
  .carousel__item.isAnounymous a {
    width: 161px;
    max-width: 161px;
    height: auto;
  }
  .carousel__item.isAnounymous .carousel__item--price {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-top: 19px;
    padding-left: 10px;
  }
  .carousel__item.isAnounymous .carousel__item--thumb .offer-stamp.offer-zpes,
  .carousel__item.isAnounymous .carousel__item--thumb .offer-stamp.offer-promotion {
    max-width: 100%;
    width: fit-content;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel {
    margin: 0px;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .owl-carousel .owl-wrapper-outer .owl-wrapper {
    padding: 0px 10px;
  }
  .carousel__item.isAnounymous .carousel-installments {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #222020;
    margin-top: 6px;
  }
  .carousel__item.isAnounymous .see-price {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
  }
  .carousel__item.isAnounymous .price-button img {
    width: 12.8px;
    height: 7.68px;
  }
  .carousel__item.isAnounymous .price-button {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    width: 175px;
  }
  .carousel__item.isAnounymous .price-button button {
    width: 159px;
    height: 40px;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--price {
    font-size: 18px;
    line-height: 22px;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item,
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--price--wrapper,
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item {
    width: 141.6px;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--thumb img,
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--thumb,
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component--carousel .carousel__item a {
    width: 141.6px;
    max-width: 141.6px;
    height: auto;
  }
  .carousel__item.isAnounymous .green-line {
    width: 175px;
    height: 4px;
    background: var(--cx-color-primary);
    margin-top: 6px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .owl-item .carousel__item:last-child {
    width: 179px !important;
  }
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 16px;
    padding-left: 3px;
  }
  .carousel__item--price--wrapper .discount {
    padding-left: 0px;
  }
  .carousel-product-information .carousel__item--price--section {
    margin-top: 0px;
    height: 52px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-left: 5px;
  }
  .carousel-product-information .carousel__item--price.price-from {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: line-through;
    color: #063a44;
  }
  .carousel-product-information .carousel__item--price.price-per {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #222020;
    padding-top: 2.43px;
  }
  .see-price {
    font-style: normal;
    font-weight: 400;
    font-size: 8.4px;
    line-height: 14px;
  }
  .carousel-product-information .carousel-product-information__top {
    height: 51px;
  }
  .item__add-to-cart {
    width: 100%;
  }
  .item__add-to-cart .add_to_cart_form .qty-selector {
    height: 34px;
    margin-left: 4px;
  }
  .item__add-to-cart .add_to_cart_form .qty-selector .btn-minus-sign {
    height: 2.91px;
  }
  .item__add-to-cart .add_to_cart_form .qty-selector .btn-plus-sign {
    height: 9.71px;
  }
  .item__add-to-cart .btn-shop {
    height: 34px;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
    margin: 0 auto;
  }
  .item__add-to-cart .btn-shop img {
    width: 13px;
    height: 13px;
  }
  .item__add-to-cart.btn-add-to-cart {
    height: 34px;
  }
  .btn-add-to-cart[disabled] {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    width: 168.9px;
    height: 34px;
    margin: 0 auto;
  }
  .carousel__item--price--wrapper {
    padding: 0px;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:last-child {
    margin-right: 0px;
  }
  .carousel-product-information__bottom .carousel-installments {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 0px 0px;
    padding-left: 5px;
  }
  .carousel__item--price--wrapper .stock-wrapper {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #035f64;
    padding-top: 2.43px;
    padding-left: 5px;
    min-height: 28px;
    height: 28px;
  }
  .carousel-product-information {
    width: 171px;
  }
  .carousel__item--price--wrapper .discount .offer-stamp {
    height: 16px;
    padding: 2px 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    margin-top: 4px;
    width: fit-content;
  }
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--thumb img,
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--thumb,
  .carousel-component-wrapper .carousel__component--carousel .carousel__item a {
    width: 171px;
    max-width: 171px;
    height: auto;
  }
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--price--wrapper {
    height: 228px;
    margin-top: 8px;
  }
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--price--wrapper.multiple-stamps {
    height: 277px;
  }
  .carousel-component-wrapper .carousel__component--carousel .carousel__item .carousel__item--price--wrapper.multiple-stamps .discount {
    height: 40px;
    min-height: 40px;
  }
  .green-line {
    width: 169px;
    height: 2.43px;
    background: var(--cx-color-primary);
    margin-top: 10px;
  }
  .carousel__item--price--wrapper .item__add-to-cart form {
    height: 29px;
  }
  /* ANONYMOUS */
  .carousel__item.isAnounymous .carousel__item--name {
    height: 57px;
  }
  .carousel__item.isAnounymous:last-child {
    width: 220px;
  }
  .carousel__item.isAnounymous:last-child .carousel__item--price--section,
  .carousel__item.isAnounymous:last-child .carousel__item--name {
    width: 141.6px;
  }
  .carousel__item.isAnounymous .see-price {
    font-style: italic;
  }
  .carousel__item.isAnounymous .carousel__item--name {
    padding: 6px 6px 0px;
  }
  .carousel__item.isAnounymous .carousel__item--price {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
  }
  .carousel__item.isAnounymous .carousel-installments {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #222020;
    padding-top: 2.4px;
  }
  .carousel__item.isAnounymous .carousel__item--price--section {
    padding-left: 5px;
    margin-top: 12px;
  }
  .carousel__item.isAnounymous .price-button button {
    width: 132px;
    height: 28.8px;
    margin-top: 10.8px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 36px;
  }
  .carousel__item.isAnounymous .price-button {
    display: flex;
    justify-content: center;
    width: 128.33px;
    margin-left: 4px;
  }
  .carousel__item.isAnounymous .price-button button img {
    width: 12px;
    height: 12px;
  }
  .carousel__item.isAnounymous .green-line {
    margin-top: 4.8px;
    background: var(--cx-color-primary);
    width: 137.67px;
    height: 2.33px;
  }
}
@media (max-width: 1024px) {
  .text-unavailable-stock-level {
    color: #df3827;
  }
}
@media (max-width: 1023px) {
  .page-homepage .text-unavailable-stock-level {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .btn-shop {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    width: 220px;
    height: 48px;
  }
  .carousel-product-information {
    width: 100%;
  }
  .carousel-product-information a {
    color: #000000;
  }
  .carousel-product-information a:hover,
  .carousel-product-information a:focus {
    text-decoration: none;
    color: #47b6b1;
  }
  .carousel-product-information .item__name,
  .carousel-product-information .carousel__item--name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .carousel-product-information .item__price,
  .carousel-product-information .carousel__item--price,
  .carousel-product-information .carousel__item--price--discount {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
  }
  .carousel-product-information .carousel__item--price.price-per {
    display: block;
    padding-top: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222020;
  }
  .carousel-product-information .carousel__item--price.price-from {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: line-through;
    color: #063a44;
  }
  .carousel-product-information .carousel__item--price--section {
    margin-top: 19.4px;
    line-height: 17px;
    height: 45px;
    height: 45px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
  }
  .carousel-product-information .carousel-product-information__top {
    height: 38px;
    margin-top: 16px;
  }
  .carousel__item--price--wrapper .stock-wrapper {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #035f64;
    margin-top: 4px;
    height: 32px;
    min-height: 32px;
  }
  .carousel__item--price--wrapper .stock-wrapper .text-unavailable-stock-level {
    color: #df3827;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .carousel__item--price--wrapper .stock-wrapper .text-unavailable-stock-level {
    color: #df3827;
  }
}
@media (min-width: 1024px) {
  .carousel__item--price--wrapper .item__add-to-cart form {
    height: 48px;
  }
}
@media (min-width: 1024px) {
  .carousel-installments {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #222020;
    font-weight: 600;
    height: 17px;
    margin: 4px 0px;
  }
}
@media (min-width: 1024px) {
  .btn-add-to-cart[disabled] {
    width: 220px;
    height: 48px;
  }
}
@media (min-width: 1024px) {
  .green-line {
    border-bottom: 4px solid var(--cx-color-primary);
    padding-top: 10px;
    width: 236px;
  }
}
@media (min-width: 1024px) {
  .carousel__item--thumb,
  .carousel__item--thumb img {
    width: 236px;
    max-height: 256px;
  }
}
@media (min-width: 1024px) {
  .carousel__item {
    width: 236px;
  }
}
@media (min-width: 1024px) {
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 294px !important;
    padding-right: 40px;
  }
  .carousel-component .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:first-child {
    width: 296px !important;
  }
}
/*=====  End of BANNER  ======*/
@media (min-width: 1024px) {
  .owl-item.owl-item-anonymous {
    width: 276px !important;
    padding-right: 40px;
  }
  .carousel__item {
    /* ANONYMOUS */
  }
  .carousel__item.isAnounymous {
    width: 236px;
  }
  .carousel__item.isAnounymous .carousel__item--name {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-left: 12px;
    width: 216px;
    height: 38px;
    margin-top: 10px;
  }
  .carousel__item.isAnounymous .carousel__item--thumb {
    width: 236px;
    height: 256px;
  }
  .carousel__item.isAnounymous .carousel__item--thumb img {
    width: 236px;
    max-height: 256px;
  }
  .carousel__item.isAnounymous .carousel__item--price--section {
    margin-top: 20px;
    height: 50px;
  }
  .carousel__item.isAnounymous .carousel-component-wrapper .carousel__component {
    margin: 0 auto;
  }
  .carousel__item.isAnounymous .carousel__item--price {
    width: 216px;
    height: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-left: 12px;
  }
  .carousel__item.isAnounymous .carousel-installments {
    width: 216px;
    height: 17px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    color: #222020;
    padding-top: 4px;
    padding-left: 12px;
  }
  .carousel__item.isAnounymous .see-price {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #ffffff;
  }
  .carousel__item.isAnounymous .price-button {
    margin-top: 18px;
  }
  .carousel__item.isAnounymous .price-button button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 4px;
    width: 220px;
    height: 48px;
    margin: 0 auto;
    background: var(--cx-color-primary);
    border-radius: 8px;
  }
  .carousel__item.isAnounymous .green-line {
    border-bottom: 4px solid var(--cx-color-primary);
    padding-top: 10px;
    width: 236px;
  }
  .carousel__item.isAnounymous .carousel__item {
    width: 236px;
  }
  .carousel__item.isAnounymous .owl-wrapper-outer {
    width: 1100px;
  }
}
@media (max-width: 1023px) {
  .row.no-margin.yCmsContentSlot-carousel > *, .no-margin.yCmsContentSlot-carousel.cart__content > * {
    width: unset;
    max-width: unset;
  }
  .yCmsContentSlot.row > *, .yCmsContentSlot.cart__content > * {
    width: unset;
    max-width: unset;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-productDetails .carousel-component {
    padding: 0 95px 64px 95px;
  }
}
.page-productDetails .productDetailsPageSectionComplementary-component {
  position: relative;
}
.page-productDetails .product-add-to-cart-component {
  position: absolute;
  bottom: -19px;
  z-index: 999;
  width: 312px;
  height: 64px;
  padding: 24px 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  border-radius: 8px;
  opacity: 0.8;
  background: #eaf3e2;
}
@media (max-width: 479px) {
  .page-productDetails .product-add-to-cart-component {
    bottom: -45px;
    width: 235px;
    height: 48px;
    padding: 12px 10px;
    align-items: center;
  }
}
.page-productDetails .product-add-to-cart-component span {
  color: #41a017;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 479px) {
  .page-productDetails .product-add-to-cart-component span {
    font-size: 12px;
  }
}

.carousel-component-wrapper {
  position: relative;
}
.carousel-component-wrapper .carousel__component--headline.complementary_products {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 34.5px;
}
.carousel-component-wrapper .carousel__component--headline.complementary_products h4, .carousel-component-wrapper .carousel__component--headline.complementary_products .h4 {
  color: var(--cx-color-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .carousel-component-wrapper .carousel__component--headline.complementary_products h4, .carousel-component-wrapper .carousel__component--headline.complementary_products .h4 {
    font-size: 23.032px;
    font-weight: 400;
    line-height: normal;
  }
  .carousel-component-wrapper .carousel__component--headline.complementary_products img {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 479px) {
  .carousel-component-wrapper .carousel__component--headline.complementary_products {
    gap: 4px;
    padding-bottom: 1rem;
  }
  .carousel-component-wrapper .carousel__component--headline.complementary_products h4, .carousel-component-wrapper .carousel__component--headline.complementary_products .h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  .carousel-component-wrapper .carousel__component--headline.complementary_products img {
    width: 15px;
    height: 15px;
  }
  .carousel-component-wrapper .carousel__component--headline.complementary_products .carousel__item--name {
    font-size: 11px;
  }
}

.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}

.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #000000;
  text-decoration: none;
}
.banner-component a::after {
  display: block;
  clear: both;
  content: "";
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}

.homepage-banner-hero-component {
  max-width: 1440px;
  margin: 0 auto;
}

.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .simple-banner-component a,
  .banner__component a {
    width: 70px;
  }
}

.image-map-component img {
  width: 100%;
  height: auto;
}

.cms-image-component img {
  width: 100%;
  height: auto;
}

.tabs {
  margin: 60px 0 0;
}
@media (max-width: 640px) {
  .tabs {
    border-top: 1px solid #eeeef0;
  }
}
.tabs .tabs-list {
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: var(--cx-color-primary);
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus, .tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #eeeef0;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #000000;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid #47b6b1;
}
.tabs ul.tabs-list {
  display: none;
}
.tabs .tabhead {
  display: none;
  height: 75px;
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .tabs .tabhead a {
    padding-left: 20px;
  }
}
.tabs .tabhead .glyphicon, .tabs .tabhead .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .tabs .tabhead .product__list--item.tag-highlighted:after, .tabs .tabhead .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .tabs .tabhead .product-item.tag-highlighted:after, .tabs .tabhead .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .tabs .tabhead .accordion-toggle:before, .tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-prev,
.tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-next {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .tabs .tabhead .glyphicon, .tabs .tabhead .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .tabs .tabhead .product__list--item.tag-highlighted:after, .tabs .tabhead .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .tabs .tabhead .product-item.tag-highlighted:after, .tabs .tabhead .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .tabs .tabhead .accordion-toggle:before, .tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-prev,
  .tabs .tabhead .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .tabs .tabhead .owl-next {
    padding-right: 20px;
  }
}
.tabs .tabbody {
  max-width: var(--cx-container-max-width);
  border-bottom: 1px solid #eeeef0;
  margin: 0 auto;
  background-color: #ffffff;
}
.tabs .tabbody .container-lg {
  max-width: var(--cx-container-max-width);
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #eeeef0;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #47b6b1;
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}

.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}

.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}

.com-space > * {
  padding: 10px 0;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

@media (max-width: 640px) {
  .product-classifications {
    padding: 0px 24px;
  }
}
.product-classifications .headline {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 640px) {
  .product-classifications .headline {
    font-size: 16px;
  }
}
.product-classifications table.table td.attrib,
.product-classifications table.table td {
  font-size: 12px;
  width: 50%;
  border: none;
  padding-left: 16px;
}
.product-classifications table.table tr:nth-child(odd) {
  background-color: #f2f2f2;
}
@media (max-width: 1023px) {
  .product-classifications table.table tr {
    display: flex;
    flex-direction: column;
  }
  .product-classifications table.table tr:nth-child(odd) {
    background-color: #ffffff;
  }
}

.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}

.simple-responsive-banner-component a,
.banner__component--responsive a {
  display: block;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
  width: 100%;
  height: auto;
}

.js-error-page-404 {
  display: grid;
  background-image: url("../../common/images/404.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: calc(100% - 5px);
  justify-content: center;
  align-content: space-evenly;
  width: 100%;
  max-width: 855px;
  height: 500px;
  margin: 0 auto;
}
.js-error-page-404 .header-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 150%;
  margin-bottom: 15px;
  color: #000000;
  text-align: center;
}
.js-error-page-404 .error-sub-title {
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}
.js-error-page-404 .js-back-home {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 56px;
  color: #ffffff;
  border: none;
  margin-top: 20px;
  background: var(--cx-color-primary);
  border-radius: 8px;
}
@media (max-width: 639px) {
  .js-error-page-404 .js-back-home {
    width: 90%;
    height: 40px;
  }
}

@media screen and (max-width: 375px) {
  .js-error-page-404,
  .js-error-page-500 {
    height: 350px !important;
  }
}
.js-error-page-500 {
  display: grid;
  background-image: url("../../common/images/500.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: calc(100% - 5px);
  justify-content: center;
  align-content: space-evenly;
  width: 100%;
  max-width: 855px;
  height: 500px;
  margin: 0 auto;
}
@media (max-width: 639px) {
  .js-error-page-500 .js-back-home {
    width: 90%;
    height: 40px;
  }
}
.js-error-page-500 .header-title {
  font-weight: 700;
  color: #000000;
  font-size: 48px;
  line-height: 150%;
  margin-bottom: 15px;
  text-align: center;
}
.js-error-page-500 .error-sub-title {
  width: 564px;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  width: 100%;
  max-width: 514px;
  margin: 0 auto;
}
.js-error-page-500 #warning__mail-500 {
  color: var(--cx-color-primary);
}
.js-error-page-500 #warning__adm-500 {
  font-weight: bold;
  color: rgba(60, 60, 67, 0.85);
}
.js-error-page-500 .js-back-home {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 56px;
  color: #ffffff;
  border: none;
  margin-top: 20px;
  background: var(--cx-color-primary);
  border-radius: 8px;
}

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

.back-link {
  padding: 20px 0px;
}
.back-link.border {
  border-bottom: 1px solid #eeeef0;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon, .back-link .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .back-link .product__list--item.tag-highlighted:after, .back-link .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .back-link .product-item.tag-highlighted:after, .back-link .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .back-link .accordion-toggle:before, .back-link .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .back-link .owl-prev,
.back-link .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .back-link .owl-next {
  border-right: 1px solid #eeeef0;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}

.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #000000;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: gray;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}

/* home promo banners */
.home-promo-banners {
  background-color: #f7f7f7;
}
@media (min-width: 1024px) {
  .home-promo-banners .home-promo-banners-wrapper {
    width: 1119px;
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eeeef0;
    padding-bottom: 64px;
  }
  .home-promo-banners .home-promo-banners-wrapper .col-xs-12 {
    width: 548px;
    padding: 0px;
    padding-top: 22px;
  }
  .home-promo-banners .home-promo-banners-wrapper > div {
    width: 548px;
    height: 254px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .home-promo-banners {
    height: 730px;
  }
  .home-promo-banners .home-promo-banners-wrapper {
    width: 736px;
    margin: 0 auto;
    padding-top: 24px;
  }
  .home-promo-banners .col-sm-6 {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }
  .home-promo-banners .promo1-banner {
    margin-bottom: 16px;
  }
}
@media (max-width: 639px) {
  .home-promo-banners {
    padding-top: 24px;
  }
  .home-promo-banners .yComponentWrapper {
    width: 310px;
    margin: 0 auto;
    float: none;
    padding-bottom: 24px;
  }
  .home-promo-banners .banner__component--responsive:first-child {
    margin-bottom: 16px;
  }
}

.pageType-CategoryPage .map img {
  min-width: 100%;
}

.searchEmptyPageMiddle-component {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .searchEmptyPageMiddle-component {
    padding-left: 0px;
    padding-right: 20px;
  }
}

@media (min-width: 1024px) {
  .product__list--wrapper {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}

@media (max-width: 1023px) {
  .pagination-wrap {
    width: 33.3333333333%;
  }
}

@media (max-width: 640px) {
  .pagination-wrap {
    width: 100%;
  }
}

.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
}

.searchProductsGridComponent {
  margin-bottom: 48px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .searchProductsGridComponent {
    margin-bottom: 42px;
  }
}
@media (max-width: 479px) {
  .searchProductsGridComponent {
    margin-bottom: 34px;
  }
}

.results-box {
  margin-top: 32px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.0007), 0px 4px 4px rgba(0, 0, 0, 0.0007);
  border-radius: 4px;
  height: 93px;
}
@media (max-width: 599px) {
  .results-box {
    height: 30px;
  }
}
@media (max-width: 1023px) {
  .results-box {
    width: 100%;
    height: 45.54px;
  }
}
.results-box .searchResultText {
  font-weight: 300;
  font-size: 24px;
  line-height: 29px;
  padding-left: 16px;
}
@media (max-width: 599px) {
  .results-box .searchResultText {
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
  }
}
@media (max-width: 1023px) {
  .results-box .searchResultText {
    font-weight: 300;
    font-size: 11.8286px;
    line-height: 14px;
  }
}

.pagination-bar-results {
  padding: 0px 10px 25px 10px;
  color: #887f87;
}
@media (min-width: 1024px) {
  .pagination-bar-results {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pagination-bar-results {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    justify-content: space-between;
  }
}
@media (max-width: 479px) {
  .pagination-bar-results {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    justify-content: space-between;
  }
}

.refinebtn {
  border-color: transparent;
  background: transparent;
}

@media (max-width: 640px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.product__listing .product__grid {
  justify-content: space-between !important;
}

.results h1, .results .h1 {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding: 48px 0;
  font-size: 1.5rem;
}
.results h1.border, .results .border.h1 {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}

.product__listing .product__listing--promo {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product__listing .product__listing--description {
  margin: 0 210px 0 106px;
}
.product__listing .grid-price-button {
  width: 100%;
  margin-bottom: 8px;
}
.product__listing .addtocart {
  text-wrap: nowrap;
  clear: both;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
  align-self: center;
}
@media (max-width: 1023px) {
  .product__listing .addtocart {
    margin-bottom: 4px;
    align-self: center;
  }
}
.product__listing .addtocart .btn-add-to-cart {
  font-size: 14px;
  font-weight: 500;
  text-wrap: nowrap;
  font-style: italic;
  line-height: 24px;
}
.product__listing .addtocart .btn-add-to-cart img {
  width: 16px;
  height: 14.95px;
  margin-left: 8px;
}
.product__listing .addtocart .btn-add-to-cart[disabled] {
  margin-left: 0px !important;
  padding: 0px !important;
}
@media (min-width: 1024px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction {
    position: relative;
    right: 1%;
    float: right;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    position: relative;
    left: 1%;
  }
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    width: calc(49% - 4px);
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .product__listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.3333333333px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted, .product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__list .product__list--item.tag-highlighted:before, .product__listing.product__grid .product-item.tag-highlighted:before {
  content: "";
  z-index: -1;
  position: absolute;
  border: 2px solid #47b6b1;
  top: 14px;
  left: 12px;
  right: 12px;
  bottom: 14px;
}
.product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__grid .product-item.tag-highlighted:after {
  content: "\e006";
  top: 18px;
  left: 16px;
  color: #47b6b1;
  width: 24px;
  line-height: 22px;
  height: 24px;
  font-size: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
}
.product__listing.product__list .product__list--item {
  padding: 20px 30px;
  border-top: 1px solid #bab6bc;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
  background-color: #eeeef0;
}
@media (max-width: 1024px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted:before {
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:after {
  font-size: 16px;
  top: 8px;
  left: 7px;
}
.product__listing.product__list .product__list--item.tag-highlighted:first-child:before {
  top: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n) {
  background: transparent;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n):before {
  top: 1px;
  background-color: #eeeef0;
}
.product__listing.product__list .product__list--thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product__listing.product__list .product__list--thumb > img {
  width: 96px;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  margin-bottom: 32px;
  width: 100%;
}
@media (max-width: 599px) {
  .product__listing.product__grid {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    width: 100%;
  }
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    width: 100%;
  }
}
.product__listing.product__grid .product-item {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  border-bottom: 4px solid var(--cx-color-primary);
}
.product__listing.product__grid .product-item .addtocart .btn-add-to-cart {
  width: 100%;
  height: 48px;
  align-items: center;
  padding-right: 26px;
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid .product-item .addtocart .btn-add-to-cart {
    width: 143.59px;
    height: 28.8px;
    align-items: center;
    border-radius: 4.8px;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
  }
}
@media (max-width: 639px) {
  .product__listing.product__grid .product-item .addtocart .btn-add-to-cart {
    font-weight: 500;
    font-size: 11px;
    line-height: 24px;
    width: 148px;
    height: 40px;
  }
}
.product__listing.product__grid .product-wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}
.product__listing.product__grid .product-item .product-wrapper .addtocart {
  display: none;
}
.product__listing.product__grid .product-wrapper .product-wrapper-mobile {
  display: none;
}
.product__listing.product__grid .product-item .thumb .stock-wrapper {
  display: none;
}
.product__listing.product__grid .product-item .product-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product__listing.product__grid .product-item .product-info-wrapper {
  border: 0px solid #d8d8d8;
  border-radius: 8px;
}
.product__listing.product__grid .product-item .product-info-wrapper.tag-highlighted {
  position: relative;
}
.product__listing.product__grid .offer-stamp {
  margin-top: 10px !important;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .product__listing.product__grid .offer-stamp {
    width: 153px;
  }
}
.product__listing.product__grid .thumb {
  display: block;
  text-align: center;
  height: auto;
  overflow: hidden;
}
@media (max-width: 599px) {
  .product__listing.product__grid .thumb {
    width: 148px;
    margin-bottom: 4px;
  }
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid .thumb {
    width: 153px;
    margin-bottom: 7px;
  }
}
@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid .thumb {
    width: 173px;
    margin-bottom: 15px;
  }
}
.product__listing.product__grid .thumb img {
  height: 209px;
  width: 195px;
  border-radius: 4px;
}
@media (max-width: 599px) {
  .product__listing.product__grid .thumb img {
    width: 148px;
    height: 123px;
    border-radius: 2px;
  }
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid .thumb img {
    width: 153px;
    height: 153px;
    border-radius: 4px;
  }
}
@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid .thumb img {
    width: 173px;
    height: 153px;
    border-radius: 4px;
  }
}
.product__listing.product__grid .details {
  text-align: center;
  padding-left: 6px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
  margin-bottom: 17px;
  height: fit-content;
  overflow: hidden;
  color: #000000;
  max-height: fit-content;
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  height: 34px;
  text-align: left;
  color: #000000;
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .name {
    font-size: 12px;
    line-height: 15px;
    margin: 8px 0px 8px 0px;
    height: 30px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .details .name {
    margin: 8px 0px 6px 0px;
  }
}
.product__listing.product__grid .details .discount {
  color: var(--cx-color-primary);
  text-align: left;
}
.product__listing.product__grid .details label {
  margin: 0px;
}
.product__listing.product__grid .details .paymentText {
  color: #222020;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.product__listing.product__grid .details .from-price {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: line-through;
  color: #063a44;
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .from-price {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .details .from-price {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
}
.product__listing.product__grid .details .priceLabels {
  margin-top: 19.4px;
  line-height: 17px;
  align-items: flex-start;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  flex-direction: column;
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .details .priceLabels {
    margin-top: 19.4px;
    height: 41px;
  }
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .priceLabels {
    margin-top: 8px;
    height: 38px;
  }
}
.product__listing.product__grid .details .price {
  display: block;
  padding-top: 4px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #222020;
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .price {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .details .price {
    font-size: 18px;
    line-height: 22px;
  }
}
.product__listing.product__grid .details .price .price-from-category {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-decoration-line: line-through;
  color: #063a44;
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .price .price-from-category {
    font-size: 12px;
    line-height: 15px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .details .price .price-from-category {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
}
.product__listing.product__grid .details .price .price-per-category {
  display: block;
  color: #000000;
  font-weight: 700;
  line-height: 24px;
}
.product__listing.product__grid .details .promo {
  color: var(--cx-color-primary);
  font-size: 14px;
  font-weight: bold;
}
.product__listing.product__grid .details .grid-installments {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #222020;
}
@media (max-width: 1023px) {
  .product__listing.product__grid .details .grid-installments {
    font-size: 12px;
    line-height: 15px;
  }
}
.product__listing.product__grid .details .js-stock-level-html {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  color: #035f64;
  height: 15px;
  margin-top: 4px;
  margin-bottom: 17px;
}
@media (max-width: 599px) {
  .product__listing.product__grid .details .js-stock-level-html {
    margin: 4px 0px 8px 0px;
  }
}
@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid .details .js-stock-level-html {
    margin-bottom: 4px;
  }
}
.product__listing.product__grid .unlogged-details .unlogged-name {
  margin-bottom: 22px;
  height: fit-content;
  overflow: hidden;
  color: #000000;
  max-height: fit-content;
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16.94px;
  height: 34px;
  text-align: left;
}
@media (max-width: 599px) {
  .product__listing.product__grid .unlogged-details .unlogged-name {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 15px;
    height: 30px;
  }
}
@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid .unlogged-details .unlogged-name {
    margin-bottom: 12px;
  }
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid .unlogged-details .unlogged-name {
    margin-bottom: 12px;
  }
}
.product__listing.product__grid .unlogged-details .unlogged-price {
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 599px) {
  .product__listing.product__grid .unlogged-details .unlogged-price {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .unlogged-details .unlogged-price {
    font-size: 18px;
    line-height: 22px;
  }
}
.product__listing.product__grid .unlogged-details .unlogged-grid-installments {
  margin-top: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}
@media (max-width: 599px) {
  .product__listing.product__grid .unlogged-details .unlogged-grid-installments {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin-top: 8px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .unlogged-details .unlogged-grid-installments {
    font-weight: 500;
    margin-top: 2.4px;
  }
}
.product__listing.product__grid .unlogged-details .see-price-btn {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-border-radius: 0.375rem;
  line-height: 24px;
  width: 100%;
  height: 40px;
  font-weight: 400;
  margin: 17px 0px 8px 0px;
}
.product__listing.product__grid .unlogged-details .see-price-btn.disabled, .product__listing.product__grid .unlogged-details .see-price-btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 599px) {
  .product__listing.product__grid .unlogged-details .see-price-btn {
    margin: 8px 0px 8px 0px;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  .product__listing.product__grid .unlogged-details .see-price-btn {
    margin: 10.8px 0px 4.8px 0px;
    line-height: 14px;
  }
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 639px) {
  .product__listing.product__grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}

.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.search-empty .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 256px;
  height: 44px;
  font-weight: 500;
}
.search-empty .btn.disabled, .search-empty .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}

@media (min-width: 1024px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    margin-left: -20px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin-top: 0;
  }
}
.search-results-highlight {
  font-weight: bold;
}

@media (min-width: 1024px) {
  .product__listing.product__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 599px) {
  .pagination-bar .pagination-bar-results {
    margin-bottom: 16px;
  }
  .product__listing.product__grid .product-wrapper .product-wrapper-mobile {
    display: block;
    padding: 0px 8px;
  }
  .product__listing.product__grid .product-item .product-info-wrapper {
    width: 100%;
  }
  .product__listing.product__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0px;
  }
  .product__listing.product__grid .product-item {
    display: flex;
    width: 100%;
    padding: 0px;
  }
  .product__listing.product__grid .product-wrapper .thumb {
    overflow: unset;
  }
  .product__listing.product__grid .product-wrapper > .thumb,
  .product__listing.product__grid .product-wrapper > .addtocart {
    display: none;
  }
  .product__listing.product__grid .product-item .product-wrapper-mobile .addtocart {
    padding: 0px;
    display: block;
  }
  .product__listing.product__grid .product-item .product-wrapper-mobile .addtocart .btn-add-to-cart {
    width: 148px;
    height: 40px;
    font-size: 11px;
    line-height: 24px;
  }
  .page-productGrid .container {
    width: 100%;
  }
  .product__listing.product__grid .details .price .price-from-category {
    font-style: normal;
    font-size: 12px;
    line-height: 19px;
    font-weight: 600;
  }
  .product__listing.product__grid .details .price .price-per-category {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
  }
  .product__listing .offer-stamp {
    height: 18px;
    font-size: 8px;
  }
  .product__listing.product__grid .thumb .stock-wrapper {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 10px;
    color: var(--cx-color-primary);
    padding-top: 8px;
  }
  .product-item .product-wrapper {
    display: grid;
  }
  .product__listing.product__grid .product-item .thumb .stock-wrapper {
    display: block;
  }
  .product-item .offer-stamp.offer-zpes,
  .product-item .offer-stamp.offer-promotion {
    width: 100%;
  }
}
.page-productGrid .product-info-wrapper .details .priceLabels,
.page-searchGrid .product-info-wrapper .details .priceLabels {
  margin-bottom: 4px;
  line-height: normal;
}
.page-productGrid .product-info-wrapper .details .grid-installments,
.page-productGrid .product-info-wrapper .details .unlogged-grid-installments,
.page-searchGrid .product-info-wrapper .details .grid-installments,
.page-searchGrid .product-info-wrapper .details .unlogged-grid-installments {
  margin-bottom: 4px;
}
.page-productGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html,
.page-searchGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html {
  margin-bottom: 12px;
  text-align: left;
  line-height: 15px;
  height: 15px;
  display: flex;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-productGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html,
  .page-searchGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html {
    margin: 0 0 4px 0;
  }
}
@media (max-width: 479px) {
  .page-productGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html,
  .page-searchGrid .product-info-wrapper .details .stock-wrapper .out-of-stock-level-html {
    margin-bottom: 8px;
  }
}
.page-productGrid .product-info-wrapper .details .stock-wrapper .text-unavailable-stock-level,
.page-searchGrid .product-info-wrapper .details .stock-wrapper .text-unavailable-stock-level {
  color: #df3828;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 12px;
}
.page-productGrid .product-info-wrapper .details .stock-wrapper .stock-level,
.page-searchGrid .product-info-wrapper .details .stock-wrapper .stock-level {
  margin: 0 0 12px 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-productGrid .product-info-wrapper .details .stock-wrapper .stock-level,
  .page-searchGrid .product-info-wrapper .details .stock-wrapper .stock-level {
    margin: 0 0 4px 0;
  }
}
@media (max-width: 479px) {
  .page-productGrid .product-info-wrapper .details .stock-wrapper .stock-level,
  .page-searchGrid .product-info-wrapper .details .stock-wrapper .stock-level {
    margin-bottom: 8px;
  }
}

@media (min-width: 600px) and (max-width: 743px) {
  .product__listing.product__grid {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0px;
  }
  .page-productGrid .container {
    min-width: 600px;
    padding: 0 7px;
  }
  .product__listing.product__grid .product-item {
    width: 173px;
  }
  .product__listing .grid-price-button {
    width: 162.91px;
    height: 28.8px;
    border-radius: 4.8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
  }
  .product__listing.product__grid .product-item .addtocart .btn-add-to-cart {
    width: 143.59px;
    height: 28.8px;
    border-radius: 4.8px;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
  }
}
@media (min-width: 744px) and (max-width: 1023px) {
  .product__listing.product__grid {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 0px;
  }
  .product__listing.product__grid .product-item {
    width: 153px;
  }
  .product__listing.product__grid .btn-add-to-cart .grid-price-button {
    font-size: 11px;
    font-weight: 500;
    text-wrap: nowrap;
    line-height: 15px;
  }
  .product__listing.product__grid .details .details {
    padding-left: 6px;
  }
  .product__listing.product__grid .grid-price-button {
    width: 143.59px;
    height: 28.8px;
    border-radius: 4.8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
  }
}
.categoryBanner {
  display: grid;
  padding-top: 30px;
}
.categoryBanner .container {
  padding: 0px 0px 0px 0px !important;
}
@media (max-width: 479px) {
  .categoryBanner {
    padding-top: 27.37px;
  }
}
@media screen and (min-width: 480px) and (max-width: 479px) {
  .categoryBanner {
    padding: 20px 40px 0px 40px;
  }
}
.categoryBanner .bannerText {
  color: white;
  font-weight: 200;
  font-size: 48px;
  line-height: 58px;
  grid-column-start: 1;
  grid-row-start: 1;
  padding: 41px 330px 43px 48px;
  justify-self: start;
  align-self: center;
}
@media (max-width: 479px) {
  .categoryBanner .bannerText {
    font-size: 14px;
    line-height: 21px;
    padding: 8px 101px 6px 34px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .categoryBanner .bannerText {
    font-size: 22px;
    line-height: 36px;
    padding: 12px 187px 12px 50px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1024px) {
  .categoryBanner .bannerText {
    font-size: 29.4px;
    line-height: 36px;
    padding: 12px 233px 6px 53px;
  }
}
.categoryBanner img {
  grid-column-start: 1;
  grid-row-start: 1;
  width: 100%;
}

/* CATEGORY DESCRIPTION */
.category-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.category-description p {
  color: #3c3738;
  font-style: normal;
  font-weight: 400;
}
.category-description p:last-child {
  margin-bottom: 0px;
}
.category-description button {
  background: none;
  border: none;
  color: var(--cx-color-primary);
  text-align: center;
  font-style: normal;
  font-weight: 700;
  padding: 0px;
}

@media (min-width: 480px) {
  .category-description-sum {
    line-height: 20px;
  }
}
@media (max-width: 479px) {
  .category-description-sum {
    line-height: 15px;
  }
}

.category-description-truncate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category-description-full {
  -webkit-line-clamp: unset;
  overflow: hidden;
  font-style: normal;
  font-weight: 400;
}

@media (max-width: 479px) {
  .category-description {
    margin-top: 26px;
  }
  .category-description p {
    font-size: 12px;
  }
  .category-description button {
    font-size: 10px;
    line-height: 14.127px;
    margin-bottom: 22px;
  }
  .category-description-not-truncate {
    margin-bottom: 22px;
  }
  .category-description-full {
    font-size: 12px;
    line-height: normal;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .category-description {
    margin-top: 16px;
    padding: 0px 24px;
  }
  .category-description button {
    margin-bottom: 34px;
  }
  .category-description-not-truncate {
    margin-bottom: 34px;
  }
}
@media (min-width: 1024px) {
  .category-description {
    margin-top: 48px;
  }
  .category-description button {
    margin-bottom: 48px;
  }
  .category-description .category-description-not-truncate {
    margin-bottom: 48px;
  }
}
@media (min-width: 480px) {
  .category-description p {
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 0px;
    line-height: 19.6px;
  }
  .category-description p:first-child {
    margin-top: 0px;
  }
  .category-description button {
    font-size: 14px;
    line-height: 24px;
  }
  .category-description-full {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
  }
}
.product__facet {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-right: 80px;
}
.product__facet .facet__name {
  color: #000000;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
}

.product__facet .facet::after {
  display: block;
  clear: both;
  content: "";
}
.product__facet .facet .facet__values js-facet-values js-facet-form {
  margin-left: 70px;
}
@media (min-width: 1024px) {
  .product__facet .facet .facet__values js-facet-values js-facet-form {
    margin-left: 0px;
  }
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin-top: 20px;
}
.product__facet .facet .facet__list li {
  padding-top: 16px;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.product__facet .facet .facet__list .facet__list__mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  margin-top: -3px;
  border-radius: 4px;
  border: 1px solid #6f676c;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background: #ffffff;
  border: 1px solid #6f676c;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label #checkedin {
  height: 18px;
  background: url(../../common/images/facet-check.svg) no-repeat center;
}
.product__facet .facet .facet__list .facet__list__text {
  color: #000000;
  text-transform: capitalize;
}
.product__facet .facet .facet__list .facet__list__checkbox:focus + .facet__list__label .facet__list__mark {
  border: 1px solid #47b6b1;
}
.product__facet .facet .facet__list .facet__list__text {
  line-height: 20px;
}
.product__facet .facet .facet__list.facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #eeeef0;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: var(--cx-color-primary);
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}

@media (max-width: 1023px) {
  .product__facet {
    padding: 10px;
    margin: 0;
    border: 0 none;
    background: #ffffff;
    margin-right: 80px;
  }
  #colorbox .product__facet {
    display: block !important;
  }
  .product__facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .product__facet .facet .facet__name {
    background: #eeeef0;
    cursor: pointer;
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
    background: #ffffff;
    display: table-cell;
  }
  .product__facet .facet .facet__name .facet__arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
  .product__facet .returnningArrow .facet__arrow:before {
    content: "\e080" !important;
  }
}
.facets-container,
.product-list-container {
  padding: 0px;
}

.facet__container {
  padding: 16px 16px 16px 16px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  margin-bottom: 16px;
  max-height: 236px;
  border-radius: 4px;
  width: 100%;
}

.facets-container details summary,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary,
.tabs #product-facet.product__facet.js-product-facet.tabhead details summary,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 24px;
  width: 202px;
  overflow-y: hidden;
}
.facets-container details summary :hover,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary :hover,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary :hover,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary :hover,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary :hover,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary :hover,
.tabs #product-facet.product__facet.js-product-facet.tabhead details summary :hover,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary :hover,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary :hover {
  cursor: pointer;
}
.facets-container details summary div,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary div,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary div,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary div,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary div,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary div,
.tabs #product-facet.product__facet.js-product-facet.tabhead details summary div,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary div,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary div {
  width: 24px;
  height: 24px;
}
.facets-container details[open],
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open],
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open],
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open],
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open],
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open],
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] {
  height: 211px !important;
  border-radius: 4px;
  overflow: hidden;
}
.facets-container details[open] summary,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open] summary,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open] summary,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open] summary,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open] summary,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open] summary,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] summary {
  overflow-y: auto;
}
@media (max-width: 479px) {
  .facets-container details[open],
  #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open],
  .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open],
  .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
  .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open],
  .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
  .tabs #product-facet.product__facet.js-product-facet.tabhead details[open],
  .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open],
  .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] {
    max-height: 363px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .facets-container details[open],
  #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open],
  .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open],
  .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
  .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open],
  .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open],
  .tabs #product-facet.product__facet.js-product-facet.tabhead details[open],
  .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open],
  .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] {
    max-height: 390px;
  }
}
.facets-container details[open]::-webkit-scrollbar,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open]::-webkit-scrollbar,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open]::-webkit-scrollbar,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open]::-webkit-scrollbar,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open]::-webkit-scrollbar,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open]::-webkit-scrollbar,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open]::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
}
.facets-container details[open]::-webkit-scrollbar-thumb,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open]::-webkit-scrollbar-thumb,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open]::-webkit-scrollbar-thumb,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar-thumb,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open]::-webkit-scrollbar-thumb,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar-thumb,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open]::-webkit-scrollbar-thumb,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open]::-webkit-scrollbar-thumb,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open]::-webkit-scrollbar-thumb {
  background-color: rgba(6, 43, 53, 0.1490196078);
  border-radius: 8px;
}
.facets-container details summary,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary,
.tabs #product-facet.product__facet.js-product-facet.tabhead details summary,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary {
  width: 100%;
}
.facets-container details summary div::before,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary div::before,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary div::before,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary div::before,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary div::before,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary div::before,
.tabs #product-facet.product__facet.js-product-facet.tabhead details summary div::before,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary div::before,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary div::before {
  content: url(../../common/images/arrow-drop-down-line.svg);
  margin-bottom: 15px;
}
.facets-container details[open] div,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open] div,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open] div,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] div,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open] div,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] div,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open] div,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open] div,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] div {
  padding-right: 16px;
}
.facets-container details[open] summary div,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open] summary div,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open] summary div,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary div,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open] summary div,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary div,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open] summary div,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open] summary div,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] summary div {
  transform: rotate(180deg);
}
.facets-container details[open] summary div::before,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open] summary div::before,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open] summary div::before,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary div::before,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open] summary div::before,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open] summary div::before,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open] summary div::before,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open] summary div::before,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open] summary div::before {
  content: url(../../common/images/arrow-drop-down-line.svg);
}
.facets-container details[open]::-webkit-scrollbar,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open]::-webkit-scrollbar,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open]::-webkit-scrollbar,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open]::-webkit-scrollbar,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open]::-webkit-scrollbar,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open]::-webkit-scrollbar,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open]::-webkit-scrollbar {
  background-color: transparent;
  width: 6px;
}
.facets-container details[open]::-webkit-scrollbar-thumb,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details[open]::-webkit-scrollbar-thumb,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details[open]::-webkit-scrollbar-thumb,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar-thumb,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details[open]::-webkit-scrollbar-thumb,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details[open]::-webkit-scrollbar-thumb,
.tabs #product-facet.product__facet.js-product-facet.tabhead details[open]::-webkit-scrollbar-thumb,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details[open]::-webkit-scrollbar-thumb,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details[open]::-webkit-scrollbar-thumb {
  background-color: rgba(6, 43, 53, 0.1490196078);
  border-radius: 8px;
}
.facets-container .facet__overflow details,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet .facet__overflow details,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list .facet__overflow details,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__overflow details,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons .facet__overflow details,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__overflow details,
.tabs #product-facet.product__facet.js-product-facet.tabhead .facet__overflow details,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list .facet__overflow details,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet__overflow details {
  overflow-y: auto;
  height: 24px;
}
.facets-container .facet__overflow summary,
#product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet .facet__overflow summary,
.account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list .facet__overflow summary,
.carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__overflow summary,
.image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons .facet__overflow summary,
.image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__overflow summary,
.tabs #product-facet.product__facet.js-product-facet.tabhead .facet__overflow summary,
.tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list .facet__overflow summary,
.product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet__overflow summary {
  width: 100%;
  background: white;
}

.facets-container select.form-control {
  display: flex;
  height: 44px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #bab6bc;
  color: #6f676c;
  font-size: 16px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  grid-column-start: 1;
  grid-row-start: 1;
  background: transparent;
  text-transform: none;
}
.facets-container .control-label {
  color: #222020;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 3px;
}
@media (max-width: 1024px) {
  .facets-container .control-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
.facets-container #sortForm1,
.facets-container #sortForm2 {
  display: grid;
}
.facets-container #sortForm1 img,
.facets-container #sortForm2 img {
  grid-column-start: 1;
  grid-row-start: 1;
  display: flex;
  align-self: center;
  padding-right: 12px;
  justify-self: end;
}
.facets-container .form-group {
  margin-bottom: 16px;
}

#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description {
  max-width: 100%;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list details, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls details, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons details, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls details, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead details, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead details, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list details, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details {
  padding-top: 20px;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet details summary, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list details summary, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list details summary, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls details summary, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons details summary, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons details summary, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls details summary, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls details summary, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead details summary, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead details summary, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list details summary, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list details summary, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description details summary {
  max-width: 100%;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet .facet .facet__list li, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list .facet .facet__list li, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list .facet .facet__list li, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet .facet__list li, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet .facet__list li, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons .facet .facet__list li, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons .facet .facet__list li, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet .facet__list li, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet .facet__list li, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead .facet .facet__list li, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead .facet .facet__list li, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list .facet .facet__list li, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list .facet .facet__list li, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet .facet__list li, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet .facet__list li {
  padding-top: 24px;
  padding-bottom: 0px;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet .facet, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list .facet, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list .facet, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons .facet, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons .facet, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead .facet, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead .facet, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list .facet, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list .facet, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet {
  padding: 0px;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet ul.facet__list.js-facet-list, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list ul.facet__list.js-facet-list, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list ul.facet__list.js-facet-list, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls ul.facet__list.js-facet-list, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls ul.facet__list.js-facet-list, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons ul.facet__list.js-facet-list, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons ul.facet__list.js-facet-list, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls ul.facet__list.js-facet-list, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls ul.facet__list.js-facet-list, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead ul.facet__list.js-facet-list, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead ul.facet__list.js-facet-list, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list ul.facet__list.js-facet-list, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list ul.facet__list.js-facet-list, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description ul.facet__list.js-facet-list, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description ul.facet__list.js-facet-list {
  margin: 0px;
}
#cboxLoadedContent #product-facet.hidden-sm.hidden-xs.product__facet.js-product-facet .facet__values, #cboxLoadedContent .account-navigation #product-facet.product__facet.js-product-facet.account-navigation-list .facet__values, .account-navigation #cboxLoadedContent #product-facet.product__facet.js-product-facet.account-navigation-list .facet__values, #cboxLoadedContent .carousel-component-wrapper .owl-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__values, .carousel-component-wrapper .owl-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet__values, #cboxLoadedContent .image-gallery .image-gallery__image #product-facet.product__facet.js-product-facet.owl-buttons .facet__values, .image-gallery .image-gallery__image #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-buttons .facet__values, #cboxLoadedContent .image-gallery .gallery-carousel #product-facet.product__facet.js-product-facet.owl-controls .facet__values, .image-gallery .gallery-carousel #cboxLoadedContent #product-facet.product__facet.js-product-facet.owl-controls .facet__values, #cboxLoadedContent .tabs #product-facet.product__facet.js-product-facet.tabhead .facet__values, .tabs #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabhead .facet__values, #cboxLoadedContent .tabs.tabs-responsive #product-facet.product__facet.js-product-facet.tabs-list .facet__values, .tabs.tabs-responsive #cboxLoadedContent #product-facet.product__facet.js-product-facet.tabs-list .facet__values, #cboxLoadedContent .product__listing #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet__values, .product__listing #cboxLoadedContent #product-facet.hidden-sm.product__facet.js-product-facet.product__listing--description .facet__values {
  display: block;
}

.product-list-container .pagination-bar {
  margin: 0px;
}
.product-list-container .pagination-bar .pagination-toolbar {
  padding-left: 0px;
  padding-right: 0px;
}

.js-facets-applied,
.facets-container .form-group {
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.facet.js-facets-applied {
  margin-bottom: 16px;
}
.facet.js-facets-applied .facet__list {
  display: grid;
  gap: 4px;
}
.facet.js-facets-applied .facet__list li {
  height: auto;
  width: fit-content;
  border-radius: 16px;
  background: #41a017;
  padding: 4px 8px;
  align-items: center;
  flex-shrink: 0;
  color: #ffffff;
  font-size: 12px;
  display: flex;
}
.facet.js-facets-applied .facet__list li img {
  width: 18px;
  filter: invert(95%) sepia(99%) saturate(0%) hue-rotate(276deg) brightness(107%) contrast(101%);
}
.facet.js-facets-applied a {
  color: #ffffff;
}
.facet.js-facets-applied .facet__name {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .facet.js-facets-applied .facet__name {
    padding: 16px 16px 0px 16px;
  }
}

@media (max-width: 1024px) {
  .facetsMenu {
    position: fixed;
    inset: 0px;
    height: 898px;
    width: 100%;
    background: #f7f7f7;
    display: flex;
    flex-flow: column nowrap;
    transform: translateX(100%);
    transition: transform 300ms ease 0s;
    overflow-y: auto;
    z-index: 900;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu {
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .facetsMenu.is-opened {
    transform: translateX(0px);
    z-index: 9999;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .responsiveFacetsHeader {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--cx-color-primary);
    display: flex;
    width: 100%;
    height: 74px;
    padding: 26px 32px;
    align-items: center;
    gap: 90%;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .responsiveFacetsHeader {
    line-height: 21.78px;
    height: 49px;
    margin-bottom: 30px;
    gap: 80%;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .form-group {
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .form-group {
    width: 98%;
    margin: 0px 10px;
    border-radius: 4px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .form-group {
    width: 95%;
    height: 72px;
    flex-shrink: 0;
    border-radius: 6px;
    margin: 0px 10px;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .facetsMenuTop {
    height: 2500px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenuTop {
    height: 2500px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu #sortOptions2 {
    display: flex;
    height: 25px;
    border: 1px solid #887f87;
    background: #fff;
    padding: 0px 0px 0px 17px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facets-container select.form-control {
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .product__facet {
    background: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .facet__container {
    padding: 16px 16px 16px 16px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    max-height: 430px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .facet__container {
    padding: 16px 16px 16px 16px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    max-height: 398px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenu,
  .facetsMenu .facet__overflow summary {
    width: 100%;
    background: white;
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .facetsMenuBts {
    display: flex;
    flex-flow: row-reverse;
    justify-content: center;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenuBts {
    display: block;
    margin: 0px 28px;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .facetsMenuBottom {
    margin-bottom: 0px;
    border-top: 1px solid var(--cx-color-primary);
    margin-top: 250px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .facetsMenuBottom {
    margin-bottom: 20px;
    margin-top: 0px;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .cleanFilterBtn,
  .facetsMenu .applyFilterBtn {
    height: 40px;
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .cleanFilterBtn,
  .facetsMenu .applyFilterBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 27px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .applyFilterBtn {
    margin: 38px 0px 47px 0px;
    display: flex;
    width: 165px;
    height: 40px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .applyFilterBtn {
    margin: 25px 0px 16px 0px;
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .cleanFilterBtn {
    margin: 38px 16px 47px 0px;
    display: flex;
    width: 165px;
    height: 40px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .firstSortBy {
    height: 56px;
    flex-shrink: 0;
    border-radius: 6px;
    width: 98%;
    margin: 0px 10px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .firstSortBy {
    height: 56px;
    flex-shrink: 0;
    border-radius: 6px;
    width: 95%;
    margin: 0px 10px;
    background: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) {
  .facetsMenu .arrowFirstSortBy {
    cursor: none;
    margin-right: 3%;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .firstSortByLabel {
    color: #222020;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3px;
    padding: 20px 16px;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .facetsMenu .facet.js-facets-applied {
    margin-bottom: 16px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) and (max-width: 1023px) {
  .facetsMenu .facet.js-facets-applied .facet__name {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 16px 16px 0px 16px;
    text-transform: none;
  }
}
@media (max-width: 1024px) and (max-width: 1023px) {
  .facetsMenu .product__facet .facet .facet__list {
    padding-left: 16px;
    list-style: none;
    margin: 0px;
    padding-top: 10px;
  }
}
@media (max-width: 1024px) and (max-width: 479px) {
  .facetsMenu .product__facet .facet .facet__list .facet__list__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (max-width: 1024px) {
  .facetsMenu .arrowIcon {
    content: url(../../common/images/arrow-drop-down-line.svg);
  }
}
@media (max-width: 1024px) {
  .facetsMenu .arrowIconUp {
    content: url(../../common/images/arrow-drop-down-line.svg);
    transform: rotate(180deg);
  }
}
@media (max-width: 1024px) {
  .facetsMenu .closeFacetsMenu {
    content: url(../../common/images/white-close.svg);
  }
}
.sort-refine-bar .form-group select {
  border-radius: 8px;
  appearance: auto;
}

.sr-only, .skip,
.skiptocontent,
.skiptonavigation, fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label, .pickup-component .display-details .store-tabs .tabs-list .current-info, .tabs .tabs-list .current-info, .ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.pagination-bar {
  margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
  padding-left: 20px;
  border-bottom: 1px solid #eeeef0;
}
@media (max-width: 1024px) {
  .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-bottom: 25px;
  margin-top: 25px;
  padding: 0 20px;
  color: #929292;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #eeeef0;
  border-bottom-width: 1px;
}

@media (max-width: 1023px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    width: 100%;
  }
  .pagination-bar .pagination.btn,
  .pagination-bar button.btn {
    --bs-btn-padding-y: 0px;
    --bs-btn-padding-x: 0px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 36px;
    font-weight: 500;
  }
  .pagination-bar .pagination.btn.disabled, .pagination-bar .pagination.btn[disabled],
  .pagination-bar button.btn.disabled,
  .pagination-bar button.btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  .pagination-bar .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #eeeef0;
    border-bottom: 1px solid #eeeef0;
  }
}
@media (min-width: 640px) {
  .pagination-bar .pagination-toolbar {
    border-bottom-width: 1px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 25px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 65px;
  }
  .pagination-bar .pagination.btn,
  .pagination-bar button.btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 256px;
    height: 44px;
    font-weight: 500;
  }
  .pagination-bar .pagination.btn.disabled, .pagination-bar .pagination.btn[disabled],
  .pagination-bar button.btn.disabled,
  .pagination-bar button.btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
.item__list {
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap, .item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #eeeef0;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border-bottom: 1px solid #d3d2d6;
}
.item__list .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
  padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
  color: #0a601b;
}
@media (min-width: 1024px) {
  .item__list .item__list--item {
    border-bottom: 1px solid #d3d2d6;
    display: flex;
    align-items: center;
  }
}
.item__list .item__list--header {
  padding-left: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 28px;
  height: 32px;
}
.item__list .item__list--header li {
  display: table-cell;
  background-color: #063a44;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
}
.item__list .item__list--header .item__remove {
  border-top-right-radius: 8px;
}
.item__list .item__toggle {
  width: 1%;
  font-size: 2rem;
}
.item__list .item__toggle > * {
  cursor: pointer;
}
.item__list .item__image img {
  width: 121px;
}
.item__list .item__quantity {
  text-align: center;
  margin-left: 0px;
}
.item__list .item__quantity .btn-select-qty.has-error {
  border: 1.5px solid #df3828;
}
.item__list .item__quantity .btn-select-qty.has-error .form-control {
  color: #df3828;
}
@media (min-width: 1024px) {
  .item__list .item__quantity .btn-select-qty {
    width: 128px;
    height: 44px;
  }
  .item__list .item__quantity .btn-select-qty .qty-selector-minus,
  .item__list .item__quantity .btn-select-qty .qty-selector-plus {
    width: 23px;
    height: 23px;
  }
  .item__list .item__quantity .input-group .input-group-btn {
    width: 23px;
    height: 23px;
  }
  .item__list .item__quantity .input-group .input-group-btn {
    margin: 8px;
  }
  .item__list .item__quantity .item__total {
    font-size: 15px;
    font-weight: 700;
    padding-left: 0;
    width: 12%;
    text-align: center;
  }
}
.item__list .item__quantity .form-control {
  display: inline-block;
  height: 40px;
  text-align: center;
  font-size: 12px;
  padding: 0;
  background: transparent;
  border: none;
}
.item__list .item__delivery {
  width: 17%;
  text-align: center;
}
.item__list .item__delivery .item__delivery--label {
  text-transform: uppercase;
  color: #929292;
  font-weight: 700;
}
.item__list .item__total--column {
  width: 12%;
}
.item__list .js-quote-entry-discount-input {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
  border: 1px solid #d3d2d6;
  margin-left: 15px;
  padding: 15px 0;
}
.item__list #cartOrderGridForm .product-grid-container table {
  background-color: #eeeef0;
}
.item__list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #000000;
}
.item__list .promo {
  font-size: 1rem;
  font-weight: 700;
  color: var(--cx-color-primary);
}
.item__list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item__list .out-of-stock {
  color: #ed1c24;
}
.item__list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #bab6bc;
}
.item__list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
  font-weight: 700;
}
.item__list .read-only-grid .grid-variant + .grid-variant:before,
.item__list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #eeeef0;
}
.item__list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #eeeef0;
}

@media (min-width: 1024px) {
  .item__list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #d3d2d6;
  }
  .item__list .item__list--item {
    width: 100%;
  }
  .item__list .item__list--item .item__sku__input,
  .item__list .item__list--item .item__toggle,
  .item__list .item__list--item .item__image,
  .item__list .item__list--item .item__info,
  .item__list .item__list--item .item__price,
  .item__list .item__list--item .item__quantity,
  .item__list .item__list--item .item__delivery,
  .item__list .item__list--item .item__total,
  .item__list .item__list--item .item__remove,
  .item__list .item__list--item .item__menu,
  .item__list .item__list--item .item__quantity__total,
  .item__list .item__list--item .item__discount,
  .item__list .item__list--item .item__delivery--item,
  .item__list .item__list--item .item__warehouse--item,
  .item__list .item__list--item .item__image-item__info {
    display: table-cell;
    vertical-align: middle;
  }
  .item__list .item__list--item .item__info {
    display: flex;
    flex-direction: column;
    width: 147px;
    gap: 8px;
    justify-content: center;
  }
}
@media (min-width: 640px) {
  .item__list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item__list #cartOrderGridForm table tr:first-child > th:first-child,
  .item__list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 639px) {
  .cart__items--desktop,
  .cart__items--tablet {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart__items--desktop,
  .cart__items--mobile {
    display: none;
  }
}
.page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending img {
  margin-top: 2px;
}

.page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending,
.page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending {
  display: flex;
  gap: 4px;
  color: #df3828;
}
@media (max-width: 479px) {
  .page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending {
    width: 130px;
  }
}
@media (min-width: 480px) {
  .page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending {
    width: 160px;
  }
}
.page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending span,
.page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending span {
  color: #df3828;
}
@media (max-width: 479px) {
  .page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending span,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending span {
    font-size: 11px;
  }
}
@media (min-width: 480px) {
  .page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending img,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 479px) {
  .page-cartPage .item__warehouse--item .outflow__not__chosen.outflow_pending img,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen.outflow_pending img {
    width: 14px;
    height: 14px;
  }
}

@media (min-width: 1024px) {
  .page-cartPage .cart__items--mobile,
  .page-cartPage .cart__items--tablet {
    display: none;
  }
  .page-cartPage .item__list .item__list--header {
    height: 38px;
    justify-content: space-between;
  }
  .page-cartPage .item__list .item__list--header .item__image--item__info {
    width: 284px;
  }
  .page-cartPage .item__list .item__list--header .item__price {
    width: 215px;
  }
  .page-cartPage .item__list .item__list--header .item__quantity {
    width: 128px;
    text-align: end;
  }
  .page-cartPage .item__list .item__list--header .item__total--column {
    width: 129px;
    padding: 3px;
  }
  .page-cartPage .item__list__cart table:first-of-type .item__list--item:first-of-type {
    border-radius: 0px 0px 12px 12px;
  }
  .page-cartPage .item__list--item {
    border-radius: 8px 8px 12px 12px;
    margin-bottom: 8px;
    flex-direction: column;
    padding-top: 16px;
    border: 1px solid #d3d2d6;
  }
  .page-cartPage .item__list--item__no-promo {
    padding-top: 40px;
  }
  .page-cartPage .item__list--container {
    width: 100%;
    padding: 0px 24px 24px;
    justify-content: space-between;
    align-items: center;
  }
  .page-cartPage .item__delivery__pickup {
    width: 100%;
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    padding: 16px 24px;
    position: relative;
  }
  .page-cartPage .item__delivery--item h2, .page-cartPage .item__delivery--item .h2,
  .page-cartPage .item__warehouse--item h2,
  .page-cartPage .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
  }
  .page-cartPage .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-cartPage .item__delivery--item label span.p-400 {
    font-size: 1rem;
  }
  .page-cartPage .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 158px;
    margin-bottom: 0px;
  }
  .page-cartPage .item__warehouse--item .cart__delivery--method {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-cartPage .item__warehouse--item .cart__pickup--method {
    color: #222020;
    font-size: 14px;
    margin-bottom: 0px;
    white-space: nowrap;
  }
  .page-cartPage .item__delivery--item--wrapper form {
    gap: 24px;
  }
  .page-cartPage .item__list--item .item__image img {
    width: 121px;
  }
  .page-cartPage .item__image__info--wrapper {
    gap: 16px;
  }
  .page-cartPage .item__name {
    color: var(--cx-color-primary) var(--cx-color-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .page-cartPage .item__code,
  .page-cartPage .item__stock {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .item__info {
    gap: 10px;
    max-width: 158px;
  }
  .page-cartPage .item__price--container {
    width: 215px;
    gap: 3px;
    flex-direction: column;
    align-items: center;
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .page-cartPage .item__price--container .item_price_unit,
  .page-cartPage .item__price--container .price--for,
  .page-cartPage .item__price--container .customer_discount {
    font-size: 14px;
  }
  .page-cartPage .item__price--container .price--for,
  .page-cartPage .item__price--container .item__total {
    text-align: center;
  }
  .page-cartPage .item__price--container .customer_discount {
    color: var(--cx-color-primary);
  }
  .page-cartPage .item__total {
    padding-top: 6px;
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 129px;
  }
  .page-cartPage .item__list--item .promo {
    border-radius: 4px;
    background: #eaf3e2;
    color: #41a017;
    padding: 6px 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-self: flex-start;
    margin-bottom: 24px;
    margin-left: 24px;
  }
  .page-cartPage .item__list .item__list--header li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }
  .page-cartPage .item__price .margin {
    display: flex;
    justify-content: center;
    padding-top: 8px;
  }
  .page-cartPage .item__price .discount {
    color: var(--cx-color-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
  }
  .page-cartPage .item__price .customer_discount {
    color: var(--cx-color-primary);
    font-size: 14px;
  }
  .page-cartPage .item__price--container {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .page-cartPage .packaging-unit-holder {
    font-size: 12px;
    font-weight: normal;
    display: flex;
    justify-content: center;
    margin-top: 6px;
  }
  .page-cartPage .packaging-unit-holder div {
    margin-right: 5px;
  }
  .page-cartPage .notification.has-error {
    padding: 0 30px;
    text-align: center;
    margin-top: 10px;
  }
  .page-cartPage .item__configurations {
    margin: 10px 0;
  }
}
@media (min-width: 1024px) and (max-width: 480px) {
  .page-cartPage .item__configuration--entry {
    margin-bottom: 5px;
  }
}
@media (min-width: 1024px) {
  .page-cartPage .item__configurations--edit .btn {
    padding-left: 0;
  }
  .page-cartPage .item__configurations--edit .btn:hover {
    color: #0a601b;
  }
}
@media (min-width: 1024px) {
  .page-cartPage .item__remove {
    width: 22px;
  }
}
@media (min-width: 1024px) {
  .page-cartPage .item__total--column,
  .page-cartPage .item__total {
    text-align: center;
  }
}

@media (max-width: 1023px) {
  .page-cartPage .btn-select-qty {
    width: 95px;
    height: 28px;
    padding: 0px 10px;
    border-radius: 5px;
    border: 0.648px solid #c9c6ca;
    background: #f3f2f3;
  }
  .page-cartPage .btn-select-qty .qty-selector-minus,
  .page-cartPage .btn-select-qty .qty-selector-plus,
  .page-cartPage .btn-select-qty .input-group-btn {
    width: 14px;
    height: 14px;
    border-radius: 2.592px;
  }
  .page-cartPage .item__list .item__quantity .form-control {
    height: auto;
    font-size: 9px;
  }
  .page-cartPage .btn-select-qty .input-group-btn {
    margin: 0px;
  }
  .page-cartPage .item__list .item__menu img {
    width: 16px;
  }
  .page-cartPage .item__list--item .promo {
    border-radius: 4px;
    background: rgba(234, 243, 226, 0.7);
    color: #41a017;
    width: fit-content;
    padding: 2px 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
  }
}
@media (max-width: 639px) {
  .page-cartPage .item__list--item {
    border-radius: 12px;
    border: 1px solid #d3d2d6;
    margin-bottom: 9px;
    padding-top: 8px;
  }
  .page-cartPage .item__list--item__no-promo {
    padding-top: 32px;
  }
  .page-cartPage .item__image-item__info .item__image img {
    width: 72px;
  }
  .page-cartPage .item__image-item__info .item__code__sku {
    gap: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .item__image-item__info .item__name {
    color: var(--cx-color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 154px;
  }
  .page-cartPage .item__list .item__quantity {
    padding-top: 12px;
    justify-content: space-between;
  }
  .page-cartPage .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    text-align: left;
    padding: 8px;
  }
  .page-cartPage .item__delivery__pickup span,
  .page-cartPage .item__delivery__pickup label,
  .page-cartPage .item__delivery__pickup p {
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-cartPage .item__delivery__pickup .select-delivery-label {
    padding-bottom: 4px;
  }
  .page-cartPage .item__delivery__pickup .item__warehouse--item h2, .page-cartPage .item__delivery__pickup .item__warehouse--item .h2,
  .page-cartPage .item__delivery__pickup .item__delivery--item h2,
  .page-cartPage .item__delivery__pickup .item__delivery--item .h2 {
    color: #1a1919;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-transform: none;
  }
  .page-cartPage .item__warehouse--item .cart__delivery--method {
    color: #6e676c;
    font-weight: 600;
  }
  .page-cartPage .item__price--container,
  .page-cartPage .item__total {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
  .page-cartPage .item__price--container {
    flex-direction: column;
  }
  .page-cartPage .item__total {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
  }
  .page-cartPage .item__total span:last-child {
    color: var(--cx-color-primary);
  }
  .page-cartPage .packaging-unit-holder {
    font-size: 10px;
  }
  .page-cartPage .you_saved {
    width: fit-content;
    border-radius: 4px;
    background: var(--cx-color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .page-cartPage .you_saved .customer_discount,
  .page-cartPage .you_saved .discount {
    color: #ffffff;
    padding: 2px 5px;
  }
  .page-cartPage .item__info {
    padding-left: 10px;
    width: 100%;
  }
  .page-cartPage .you__saved--wrapper {
    padding-top: 10px;
    white-space: nowrap;
  }
  .page-cartPage .item_price_unit {
    font-size: 12px;
    white-space: nowrap;
  }
  .page-cartPage .item__delivery--item form {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-cartPage .item__list__cart {
    margin-top: 23px;
  }
  .page-cartPage .item__list .item__list--header {
    height: 38px;
    justify-content: space-between;
  }
  .page-cartPage .item__list .item__list--header .item__image--item__info {
    width: 212px;
  }
  .page-cartPage .item__list .item__list--header .item__price {
    width: 112px;
  }
  .page-cartPage .item__list .item__list--header .item__quantity {
    width: 95px;
    padding-left: 23px;
  }
  .page-cartPage .item__list .item__list--header .item__total--column {
    width: 80px;
    text-align: left;
    padding: 3px;
    width: 112px;
    text-align: center;
  }
  .page-cartPage .item__list--item {
    padding-top: 14px;
    border-radius: 8px 8px 12px 12px;
    border: 1px solid #d3d2d6;
    margin-bottom: 8px;
  }
  .page-cartPage .item__list--item__no-promo {
    padding-top: 24px;
  }
  .page-cartPage .item__list__cart table:first-of-type .item__list--item:first-of-type {
    border-radius: 0px 0px 12px 12px;
  }
  .page-cartPage .item__list--container {
    padding: 0px 16px 14px 16px;
    justify-content: space-between;
    align-items: flex-start;
  }
  .page-cartPage .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    padding: 13px 16px 12px;
    justify-content: space-between;
  }
  .page-cartPage .item__delivery--item h2, .page-cartPage .item__delivery--item .h2,
  .page-cartPage .item__warehouse--item h2,
  .page-cartPage .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
  }
  .page-cartPage .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-cartPage .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 12px;
    width: 160px;
    margin-bottom: 0px;
  }
  .page-cartPage .item__warehouse--item .cart__delivery--method {
    color: #6e676c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .page-cartPage .item__delivery--item--wrapper form {
    gap: 24px;
  }
  .page-cartPage .item__list--item .item__image img {
    width: 71px;
  }
  .page-cartPage .item__name {
    color: var(--cx-color-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .page-cartPage .item__code,
  .page-cartPage .item__stock {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .item__info {
    gap: 8px;
    padding-left: 6px;
    max-width: 141px;
  }
  .page-cartPage .item__price--container {
    width: 160px;
    gap: 3px;
    flex-direction: column;
    align-items: center;
  }
  .page-cartPage .item__price--container .item_price_unit,
  .page-cartPage .item__price--container .price--for,
  .page-cartPage .item__price--container .customer_discount {
    font-size: 12px;
  }
  .page-cartPage .item__price--container .customer_discount {
    color: var(--cx-color-primary);
  }
  .page-cartPage .item__total {
    font-size: 12px;
    padding-top: 6px;
    width: 112px;
    text-align: center;
  }
  .page-cartPage .item__menu,
  .page-cartPage .item__remove {
    width: 18px;
  }
  .page-cartPage .item__list--item .promo {
    margin-left: 16px;
  }
  .page-cartPage .item__no--promo {
    padding-top: 16px;
  }
  .page-cartPage .item__list .item__list--header li {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
  }
  .page-cartPage .you_saved {
    color: var(--cx-color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
  }
}

@media (max-width: 1023px) {
  .packaging-unit-holder {
    display: flex;
    margin-top: 8px;
    font-size: 10px;
  }
}
.account-orderdetail .item__list {
  clear: both;
  margin-top: 0;
}

@media (min-width: 1200px) {
  .complementary-button {
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
  }
}

.btn-complementary-product {
  padding: 0;
}

.empty-space {
  width: 280px;
}

#cartComplementary .modal-dialog {
  width: 520px;
  background: transparent;
  backdrop-filter: blur(2px);
  margin: 0;
  margin-left: auto;
  height: 100%;
}
#cartComplementary .modal-dialog .modal-content {
  border-radius: 0;
  padding: 23px 20px 0 18px;
  height: 100%;
  border: none;
}
#cartComplementary .modal-dialog .--bs-modal-width {
  width: unset;
}
@media (min-width: 480px) and (max-width: 639px) {
  #cartComplementary .modal-dialog {
    width: 480px;
  }
}
@media (max-width: 479px) {
  #cartComplementary .modal-dialog {
    width: 360px;
  }
  #cartComplementary .modal-dialog .modal-content {
    padding: 24px 28px 0 18px;
  }
  #cartComplementary .modal-dialog .modal-content ul {
    padding: 0;
  }
  #cartComplementary .modal-dialog .cart--complementary-url {
    margin-right: 8px;
  }
}
#cartComplementary .carousel-product-container {
  margin-bottom: 2rem;
}
#cartComplementary .cart-complementary-component h4, #cartComplementary .cart-complementary-component .h4 {
  margin: 0;
}
@media (max-width: 479px) {
  #cartComplementary .cart-complementary-component .complementary_products {
    justify-content: unset;
  }
  #cartComplementary .cart-complementary-component h4, #cartComplementary .cart-complementary-component .h4 {
    font-size: 18px;
  }
  #cartComplementary .cart-complementary-component .cart-complementary-wrapper {
    gap: 44px;
  }
}
#cartComplementary .cart-complementary-component .complementary_products {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item {
  list-style: none;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(238, 238, 240, 0.8);
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--thumb img {
  width: 140px;
  border-radius: 4px;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info {
  display: flex;
  gap: 16px;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary--productInfo {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary__item--name {
  width: 153px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary__item--name .cart--complementary-product-url {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
@media (max-width: 479px) {
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary__item--name .cart--complementary-product-url {
    font-size: 12px;
  }
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary__item--price--wrapper {
  text-align: end;
  width: 100%;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .btn-add-to-cart {
  display: flex;
  height: 48px;
  padding: 8px 16px;
  margin: 24px 0 32px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--cx-color-primary);
  background: rgba(234, 243, 226, 0.3);
  color: var(--cx-color-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .btn-add-to-cart .img-product-addCart {
  width: 20px;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .btn-add-to-cart:hover {
  background: #eaf3e2;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .btn-add-to-cart:disabled {
  margin: 24px 0 32px;
  border: 1px solid #bab6bc;
  background: rgba(238, 238, 240, 0.3);
  color: #6e676c;
  cursor: not-allowed;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--price--section {
  display: flex;
  flex-direction: column;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--price--section #cart--complementary__item--price-price-from {
  color: #6e676c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--price--section #cart--complementary__item--price-price-per {
  color: #000;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 479px) {
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--price--section #cart--complementary__item--price-price-from,
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--price--section #cart--complementary__item--price-price-per {
    font-size: 12px;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .btn-add-to-cart {
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 24px !important;
    font-size: 12px;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--thumb img {
    width: 86px;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info {
    gap: 0;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary--productInfo,
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary__item--price--wrapper {
    font-size: 12px;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__info .cart--complementary--productInfo {
    gap: 6px;
    max-width: 130px;
  }
  #cartComplementary .cart-complementary-component li.cart--complementary__item .cart--complementary__item--name {
    max-width: 130px;
  }
}
#cartComplementary .cart-complementary-component .cart-complementary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

@media (max-width: 1023px) {
  .cart-coupon {
    padding-left: 14px;
  }
}
.cart-coupon {
  margin: 0 auto;
  max-width: 1120px;
  margin: 32px auto 0px;
}
.cart-coupon p {
  margin: 0px;
}

.titleSurvey {
  font-size: 24px;
  font-weight: 600;
}

.textEmpresasSurvey {
  font-size: 18px;
  font-weight: 600;
  margin-top: revert;
  display: inline;
}

.boxSurvey {
  background-color: #fafafa;
  padding-top: 37px;
  padding-left: 24px;
  color: #000000 !important;
  padding-bottom: 37px;
  padding-right: 24px;
}
.boxSurvey .surveyDescription {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.boxSurvey label {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.page-quoteEditPage .component-page-headline {
  margin-top: 48px;
}

.message__help--order {
  max-width: 1120px;
  width: 100%;
  padding: 64px 32px 64px 0;
  border-radius: 4px;
}
.message__help--order span {
  font-size: 16px;
}
.message__help--order .phone__help--order {
  color: #25a8d0;
  font-weight: 600;
}
.message__help--order img {
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .message__help--order {
    padding: 64px 32px 32px 32px;
  }
  .message__help--order span {
    font-size: 12px;
    line-height: 20px;
  }
  .message__help--order img {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .message__help--order {
    padding: 32px;
    margin-top: 50px;
  }
}

.cart-header {
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
.cart-header button.btn--continue-shopping {
  width: 216px;
  min-height: 40px;
  height: fit-content;
}
.cart-header.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
.cart-header .row > *, .cart-header .cart__content > * {
  padding: 0px;
  margin: 0px;
}
.cart-header .cart__id--cart {
  color: #222020;
  font-size: 24px;
}
.cart-header .cart__id--label {
  font-size: 18px;
}
.cart-header .cart__id--label:before {
  content: "|";
  color: #929292;
  font-weight: 400;
  padding-right: 16px;
  padding-left: 16px;
}
.cart-header .cart__id {
  font-size: 20px;
  padding-left: 5px;
}

/*pop up remove product*/
.js-popup-remove #cboxMiddleLeft,
.js-popup-remove #cboxTopLeft,
.js-popup-remove #cboxMiddleRight,
.js-popup-remove #cboxTopRight,
.js-popup-remove #cboxTopCenter {
  display: none;
  float: none !important;
  height: 0px !important;
  width: 0px !important;
}
.js-popup-remove #cboxLoadedContent {
  margin-top: 16px;
}
.js-popup-remove #cboxLoadedContent .popupimg,
.js-popup-remove #cboxLoadedContent .details {
  margin-left: 30px;
}
.js-popup-remove .js-popup-remove #cboxContent {
  border-radius: 8px;
}
.js-popup-remove .productName .name {
  font-weight: bold;
}
.js-popup-remove .popupimg {
  display: flex;
  width: 245px;
  align-self: center;
  gap: 1rem;
}
.js-popup-remove .popupimg img {
  max-width: 65px;
  height: 100%;
}
.js-popup-remove .titleRemoveItem {
  padding: 20px 40px 15px 40px;
}
.js-popup-remove .buttons_controller {
  display: table;
}
.js-popup-remove .remove-btn {
  border-radius: 8px;
  border: none;
  background: #41a017;
  color: #ffffff;
  text-align: center;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 12px 70px 12px 70px;
  margin: 9px 28px 8px 28px;
}
.js-popup-remove .keep-on-cart {
  border-radius: 8px;
  border: 1px solid #41a017;
  background: #ffffff;
  color: #41a017;
  text-align: center;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 12px 32px 12px 33px;
  margin: 28px 28px 17px 28px;
  position: inherit;
}

.cart-top-bar {
  background: #eeeef0;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart-top-bar {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.cart-top-bar a.help {
  font-size: 0.75rem;
  position: relative;
  padding-right: 25px;
}
.cart-top-bar a.help .glyphicon, .cart-top-bar a.help .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .cart-top-bar a.help .owl-prev,
.cart-top-bar a.help .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .cart-top-bar a.help .owl-next, .cart-top-bar a.help .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .cart-top-bar a.help .accordion-toggle:before, .cart-top-bar a.help .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .cart-top-bar a.help .product__list--item.tag-highlighted:after, .cart-top-bar a.help .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .cart-top-bar a.help .product-item.tag-highlighted:after {
  color: var(--cx-color-primary);
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}

.cart-restoration-bar {
  background: #f2f4f7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart-restoration-bar {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}

.cart__top--totals {
  text-align: right;
  font-size: 16px;
}
@media screen and (max-width: 1399px) {
  .cart__top--totals {
    font-size: 14px;
  }
}
.cart__top--totals .cart__top--amount {
  margin-left: 5px;
}
.cart__top--totals .cart__top--amount:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  top: -1px;
}

.cart__actions.border {
  border-bottom: 1px solid #d3d2d6;
}

@media (min-width: 1024px) {
  .cart__actions .btn,
  .cart__actions--top .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 8px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 183px;
    height: 44px;
    font-weight: 500;
    margin-top: 0px;
  }
  .cart__actions .btn.disabled, .cart__actions .btn[disabled],
  .cart__actions--top .btn.disabled,
  .cart__actions--top .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  .cart__actions .btn,
  .cart__actions--top .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 8px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 400;
  }
  .cart__actions .btn.disabled, .cart__actions .btn[disabled],
  .cart__actions--top .btn.disabled,
  .cart__actions--top .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
.cart__actions .min-quote-value-message,
.cart__actions--top .min-quote-value-message {
  width: 100%;
  gap: 8px;
  color: #887f87;
  flex-direction: column;
}
@media (max-width: 479px) {
  .cart__actions .min-quote-value-message,
  .cart__actions--top .min-quote-value-message {
    justify-content: center;
    padding: 16px 20px;
    color: #887f87;
    font-size: 11px;
    border-radius: 4px;
    background: rgba(238, 238, 240, 0.3);
    margin-top: 24px;
  }
}
@media (max-width: 1024px) {
  .cart__actions .row, .cart__actions .cart__content,
  .cart__actions--top .row,
  .cart__actions--top .cart__content {
    display: flex;
  }
}
@media (max-width: 479px) {
  .cart__actions .col-xs-12.col-md-7.col-lg-6,
  .cart__actions--top .col-xs-12.col-md-7.col-lg-6 {
    display: block;
  }
}

.item__list__cart {
  margin-bottom: 10px;
  border-radius: 8px;
}
.item__list__cart .item__list--item .item__quantity {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.item__list__cart .item__list--item .item__quantity .container-quantity {
  flex: 1;
}
@media (min-width: 1024px) {
  .item__list__cart .item__list--item .item__quantity {
    width: 152px;
  }
}
@media (min-width: 640px) {
  .item__list__cart .item__list--item .item__quantity {
    justify-content: flex-end;
  }
}
.item__list__cart table td {
  padding: 0;
}
.item__list__cart > table tbody > .entry-group-header > th {
  background-color: #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  padding-right: 35px;
}
.item__list__cart > table tbody > .entry-group-header a {
  color: var(--cx-color-primary);
}
.item__list__cart > table table td {
  background-color: #f4f4f4;
}
.item__list__cart > table table tbody > .entry-group-header > th {
  color: #000000;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 10px 35px;
}
.item__list__cart .item__list__wrapper {
  background: #063a44;
  border-radius: 8px 8px 0px 0px;
}
.item__list__cart .item__list--item .item_price_unit {
  display: flex;
  justify-content: center;
  color: #6e676c;
  text-decoration-line: line-through;
  margin-bottom: 0px;
}
.item__list__cart .item__list--item .customer_discount {
  text-align: center;
}
.item__list__cart .item__list--item .price--for {
  color: #222020;
  margin-bottom: 0px;
}
.item__list__cart .item__list--item .price--for .unit {
  display: inline;
}

.saved__carts a:after {
  content: "|";
  position: relative;
  left: 9px;
  color: var(--cx-color-primary);
  font-weight: 400;
  vertical-align: top;
}
@media (min-width: 640px) {
  .saved__carts a:after {
    left: 0px;
  }
}
.saved__carts a:last-of-type:after {
  content: "";
}

.saved__cart--total {
  display: inline-block;
  text-align: center;
  border-radius: 1rem;
  width: 20px;
  height: 20px;
  color: #fff;
  font-weight: 700;
  background-color: var(--cx-color-primary);
}

.save__cart--link {
  color: var(--cx-color-primary);
}

.save__cart--link,
.new__cart--link,
.cart__quotes--link {
  text-align: right;
  text-transform: capitalize;
  font-weight: 400;
  display: inline-block;
  white-space: nowrap;
  padding: 0 5px;
}
@media (max-width: 1023px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    font-size: 14px;
    text-align: left;
  }
}

.container__export--file {
  padding: 24px 0px;
}

.field__export--cart img {
  filter: invert(40%) sepia(15%) saturate(183%) hue-rotate(270deg) brightness(96%) contrast(85%);
}
@media screen and (max-width: 1399px) {
  .field__export--cart img {
    height: 21px;
  }
}

a.export__cart--link {
  margin-right: 8px;
}

.export__cart--link,
.export__cart--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .export__cart--link,
  .export__cart--text {
    font-size: 14px;
  }
}

.export__cart--text {
  margin: 0 8px 0 8px;
  color: #222020;
}

.export__cart--link {
  text-align: left;
  width: auto;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
  background: transparent;
  border: none;
  padding: 0px;
  color: var(--cx-color-primary);
}

.export__cart-bar::before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  top: -1px;
}

.container__cart-totals {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .container__cart-totals {
    max-width: 100%;
    padding-right: 0px;
  }
}

.cart-totals {
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .cart-totals {
    max-width: 466px;
    border-left: 1px solid #f3f2f3;
    padding-bottom: 38px;
  }
  .cart-totals .cart__totals-wrapper {
    max-width: 396px;
  }
  .cart-totals .order__summary {
    margin-bottom: 30px;
  }
}
@media (max-width: 639px) {
  .cart-totals .js-cart-totals div:not(.help-block),
  .cart-totals .js-cart-totals h2,
  .cart-totals .js-cart-totals .h2 {
    font-size: 12px;
  }
  .cart-totals .cart-voucher {
    margin-bottom: 42px;
  }
  .cart-totals .cart-voucher .form-group {
    margin-bottom: 6px;
    margin-top: 9px;
  }
}
.cart-totals .cart-margin {
  margin-bottom: 55px;
}
@media (max-width: 1023px) {
  .cart-totals .cart-margin {
    margin: 24px 0 32px 0;
  }
}
@media (max-width: 639px) {
  .cart-totals .cart-margin {
    margin: 0 0 32px 0;
  }
}
.cart-totals .grand-total,
.cart-totals .grand__total--value {
  font-style: normal;
  text-transform: none;
  padding-top: 8px;
  font-weight: 600;
}
.cart-totals .final__total--discount {
  color: var(--cx-color-primary);
  font-weight: 500;
}
.cart-totals .grand-total {
  color: #000000;
}
.cart-totals .grand__total--value {
  color: var(--cx-color-primary);
}
.cart-totals .total-quote-after,
.cart-totals .js-quote-delivery-cost,
.cart-totals .js-total-quote-discounts {
  border-top: 1px solid #d3d2d6;
  padding-top: 16px;
}
.cart-totals .total-quote-after,
.cart-totals .js-total-quote-before,
.cart-totals .js-quote-delivery-cost,
.cart-totals .js-total-quote-discounts {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.cart-totals .total-quote-after .col-xs-6,
.cart-totals .js-total-quote-before .col-xs-6,
.cart-totals .js-quote-delivery-cost .col-xs-6,
.cart-totals .js-total-quote-discounts .col-xs-6 {
  font-size: 16px;
  float: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
@media (max-width: 1024px) and (min-width: 1024px) {
  .cart-totals .js-cart-totals.row div.row, .cart-totals .js-cart-totals.cart__content div.row, .cart-totals .js-cart-totals.row div.cart__content, .cart-totals .js-cart-totals.cart__content div.cart__content {
    margin-right: 20px;
  }
}
.cart-totals .cart-totals-left {
  font-size: 18px;
}
.cart-totals .cart-totals-right {
  padding-left: 0;
}
@media (max-width: 639px) {
  .cart-totals .cart-totals-right.text-left {
    display: flex;
    padding: 0;
  }
}
.cart-totals .total__discount,
.cart-totals .delivery__cost,
.cart-totals .grand__total,
.cart-totals .grand_total {
  border-top: 1px solid #d3d2d6;
}
@media (min-width: 1024px) {
  .cart-totals .total__discount,
  .cart-totals .delivery__cost,
  .cart-totals .grand__total,
  .cart-totals .grand_total {
    padding: 12px;
  }
}
@media (min-width: 1024px) {
  .cart-totals .row_new_discount {
    padding-bottom: 12px;
  }
}
.cart-totals .quote__box {
  border: 2px solid #d3d2d6;
  padding-right: 20px;
  display: inline-block;
  margin: 10px 0 10px;
  min-width: 500px;
}
@media (max-width: 639px) {
  .cart-totals .quote__box {
    min-width: 0px;
    width: 100%;
    font-size: 13px;
    padding-left: 10px;
  }
  .cart-totals .quote__box .col-xs-6.col-sm-7 {
    padding: 0px;
    padding-left: 10px;
    text-align: left;
  }
  .cart-totals .quote__box .col-xs-6.col-sm-7 .quote-discount__modal--label {
    font-size: 12px;
  }
  .cart-totals .quote__box .button-submit-quote-discounts {
    width: 100%;
  }
}
.cart-totals .quote__box .col-xs-6 {
  display: flex;
}
@media (max-width: 1023px) {
  .cart-totals .row-grand-total {
    justify-content: space-between;
  }
}
.cart-totals .grand-total {
  font-size: 18px;
  text-transform: none;
  line-height: 1.3em;
}
@media (max-width: 639px) {
  .cart-totals .grand-total.cart-totals-left {
    padding-right: 0px;
  }
  .cart-totals .grand-total.cart-totals-right {
    padding-left: 0px;
  }
}
.cart-totals .grand-total-itens {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  height: 70px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .cart-totals .grand-total-itens {
    margin-bottom: 24px;
  }
}
@media (max-width: 639px) {
  .cart-totals .grand-total-itens {
    margin-bottom: 16px;
  }
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .cart-totals .row_new_discount {
    display: flex;
    justify-content: space-between;
  }
  .cart-totals .total__discount {
    display: flex !important;
    justify-content: space-between;
  }
  .cart-totals .delivery__cost {
    display: flex !important;
    justify-content: space-between;
  }
  .cart-totals .grand__total {
    display: flex !important;
    justify-content: space-between;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) .row_new_discount {
    display: flex;
    justify-content: space-between;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) .row_new_discount .col-xs-6.text-left {
    width: auto;
  }
  .cart-totals .cart-totals-right.text-right.quote-discount,
  .cart-totals .cart-totals-right.text-right.grand-total {
    margin: 0px;
    padding: 0px;
    width: auto;
  }
  .cart-totals .cart-totals-right.text-left {
    padding-left: 0px;
    margin-left: 229px;
    margin-right: 70px;
  }
}
@media (min-width: 1024px) {
  .cart-totals .quote-discount__modal--new__total .row, .cart-totals .quote-discount__modal--new__total .cart__content {
    margin-right: 0px !important;
    margin-left: 0px;
  }
  .cart-totals .col-xs-6.text-left {
    padding: 0px;
  }
}
@media (max-width: 639px) {
  .cart-totals .quote-discount__modal--new__total {
    font-size: 2rem;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) .row_new_discount {
    display: flex;
    justify-content: space-between;
  }
  .cart-totals .quote-discount__modal--new__total:nth-child(2) .row_new_discount .col-xs-6.text-left {
    width: auto;
  }
  .cart-totals .row_new_discount {
    display: flex;
  }
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 30px;
    padding-right: 30px;
  }
  .cart-totals .col-xs-6.cart-totals-right.text-left {
    padding-left: 0px;
    width: auto;
  }
  .cart-totals .col-xs-6.cart-totals-right.text-right.quote-discount {
    padding: 0;
    margin: 0;
    justify-content: flex-end;
  }
  .cart-totals .col-xs-6.cart-totals-right.text-right {
    width: auto;
    padding: 0px;
  }
}

.button-submit-quote-discounts {
  width: 50%;
  float: right;
  margin-bottom: 10px;
}

@media (max-width: 639px) {
  .cart__actions {
    margin: 0;
    margin-top: 24px;
  }
  .cart__actions .pull-right {
    float: none !important;
    padding-top: 15px;
  }
  .cart__actions .row, .cart__actions .cart__content {
    margin: 0;
  }
}
.express-checkout {
  background-color: #eeeef0;
  padding: 20px 40px;
  margin: 20px 0;
}
@media (min-width: 640px) {
  .express-checkout {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .express-checkout {
    margin-right: 30px;
  }
}
.express-checkout .headline {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.express-checkout ul {
  margin-top: 5px;
}
.express-checkout ul li {
  list-style-type: disc;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .express-checkout {
    padding: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 639px) {
  .express-checkout {
    margin: 0 0 20px 0;
    padding: 20px;
  }
}

.cartpotproline,
.cartproline {
  font-size: 20px;
  font-weight: bold;
  border-radius: 4px;
  background: rgba(177, 221, 232, 0.5);
  height: fit-content;
  gap: 10px;
  padding: 5px 0px 5px 9px;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cartpotproline,
  .cartproline {
    margin-bottom: 32px;
  }
}
@media (max-width: 639px) {
  .cartpotproline,
  .cartproline {
    padding: 6px;
    margin-top: 20px;
  }
}
.cartpotproline .promotion__received,
.cartproline .promotion__received {
  white-space: nowrap;
}
@media (max-width: 639px) {
  .cartpotproline .promotion__received img,
  .cartproline .promotion__received img {
    width: 17px;
  }
}
.cartpotproline .promotion__received--message,
.cartproline .promotion__received--message {
  color: #2282a8;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  vertical-align: text-bottom;
  white-space: nowrap;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cartpotproline .promotion__received--message,
  .cartproline .promotion__received--message {
    font-size: 12px;
    padding-left: 5px;
  }
}
@media (max-width: 639px) {
  .cartpotproline .promotion__received--message,
  .cartproline .promotion__received--message {
    font-size: 11px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 1rem;
}

.promotion {
  font-size: 14px;
  font-weight: bold;
  color: #2282a8;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .promotion {
    font-size: 12px;
    padding-left: 6px;
  }
}
@media (max-width: 639px) {
  .promotion {
    font-size: 11px;
  }
}

.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}

.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}

#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}

.content__empty .content {
  margin: 0 auto;
  width: 50%;
}

.mini-cart .mini-cart-body::after {
  display: block;
  clear: both;
  content: "";
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 40px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb img {
  max-width: 65px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .from_per {
  font-weight: normal;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .from_price,
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .per_price {
  white-space: nowrap;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .from__price {
  text-decoration: line-through;
  font-size: 18px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .per__price {
  font-size: 16px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price .unit {
  display: inline-block;
  font-size: 0.875rem;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #d3d2d6;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 256px;
  height: 44px;
  font-weight: 500;
}
.mini-cart .mini-cart-body .mini-cart-totals .btn.disabled, .mini-cart .mini-cart-body .mini-cart-totals .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.mini-cart .mini-cart-body .btn.disabled, .mini-cart .mini-cart-body .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body img {
  width: 100%;
}

.page-quoteEditPage .ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-current-day,
.page-notafiscal2via .ui-datepicker-unselectable.ui-state-disabled.ui-datepicker-current-day {
  background-color: #ffffff;
}
.page-quoteEditPage .ui-datepicker,
.page-notafiscal2via .ui-datepicker {
  width: 344px;
  height: auto;
  background: #ffffff;
  box-shadow: 0px 30px 84px rgba(19, 10, 46, 0.08), 0px 8px 32px rgba(19, 10, 46, 0.07), 0px 3px 14px rgba(19, 10, 46, 0.03), 0px 1px 3px rgba(19, 10, 46, 0.13);
  border-radius: 12px;
  z-index: 3 !important;
}
.page-quoteEditPage .ui-datepicker table th,
.page-notafiscal2via .ui-datepicker table th {
  background-color: #ffffff;
}
.page-quoteEditPage .ui-datepicker tr,
.page-notafiscal2via .ui-datepicker tr {
  width: 280px;
  height: 40px;
}
.page-quoteEditPage .ui-datepicker td,
.page-notafiscal2via .ui-datepicker td {
  vertical-align: middle;
}
.page-quoteEditPage .ui-datepicker span,
.page-quoteEditPage .ui-datepicker a,
.page-notafiscal2via .ui-datepicker span,
.page-notafiscal2via .ui-datepicker a {
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.page-quoteEditPage .ui-datepicker span,
.page-notafiscal2via .ui-datepicker span {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #19181a;
  text-transform: capitalize;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-calendar,
.page-notafiscal2via .ui-datepicker .ui-datepicker-calendar {
  width: 280px;
  margin: 0 auto;
}
.page-quoteEditPage .ui-datepicker .ui-state-default,
.page-notafiscal2via .ui-datepicker .ui-state-default {
  background-color: #ffffff;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #19181a;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title {
  margin-top: 14px;
  width: 280px;
  height: 40px;
  display: flex;
  justify-content: center;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title div,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title div {
  width: 80px;
  height: 40px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #19181a;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  border: none;
  width: 80px;
  height: 40px;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-month option,
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-year option,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-month option,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-year option {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  color: #19181a;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  margin-right: 8px;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-year,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  margin-left: 8px;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-month:focus,
.page-quoteEditPage .ui-datepicker .ui-datepicker-title .ui-datepicker-year:focus,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-month:focus,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title .ui-datepicker-year:focus {
  background: #f8f7fa;
  border-radius: 8px;
  color: var(--cx-color-primary);
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title ::-webkit-scrollbar,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title ::-webkit-scrollbar {
  background: transparent;
  border-radius: 8px;
  width: 8px;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-title ::-webkit-scrollbar-thumb,
.page-notafiscal2via .ui-datepicker .ui-datepicker-title ::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 8px;
  width: 8px;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-prev,
.page-quoteEditPage .ui-datepicker .ui-datepicker-next,
.page-notafiscal2via .ui-datepicker .ui-datepicker-prev,
.page-notafiscal2via .ui-datepicker .ui-datepicker-next {
  display: none;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-today,
.page-notafiscal2via .ui-datepicker .ui-datepicker-today {
  width: 40px;
  height: 40px;
  background: #f8f7fa;
  border-radius: 40px;
  opacity: 100%;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-today span,
.page-notafiscal2via .ui-datepicker .ui-datepicker-today span {
  color: var(--cx-color-primary);
  background: none;
  font-weight: 600;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-today a,
.page-notafiscal2via .ui-datepicker .ui-datepicker-today a {
  background-color: #f8f7fa;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-current-day,
.page-notafiscal2via .ui-datepicker .ui-datepicker-current-day {
  width: 40px;
  height: 40px;
  background: var(--cx-color-primary);
  border-radius: 40px;
  opacity: 100%;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-current-day a,
.page-notafiscal2via .ui-datepicker .ui-datepicker-current-day a {
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  background: none;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-buttonpane,
.page-notafiscal2via .ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 280px;
  margin: 24px auto 0px;
  border: none;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-buttonpane button,
.page-notafiscal2via .ui-datepicker .ui-datepicker-buttonpane button {
  width: 136px;
  height: 40px;
  border-radius: 8px;
  border: none;
  text-transform: capitalize;
  font-weight: 600;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-buttonpane .ui-priority-secondary,
.page-notafiscal2via .ui-datepicker .ui-datepicker-buttonpane .ui-priority-secondary {
  background: #f8f7fa;
  color: #19181a;
}
.page-quoteEditPage .ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary,
.page-notafiscal2via .ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary {
  background: var(--cx-color-primary);
  color: #ffffff;
}
.page-quoteEditPage .ui-datepicker .ui-state-hover,
.page-notafiscal2via .ui-datepicker .ui-state-hover {
  cursor: pointer;
}
@media (max-width: 639px) {
  .page-quoteEditPage .ui-datepicker,
  .page-notafiscal2via .ui-datepicker {
    top: 1100.135px;
    left: 15.365px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .page-quoteEditPage .ui-datepicker,
  .page-notafiscal2via .ui-datepicker {
    top: 940.135px;
    left: 315.365px;
  }
}
.page-quoteEditPage .main__inner-wrapper,
.page-notafiscal2via .main__inner-wrapper {
  margin-bottom: 0px;
}
.page-quoteEditPage .nf-key-listing,
.page-notafiscal2via .nf-key-listing {
  width: 100%;
}

#quoteForm .form__actions {
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #quoteForm .form__actions {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  #quoteForm .form__actions--cancel,
  #quoteForm .form__actions--done {
    margin-bottom: 15px;
  }
}

.cart__quote__edit .quote__head {
  color: #000000;
  background-color: var(--cx-color-primary);
  padding: 20px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart__quote__edit .quote__head {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.cart__quote__edit .quote__head .quote__head--label {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 0;
}
.cart__quote__edit .quote__head .label__value {
  display: inline-block;
}
.cart__quote__edit .quote__head .glyphicon, .cart__quote__edit .quote__head .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .cart__quote__edit .quote__head .owl-prev,
.cart__quote__edit .quote__head .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .cart__quote__edit .quote__head .owl-next, .cart__quote__edit .quote__head .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .cart__quote__edit .quote__head .accordion-toggle:before, .cart__quote__edit .quote__head .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .cart__quote__edit .quote__head .product__list--item.tag-highlighted:after, .cart__quote__edit .quote__head .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .cart__quote__edit .quote__head .product-item.tag-highlighted:after {
  font-size: 30px;
  position: absolute;
  height: 30px;
  line-height: 20px;
}
.cart__quote__edit .quote__head .quote__head--title {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 33px;
  display: inline-block;
}
@media (max-width: 639px) {
  .cart__quote__edit .quote__head .quote__head--title {
    margin-bottom: 10px;
  }
}

.quote__form--collapse {
  background: #ffffff;
  color: white;
}
@media (max-width: 639px) {
  .quote__form--collapse {
    height: 480px;
  }
}

#quoteFormDiv {
  display: flex;
  max-width: 1168px;
  margin: 0 auto;
  padding: 0px 24px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  #quoteFormDiv {
    padding: 16px 24px;
  }
}
#quoteFormDiv label {
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
}
#quoteFormDiv .compare-quote-img {
  width: 425px;
  height: 480px;
  margin-top: 60px;
}
@media (max-width: 639px) {
  #quoteFormDiv .compare-quote-img {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 1144px) {
  #quoteFormDiv {
    width: 720px;
  }
  #quoteFormDiv .compare-quote-img {
    display: none;
  }
}
@media (max-width: 639px) {
  #quoteFormDiv {
    width: 312px;
  }
}

.quote__comments--wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
}

.quote__form--section {
  max-width: 1168px;
  margin: 0 auto;
  padding: 0px 24px;
  padding: 50px 0px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  .quote__form--section {
    padding: 16px 24px;
  }
}
@media (max-width: 639px) {
  .quote__form--section {
    width: 312px;
    padding: 32px 0px;
  }
}

.quote__form--section-top {
  width: 544px;
  color: #ffffff;
  display: flex;
  flex-flow: column;
  margin-bottom: 32px;
}
.quote__form--section-top h1, .quote__form--section-top .h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 24px;
  border-bottom: 4px #41a017 solid;
  padding-bottom: 10px;
  margin: 0px;
}
.quote__form--section-top p {
  padding: 16px 0 10px;
  margin: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  width: 636px;
}
@media (min-width: 640px) and (max-width: 1144px) {
  .quote__form--section-top {
    margin-bottom: 14px;
  }
  .quote__form--section-top h1, .quote__form--section-top .h1 {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .quote__form--section-top p {
    padding: 28px 0 0;
  }
}
@media (max-width: 639px) {
  .quote__form--section-top {
    width: 312px;
  }
  .quote__form--section-top h1, .quote__form--section-top .h1 {
    font-size: 20px;
    line-height: 150%;
    font-weight: bold;
    border-bottom: none;
    padding-bottom: 0px;
  }
  .quote__form--section-top p {
    width: 312px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    padding: 16px 0 0;
  }
}

.quote__form--section-bottom .quote__form--bottom-wrapper {
  width: 640px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.quote__form--section-bottom .quote__form--bottom-wrapper .file-upload {
  margin-top: 0px;
  height: 48px;
}
.quote__form--section-bottom .quote__form--bottom-wrapper .file-upload__wrapper {
  margin-right: 0px;
}
.quote__form--section-bottom .quote__form--bottom-wrapper .btn-block {
  border-radius: 8px;
  width: 260px;
  height: 48px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-transform: inherit;
  display: flex;
  justify-content: center;
}
.quote__form--section-bottom .quote__form--bottom-wrapper .btn-block .attachment-svg {
  width: 24px;
  height: 24px;
  margin-top: 0px;
  margin-left: 8px;
}
.quote__form--section-bottom .quote__form--bottom-wrapper .form-group {
  width: 368px;
  height: 48px;
}
@media (min-width: 640px) and (max-width: 1144px) {
  .quote__form--section-bottom .quote__form--bottom-wrapper {
    width: 720px;
  }
  .quote__form--section-bottom .quote__form--bottom-wrapper .form-group {
    width: 444px;
    height: 48px;
  }
}
@media (max-width: 639px) {
  .quote__form--section-bottom .quote__form--bottom-wrapper {
    width: 312px;
  }
  .quote__form--section-bottom .quote__form--bottom-wrapper .form-group {
    display: none;
  }
  .quote__form--section-bottom .quote__form--bottom-wrapper .btn-block {
    width: 312px;
    height: 40px;
    font-size: 0.875rem;
    text-transform: inherit;
    padding: 8px;
    display: inline-block;
  }
  .quote__form--section-bottom .quote__form--bottom-wrapper .btn-block .attachment-svg {
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
  }
}
@media (max-width: 639px) {
  .quote__form--section-bottom {
    width: 312px;
  }
}

.quote__estimate .quote__estimate--amount {
  display: block;
}

textarea.quote__comments--textarea {
  height: 206px;
  min-height: auto;
}

.quote__comments--textfield {
  width: 636px;
  height: 206px;
  margin: 0;
  padding: 0;
}
@media (min-width: 640px) and (max-width: 1144px) {
  .quote__comments--textfield {
    width: 720px;
  }
}
@media (max-width: 639px) {
  .quote__comments--textfield {
    width: 312px;
    height: 126px;
  }
  .quote__comments--textfield .quote__comments--textarea {
    width: 312px;
    height: 126px;
  }
}

.quote__comments--toggle,
.quote__form--toggle {
  background: none;
  border: none;
}
.quote__comments--toggle.collapsed:after,
.quote__form--toggle.collapsed:after {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e114";
}
.quote__comments--toggle:after,
.quote__form--toggle:after {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e113";
  position: relative;
  top: 2px;
}
.quote__comments--toggle:focus,
.quote__form--toggle:focus {
  border: none;
  outline: var(--cx-color-primary);
}

.quote__form--toggle {
  color: #000000;
}

.quote__comments__header {
  border-top: 1px solid #d3d2d6;
  border-bottom: 1px solid #d3d2d6;
  padding: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .quote__comments__header {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.quote__comments {
  margin-top: 24px;
}
.quote__comments .quote__comments--header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.quote__comments .quote__comments-btn {
  display: flex;
  width: 636px;
  justify-content: space-between;
  margin-top: 24px;
}
.quote__comments .quote__comments-btn button:first-child {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-transform: inherit;
  height: 48px;
  background: transparent;
  border-radius: 8px;
  width: 258px;
  border: 1px solid #41a017;
  color: #41a017;
}
.quote__comments .quote__comments-btn .btn-status {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-transform: inherit;
  height: 48px;
  background: #41a017;
  border-radius: 8px;
  border: none;
  width: 352px;
  margin: 0px;
}
.quote__comments .quote__comments-btn .btn-status:disabled {
  background-color: #c7e9e7;
  opacity: 100%;
}
.quote__comments .quote__comments-btn .btn-status:hover {
  background-color: #158110;
  border-color: #158110;
}
.quote__comments .quote__comments-btn .btn-status:focus {
  background-color: #158110;
  outline: #91c854;
  border: 2px solid #158110;
}
.quote__comments .quote__comments-btn .btn-status:active {
  background-color: #158110;
  border-color: #158110;
}
@media (min-width: 640px) and (max-width: 1144px) {
  .quote__comments .quote__comments-btn {
    width: 720px;
  }
  .quote__comments .quote__comments-btn button:first-child {
    width: 352px;
  }
}
@media (max-width: 639px) {
  .quote__comments .quote__comments-btn {
    display: none;
  }
}
@media (max-width: 639px) {
  .quote__comments {
    margin-top: 16px;
  }
}

.quote__comments .quote__comments--time {
  font-weight: bold;
}
@media (max-width: 640px) {
  .quote__comments .quote__comments--time {
    margin-bottom: 5px;
  }
}

.quote__comments .quote__comments--role {
  font-weight: bold;
}

.quote__comments .quote__comments--comment {
  word-break: break-all;
}

@media (min-width: 1024px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon, .form-element-icon.datepicker.quote__expiration .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker.quote__expiration .owl-prev,
  .form-element-icon.datepicker.quote__expiration .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker.quote__expiration .owl-next, .form-element-icon.datepicker.quote__expiration .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .form-element-icon.datepicker.quote__expiration .accordion-toggle:before, .form-element-icon.datepicker.quote__expiration .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .form-element-icon.datepicker.quote__expiration .product__list--item.tag-highlighted:after, .form-element-icon.datepicker.quote__expiration .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .form-element-icon.datepicker.quote__expiration .product-item.tag-highlighted:after {
    top: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon, .form-element-icon.datepicker.quote__expiration .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker.quote__expiration .owl-prev,
  .form-element-icon.datepicker.quote__expiration .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker.quote__expiration .owl-next, .form-element-icon.datepicker.quote__expiration .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .form-element-icon.datepicker.quote__expiration .accordion-toggle:before, .form-element-icon.datepicker.quote__expiration .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .form-element-icon.datepicker.quote__expiration .product__list--item.tag-highlighted:after, .form-element-icon.datepicker.quote__expiration .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .form-element-icon.datepicker.quote__expiration .product-item.tag-highlighted:after {
    top: 28px;
  }
}

@media (min-width: 1024px) {
  .quote__expiration .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}

@media (min-width: 1024px) {
  .quote__expiration--label {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--label {
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {
  .quote__expiration--input {
    display: table-cell;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--input {
    padding: 5px 10px;
    height: 28px;
  }
}

.quote_entry_discount_message {
  padding-left: 30px;
}

body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart {
  display: flex;
  align-items: flex-end;
  width: 150px;
  justify-content: space-between;
  background: transparent;
  border: none;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin_popover__content {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #887f87;
  box-shadow: none;
  background-color: transparent;
  margin-right: 10px;
  padding: 0px;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin_popover__content.margin_popover__content > span:first-child {
  display: none;
  width: 130px;
  height: 24px;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin_popover__content .margin_popover__hidden-content {
  width: 119px;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin-eye,
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin-eye-crossed {
  margin: 0px;
  background: transparent;
  border: none;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .eye-line {
  display: none;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin-eye img {
  width: auto;
  height: auto;
}
body:not(.page-cartPage, .page-multiStepCheckoutSummaryPage) .margin-cart .margin_popover__hidden-content {
  width: 90px;
  height: 24px;
  background: #cbe3b5;
}

.page-cartPage .margin-cart {
  display: grid;
  align-items: flex-end;
  width: 134px;
  height: 28px;
  justify-content: space-between;
  background: transparent;
  border: none;
}
@media (max-width: 1023px) {
  .page-cartPage .margin-cart {
    width: 93px;
    height: 22px;
  }
}
.page-cartPage .margin-cart .margin_popover__content {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #887f87;
  box-shadow: none;
  background-color: transparent;
  padding: 0px;
  grid-column-start: 1;
  grid-row-start: 1;
}
.page-cartPage .margin-cart .margin_popover__content.margin_popover__content > span:first-child {
  display: none;
  width: 130px;
  height: 24px;
  color: #222020;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-top: 3px;
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .page-cartPage .margin-cart .margin_popover__content.margin_popover__content > span:first-child {
    width: 93px;
    height: 22px;
    font-size: 10px;
    margin-right: 16px;
    margin-left: 0px;
    padding-top: 5px;
  }
}
.page-cartPage .margin-cart .margin_popover__content .margin_popover__hidden-content {
  width: 134px;
  height: 28px;
}
@media (max-width: 1023px) {
  .page-cartPage .margin-cart .margin_popover__content .margin_popover__hidden-content {
    width: 93px;
    height: 22px;
  }
}
@media (max-width: 1023px) {
  .page-cartPage .margin-cart .margin-cart .margin-eye {
    padding-bottom: 6px;
    margin-right: 3px;
  }
}
.page-cartPage .margin-cart .margin-eye,
.page-cartPage .margin-cart .margin-eye-crossed {
  margin: 0px;
  background: transparent;
  border: none;
  grid-column-start: 1;
  grid-row-start: 1;
  display: flex;
  align-self: center;
  justify-self: end;
  padding: 0px;
}
@media (min-width: 480px) {
  .page-cartPage .margin-cart .margin-eye,
  .page-cartPage .margin-cart .margin-eye-crossed {
    margin-right: 14px;
  }
}
@media (max-width: 639px) {
  .page-cartPage .margin-cart .margin-eye,
  .page-cartPage .margin-cart .margin-eye-crossed {
    margin-right: 6px;
  }
}
.page-cartPage .margin-cart .eye-line {
  display: none;
}
.page-cartPage .margin-cart .margin-eye img {
  width: 16px;
  height: 15px;
}
.page-cartPage .margin-cart .margin_popover__hidden-content {
  width: 134px;
  height: 28px;
  background: #eeeef0;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-cartPage .margin-cart .margin_popover__hidden-content {
    width: 93px;
    height: 22px;
  }
}
@media (min-width: 480px) {
  .page-cartPage .margin-cart .margin_popover__hidden-content {
    border-radius: 8px;
  }
}
@media (max-width: 639px) {
  .page-cartPage .margin-cart .margin_popover__hidden-content {
    border-radius: 6px;
  }
}

.out__stock {
  font-weight: 700;
  text-transform: uppercase;
}

#modalCleanCart .modal-content {
  width: 372px;
  height: 340px;
}
#modalCleanCart .modal-dialog {
  justify-content: center;
}
#modalCleanCart .modal-header {
  display: flex;
  justify-content: end;
}
#modalCleanCart .modal-body {
  padding: 43px 30px 40px 30px;
}
#modalCleanCart .cleanCartAttention_message {
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #54595e;
  padding: 23px 12px 10px 13px;
}
#modalCleanCart .cleanCartMessage {
  color: #54595e;
  font-size: 16px;
  padding: 10px 10px 10px 10px;
  text-align: center;
}
#modalCleanCart .btn {
  margin-top: 10px;
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
#modalCleanCart .btn.disabled, #modalCleanCart .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
#modalCleanCart .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  font-size: 20px;
  padding: 5px 10px;
}

/* Modal de salvar carrinho */
#saveCartModal .modal-dialog {
  max-width: 592px;
}
#saveCartModal .modal-content {
  width: 592px;
  height: 531px;
}
#saveCartModal .modal-header {
  display: flex;
  padding: 43px 40px 15px;
  align-items: center;
}
#saveCartModal .modal-header h1, #saveCartModal .modal-header .h1 {
  margin-bottom: 0;
}
#saveCartModal .modal-header .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  font-size: 20px;
  padding: 5px 10px;
}
#saveCartModal .save-cart-modal {
  color: var(--cx-color-primary);
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}
#saveCartModal .modal-body {
  padding: 0px 40px 30px 40px;
}
#saveCartModal .modal-body h1.saveCart, #saveCartModal .modal-body .saveCart.h1 {
  font-weight: bold;
}
#saveCartModal #saveCartButton,
#saveCartModal #cancelSaveCartButton {
  height: 44px;
}

.save-cart-modal .btn-save,
.save-cart-modal .btn-cancel {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.save-cart-modal .btn-save.disabled, .save-cart-modal .btn-save[disabled],
.save-cart-modal .btn-cancel.disabled,
.save-cart-modal .btn-cancel[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

/* end */
@media (max-width: 639px) {
  .page-cartPage .col-xs-12.col-md-3 {
    display: flex;
    justify-content: space-between;
  }
  .page-cartPage .cart-header {
    width: 100%;
  }
  .page-cartPage .cart-header .row .col-xs-12.col-sm-7, .page-cartPage .cart-header .cart__content .col-xs-12.col-sm-7 {
    justify-content: flex-end;
    padding: 12px 0px;
  }
  .page-cartPage .export__cart--link {
    margin-top: 0px;
    z-index: 1;
  }
}
@media (max-width: 1024px) {
  .page-cartPage .main__inner-wrapper .yComponentWrapper .cart-header {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .page-cartPage .main__inner-wrapper .yComponentWrapper {
    padding: 0px;
  }
}
.cart--details .row, .cart--details .cart__content {
  margin-right: 0px;
  margin-left: 0px;
}

.cart-header + .row, .cart-header + .cart__content {
  justify-content: space-between;
  margin-bottom: 40px;
}

.container__cart--header .cart-headline {
  display: flex;
  align-items: center;
}

#miniCart .mini-cart-body {
  padding: 15px 40px 30px 40px;
}
#miniCart .modal-header {
  padding: 43px 40px 15px;
  margin: 0px;
}
#miniCart .modal-header button {
  background: transparent;
  border: none;
  color: #797979;
}
#miniCart .modal-title {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}

#helpPopupModal .modal-content {
  width: 322px;
  height: fit-content;
}
#helpPopupModal .modal-dialog {
  justify-content: center;
}
#helpPopupModal .modal-header {
  display: flex;
  padding: 43px 40px 15px;
}
#helpPopupModal .modal-header h3, #helpPopupModal .modal-header .h3 {
  margin-bottom: 0;
}
#helpPopupModal .modal-body {
  text-align: start;
  padding: 0px 40px 30px 40px;
}
#helpPopupModal .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  font-size: 20px;
  padding: 5px 10px;
}
#helpPopupModal h3, #helpPopupModal .h3 {
  color: var(--cx-color-primary);
  font-size: 24px;
  font-weight: bold;
}
#helpPopupModal p {
  margin: 0;
}

.js-popup-remove .modal-content {
  width: 400px;
  padding: 15px 30px 30px;
  margin: 0 auto;
  align-items: center;
}
.js-popup-remove .btn-close {
  align-self: end;
}

#container__cartItemCancel {
  margin: 0 auto;
}

.cart-address-container {
  width: 100%;
}
@media (max-width: 639px) {
  .cart-address-container {
    margin-bottom: 40px;
    max-width: unset;
    padding-right: 0px !important;
  }
}

.cart-address h2, .cart-address .h2 {
  color: #222020;
}
@media (max-width: 639px) {
  .cart-address h2, .cart-address .h2 {
    margin-bottom: 4px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-address #select-wrapper {
    margin-bottom: 16px;
  }
}
@media (max-width: 639px) {
  .cart-address #select-wrapper {
    margin-bottom: 16px;
  }
}
.cart-address #select-wrapper .form-select {
  max-width: 455px;
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .cart-address #select-wrapper .form-select {
    height: 44px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-address #select-wrapper .form-select {
    height: 35px;
    color: #6f676c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}
@media (max-width: 639px) {
  .cart-address #select-wrapper .form-select {
    font-size: 12px;
    height: 33px;
    max-width: unset;
  }
}
.cart-address .add-address-button {
  padding: 0px;
  font-size: 18px;
  font-weight: 500;
}
.cart-address .cart-add-address {
  display: flex;
  align-items: center;
  max-width: 234px;
  width: 100%;
}
.cart-address .cart-add-address span {
  color: var(--cx-color-primary);
}
@media (min-width: 1024px) {
  .cart-address .cart-add-address {
    gap: 16px;
  }
}
@media (max-width: 1023px) {
  .cart-address .cart-add-address {
    gap: 8px;
  }
}
.cart-address .cart-add-address img {
  filter: invert(0%) sepia(50%) saturate(455%) hue-rotate(0deg) brightness(105%) contrast(70%);
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-address .cart-add-address img {
    width: 18px;
    height: 15px;
  }
}
@media (max-width: 639px) {
  .cart-address .cart-add-address img {
    width: 13px;
    height: 12px;
  }
}

#cartAddressModal .modal-content {
  max-width: 493px;
  border-radius: 10px;
}
#cartAddressModal .modal-header {
  padding: 16px 16px 16px 32px;
  background: var(--cx-color-primary);
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
#cartAddressModal .modal-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: white;
}
@media (max-width: 479px) {
  #cartAddressModal .modal-title {
    font-size: 14px;
  }
}
#cartAddressModal .js-form-edit-add-address {
  max-width: 429px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
@media (min-width: 480px) {
  #cartAddressModal .js-form-edit-add-address {
    gap: 16px;
  }
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address {
    gap: 8px;
  }
}
#cartAddressModal .modal-body .checkbox {
  margin: 0 auto;
  width: 429px;
}
#cartAddressModal .modal-body .checkbox label {
  padding-left: 25px;
}
@media (max-width: 479px) {
  #cartAddressModal .modal-body {
    padding: 0 24px 0 24px;
  }
}
#cartAddressModal .modal-body .checkmark {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #a19ba2;
}
#cartAddressModal .modal-body .check-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border-width: 0 2px 2px 0;
}
#cartAddressModal .modal-body .form-group {
  margin-bottom: 0px;
}
#cartAddressModal .modal-body .control-label {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 479px) {
  #cartAddressModal .modal-body .control-label {
    font-size: 12px;
  }
}
#cartAddressModal .js-form-edit-add-address .form-group.has-error .help-block {
  padding-top: 0px;
  color: #ea5d58;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#cartAddressModal .js-form-edit-add-address label {
  color: #222020;
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address label {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
#cartAddressModal .js-form-edit-add-address input {
  padding: 14px 0px 14px 10px;
  border-radius: 6.154px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address input {
    height: 35px;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address input {
    height: 44px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address input {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address input {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
#cartAddressModal .js-form-edit-add-address .zipcode-lookup-link {
  gap: 24px;
}
#cartAddressModal .js-form-edit-add-address .zipcode-lookup-link .form-group {
  width: 100%;
}
@media (min-width: 480px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link .form-group {
    max-width: 255px;
  }
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link .form-group {
    max-width: 217px;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p {
    padding-top: 46px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p {
    padding-top: 38px;
  }
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p {
    padding-top: 34px;
  }
}
#cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p a {
  text-decoration-line: underline;
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p a {
    font-size: 10px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p a {
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address .zipcode-lookup-link p a {
    font-size: 14px;
  }
}
#cartAddressModal .js-form-edit-add-address .cart-address-number-complement {
  gap: 8px;
}
@media (min-width: 480px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region,
  #cartAddressModal .js-form-edit-add-address .cart-address-phone-phoneExtension {
    gap: 8px;
  }
}
@media (max-width: 479px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region,
  #cartAddressModal .js-form-edit-add-address .cart-address-phone-phoneExtension {
    gap: 16px;
  }
}
#cartAddressModal .js-form-edit-add-address .cart-address-number-complement .form-group:first-child {
  max-width: 111px;
  width: 100%;
}
#cartAddressModal .js-form-edit-add-address .cart-address-number-complement .form-group:last-child {
  max-width: 309px;
  width: 100%;
}
#cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group {
  width: 50%;
}
#cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group select {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group select {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group select {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (max-width: 1023px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group select {
    height: 35px;
  }
}
@media (min-width: 1024px) {
  #cartAddressModal .js-form-edit-add-address .cart-address-town-region .form-group select {
    height: 44px;
  }
}
#cartAddressModal .js-form-edit-add-address .cart-address-phone-phoneExtension .form-group:first-child {
  max-width: 210px;
  width: 100%;
}
#cartAddressModal .js-form-edit-add-address .cart-address-phone-phoneExtension .form-group:last-child {
  max-width: 135px;
  width: 100%;
}
#cartAddressModal .js-form-edit-add-address .add-address-left-label {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}
#cartAddressModal .modal-footer {
  padding: 2rem 0 2rem 0;
  max-width: 429px;
  width: 100%;
  margin: auto;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  #cartAddressModal .modal-footer .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: 22.6px;
    width: 50%;
    height: 48px;
    font-weight: 400;
  }
  #cartAddressModal .modal-footer .btn.disabled, #cartAddressModal .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 1023px) {
  #cartAddressModal .modal-footer .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: 22.6px;
    width: 50%;
    height: 40px;
    font-weight: 400;
  }
  #cartAddressModal .modal-footer .btn.disabled, #cartAddressModal .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #cartAddressModal .modal-footer {
    gap: 12px;
  }
}
@media (max-width: 479px) {
  #cartAddressModal .modal-footer {
    gap: 10px;
  }
}

.padding-modal-address {
  padding-top: 2rem;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .padding-modal-address {
    padding-top: 1.5rem;
  }
}

.cep-search-link {
  color: #41a017;
}

.btn-cancel-address-modal {
  background-color: rgba(234, 243, 226, 0.3);
}

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

.cart__delivery--option,
.cart__pickup--option {
  width: 238px;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 12px 8px;
}
.cart__delivery--option label,
.cart__pickup--option label {
  font-size: 14px;
}
.cart__delivery--option input[type=radio],
.cart__pickup--option input[type=radio] {
  margin-right: 0px;
  margin-bottom: 0px;
}

.checkout__method__not--chosen {
  border: 1px solid #d3d2d6;
  background: rgba(243, 243, 243, 0.5);
}

.checkout__method__chosen {
  border: 1px solid var(--cx-color-primary);
  background: rgba(203, 227, 181, 0.5);
  filter: drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.15));
}

.cart__pickup--option > div {
  gap: 8px;
  display: flex;
}

.item__list--item .item__warehouse--item {
  color: #887f87;
}

.update-address-link {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}

.update-phone-hint {
  display: inline-flex;
  padding: 16px 17px;
  margin-bottom: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #eaf3e2;
}
.update-phone-hint .phone-hint-text {
  margin: 0;
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.8px;
}
.update-phone-hint img {
  width: 21px;
  height: 21px;
  margin-right: 7px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .update-phone-hint {
    margin-top: 0.5rem;
  }
}
@media (max-width: 479px) {
  .update-phone-hint {
    padding: 16px 8px;
    margin-top: -0.5rem;
  }
  .update-phone-hint .phone-hint-text {
    font-size: 12px;
  }
}

.field-no-border {
  border-color: transparent;
  padding: 0 !important;
  appearance: none;
}

@media (min-width: 1024px) {
  .page-cartPage .cart__delivery-options form {
    gap: 14px;
  }
  .page-cartPage .container__cart--header {
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 20px;
  }
  .page-cartPage .cart-header button.btn--continue-shopping {
    font-size: 14px;
  }
  .page-cartPage .saved__carts {
    justify-content: flex-end;
  }
  .page-cartPage .cart__saved-carts {
    margin: 40px 0px 20px;
    gap: 24px;
  }
  .page-cartPage .save__cart--link,
  .page-cartPage .new__cart--link,
  .page-cartPage .cart__quotes--link {
    font-size: 16px;
    color: var(--cx-color-primary);
  }
  .page-cartPage .container__btn--shopping {
    padding: 0px;
    width: 50%;
    border-left: 1px solid #f3f2f3;
    max-width: 466px;
  }
  .page-cartPage .container__btn--shopping > div {
    max-width: 466px;
    display: flex;
    gap: 12px;
  }
  .page-cartPage .btn--continue-checkout,
  .page-cartPage .btn--continue-shopping {
    display: flex;
    height: 48px;
    padding: 7px 14px;
    justify-content: center;
    align-items: center;
    gap: 3.6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
  .page-cartPage .cart__actions .row, .page-cartPage .cart__actions .cart__content {
    justify-content: flex-end;
  }
  .page-cartPage .cart__actions .min-quote-value-message {
    color: #887f87;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    flex-direction: column;
    border-radius: 4px;
    background: rgba(238, 238, 240, 0.3);
    padding: 18px 16px;
    max-width: 390px;
    margin-top: 40px;
  }
  .page-cartPage .quote__message {
    justify-content: flex-end;
  }
  .page-cartPage .js-voucher-respond {
    margin-bottom: 0px;
  }
}
.min-quote-image {
  gap: 4px;
  align-items: center;
}

@media (min-width: 1199px) {
  .saved__carts {
    justify-content: flex-end;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-cartPage .cart__saved-carts {
    margin: 40px 0px 24px;
  }
  .page-cartPage .cart-address,
  .page-cartPage .cart__totals-wrapper,
  .page-quoteEditPage .cart-address,
  .page-quoteEditPage .cart__totals-wrapper {
    margin-top: 50px;
  }
  .page-cartPage .cart-address #select-wrapper,
  .page-quoteEditPage .cart-address #select-wrapper {
    margin-bottom: 16px;
  }
  .page-cartPage .cart-address-container,
  .page-cartPage .cart--details .cart-totals,
  .page-quoteEditPage .cart-address-container,
  .page-quoteEditPage .cart--details .cart-totals {
    width: 50%;
  }
  .page-cartPage .cart-address h2, .page-cartPage .cart-address .h2,
  .page-cartPage .js-voucher-respond label,
  .page-quoteEditPage .cart-address h2,
  .page-quoteEditPage .cart-address .h2,
  .page-quoteEditPage .js-voucher-respond label {
    margin: 0px;
    padding: 0px;
  }
  .page-cartPage .cart-address h2, .page-cartPage .cart-address .h2,
  .page-quoteEditPage .cart-address h2,
  .page-quoteEditPage .cart-address .h2 {
    margin-bottom: 4px;
  }
  .page-cartPage .cart-totals .js-cart-totals div:not(.help-block),
  .page-cartPage .cart-totals .js-cart-totals h2,
  .page-cartPage .cart-totals .js-cart-totals .h2,
  .page-cartPage .cart-header button.btn--continue-shopping,
  .page-quoteEditPage .cart-totals .js-cart-totals div:not(.help-block),
  .page-quoteEditPage .cart-totals .js-cart-totals h2,
  .page-quoteEditPage .cart-totals .js-cart-totals .h2,
  .page-quoteEditPage .cart-header button.btn--continue-shopping {
    font-size: 14px;
  }
  .page-cartPage .col.cart-totals-right,
  .page-quoteEditPage .col.cart-totals-right {
    font-weight: 600;
  }
  .page-cartPage .container__export--file,
  .page-quoteEditPage .container__export--file {
    padding: 0px;
  }
  .page-cartPage .message__help--order span,
  .page-quoteEditPage .message__help--order span {
    font-size: 12px;
  }
  .page-cartPage .saved__carts,
  .page-quoteEditPage .saved__carts {
    justify-content: flex-start;
  }
  .page-cartPage .saved__carts a,
  .page-quoteEditPage .saved__carts a {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .page-cartPage .cart__delivery-options form,
  .page-quoteEditPage .cart__delivery-options form {
    gap: 8px;
  }
  .page-cartPage .cart__saved-carts,
  .page-quoteEditPage .cart__saved-carts {
    gap: 24px;
    margin: 0px;
  }
  .page-cartPage .cart-header .cart__id,
  .page-cartPage .cart-header .cart__id--label,
  .page-quoteEditPage .cart-header .cart__id,
  .page-quoteEditPage .cart-header .cart__id--label {
    color: #222020;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .cart-header .cart__id--cart,
  .page-quoteEditPage .cart-header .cart__id--cart {
    color: #222020;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .page-cartPage .cart-add-address span,
  .page-quoteEditPage .cart-add-address span {
    font-size: 14px;
  }
  .page-cartPage .container__btn--shopping > div,
  .page-quoteEditPage .container__btn--shopping > div {
    width: 50%;
    display: flex;
    gap: 12px;
  }
  .page-cartPage .btn--continue-checkout,
  .page-cartPage .btn--continue-shopping,
  .page-quoteEditPage .btn--continue-checkout,
  .page-quoteEditPage .btn--continue-shopping {
    display: flex;
    height: 40px;
    padding: 7px 14px;
    justify-content: center;
    align-items: center;
    gap: 3.6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
  }
  .page-cartPage .btn--continue-shopping:disabled,
  .page-quoteEditPage .btn--continue-shopping:disabled {
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #fff;
  }
  .page-cartPage .btn--continue-checkout,
  .page-cartPage .container__btn--shopping > div div,
  .page-quoteEditPage .btn--continue-checkout,
  .page-quoteEditPage .container__btn--shopping > div div {
    width: 50%;
  }
  .page-cartPage .cart__actions .row, .page-cartPage .cart__actions .cart__content,
  .page-quoteEditPage .cart__actions .row,
  .page-quoteEditPage .cart__actions .cart__content {
    justify-content: flex-end;
  }
  .page-cartPage .container__btn--shopping,
  .page-quoteEditPage .container__btn--shopping {
    margin-top: 24px;
  }
  .page-cartPage .quote__message,
  .page-quoteEditPage .quote__message {
    width: 50%;
    justify-content: flex-end;
  }
  .page-cartPage .cart__delivery--option label,
  .page-cartPage .cart__pickup--option label,
  .page-quoteEditPage .cart__delivery--option label,
  .page-quoteEditPage .cart__pickup--option label {
    font-size: 12px;
  }
  .page-cartPage .save__cart--link,
  .page-cartPage .new__cart--link,
  .page-cartPage .cart__quotes--link,
  .page-quoteEditPage .save__cart--link,
  .page-quoteEditPage .new__cart--link,
  .page-quoteEditPage .cart__quotes--link {
    color: var(--cx-color-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .cart__pickup--option > div,
  .page-quoteEditPage .cart__pickup--option > div {
    align-items: center;
  }
  .page-cartPage .container__cart--header,
  .page-quoteEditPage .container__cart--header {
    display: flex;
    flex-flow: row-reverse;
    margin-bottom: 28px;
  }
  .page-cartPage .cart-header button.btn--continue-shopping,
  .page-quoteEditPage .cart-header button.btn--continue-shopping {
    display: flex;
    width: 180px;
    height: 40px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
  }
  .page-cartPage .js-cart-totals,
  .page-quoteEditPage .js-cart-totals {
    margin-top: 28px;
  }
  .page-cartPage .total__discount,
  .page-cartPage .row_new_discount,
  .page-cartPage .delivery__cost,
  .page-cartPage .grand-total,
  .page-quoteEditPage .total__discount,
  .page-quoteEditPage .row_new_discount,
  .page-quoteEditPage .delivery__cost,
  .page-quoteEditPage .grand-total {
    line-height: 18.667px;
  }
  .page-cartPage .total__discount,
  .page-quoteEditPage .total__discount {
    padding: 14px 0 18px;
  }
  .page-cartPage .row_new_discount,
  .page-quoteEditPage .row_new_discount {
    padding: 13px 0 8px;
  }
  .page-cartPage .delivery__cost,
  .page-quoteEditPage .delivery__cost {
    padding: 8px 0 14px;
  }
  .page-cartPage .grand__total,
  .page-quoteEditPage .grand__total {
    padding: 14px 0;
  }
}
@media (max-width: 639px) {
  .page-cartPage .cart__saved-carts {
    margin: 24px 0px 24px;
  }
  .page-cartPage .container__cart--header button.btn--continue-shopping {
    height: 40px;
  }
  .page-cartPage button.btn--continue-shopping {
    width: 100%;
    height: 48px;
    font-size: 12px;
  }
  .page-cartPage button.btn--continue-shopping :not([disabled]) {
    border-radius: 8px;
    border: 0.6px solid var(--cx-color-primary);
    background: rgba(234, 243, 226, 0.3);
  }
  .page-cartPage button.btn--continue-shopping[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  .page-cartPage button.btn--continue-checkout {
    height: 48px;
  }
  .page-cartPage .cart__top--totals {
    font-size: 12px;
  }
  .page-cartPage .saved__cart--total {
    width: 16px;
    height: 16px;
  }
  .page-cartPage .save__cart--link,
  .page-cartPage .new__cart--link,
  .page-cartPage .cart__quotes--link {
    font-size: 12px;
    text-align: center;
    margin-top: 0;
  }
  .page-cartPage .save__cart--link img,
  .page-cartPage .new__cart--link img,
  .page-cartPage .cart__quotes--link img {
    width: 14px;
    height: 14px;
  }
  .page-cartPage .field__export--cart {
    white-space: nowrap;
  }
  .page-cartPage .field__export--cart img {
    height: 14px;
  }
  .page-cartPage .field__export--cart {
    white-space: nowrap;
  }
  .page-cartPage .field__export--cart img {
    height: 14px;
  }
  .page-cartPage .btn--continue-checkout,
  .page-cartPage .export__cart--link,
  .page-cartPage .export__cart--text,
  .page-cartPage .cart-voucher .control-label,
  .page-cartPage .cart-add-address,
  .page-cartPage .cart-address h2,
  .page-cartPage .cart-address .h2,
  .page-cartPage .cart__delivery--option label,
  .page-cartPage .cart__pickup--option label {
    font-size: 12px;
  }
  .page-cartPage .saved__carts {
    width: auto;
    margin: 31px 0px 0px;
    text-align: right;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(129px, 0fr));
    gap: 8px;
  }
  .page-cartPage .cart-add-address {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .page-cartPage .cart__delivery--option,
  .page-cartPage .cart__pickup--option {
    min-width: 202px;
    height: 40px;
    width: 100%;
  }
  .page-cartPage .cart__delivery--option img,
  .page-cartPage .cart__pickup--option img {
    width: 14px;
  }
  .page-cartPage .cart__delivery-options form {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(202px, 1fr));
    gap: 8px;
  }
  .page-cartPage .cart__id,
  .page-cartPage .cart__id--label {
    color: #222020;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .cart__id--cart {
    color: #222020;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .page-cartPage .cart__saved-carts {
    margin: 32px 0px 10px;
  }
  .page-cartPage .container__cart--header .cart-headline {
    margin-top: 16px;
  }
  .page-cartPage .container__export--file .export__cart--text,
  .page-cartPage .container__export--file .cart__top--totals {
    color: #222020;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-cartPage .container__export--file {
    padding-top: 0px;
    padding-bottom: 38px;
  }
  .page-cartPage .container__btn--shopping {
    gap: 12px;
    max-width: 100%;
    flex-direction: column-reverse;
    width: 100%;
    display: flex;
    padding: 0;
  }
  .page-cartPage .container__btn--shopping > div {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .page-cartPage .quote__message {
    justify-content: center;
    padding: 0px;
  }
  .page-cartPage .message__help--order {
    background: rgba(238, 238, 240, 0.65);
  }
  .page-cartPage .total__discount,
  .page-cartPage .row_new_discount,
  .page-cartPage .delivery__cost,
  .page-cartPage .grand-total {
    line-height: 18.667px;
  }
  .page-cartPage .total__discount {
    padding: 12px 0 10px;
  }
  .page-cartPage .row_new_discount {
    padding: 10px 0 10px;
  }
  .page-cartPage .delivery__cost {
    padding: 7px 0 7px;
  }
  .page-cartPage .grand__total {
    padding-top: 9px;
  }
}

.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  border-color: transparent;
}

@media (min-width: 480px) and (max-width: 1023px) {
  .cart__actions .min-quote-value-message {
    color: #887f87;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
    width: 100%;
    border-radius: 4px;
    background: rgba(238, 238, 240, 0.3);
    padding: 16px;
    margin-top: 24px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .cart-address {
    margin-top: 54px;
  }
  .cart__pickup--option,
  .cart__delivery--option {
    width: 211px;
  }
  .message__help--order {
    justify-content: center;
  }
}
#addressNotSelectedModal .modal-content,
#checkoutTypeNotSelectedModal .modal-content,
#attentionModal .modal-content {
  max-width: 100%;
  border-radius: 12px;
  background: #ffffff;
}
#addressNotSelectedModal .modal-header,
#checkoutTypeNotSelectedModal .modal-header,
#attentionModal .modal-header {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
#addressNotSelectedModal .modal-header h2, #addressNotSelectedModal .modal-header .h2,
#checkoutTypeNotSelectedModal .modal-header h2,
#checkoutTypeNotSelectedModal .modal-header .h2,
#attentionModal .modal-header h2,
#attentionModal .modal-header .h2 {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0px;
}
@media (min-width: 1024px) {
  #addressNotSelectedModal .modal-header h2, #addressNotSelectedModal .modal-header .h2,
  #checkoutTypeNotSelectedModal .modal-header h2,
  #checkoutTypeNotSelectedModal .modal-header .h2,
  #attentionModal .modal-header h2,
  #attentionModal .modal-header .h2 {
    font-size: 28px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #addressNotSelectedModal .modal-header h2, #addressNotSelectedModal .modal-header .h2,
  #checkoutTypeNotSelectedModal .modal-header h2,
  #checkoutTypeNotSelectedModal .modal-header .h2,
  #attentionModal .modal-header h2,
  #attentionModal .modal-header .h2 {
    font-size: 24px;
  }
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-header h2, #addressNotSelectedModal .modal-header .h2,
  #checkoutTypeNotSelectedModal .modal-header h2,
  #checkoutTypeNotSelectedModal .modal-header .h2,
  #attentionModal .modal-header h2,
  #attentionModal .modal-header .h2 {
    font-size: 16px;
  }
}
#addressNotSelectedModal .addressNotSelected_attention img,
#addressNotSelectedModal .checkoutTypeNotSelected_attention img,
#checkoutTypeNotSelectedModal .addressNotSelected_attention img,
#checkoutTypeNotSelectedModal .checkoutTypeNotSelected_attention img,
#attentionModal .addressNotSelected_attention img,
#attentionModal .checkoutTypeNotSelected_attention img {
  width: 61px;
  height: 58px;
}
@media (max-width: 479px) {
  #addressNotSelectedModal .addressNotSelected_attention img,
  #addressNotSelectedModal .checkoutTypeNotSelected_attention img,
  #checkoutTypeNotSelectedModal .addressNotSelected_attention img,
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected_attention img,
  #attentionModal .addressNotSelected_attention img,
  #attentionModal .checkoutTypeNotSelected_attention img {
    width: 43px;
    height: 41px;
  }
}
#addressNotSelectedModal .modal-body,
#checkoutTypeNotSelectedModal .modal-body,
#attentionModal .modal-body {
  flex: inherit;
}
#addressNotSelectedModal .addressNotSelected_text,
#addressNotSelectedModal .checkoutTypeNotSelected_text,
#checkoutTypeNotSelectedModal .addressNotSelected_text,
#checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text,
#attentionModal .addressNotSelected_text,
#attentionModal .checkoutTypeNotSelected_text {
  width: 100%;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 1024px) {
  #addressNotSelectedModal .addressNotSelected_text,
  #addressNotSelectedModal .checkoutTypeNotSelected_text,
  #checkoutTypeNotSelectedModal .addressNotSelected_text,
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text,
  #attentionModal .addressNotSelected_text,
  #attentionModal .checkoutTypeNotSelected_text {
    font-size: 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #addressNotSelectedModal .addressNotSelected_text,
  #addressNotSelectedModal .checkoutTypeNotSelected_text,
  #checkoutTypeNotSelectedModal .addressNotSelected_text,
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text,
  #attentionModal .addressNotSelected_text,
  #attentionModal .checkoutTypeNotSelected_text {
    font-size: 16px;
    line-height: 27px;
    padding: 24px 0px 34px;
  }
}
@media (max-width: 479px) {
  #addressNotSelectedModal .addressNotSelected_text,
  #addressNotSelectedModal .checkoutTypeNotSelected_text,
  #checkoutTypeNotSelectedModal .addressNotSelected_text,
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text,
  #attentionModal .addressNotSelected_text,
  #attentionModal .checkoutTypeNotSelected_text {
    font-size: 14px;
    line-height: 20px;
    padding: 16px 0px 18px;
  }
}
#addressNotSelectedModal .modal-footer,
#checkoutTypeNotSelectedModal .modal-footer,
#attentionModal .modal-footer {
  align-self: center;
  padding: 0px;
  margin: 0px;
}
#addressNotSelectedModal .modal-footer .btn,
#checkoutTypeNotSelectedModal .modal-footer .btn,
#attentionModal .modal-footer .btn {
  --bs-btn-padding-y: 13px;
  --bs-btn-padding-x: 0px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 12px;
  line-height: normal;
  width: 100%;
  height: 48px;
  font-weight: 600;
  margin: 0px;
  border: none;
}
#addressNotSelectedModal .modal-footer .btn.disabled, #addressNotSelectedModal .modal-footer .btn[disabled],
#checkoutTypeNotSelectedModal .modal-footer .btn.disabled,
#checkoutTypeNotSelectedModal .modal-footer .btn[disabled],
#attentionModal .modal-footer .btn.disabled,
#attentionModal .modal-footer .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-footer .btn,
  #checkoutTypeNotSelectedModal .modal-footer .btn,
  #attentionModal .modal-footer .btn {
    font-size: 16px;
    height: 40px;
    padding: 0px;
  }
}
@media (min-width: 480px) {
  #addressNotSelectedModal .modal-footer,
  #checkoutTypeNotSelectedModal .modal-footer,
  #attentionModal .modal-footer {
    max-width: 243px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-footer,
  #checkoutTypeNotSelectedModal .modal-footer,
  #attentionModal .modal-footer {
    max-width: 300px;
    width: 100%;
  }
}

@media (min-width: 480px) {
  #addressNotSelectedModal .modal-content {
    width: 500px;
  }
}
@media (min-width: 1024px) {
  #addressNotSelectedModal .modal-content {
    padding: 32px 20px 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #addressNotSelectedModal .modal-content {
    padding: 36px 45px 45px;
  }
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-content {
    padding: 28px 16px;
    width: 378px;
  }
}
#addressNotSelectedModal .addressNotSelected_attention img {
  width: 61px;
  height: 58px;
}
@media (max-width: 479px) {
  #addressNotSelectedModal .addressNotSelected_attention img {
    width: 43px;
    height: 41px;
  }
}
#addressNotSelectedModal .modal-body {
  flex: inherit;
}
#addressNotSelectedModal .addressNotSelected_text {
  max-width: 470px;
}
@media (min-width: 1024px) {
  #addressNotSelectedModal .addressNotSelected_text {
    padding: 39px 0px 35px;
  }
}
#addressNotSelectedModal .modal-footer {
  align-self: center;
  padding: 0px;
  margin: 0px;
}
#addressNotSelectedModal .modal-footer .btn {
  --bs-btn-padding-y: 13px;
  --bs-btn-padding-x: 0px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 12px;
  line-height: normal;
  width: 100%;
  height: 48px;
  font-weight: 600;
  margin: 0px;
  border: none;
}
#addressNotSelectedModal .modal-footer .btn.disabled, #addressNotSelectedModal .modal-footer .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-footer .btn {
    font-size: 16px;
    height: 40px;
    padding: 0px;
  }
}
@media (min-width: 480px) {
  #addressNotSelectedModal .modal-footer {
    max-width: 243px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #addressNotSelectedModal .modal-footer {
    max-width: 300px;
    width: 100%;
  }
}

@media (min-width: 480px) {
  #checkoutTypeNotSelectedModal .modal-content {
    width: 500px;
    height: 383px;
  }
}
@media (min-width: 1024px) {
  #checkoutTypeNotSelectedModal .modal-content {
    padding: 33px 40px 30px 49px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #checkoutTypeNotSelectedModal .modal-content {
    height: 363px;
    padding: 36px 45px 45px;
  }
}
@media (max-width: 479px) {
  #checkoutTypeNotSelectedModal .modal-content {
    padding: 28px 16px;
    width: 378px;
  }
}
#checkoutTypeNotSelectedModal .checkoutTypeNotSelected img {
  width: 61px;
  height: 58px;
}
@media (max-width: 479px) {
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected img {
    width: 43px;
    height: 41px;
  }
}
#checkoutTypeNotSelectedModal .modal-body {
  flex: inherit;
}
#checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text {
  max-width: 470px;
}
@media (min-width: 1024px) {
  #checkoutTypeNotSelectedModal .checkoutTypeNotSelected_text {
    padding: 25px 0px 38px;
  }
}
#checkoutTypeNotSelectedModal .modal-footer {
  align-self: center;
  padding: 0px;
  margin: 0px;
}
#checkoutTypeNotSelectedModal .modal-footer .btn {
  --bs-btn-padding-y: 13px;
  --bs-btn-padding-x: 0px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 12px;
  line-height: normal;
  width: 100%;
  height: 48px;
  font-weight: 600;
  margin: 0px;
  border: none;
}
#checkoutTypeNotSelectedModal .modal-footer .btn.disabled, #checkoutTypeNotSelectedModal .modal-footer .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  #checkoutTypeNotSelectedModal .modal-footer .btn {
    font-size: 16px;
    height: 40px;
    padding: 0px;
  }
}
@media (min-width: 480px) {
  #checkoutTypeNotSelectedModal .modal-footer {
    max-width: 243px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #checkoutTypeNotSelectedModal .modal-footer {
    max-width: 300px;
    width: 100%;
  }
}

#attentionModal .modal-content {
  display: flex;
  align-items: center;
  text-align: center;
}
@media (min-width: 480px) {
  #attentionModal .modal-content {
    width: 500px;
  }
}
@media (min-width: 480px) {
  #attentionModal .modal-content {
    padding: 32px 53px;
  }
}
@media (max-width: 479px) {
  #attentionModal .modal-content {
    padding: 1.5rem;
    width: 378px;
  }
}
#attentionModal .attentionModal img {
  width: 61px;
  height: 58px;
}
@media (max-width: 479px) {
  #attentionModal .attentionModal img {
    width: 43px;
    height: 41px;
  }
}
@media (min-width: 480px) {
  #attentionModal .modal-header h2, #attentionModal .modal-header .h2 {
    font-size: 28.83px;
  }
}
#attentionModal .modal-body {
  flex: inherit;
}
#attentionModal .attentionModal_text {
  margin: 0;
  color: #1a1919;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
@media (min-width: 480px) {
  #attentionModal .attentionModal_text {
    padding: 22px 0 2rem 0;
  }
}
@media (max-width: 479px) {
  #attentionModal .attentionModal_text {
    padding: 1rem 0 18px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
#attentionModal .modal-footer {
  align-self: center;
  padding: 0px;
  margin: 0px;
}
#attentionModal .modal-footer .btn {
  --bs-btn-padding-y: 13px;
  --bs-btn-padding-x: 0px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 12px;
  line-height: normal;
  width: 100%;
  height: 48px;
  font-weight: 600;
  margin: 0px;
  border: none;
}
#attentionModal .modal-footer .btn.disabled, #attentionModal .modal-footer .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  #attentionModal .modal-footer .btn {
    font-size: 16px;
    height: 40px;
    padding: 0px;
  }
}
@media (min-width: 480px) {
  #attentionModal .modal-footer {
    max-width: 243px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  #attentionModal .modal-footer {
    max-width: 300px;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .modal-dialog-mobile {
    margin: 17px;
  }
}

.pickup-or-delivery-only {
  color: #887f87;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0 0 0 0.5rem;
}
@media (max-width: 1023px) {
  .pickup-or-delivery-only {
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  .pickup-or-delivery-only {
    padding: 0 0 0.25rem 0;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .pickup-or-delivery-only {
    max-width: 150px;
  }
}
@media (min-width: 640px) {
  .pickup-or-delivery-only {
    padding: 2px 0 0 0.5rem;
  }
}

@media (min-width: 1200px) {
  .delivery-only-text {
    max-width: 150px;
  }
}
@media (max-width: 479px) {
  .delivery-only-text {
    max-width: 130px;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .pickup-only-text {
    max-width: 150px;
  }
}
@media (max-width: 479px) {
  .pickup-only-text {
    max-width: 130px;
  }
}

.select-delivery-label {
  display: flex;
  align-items: center;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .select-delivery-label {
    width: 159px;
  }
}
@media (min-width: 1024px) {
  .select-delivery-label {
    width: 185px;
  }
}
@media (max-width: 1023px) {
  .select-delivery-label input[type=radio] {
    margin: 0 0.25rem 0 0;
  }
}

.select-pickup-label {
  display: flex;
  align-items: center;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .select-pickup-label {
    width: 108px;
  }
}
@media (min-width: 1024px) {
  .select-pickup-label {
    width: 121px;
  }
}
@media (max-width: 1023px) {
  .select-pickup-label input[type=radio] {
    margin: 0 0.25rem 0 0;
  }
}

.sales-flow-error {
  color: #887f87;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 200px;
}
@media (max-width: 1023px) {
  .sales-flow-error {
    font-size: 12px;
    max-width: 160px;
  }
}

.sales-flow-error-red {
  color: #df3828;
}

@media (min-width: 640px) {
  .sales-flow-delivery-option,
  .sales-flow-pickup-option {
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 639px) {
  .sales-flow-delivery-option,
  .sales-flow-pickup-option {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .sales-flow-delivery-option {
    align-items: flex-start;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .sales-flow-delivery-option {
    align-items: center;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .sales-flow-pickup-option {
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .sales-flow-pickup-option {
    align-items: center;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .sales-flow-pickup-option {
    align-items: center;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .item-delivery-desktop {
    max-width: 350px;
  }
}

@media (max-width: 1023px) {
  .delivery-label {
    font-size: 14px;
    white-space: nowrap;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .delivery-right-item {
    width: 345px; /* 70% */
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .delivery-left-item {
    width: 85px;
  }
}

@media (max-width: 639px) {
  .item__name__sku {
    gap: 4px;
    display: flex;
    flex-direction: column;
  }
  .item__delete-item button {
    padding: 0px;
  }
  .item__price__totals {
    padding-right: 10px;
    margin-top: 4px;
  }
  .item__price--container .margin {
    margin-bottom: 5px;
  }
  .item__no__margin .item__price__totals {
    padding-top: 32px;
  }
  .item__image__info--wrapper > .d-flex {
    flex-grow: 2;
  }
}
.page-cartPage #productOutStockModal .modal-footer button.btn,
.page-quoteEditPage #productOutStockModal .modal-footer button.btn {
  display: flex;
  width: 243px !important;
  height: 48px;
  padding: 19.937px 28.481px;
  justify-content: center;
  align-items: center;
  gap: 14.241px;
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .page-cartPage #productOutStockModal .modal-footer button.btn,
  .page-quoteEditPage #productOutStockModal .modal-footer button.btn {
    font-size: 12px;
  }
}
.page-cartPage #exceededStockModalCart .modal-dialog-centered,
.page-cartPage #productOutStockModal .modal-dialog-centered,
.page-cartPage #cartOrderCancelModal .modal-dialog-centered,
.page-quoteEditPage #exceededStockModalCart .modal-dialog-centered,
.page-quoteEditPage #productOutStockModal .modal-dialog-centered,
.page-quoteEditPage #cartOrderCancelModal .modal-dialog-centered {
  justify-content: center;
}
.page-cartPage #exceededStockModalCart .modal-content,
.page-cartPage #productOutStockModal .modal-content,
.page-cartPage #cartOrderCancelModal .modal-content,
.page-quoteEditPage #exceededStockModalCart .modal-content,
.page-quoteEditPage #productOutStockModal .modal-content,
.page-quoteEditPage #cartOrderCancelModal .modal-content {
  width: 501px;
  height: fit-content;
  border-radius: 12px;
  background: #fff;
  flex-shrink: 0;
  padding: 32px 27px;
  position: relative;
}
.page-cartPage #exceededStockModalCart .modal-content button.btn-close-modal,
.page-cartPage #productOutStockModal .modal-content button.btn-close-modal,
.page-cartPage #cartOrderCancelModal .modal-content button.btn-close-modal,
.page-quoteEditPage #exceededStockModalCart .modal-content button.btn-close-modal,
.page-quoteEditPage #productOutStockModal .modal-content button.btn-close-modal,
.page-quoteEditPage #cartOrderCancelModal .modal-content button.btn-close-modal {
  position: absolute;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  top: 27px;
  right: 27px;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-header,
.page-cartPage #productOutStockModal .modal-content .modal-header,
.page-cartPage #cartOrderCancelModal .modal-content .modal-header,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-header,
.page-quoteEditPage #productOutStockModal .modal-content .modal-header,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header {
  flex-direction: column;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-header div:first-child,
.page-cartPage #productOutStockModal .modal-content .modal-header div:first-child,
.page-cartPage #cartOrderCancelModal .modal-content .modal-header div:first-child,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-header div:first-child,
.page-quoteEditPage #productOutStockModal .modal-content .modal-header div:first-child,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header div:first-child {
  width: 65px;
  height: 65px;
  background: #eaf3e2;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 9px;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-header div:nth-of-type(2),
.page-cartPage #productOutStockModal .modal-content .modal-header div:nth-of-type(2),
.page-cartPage #cartOrderCancelModal .modal-content .modal-header div:nth-of-type(2),
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-header div:nth-of-type(2),
.page-quoteEditPage #productOutStockModal .modal-content .modal-header div:nth-of-type(2),
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header div:nth-of-type(2) {
  color: #1a1919;
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  padding-left: 18px;
  display: flex;
  gap: 8px;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-header p,
.page-cartPage #productOutStockModal .modal-content .modal-header p,
.page-cartPage #cartOrderCancelModal .modal-content .modal-header p,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-header p,
.page-quoteEditPage #productOutStockModal .modal-content .modal-header p,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header p {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-header span#modalProductName,
.page-cartPage #productOutStockModal .modal-content .modal-header span#modalProductName,
.page-cartPage #cartOrderCancelModal .modal-content .modal-header span#modalProductName,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-header span#modalProductName,
.page-quoteEditPage #productOutStockModal .modal-content .modal-header span#modalProductName,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header span#modalProductName {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-body,
.page-cartPage #productOutStockModal .modal-content .modal-body,
.page-cartPage #cartOrderCancelModal .modal-content .modal-body,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-body,
.page-quoteEditPage #productOutStockModal .modal-content .modal-body,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body {
  margin-top: 32px;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-body div,
.page-cartPage #productOutStockModal .modal-content .modal-body div,
.page-cartPage #cartOrderCancelModal .modal-content .modal-body div,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-body div,
.page-quoteEditPage #productOutStockModal .modal-content .modal-body div,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body div {
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  width: 448px;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-body div:first-child,
.page-cartPage #productOutStockModal .modal-content .modal-body div:first-child,
.page-cartPage #cartOrderCancelModal .modal-content .modal-body div:first-child,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-body div:first-child,
.page-quoteEditPage #productOutStockModal .modal-content .modal-body div:first-child,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body div:first-child {
  margin-bottom: 36px;
}
@media (max-width: 479px) {
  .page-cartPage #exceededStockModalCart .modal-content .modal-body,
  .page-cartPage #productOutStockModal .modal-content .modal-body,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-body,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-body,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-body,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body {
    margin-top: 0;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-body:first-child,
  .page-cartPage #productOutStockModal .modal-content .modal-body:first-child,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-body:first-child,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-body:first-child,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-body:first-child,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body:first-child {
    margin-bottom: 40px;
  }
}
.page-cartPage #exceededStockModalCart .modal-content .modal-footer,
.page-cartPage #productOutStockModal .modal-content .modal-footer,
.page-cartPage #cartOrderCancelModal .modal-content .modal-footer,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-footer,
.page-quoteEditPage #productOutStockModal .modal-content .modal-footer,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-footer {
  justify-content: center;
}
.page-cartPage #exceededStockModalCart .modal-content .modal-footer button.btn,
.page-cartPage #productOutStockModal .modal-content .modal-footer button.btn,
.page-cartPage #cartOrderCancelModal .modal-content .modal-footer button.btn,
.page-quoteEditPage #exceededStockModalCart .modal-content .modal-footer button.btn,
.page-quoteEditPage #productOutStockModal .modal-content .modal-footer button.btn,
.page-quoteEditPage #cartOrderCancelModal .modal-content .modal-footer button.btn {
  display: flex;
  width: 194px;
  height: 48px;
  padding: 19.937px 28.481px;
  justify-content: center;
  align-items: center;
  gap: 14.241px;
  flex-shrink: 0;
}
@media (max-width: 479px) {
  .page-cartPage #exceededStockModalCart .modal-content .modal-footer button.btn,
  .page-cartPage #productOutStockModal .modal-content .modal-footer button.btn,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-footer button.btn,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-footer button.btn,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-footer button.btn,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-footer button.btn {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .page-cartPage #exceededStockModalCart .modal-content,
  .page-cartPage #productOutStockModal .modal-content,
  .page-cartPage #cartOrderCancelModal .modal-content,
  .page-quoteEditPage #exceededStockModalCart .modal-content,
  .page-quoteEditPage #productOutStockModal .modal-content,
  .page-quoteEditPage #cartOrderCancelModal .modal-content {
    width: 376.169px;
    height: fit-content;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-body div,
  .page-cartPage #productOutStockModal .modal-content .modal-body div,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-body div,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-body div,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-body div,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-body div {
    width: 291px;
    font-size: 14px;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-header div.w-100,
  .page-cartPage #productOutStockModal .modal-content .modal-header div.w-100,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-header div.w-100,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-header div.w-100,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-header div.w-100,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header div.w-100 {
    font-size: 14px;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-header p,
  .page-cartPage #productOutStockModal .modal-content .modal-header p,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-header p,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-header p,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-header p,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-header p {
    width: 280px;
    height: fit-content;
    font-size: 16px;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-footer,
  .page-cartPage #productOutStockModal .modal-content .modal-footer,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-footer,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-footer,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-footer,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-footer {
    flex-direction: column-reverse;
  }
  .page-cartPage #exceededStockModalCart .modal-content .modal-footer button.btn,
  .page-cartPage #productOutStockModal .modal-content .modal-footer button.btn,
  .page-cartPage #cartOrderCancelModal .modal-content .modal-footer button.btn,
  .page-quoteEditPage #exceededStockModalCart .modal-content .modal-footer button.btn,
  .page-quoteEditPage #productOutStockModal .modal-content .modal-footer button.btn,
  .page-quoteEditPage #cartOrderCancelModal .modal-content .modal-footer button.btn {
    width: 291px;
    height: 40px;
    gap: 38.4px;
    padding: 6.4px 12.8px;
    border-radius: 6px;
  }
}

.page-cartPage #cart_pickupNotAvailableOrders {
  padding: 4px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(177, 221, 232, 0.5019607843);
  max-width: 1168px;
  width: 100%;
  border-radius: 4px;
  height: 40px;
}
.page-cartPage #cart_pickupNotAvailableOrders .title_pickupNotAvailableOrders {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #2282a8;
}
.page-cartPage #cart_pickupNotAvailableOrders .message_pickupNotAvailableOrders {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #2282a8;
}
.page-cartPage #cart_pickupNotAvailableOrders .btn_pickupNotAvailableOrders {
  border: none;
  background: transparent;
}
.page-cartPage #cart_pickupNotAvailableOrders .btn_pickupNotAvailableOrders img {
  width: 20px;
  height: 20px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage #cart_pickupNotAvailableOrders {
    width: 755px;
    height: 56px;
    margin: 16px 0 32px 0;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .content_cancelOrderModal {
    width: 588px;
    font-size: 12px;
    line-height: 16px;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .title_pickupNotAvailableOrders {
    font-size: 12px;
    white-space: nowrap;
    margin-right: 8px;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .message_pickupNotAvailableOrders {
    font-size: 12px;
    line-height: 16px;
    width: 488px;
  }
}
@media (max-width: 479px) {
  .page-cartPage #cart_pickupNotAvailableOrders {
    width: 374px;
    height: fit-content;
    align-items: self-start;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .content_cancelOrderModal {
    width: 210px;
    font-size: 11px;
    line-height: 16px;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .title_pickupNotAvailableOrders,
  .page-cartPage #cart_pickupNotAvailableOrders .message_pickupNotAvailableOrders {
    font-size: 11px;
    line-height: 16px;
  }
  .page-cartPage #cart_pickupNotAvailableOrders .title_pickupNotAvailableOrders {
    width: 90px;
    margin-right: 16px;
  }
}

@media all and (max-width: 1023px) {
  .flag-orderEntryParcel {
    padding: 20px 16px 20px;
  }
}
@media all and (max-width: 639px) {
  .flag-orderEntryParcel {
    padding: 8px;
  }
}

.container-selected-address .container-formatted-address p,
.container-selected-address .container-formatted-address span {
  font-size: 16px;
  margin: 0;
}
@media all and (max-width: 639px) {
  .container-selected-address .container-formatted-address p,
  .container-selected-address .container-formatted-address span {
    font-size: 14px;
  }
}

.unified-entry-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.unified-entry-container .container-with-icon {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}

[data-page-uid=quoteEditPage] .discount-component .cx-form-control {
  height: 32px;
}

.page-cartPage .container--cartOrder-banner,
.page-quoteEditPage .container--cartOrder-banner {
  max-width: var(--cx-container-max-width);
  width: 100%;
  height: 76px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background: #41a017;
  padding: 19px 22px;
  margin-bottom: 40px;
  /* Estilos do popover e botão */
}
.page-cartPage .container--cartOrder-banner .banner--cart-text,
.page-quoteEditPage .container--cartOrder-banner .banner--cart-text {
  display: flex;
  gap: 24px;
  align-items: center;
}
.page-cartPage .container--cartOrder-banner .banner--cart-text .banner--text-new,
.page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner--text-new {
  display: flex;
  width: 115px;
  height: 38px;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #fff;
  color: #41a017;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.page-cartPage .container--cartOrder-banner .banner--cart-text .banner-text-message,
.page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner-text-message {
  display: flex;
  max-width: 618px;
  width: 100%;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
.page-cartPage .container--cartOrder-banner .banner--cart-text .banner-text-message strong,
.page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner-text-message strong {
  display: contents;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage .container--cartOrder-banner,
  .page-quoteEditPage .container--cartOrder-banner {
    padding: 12px 16px;
    height: 62px;
    align-self: stretch;
    margin-bottom: 40px;
    margin-top: 2rem;
  }
  .page-cartPage .container--cartOrder-banner .btn-popover img,
  .page-quoteEditPage .container--cartOrder-banner .btn-popover img {
    width: 24px;
    height: 24px;
  }
  .page-cartPage .container--cartOrder-banner .banner--cart-text .banner--text-new,
  .page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner--text-new {
    width: 97px;
    padding: 4px 6px;
    font-size: 15px;
  }
  .page-cartPage .container--cartOrder-banner .banner--cart-text .banner-text-message,
  .page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner-text-message {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .page-cartPage .container--cartOrder-banner,
  .page-quoteEditPage .container--cartOrder-banner {
    margin-bottom: 24px;
    margin-top: 1rem;
    padding: 8px;
  }
  .page-cartPage .container--cartOrder-banner .btn-popover,
  .page-quoteEditPage .container--cartOrder-banner .btn-popover {
    padding: 0;
    position: absolute;
    left: -17px;
    bottom: 0;
  }
  .page-cartPage .container--cartOrder-banner .btn-popover img,
  .page-quoteEditPage .container--cartOrder-banner .btn-popover img {
    width: 16.667px;
    height: 16.667px;
  }
  .page-cartPage .container--cartOrder-banner .banner--cart-text,
  .page-quoteEditPage .container--cartOrder-banner .banner--cart-text {
    gap: 12px;
  }
  .page-cartPage .container--cartOrder-banner .banner--cart-text .banner--text-new,
  .page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner--text-new {
    width: 80px;
    height: 30px;
    font-size: 14px;
  }
  .page-cartPage .container--cartOrder-banner .banner--cart-text .banner-text-message,
  .page-quoteEditPage .container--cartOrder-banner .banner--cart-text .banner-text-message {
    font-size: 14px;
    width: 65%;
  }
}
.page-cartPage .container--cartOrder-banner .btn-popover,
.page-quoteEditPage .container--cartOrder-banner .btn-popover {
  background-color: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
}
.page-cartPage .container--cartOrder-banner .popover,
.page-quoteEditPage .container--cartOrder-banner .popover {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  border-radius: 4px;
  background: #e6e6e6;
  width: 414px;
  top: 55px;
  right: -23px;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content {
  padding: 14px 24px 24px 24px;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content .popover--close,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--close {
  border: none;
  display: flex;
  justify-content: end;
  width: 100%;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content .popover--title,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--title {
  margin-bottom: 16px;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList h3, .page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList .h3,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList h3,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList .h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  gap: 5px;
  align-items: center;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList ul,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList ul {
  padding: 0;
  margin-bottom: 40px;
  margin-left: 45px;
}
.page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList p,
.page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList p {
  margin-bottom: 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage .container--cartOrder-banner .popover,
  .page-quoteEditPage .container--cartOrder-banner .popover {
    top: 46px;
    right: -16px;
  }
}
@media (max-width: 479px) {
  .page-cartPage .container--cartOrder-banner .popover,
  .page-quoteEditPage .container--cartOrder-banner .popover {
    width: 312px;
    top: 40px;
    right: -8px;
  }
  .page-cartPage .container--cartOrder-banner .popover .popover--content,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--content {
    position: relative;
  }
  .page-cartPage .container--cartOrder-banner .popover .popover--content .popover--close,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--close {
    position: absolute;
    top: 5px;
    left: -10px;
  }
  .page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList ul,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList ul {
    margin-bottom: 24px;
  }
  .page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList h3, .page-cartPage .container--cartOrder-banner .popover .popover--content .popover--contentList .h3,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList h3,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--content .popover--contentList .h3 {
    font-size: 12px;
  }
  .page-cartPage .container--cartOrder-banner .popover .popover--title,
  .page-cartPage .container--cartOrder-banner .popover .popover--contentList,
  .page-cartPage .container--cartOrder-banner .popover .popover--footer,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--title,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--contentList,
  .page-quoteEditPage .container--cartOrder-banner .popover .popover--footer {
    font-size: 12px;
  }
}
.page-cartPage .container--cartOrder-banner .popover::before,
.page-quoteEditPage .container--cartOrder-banner .popover::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 90%;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #e6e6e6 transparent;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage .container--cartOrder-banner .popover::before,
  .page-quoteEditPage .container--cartOrder-banner .popover::before {
    left: 92%;
  }
}
@media (max-width: 479px) {
  .page-cartPage .container--cartOrder-banner .popover::before,
  .page-quoteEditPage .container--cartOrder-banner .popover::before {
    left: 96%;
  }
}
.page-cartPage .container--cartOrder-banner .popover::after,
.page-quoteEditPage .container--cartOrder-banner .popover::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 90%;
  transform: translateX(-50%);
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #e6e6e6 transparent;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage .container--cartOrder-banner .popover::after,
  .page-quoteEditPage .container--cartOrder-banner .popover::after {
    left: 92%;
  }
}
@media (max-width: 479px) {
  .page-cartPage .container--cartOrder-banner .popover::after,
  .page-quoteEditPage .container--cartOrder-banner .popover::after {
    left: 96%;
  }
}

.page-quoteEditPage .container--cartOrder-banner {
  margin-top: 54px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .page-quoteEditPage .container--cartOrder-banner {
    margin-top: 38px;
    margin-bottom: 6.5px;
  }
}
@media (max-width: 639px) {
  .page-quoteEditPage .container--cartOrder-banner {
    margin-top: 25px;
    margin-bottom: 32px;
  }
}

.page-quote-detail .container--cartOrder-banner {
  display: none;
}

.credit_row {
  margin-left: 2px;
  color: #6f676c;
  padding-bottom: 10px;
}

.credit-status-validated {
  color: var(--cx-color-primary);
}

.credit-status-pending {
  color: #df3828;
}

.title_contacts {
  padding-top: 50px;
  color: var(--cx-color-primary);
}

.tokens_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 20px;
}

.token-contacts {
  border: 1px solid !important;
  border-radius: 8px;
  padding: 20px 0px 20px 23px;
  font-family: "Inter";
}

.token-number {
  color: #d3d2d6;
}

.errorCreditPage {
  background: #fff1f1;
  border-radius: 8px;
  padding: 15px 10px 19px 12px;
  border-left: 8px solid #da1e28;
}

.errorMessageTitle {
  font-weight: bold;
}

.errorMessage {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 18px;
  padding-left: 25px;
}

.page-address-book {
  background: #f7f7f7;
}
.page-address-book .account-section {
  position: relative;
}
.page-address-book .account-section .account-section-content .account-section-header {
  padding: 0 0 1.5rem 0;
}
.page-address-book .account-section .account-section-content .account-section-header .component-page-headline {
  margin: 0;
}
@media (min-width: 1024px) {
  .page-address-book .account-section .account-section-content .account-section-header {
    padding: 1rem 0 1.5rem 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-address-book .account-section .account-section-content .account-section-header {
    padding: 0 0 1rem 0;
  }
}
@media (max-width: 479px) {
  .page-address-book .account-section .account-section-content .account-section-header {
    margin-top: -1rem;
  }
}
.page-address-book .account-section .account-list .account-cards {
  margin: 1.5rem 0 6rem 0;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.page-address-book .account-section .account-list .account-cards.card-select {
  border-top: none;
}
@media (min-width: 480px) {
  .page-address-book .account-section .account-list .account-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0 5rem 0;
  }
  .page-address-book .account-section .account-list .account-cards.card-select {
    display: grid;
  }
}
@media (min-width: 1024px) {
  .page-address-book .account-section .account-list .account-cards {
    gap: 1.5rem;
    margin: 1.5rem 0 6rem 0;
  }
}
@media (max-width: 479px) {
  .page-address-book .account-section .account-list .account-cards {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5rem 0 4rem 0;
  }
  .page-address-book .account-section .account-list .account-cards.card-select {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .page-address-book .account-section {
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-desktop-2.svg) right top/354px 587px repeat-y;
  }
  .page-address-book .account-section:before {
    content: "";
    position: absolute;
    top: 399px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-desktop-1.svg) left top/354px 618px repeat-y;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-address-book .account-section {
    background: url(./../../../../../../_ui/responsive/common/images/address-page-background-tablet-2.svg) right 0 top 89px/291px 533px repeat-y;
  }
  .page-address-book .account-section:before {
    content: "";
    position: absolute;
    top: 316px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-tablet-1.svg) left top/423px 502px repeat-y;
  }
}
@media (max-width: 479px) {
  .page-address-book .account-section {
    background: url(./../../../../../../_ui/responsive/common/images/address-page-background-mobile-2.svg) right 0 top 49px/154px 278px repeat-y;
  }
  .page-address-book .account-section:before {
    content: "";
    position: absolute;
    top: 281px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-mobile-1.svg) left top/132px 253px repeat-y;
  }
}
@media (min-width: 480px) {
  .page-address-book .row, .page-address-book .cart__content {
    display: "-webkit-flex";
    display: "-moz-flex";
    display: "-ms-flexbox";
    display: "-ms-flex";
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-address-book .row:before, .page-address-book .cart__content:before {
    content: none;
  }
  .page-address-book .row:after, .page-address-book .cart__content:after {
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .page-address-book .nav__left {
    z-index: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .page-address-book #colorbox {
    top: 180px !important;
  }
}

.account_addressBook_section {
  width: var(--cx-container-max-width);
  max-width: 100%;
  margin: 0 auto;
}
.account_addressBook_section .account-cards-actions a {
  display: block;
}
.account_addressBook_section .account-cards-actions {
  width: 20% !important;
}
.account_addressBook_section .account-list ul {
  width: 100% !important;
}
.account_addressBook_section .star_img_address {
  margin-right: 3px;
}
.account_addressBook_section .name_and_mainAddress {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.account_addressBook_section .action--links {
  display: block;
  text-transform: lowercase;
  text-decoration: underline;
}
.account_addressBook_section .account-section-header-add {
  float: right !important;
}
@media screen and (max-width: 360px) {
  .account_addressBook_section .account-section-header-add {
    float: none !important;
  }
}
@media screen and (max-width: 768px) {
  .account_addressBook_section .name_and_mainAddress {
    display: block;
    margin-bottom: 5px;
  }
  .account_addressBook_section .edit_and_add_address-link {
    display: block !important;
  }
  .account_addressBook_section .action_address-link {
    float: right;
  }
  .account_addressBook_section .action--links {
    display: inline-block;
  }
  .account_addressBook_section .text_main_address {
    margin: 10px 0 10px 0;
  }
  .account_addressBook_section .container__adressBook {
    padding: 15px 40px 15px 40px !important;
  }
  .account_addressBook_section .account-section-header {
    padding: 15px 40px 15px 40px;
  }
}
.account_addressBook_section .edit_and_add_address-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.account_addressBook_section .action_address-link {
  text-align: end;
}
.account_addressBook_section .main_addressBook {
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  pointer-events: none;
}
.account_addressBook_section .card > ul > li {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}
.account_addressBook_section .container__adressBook:first-child {
  background: #ffffff !important;
}
.account_addressBook_section .container__adressBook:first-child .text_main_address {
  display: block;
}
.account_addressBook_section .container__adressBook {
  width: 100%;
  background: #eeeef0;
  margin-bottom: 30px !important;
}
.account_addressBook_section .addressBook-header {
  background: transparent;
  border-radius: 10px;
  height: 5px;
  width: auto;
  box-shadow: 0 3rem 0 0 var(--cx-color-primary);
  display: inline-block;
  text-decoration: none;
  padding: 0;
  color: #383636;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 44.8px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .account_addressBook_section .addressBook-header {
    height: 3px;
    box-shadow: 0 2.5rem 0 0 var(--cx-color-primary);
    font-size: 24px;
    font-weight: 600;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .addressBook-header {
    height: 2px;
    box-shadow: 0 2rem 0 0 var(--cx-color-primary);
    font-size: 13px;
    font-weight: 600;
  }
}
.account_addressBook_section .card-address {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  width: auto;
  min-width: 208px;
  max-width: 332px;
  height: 304px;
  background: #fafafa;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.account_addressBook_section .card-address .container-address {
  width: 100%;
  padding: 0 1.5rem;
}
.account_addressBook_section .card-address .card-title {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.5rem;
}
.account_addressBook_section .card-address .card-title .title-icon {
  width: 20px;
  height: 20px;
  margin-left: 0.5rem;
}
.account_addressBook_section .card-address .billing {
  margin-bottom: 2rem;
}
.account_addressBook_section .card-address .shipping {
  margin-bottom: 20px;
}
.account_addressBook_section .card-address .card-subtitle {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22.4px;
  margin: 0 0 4px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.account_addressBook_section .card-address .card-text {
  color: #6f676c;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
}
.account_addressBook_section .card-address .limit-2-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.account_addressBook_section .card-address .limit-1-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.account_addressBook_section .card-address .margin-bottom-1 {
  margin: 0 0 4px 0;
}
.account_addressBook_section .card-address .margin-bottom-2 {
  margin: 0 0 8px 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .account_addressBook_section .card-address .card-text {
    font-size: 14px;
  }
  .account_addressBook_section .card-address .card-title {
    font-size: 14px;
  }
  .account_addressBook_section .card-address .card-title .title-icon {
    width: 18px;
    height: 18px;
  }
  .account_addressBook_section .card-address .card-subtitle {
    margin: 0 0 10px 0;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .card-address {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 219px;
    padding: 12px 1rem 0 1rem;
    border-radius: 6px;
    margin: 0 0 1rem 0;
    align-items: flex-start;
  }
  .account_addressBook_section .card-address .margin-bottom-1 {
    margin: 0;
  }
  .account_addressBook_section .card-address .margin-bottom-2 {
    margin: 0 0 1px 0;
  }
  .account_addressBook_section .card-address .container-address {
    padding: 0;
  }
  .account_addressBook_section .card-address .card-text {
    font-size: 12px;
  }
  .account_addressBook_section .card-address .address-line-2 {
    display: none;
  }
  .account_addressBook_section .card-address .card-title {
    justify-content: flex-start;
    font-size: 12px;
    padding: 0;
  }
  .account_addressBook_section .card-address .card-title .title-icon {
    width: 12px;
    height: 12px;
    margin-left: 4px;
  }
  .account_addressBook_section .card-address .card-subtitle {
    font-size: 12px;
  }
  .account_addressBook_section .card-address .billing {
    margin-bottom: 18px;
  }
  .account_addressBook_section .card-address .shipping {
    margin-bottom: 1rem;
  }
  .account_addressBook_section .card-address .limit-2-lines {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .billing-address-card {
    height: 197px;
  }
}
.account_addressBook_section .new-address-container {
  display: flex;
  width: 278px;
  height: 304px;
  padding: 3rem 2.5rem 2rem 2.5rem;
  margin: 1.5rem 1.5rem 0 0;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  border: 2.08px dashed rgba(141, 141, 140, 0.6);
  background: #ffffff;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.account_addressBook_section .new-address-container .truck-icon {
  width: 1.563rem;
  height: 1.563rem;
  margin-bottom: 1rem;
}
.account_addressBook_section .new-address-container .add-icon {
  width: 1.3rem;
  height: 1.3rem;
  margin: 12px 0 36px 0;
}
.account_addressBook_section .new-address-container .new-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 116px;
  height: 106px;
}
.account_addressBook_section .new-address-container .add-text {
  color: var(--cx-color-primary);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media (max-width: 479px) {
  .account_addressBook_section .new-address-container {
    display: none;
  }
}
@media (min-width: 480px) {
  .account_addressBook_section .new-address-container {
    margin: 0;
    width: auto;
    min-width: 208px;
    max-width: 332px;
  }
}
@media (max-width: 1023px) {
  .account_addressBook_section .new-address-container {
    justify-content: center;
  }
  .account_addressBook_section .new-address-container .add-text {
    font-size: 14px;
  }
  .account_addressBook_section .new-address-container .truck-icon {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  .account_addressBook_section .new-address-container .add-icon {
    width: 20px;
    height: 20px;
    margin: 1rem 0;
  }
}
.account_addressBook_section .new-address-mobile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.account_addressBook_section .new-address-mobile .mobile-add-text {
  color: var(--cx-color-primary);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 1.5px 0 0 0;
}
.account_addressBook_section .new-address-mobile .add-icon-mobile {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
@media (min-width: 480px) {
  .account_addressBook_section .new-address-mobile {
    display: none;
  }
}
.account_addressBook_section .button-section {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  display: flex;
  align-items: center;
}
.account_addressBook_section .button-section button {
  background-color: transparent;
  border: none;
}
.account_addressBook_section .button-section .button-icon {
  width: 20px;
  height: 20px;
  margin-left: 1rem;
  display: flex;
  align-items: center;
}
.account_addressBook_section .button-section .pencil-button {
  width: 18px;
  height: 18px;
  margin-left: 1.19rem;
  display: flex;
  align-items: center;
}
@media (max-width: 479px) {
  .account_addressBook_section .button-section {
    right: 1rem;
  }
  .account_addressBook_section .button-section .button-icon {
    width: 15px;
    height: 15px;
  }
  .account_addressBook_section .button-section .pencil-button {
    width: 12px;
    height: 12px;
  }
}
@media (min-width: 480px) {
  .account_addressBook_section #cartAddressModal .modal-footer {
    padding: 1rem 0 2rem 0;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-content {
  max-width: 493px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0;
  border: none;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-header {
  padding: 16px 16px 16px 32px;
  background: var(--cx-color-primary);
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: white;
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-title {
    font-size: 14px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-body .editAddressForm {
  padding-top: 2rem;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address {
  max-width: 429px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  margin: auto;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link .form-group {
  max-width: 255px;
  width: 100%;
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link .form-group {
    max-width: 217px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link p {
  padding-top: 46px;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link p a {
  text-decoration: underline;
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link p {
    padding-top: 34px;
  }
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address .zipcode-lookup-link p a {
    font-size: 10px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address input {
  height: 44px;
  padding: 14px 0px 14px 10px;
  border-radius: 6.154px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #bab6bc;
  color: #67676c;
}
@media (min-width: 480px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address {
    gap: 16px;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .js-form-edit-add-address {
    gap: 8px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-number-complement {
  gap: 8px;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-number-complement .form-group:first-child {
  max-width: 111px;
  width: 100%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-number-complement .form-group:last-child {
  max-width: 309px;
  width: 100%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group {
  width: 50%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
  border-radius: 6.154px;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  text-transform: capitalize;
  appearance: menulist;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .form-group {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region,
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-phone-phoneExtension {
    gap: 8px;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region,
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-phone-phoneExtension {
    gap: 16px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-phone-phoneExtension .form-group:first-child {
  max-width: 210px;
  width: 100%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-phone-phoneExtension .form-group:last-child {
  max-width: 135px;
  width: 100%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group {
  width: 50%;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (max-width: 1023px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
    height: 35px;
  }
}
@media (min-width: 1024px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .cart-address-town-region .form-group select {
    height: 44px;
  }
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .form-group:has(.checkbox) {
  display: none;
}
.account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer {
  padding: 0 0 2rem 0;
  max-width: 429px;
  width: 100%;
  margin: auto;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: 22.6px;
    width: 50%;
    height: 48px;
    font-weight: 400;
  }
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn.disabled, .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: 22.6px;
    width: 50%;
    height: 40px;
    font-weight: 400;
  }
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn.disabled, .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer {
    gap: 12px;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-footer {
    gap: 10px;
    padding: 32px 0;
  }
}
@media (max-width: 479px) {
  .account_addressBook_section .popup_add_and_edit_address.edit_address_book .modal-body {
    padding: 0 24px;
  }
}
.account_addressBook_section .removeAddressFromBookButton {
  margin-top: 8px !important;
}
.account_addressBook_section .removeAddressFromBookButton:hover {
  color: #de0000;
}

.account-address-removal-popup .container__remove_address {
  display: flex;
  justify-content: center;
}

.popup_add_and_edit_address .modal-dialog {
  width: 100%;
  margin: 0 auto;
  max-width: 1036px;
}
@media (min-width: 1024px) {
  .popup_add_and_edit_address .modal-dialog {
    height: 498px;
  }
}
@media (max-width: 479px) {
  .popup_add_and_edit_address .modal-dialog {
    width: 95%;
    padding: 10px 0px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .popup_add_and_edit_address .modal-dialog {
    justify-content: center;
    padding: 20px 0px;
  }
}
.popup_add_and_edit_address .modal-content {
  padding: 30px 40px 30px 40px;
  background: rgb(238, 238, 240);
}
@media (min-width: 480px) and (max-width: 1023px) {
  .popup_add_and_edit_address .modal-content {
    width: 92%;
  }
}
.popup_add_and_edit_address .modal-header.headline {
  font-size: 28px;
  line-height: 33px;
  color: var(--cx-color-primary);
  font-weight: normal;
  margin-bottom: 30px !important;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
}
.popup_add_and_edit_address .modal-header.headline .bi-x-lg {
  font-size: 25px;
  background: transparent;
  border: 0 none;
  color: #797979;
}
@media (max-width: 479px) {
  .popup_add_and_edit_address .modal-header.headline {
    display: flex;
    justify-content: space-between;
  }
}
.popup_add_and_edit_address .has-error .help-block {
  font-size: 14px;
  font-weight: 400;
}
.popup_add_and_edit_address .modal-dialog .modal-content .modal-header .headline-text {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  vertical-align: middle;
  text-transform: none;
}
@media (max-width: 480px) {
  .popup_add_and_edit_address .modal-dialog .modal-content .modal-header .headline-text {
    width: 100%;
  }
}
.popup_add_and_edit_address .js-form-edit-add-address {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .popup_add_and_edit_address .js-form-edit-add-address {
    display: block;
  }
}
.popup_add_and_edit_address #cancel_address,
.popup_add_and_edit_address .not_change_address_button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_add_and_edit_address #cancel_address.btn,
.popup_add_and_edit_address .not_change_address_button.btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 193px;
  height: 44px;
  font-weight: 500;
  margin-right: 24px;
}
.popup_add_and_edit_address #cancel_address.btn.disabled, .popup_add_and_edit_address #cancel_address.btn[disabled],
.popup_add_and_edit_address .not_change_address_button.btn.disabled,
.popup_add_and_edit_address .not_change_address_button.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media screen and (max-width: 639px) {
  .popup_add_and_edit_address #cancel_address.btn,
  .popup_add_and_edit_address .not_change_address_button.btn {
    width: 100%;
  }
}
.popup_add_and_edit_address .cancel_edit_addressBook {
  width: auto !important;
  left: auto !important;
}
@media screen and (max-width: 479px) {
  .popup_add_and_edit_address .container_editAddress_Button,
  .popup_add_and_edit_address .container__add__address {
    display: flex;
    justify-content: space-evenly;
  }
  .popup_add_and_edit_address .container__add__address {
    flex-direction: row-reverse;
  }
  .popup_add_and_edit_address #cancel_address,
  .popup_add_and_edit_address .not_change_address_button {
    margin-right: 10px;
  }
}
.popup_add_and_edit_address .container__add__address .accountButtons {
  display: flex;
}
.popup_add_and_edit_address .container_editAddress_Button {
  display: flex;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .popup_add_and_edit_address .container_editAddress_Button {
    justify-content: flex-end;
  }
}
.popup_add_and_edit_address .save_edit_addressButton.btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 193px;
  height: 44px;
  font-weight: 500;
}
.popup_add_and_edit_address .save_edit_addressButton.btn.disabled, .popup_add_and_edit_address .save_edit_addressButton.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media screen and (max-width: 639px) {
  .popup_add_and_edit_address .save_edit_addressButton.btn {
    margin-top: 16px;
    width: 100%;
  }
}
.popup_add_and_edit_address .cancel_addressButton .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 193px;
  height: 44px;
  font-weight: 500;
}
.popup_add_and_edit_address .cancel_addressButton .btn.disabled, .popup_add_and_edit_address .cancel_addressButton .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.popup_add_and_edit_address .change_address_button {
  width: 193px;
  max-width: 100%;
  height: 48px;
  border-radius: 8px;
}
@media screen and (max-width: 479px) {
  .popup_add_and_edit_address .change_address_button {
    margin-top: 15px;
    width: 100%;
  }
  .popup_add_and_edit_address .container_editAddress_Button {
    flex-direction: column;
  }
}

.account-address-removal-popup .modal-dialog,
.account-address-removal-popup .modal-content {
  max-width: 516px;
}
.account-address-removal-popup .modal-content {
  width: 100%;
  padding: 15px 40px 30px 40px;
  height: 217px;
  background: rgb(238, 238, 240);
}
.account-address-removal-popup .modal-content button {
  color: #797979;
}
@media (max-width: 479px) {
  .account-address-removal-popup .modal-content {
    height: 241px;
  }
}
.account-address-removal-popup .modal-header .headline-text {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.account-address-removal-popup .modal-header.headline {
  font-size: 28px;
  line-height: 33px;
  color: var(--cx-color-primary);
  font-weight: normal;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
  width: 100%;
  justify-content: center;
  padding-bottom: 40px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.account-address-removal-popup .bi-x-lg {
  font-size: 25px;
  background: transparent;
  border: 0 none;
  width: 25px;
  align-self: flex-end;
  border: none;
  background: transparent;
}

.inline-layer {
  height: 0;
  overflow: hidden;
  transition: "0.9s ease-out";
}
@media (prefers-reduced-motion: reduce) {
  .inline-layer {
    transition: none;
  }
}
.inline-layer.open {
  height: auto !important;
}

.address-form-disabled-css.form-select:disabled,
.address-form-disabled-css.form-control:disabled {
  background-color: rgb(238, 238, 240);
  border-color: transparent;
  cursor: not-allowed;
}

.zipcode-lookup-link .cep + .help-block {
  width: 102%;
}

.quote-cart-discount h2, .quote-cart-discount .h2 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 56px;
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  .quote-cart-discount h2, .quote-cart-discount .h2 {
    font-size: 16px;
    margin-top: 40px;
  }
}
@media (max-width: 479px) {
  .quote-cart-discount h2, .quote-cart-discount .h2 {
    font-size: 14px;
    border-bottom: 1px solid #d3d2d6;
    margin-top: 16px;
  }
}
.quote-cart-discount .quote-cart-discount-table {
  text-align: center;
  font-size: 15px;
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table {
    font-size: 12px;
  }
}
.quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header {
  background: #063a44;
  color: white;
  text-transform: uppercase;
  padding: 16px 0;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header {
    font-size: 14px;
  }
}
.quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th {
  font-size: 16px;
  padding: 16px 0;
}
@media (max-width: 1023px) {
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th {
    font-size: 14px;
    padding: 11px 0;
    font-weight: 600;
  }
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th {
    background-color: white;
    color: #3c3738;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    white-space: nowrap;
  }
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th:first-child {
    text-align: start;
  }
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th:not(.discount-column, .subtotal-column) {
    padding-left: 0;
  }
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th .discount-column {
    text-align: center;
  }
}
.quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-header th:last-child {
  text-align: center;
}
.quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body tr td {
  padding-bottom: 1rem;
}
@media (max-width: 1023px) {
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body td.price {
    font-weight: 400;
  }
}
.quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body td {
  padding-top: 37px;
  padding-bottom: 0;
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body td {
    padding-top: 0;
    text-align: center;
    padding-top: 0;
    white-space: nowrap;
  }
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body td:first-child {
    text-align: start;
  }
  .quote-cart-discount .quote-cart-discount-table .quote-cart-discount-table-body td:not(.invisible, .subtotal-column) {
    padding-left: 0;
  }
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table .subtotal-column {
    display: none;
  }
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table .discount-column {
    padding-right: 0;
    text-align: right;
  }
}
.quote-cart-discount .quote-cart-discount-table .price {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .quote-cart-discount .quote-cart-discount-table .price {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .quote-cart-discount .quote-cart-discount-table .price {
    font-size: 12px;
  }
}
.quote-cart-discount .quote-cart-discount-table .discount-column {
  width: 150px;
}
.quote-cart-discount .qty-selector {
  height: 24px;
  display: flex;
  gap: 2px;
}
.quote-cart-discount .qty-selector button {
  height: 24px;
  width: 24px;
  border-radius: 4px;
  background: #91c854;
  border: none;
}
.quote-cart-discount .qty-selector input {
  border-radius: 4px;
  background: #add585;
  height: 24px;
  padding: 0;
  text-align: center;
  border: none;
  color: white;
  font-size: 14px;
}
.quote-cart-discount .qty-selector input::placeholder {
  color: white;
}
.quote-cart-discount #quoteDiscountTotalForm {
  max-width: 100px;
  margin: auto;
}
@media (max-width: 479px) {
  .quote-cart-discount #quoteDiscountTotalForm {
    margin-right: 0;
  }
}
.quote-cart-discount .mobile-subtotal {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.quote-cart-discount .mobile-subtotal .mobile-subtotal-value {
  color: var(--cx-color-primary);
}

.quote-cart-outflow {
  background: rgba(238, 238, 240, 0.25);
  padding: 0 7px 0 31px;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .quote-cart-outflow {
    padding-left: 16px;
  }
}
@media (max-width: 479px) {
  .quote-cart-outflow {
    padding: 0 3px 0 10px;
  }
}
@media (min-width: 1024px) {
  .quote-cart-outflow {
    margin-bottom: 56px;
  }
}
.quote-cart-outflow h3, .quote-cart-outflow .h3 {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 479px) {
  .quote-cart-outflow h3, .quote-cart-outflow .h3 {
    font-size: 12px;
  }
}
.quote-cart-outflow .outflow-label {
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
}
.quote-cart-outflow .quote-outflow-option {
  white-space: nowrap;
}
@media (max-width: 479px) {
  .quote-cart-outflow .quote-outflow-option img {
    width: 14px;
  }
}
.quote-cart-outflow .quote-outflow-method {
  margin-top: 16px;
}
.quote-cart-outflow .quote-outflow-message {
  color: #6e676c;
  gap: 8px;
  margin: 32px 0;
}
.quote-cart-outflow .quote-outflow-message .message-icon {
  height: clamp(0.75rem, 0.3713rem + 1.4706vw, 1.3125rem);
  margin-top: 2px;
}
.quote-cart-outflow .quote-outflow-message .message {
  max-width: clamp(8.375rem, -12.875rem + 53.125vw, 21.125rem);
}
@media (max-width: 1023px) {
  .quote-cart-outflow .quote-outflow-message .message {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .quote-cart-outflow .quote-outflow-message .message {
    font-size: 11px;
  }
}
.quote-cart-outflow .quote-outflow-form {
  gap: 42px;
}
@media (max-width: 1023px) {
  .quote-cart-outflow .quote-outflow-form {
    gap: 24px;
  }
}
@media (max-width: 479px) {
  .quote-cart-outflow .quote-outflow-form {
    flex-direction: column;
    gap: 8px;
  }
}
.quote-cart-outflow input[type=radio] {
  margin: 0;
}

.quote-accept-and-checkout-confirmation .modal-content {
  width: 500px;
  border-radius: 12px;
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .modal-content {
    padding: 30px 66px 32px 67px;
    max-height: 385px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .modal-content {
    padding: 22px 42px 31px 45px;
  }
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 44px;
    font-weight: 500;
  }
  .quote-accept-and-checkout-confirmation .btn.disabled, .quote-accept-and-checkout-confirmation .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 44px;
    font-weight: 400;
  }
  .quote-accept-and-checkout-confirmation .btn.disabled, .quote-accept-and-checkout-confirmation .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 639px) {
  .quote-accept-and-checkout-confirmation .modal-dialog {
    padding: 0px 17px;
    margin: 0px auto;
  }
}
.quote-accept-and-checkout-confirmation h2, .quote-accept-and-checkout-confirmation .h2 {
  color: #000000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation h2, .quote-accept-and-checkout-confirmation .h2 {
    margin-top: 8px;
    font-size: 28px;
    margin-bottom: 18px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation h2, .quote-accept-and-checkout-confirmation .h2 {
    margin-top: 7px;
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.quote-accept-and-checkout-confirmation .modal__top div {
  background: #eaf3e2;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .modal__top div {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .modal__top div {
    width: 51px;
    height: 51px;
  }
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .modal__top img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .modal__top img {
    width: 38px;
    height: 38px;
  }
}
.quote-accept-and-checkout-confirmation .modal__bottom--text {
  color: #1a1919;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .modal__bottom--text {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .modal__bottom--text {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 19.6px;
  }
}
.quote-accept-and-checkout-confirmation .modal__bottom--text span:last-child {
  font-weight: 400;
}
.quote-accept-and-checkout-confirmation .modal__bottom--text:nth-child(2) span:last-child {
  color: var(--cx-color-primary);
}
@media (min-width: 480px) {
  .quote-accept-and-checkout-confirmation .modal__bottom--text:last-child {
    margin-bottom: 36px;
  }
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation .modal__bottom--text:last-child {
    margin-bottom: 32px;
  }
}
.quote-accept-and-checkout-confirmation form {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 479px) {
  .quote-accept-and-checkout-confirmation form {
    flex-direction: column-reverse;
  }
}
.quote-accept-and-checkout-confirmation form div {
  display: none;
}

#js-quote-cancel-modal .modal-dialog {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal-dialog {
    padding: 0px 17px;
  }
}
#js-quote-cancel-modal .modal-content {
  border-radius: 12px;
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .modal-content {
    padding: 30px 52px 32px 53px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal-content {
    padding: 24px 42px 26px 45px;
  }
}
#js-quote-cancel-modal .modal__top--label {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eaf3e2;
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .modal__top--label {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal__top--label {
    width: 51px;
    height: 51px;
  }
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .modal__top--label img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal__top--label img {
    width: 38px;
    height: 38px;
  }
}
#js-quote-cancel-modal .modal__top--cancel {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#js-quote-cancel-modal .modal_top_cancel--text {
  color: #000000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: 8px;
  padding-bottom: 18px;
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal_top_cancel--text {
    font-size: 16px;
  }
}
#js-quote-cancel-modal .modal__text_reason {
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .modal__text_reason {
    font-size: 18px;
    padding-bottom: 32px;
    width: 395px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .modal__text_reason {
    font-size: 14px;
    padding-bottom: 16px;
  }
}
#js-quote-cancel-modal input[type=radio] {
  margin-right: 4px;
  margin-bottom: 0px;
}
#js-quote-cancel-modal .form-group {
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#js-quote-cancel-modal .form-group label {
  color: #1a1919;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .form-group label {
    font-size: 14px;
  }
}
#js-quote-cancel-modal .modal_cancel_quote {
  display: flex;
  flex-direction: column;
}
#js-quote-cancel-modal #container__cancelQuoteButton {
  display: flex;
  justify-content: center;
  padding: 32px 14px 0px;
  gap: 8px;
}
@media (max-width: 479px) {
  #js-quote-cancel-modal #container__cancelQuoteButton {
    flex-direction: column-reverse;
    width: 100%;
    padding: 28px 0px 0px;
  }
}
#js-quote-cancel-modal #container__cancelQuoteButton button {
  width: 100%;
}
@media (min-width: 480px) {
  #js-quote-cancel-modal #container__cancelQuoteButton button {
    max-width: 179px;
    font-size: 16px;
    height: 48px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal #container__cancelQuoteButton button {
    font-size: 12px;
    height: 40px;
  }
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .js-quote-other-box-message {
    padding-top: 26px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .js-quote-other-box-message {
    padding-top: 16px;
  }
}
#js-quote-cancel-modal .js-quote-other-box-message textarea {
  border-radius: 4px;
  border: 1px solid #bab6bc;
  background: #eeeef0;
  display: flex;
  width: 100%;
  color: #000000;
  padding: 16px 8px 56px 8px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#js-quote-cancel-modal .js-quote-other-box-message textarea::placeholder {
  color: #bab6bc;
}
@media (min-width: 480px) {
  #js-quote-cancel-modal .js-quote-other-box-message textarea {
    min-height: 92px;
  }
}
@media (max-width: 479px) {
  #js-quote-cancel-modal .js-quote-other-box-message textarea {
    min-height: 78px;
  }
}

@media (max-width: 1023px) {
  #quoteKeepDiscountsModal,
  #quoteApproveDiscountsModal,
  #quoteRejectDiscountsModal {
    padding: 0px 17px;
  }
}
#quoteKeepDiscountsModal .modal-content,
#quoteApproveDiscountsModal .modal-content,
#quoteRejectDiscountsModal .modal-content {
  max-width: 500px;
  width: 100%;
}
@media (min-width: 1024px) {
  #quoteKeepDiscountsModal .modal-content,
  #quoteApproveDiscountsModal .modal-content,
  #quoteRejectDiscountsModal .modal-content {
    height: 350px;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-content,
  #quoteApproveDiscountsModal .modal-content,
  #quoteRejectDiscountsModal .modal-content {
    max-width: 378px;
    min-height: 313px;
  }
}
@media (max-width: 1023px) {
  #quoteKeepDiscountsModal .modal-dialog,
  #quoteApproveDiscountsModal .modal-dialog,
  #quoteRejectDiscountsModal .modal-dialog {
    margin: 0 auto;
  }
}
#quoteKeepDiscountsModal .modal-content,
#quoteApproveDiscountsModal .modal-content,
#quoteRejectDiscountsModal .modal-content {
  border-radius: 12px;
}
@media (min-width: 1024px) {
  #quoteKeepDiscountsModal .modal-content,
  #quoteApproveDiscountsModal .modal-content,
  #quoteRejectDiscountsModal .modal-content {
    padding: 39px 32px 48px 34px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  #quoteKeepDiscountsModal .modal-content,
  #quoteApproveDiscountsModal .modal-content,
  #quoteRejectDiscountsModal .modal-content {
    padding: 39px 31px 47px 34px;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-content,
  #quoteApproveDiscountsModal .modal-content,
  #quoteRejectDiscountsModal .modal-content {
    padding: 32px 44px;
  }
}
#quoteKeepDiscountsModal .modal-header h2, #quoteKeepDiscountsModal .modal-header .h2,
#quoteApproveDiscountsModal .modal-header h2,
#quoteApproveDiscountsModal .modal-header .h2,
#quoteRejectDiscountsModal .modal-header h2,
#quoteRejectDiscountsModal .modal-header .h2 {
  margin-bottom: 0px;
  padding-top: 8px;
  color: #000000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 480px) {
  #quoteKeepDiscountsModal .modal-header h2, #quoteKeepDiscountsModal .modal-header .h2,
  #quoteApproveDiscountsModal .modal-header h2,
  #quoteApproveDiscountsModal .modal-header .h2,
  #quoteRejectDiscountsModal .modal-header h2,
  #quoteRejectDiscountsModal .modal-header .h2 {
    font-size: 28px;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-header h2, #quoteKeepDiscountsModal .modal-header .h2,
  #quoteApproveDiscountsModal .modal-header h2,
  #quoteApproveDiscountsModal .modal-header .h2,
  #quoteRejectDiscountsModal .modal-header h2,
  #quoteRejectDiscountsModal .modal-header .h2 {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .quoteKeepDiscountsModal_attention img,
  #quoteApproveDiscountsModal .quoteKeepDiscountsModal_attention img,
  #quoteRejectDiscountsModal .quoteKeepDiscountsModal_attention img {
    width: 43px;
    height: 41px;
  }
}
#quoteKeepDiscountsModal .quoteKeepDiscountsModal_text,
#quoteApproveDiscountsModal .quoteKeepDiscountsModal_text,
#quoteRejectDiscountsModal .quoteKeepDiscountsModal_text {
  padding: 32px 0px;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0px;
}
@media (min-width: 480px) {
  #quoteKeepDiscountsModal .quoteKeepDiscountsModal_text,
  #quoteApproveDiscountsModal .quoteKeepDiscountsModal_text,
  #quoteRejectDiscountsModal .quoteKeepDiscountsModal_text {
    font-size: 18px;
    max-width: 387px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .quoteKeepDiscountsModal_text,
  #quoteApproveDiscountsModal .quoteKeepDiscountsModal_text,
  #quoteRejectDiscountsModal .quoteKeepDiscountsModal_text {
    font-size: 14px;
    padding: 16px 0px;
  }
}
#quoteKeepDiscountsModal .modal-footer,
#quoteApproveDiscountsModal .modal-footer,
#quoteRejectDiscountsModal .modal-footer {
  padding: 0px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-footer,
  #quoteApproveDiscountsModal .modal-footer,
  #quoteRejectDiscountsModal .modal-footer {
    gap: 8px;
  }
}
@media (min-width: 480px) {
  #quoteKeepDiscountsModal .modal-footer form,
  #quoteApproveDiscountsModal .modal-footer form,
  #quoteRejectDiscountsModal .modal-footer form {
    width: 49%;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-footer form,
  #quoteApproveDiscountsModal .modal-footer form,
  #quoteRejectDiscountsModal .modal-footer form {
    width: 100%;
  }
}
#quoteKeepDiscountsModal .modal-footer button,
#quoteApproveDiscountsModal .modal-footer button,
#quoteRejectDiscountsModal .modal-footer button {
  margin: 0px;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#quoteKeepDiscountsModal .modal-footer button.btn-primary,
#quoteApproveDiscountsModal .modal-footer button.btn-primary,
#quoteRejectDiscountsModal .modal-footer button.btn-primary {
  color: #f5f5f5;
}
#quoteKeepDiscountsModal .modal-footer button.btn-secondary,
#quoteApproveDiscountsModal .modal-footer button.btn-secondary,
#quoteRejectDiscountsModal .modal-footer button.btn-secondary {
  color: var(--cx-color-primary);
}
@media (min-width: 480px) {
  #quoteKeepDiscountsModal .modal-footer button.btn-secondary,
  #quoteApproveDiscountsModal .modal-footer button.btn-secondary,
  #quoteRejectDiscountsModal .modal-footer button.btn-secondary {
    max-width: 49%;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-footer button,
  #quoteApproveDiscountsModal .modal-footer button,
  #quoteRejectDiscountsModal .modal-footer button {
    height: 40px;
    font-size: 12px;
  }
}
@media (min-width: 480px) {
  #quoteKeepDiscountsModal .modal-footer button,
  #quoteApproveDiscountsModal .modal-footer button,
  #quoteRejectDiscountsModal .modal-footer button {
    height: 45px;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  #quoteKeepDiscountsModal .modal-footer,
  #quoteApproveDiscountsModal .modal-footer,
  #quoteRejectDiscountsModal .modal-footer {
    flex-direction: column-reverse;
  }
}
#quoteKeepDiscountsModal #submitQuoteForm,
#quoteApproveDiscountsModal #submitQuoteForm,
#quoteRejectDiscountsModal #submitQuoteForm {
  margin: 0px;
}

@media (max-width: 1023px) {
  #js-quote-review-modal {
    padding: 0px 17px;
  }
}
#js-quote-review-modal .modal-content {
  width: 100%;
  border-radius: 12px;
}
@media (min-width: 480px) {
  #js-quote-review-modal .modal-content {
    max-width: 500px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-quote-review-modal .modal-content {
    height: 343px;
    padding: 39px 33px 32px 32px;
  }
}
@media (min-width: 1024px) {
  #js-quote-review-modal .modal-content {
    height: 330px;
    padding: 33px 67px;
  }
}
@media (max-width: 479px) {
  #js-quote-review-modal .modal-content {
    max-width: 378px;
    padding: 28px 41px 27px 46px;
  }
}
#js-quote-review-modal .modal-body {
  width: 100%;
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
@media (min-width: 480px) {
  #js-quote-review-modal .modal-body {
    max-width: 395px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-quote-review-modal .modal-body {
    margin: 31px auto 40px;
    flex: none;
  }
}
@media (min-width: 1024px) {
  #js-quote-review-modal .modal-body {
    margin: 22px auto 32px;
  }
}
@media (max-width: 479px) {
  #js-quote-review-modal .modal-body {
    max-width: 291px;
    margin: 0 auto;
    padding: 16px 0px;
  }
}
#js-quote-review-modal .modal-footer {
  padding: 0px;
  justify-content: center;
}
#js-quote-review-modal .modal-footer form {
  margin: 0px;
  width: 100%;
}
#js-quote-review-modal .quoteReviewModal_text {
  margin: 0px;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 480px) {
  #js-quote-review-modal .quoteReviewModal_text {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 479px) {
  #js-quote-review-modal .quoteReviewModal_text {
    font-size: 14px;
    line-height: 19.6px;
  }
}
#js-quote-review-modal #container__quoteButtons {
  display: flex;
  gap: 8px;
}
@media (min-width: 1024px) {
  #js-quote-review-modal #container__quoteButtons .btn {
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 50%;
    height: 48px;
    font-weight: 500;
  }
  #js-quote-review-modal #container__quoteButtons .btn.disabled, #js-quote-review-modal #container__quoteButtons .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-quote-review-modal #container__quoteButtons .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 9px;
    line-height: normal;
    width: 50%;
    height: 45px;
    font-weight: 500;
  }
  #js-quote-review-modal #container__quoteButtons .btn.disabled, #js-quote-review-modal #container__quoteButtons .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #js-quote-review-modal #container__quoteButtons {
    flex-direction: column-reverse;
  }
  #js-quote-review-modal #container__quoteButtons .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 40px;
    font-weight: 400;
  }
  #js-quote-review-modal #container__quoteButtons .btn.disabled, #js-quote-review-modal #container__quoteButtons .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#js-quote-review-modal h2, #js-quote-review-modal .h2 {
  margin-bottom: 0px;
  margin-top: 7px;
  color: #000000;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 479px) {
  #js-quote-review-modal h2, #js-quote-review-modal .h2 {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  #js-quote-review-modal .quoteReviewModal_attention img {
    width: 43px;
    height: 41px;
  }
}

.newPopupQuoteConfirmation .modal__top .modal__top--label {
  color: #000000;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
}

.quote-header {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
.quote-header .quote-headline {
  color: #000000;
  line-height: 35px;
  font-weight: 700;
  margin: 0;
  font-size: 1.5rem;
  padding: 0px;
}
.quote-header .cart__id--label {
  font-size: 18px;
  font-weight: 600;
  padding: 0 5px 0 10px;
}
.quote-header .cart__id--label::before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.quote-header .cart__id--label .cart__id {
  padding-left: 5px;
}
.quote-header .save__cart--link,
.quote-header .new__cart--link,
.quote-header .cart__quotes--link {
  text-align: right;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  float: right;
  padding: 0 5px;
}
.quote-header .save__cart--link::after,
.quote-header .new__cart--link::after,
.quote-header .cart__quotes--link::after {
  content: "|";
  position: relative;
  left: 5px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.quote-header .save__cart--link:first-child::after,
.quote-header .new__cart--link:first-child::after,
.quote-header .cart__quotes--link:first-child::after {
  content: "";
}

.quote-cart-items {
  max-width: var(--cx-container-max-width);
  margin: 0 auto;
  width: 100%;
}
.quote-cart-items .item__list__cart,
.quote-cart-items .item__list {
  margin: 0px;
  border: none;
}
.quote-cart-items .item__list--quote-item {
  display: flex;
  align-items: center;
  border: none;
  margin-bottom: 8px;
  border: 1px solid #d3d2d6;
}
.quote-cart-items .item__info--wrapper {
  width: 100%;
}
.quote-cart-items .item__info--wrapper .quote__item-offer .offer-stamp.offer-zpes {
  margin-top: 0px;
}
.quote-cart-items .product__info--wrapper-top .quote__item--info .promo {
  margin-bottom: 5px;
}
.quote-cart-items .product__info--wrapper-top .quote__item--info .item__name {
  font-style: normal;
  font-weight: 600;
  color: #222020;
  font-size: 14px;
  width: 100%;
}
.quote-cart-items .item__info--wrapper .promo {
  margin: 4px 0px;
}
.quote-cart-items .item__info--wrapper .item__stock {
  margin-top: 8px;
}
.quote-cart-items .quote__item-image {
  width: 80px;
  padding: 0px;
  text-align: center;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  margin-right: 16px;
  margin-left: 0px;
}
.quote-cart-items .quote__item-image img {
  width: 80px;
}
.quote-cart-items .remove-item {
  cursor: pointer;
  padding: 0px;
}
.quote-cart-items .remove-item a {
  width: 55px;
  height: 18px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  text-align: right;
  text-decoration-line: underline;
  color: #6f676c;
  text-transform: capitalize;
}
.quote-cart-items .remove-item .btn-group {
  display: flex;
}
.quote-cart-items .remove-item img {
  width: 24px;
}
.quote-cart-items .original-price-quote {
  text-decoration: line-through;
  font-weight: 400;
  font-size: 12px;
  color: #bab6bc;
  margin: 0px;
}
.quote-cart-items #from_per_quote-price .unit--discount {
  font-weight: 600;
  color: #554f52;
  margin: 0px;
}
.quote-cart-items .original-price-no-discount,
.quote-cart-items .total--price--nodiscount {
  font-weight: 600;
  color: #554f52;
}
.quote-cart-items .original-price-no-discount {
  margin-bottom: 2px;
}
.quote-cart-items .margin-cart {
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quote-cart-items .margin-cart .margin_popover__content {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: var(--cx-color-primary);
  box-shadow: none;
  background-color: transparent;
  margin-right: 5px;
  padding: 0px;
}
.quote-cart-items .margin-cart .margin_popover__content.margin_popover__content > span:first-child {
  display: none;
  width: 119px;
  height: 24px;
}
.quote-cart-items .margin-cart .margin_popover__content .margin_popover__hidden-content {
  width: 119px;
}
.quote-cart-items .margin-cart .margin-eye,
.quote-cart-items .margin-cart .margin-eye-crossed {
  margin: 0px;
  padding: 0px;
}
.quote-cart-items .margin-cart .eye-line {
  display: none;
}
.quote-cart-items .margin-cart .margin-eye img {
  width: auto;
  height: auto;
}
.quote-cart-items .addtocart-component {
  width: 760px;
  margin: 0;
  padding: 0;
}
.quote-cart-items .quote__discount-by-percentage .quote__item-price {
  margin-left: 32px;
  margin-right: 32px;
}
.quote-cart-items .quote__discount-by-percentage .from-price {
  display: none;
}
.quote-cart-items .quote__discount-by-percentage .qty-selector {
  border: none;
  width: 100px;
  background-color: transparent;
}
.quote-cart-items .quote__discount-by-percentage .qty-selector .form-control {
  border-radius: 4px;
  background: #add585;
  height: 24px;
  padding: 0;
  text-align: center;
  border: none;
  color: white;
  font-size: 14px;
}
.quote-cart-items .qty-selector .qty-selector-plus,
.quote-cart-items .qty-selector .qty-selector-minus {
  height: 24px;
  width: 24px;
  border-radius: 4px;
  background-color: #91c854;
  border: none;
}
.quote-cart-items .qty-selector.has-error .qty-selector-plus,
.quote-cart-items .qty-selector.has-error .qty-selector-minus {
  background: #ea5d58;
  border: 1px solid #df3828;
}
.quote-cart-items .product__info--wrapper-bottom .quote-discounts {
  background: rgba(120, 190, 32, 0.05);
  border: 1px solid #cbe3b5;
  border-radius: 8px;
  padding: 20px;
}
.quote-cart-items .product__info--wrapper-bottom .quote-discounts h1 + div, .quote-cart-items .product__info--wrapper-bottom .quote-discounts .h1 + div {
  display: flex;
  align-items: flex-end;
}
.quote-cart-items .product__info--wrapper-bottom .quote-discounts h1, .quote-cart-items .product__info--wrapper-bottom .quote-discounts .h1 {
  font-size: 14px;
  margin-top: 0px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.quote-cart-items .quote__discount-by-amount:first-child {
  margin-right: 24px;
}
@media (max-width: 479px) {
  .quote-cart-items .quote__discount-by-amount #discountAmount {
    font-size: 12px;
  }
}
.quote-cart-items .quote__discount-by-amount .input-group #js-quote-discount-adjust-total,
.quote-cart-items .quote__discount-by-amount .input-group #discountAmount {
  width: 100%;
  text-align: center;
  color: #222020;
}
.quote-cart-items .quote__discount-by-amount input {
  border-radius: 8px;
  height: 48px;
}

.quote__discount-by-percentage label,
.quote-discount__modal--input label {
  color: #3c3738;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.quote__cart--header {
  max-width: var(--cx-container-max-width);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.quote__cart--header .has-error {
  display: flex;
  align-items: end;
  margin-left: 30px;
}
.quote__cart--header .has-error p {
  margin: 0;
  padding: 0px;
}
.quote__cart--header.quote__details--header {
  display: block;
}
.quote__cart--header .quote__cart--header-wrapper,
.quote__cart--header .quote__details--header-wrapper {
  display: flex;
  width: auto;
  justify-content: space-between;
  align-items: baseline;
}
@media (min-width: 1024px) {
  .quote__cart--header .quote__cart--header-wrapper,
  .quote__cart--header .quote__details--header-wrapper {
    padding: 24px 0px;
    margin-bottom: 26px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote__cart--header .quote__cart--header-wrapper,
  .quote__cart--header .quote__details--header-wrapper {
    padding: 24px 0px 32px;
    margin-bottom: 15px;
  }
}
@media (min-width: 480px) {
  .quote__cart--header .quote__expiration {
    margin-left: 24px;
  }
}
.quote__cart--header .quote__expiration input {
  height: auto;
  padding-left: 6px;
}
.quote__cart--header .quote__details--header-wrapper {
  width: 315px;
}
.quote__cart--header .quote__details--header-wrapper span {
  width: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #000000;
}
.quote__cart--header .quote__id-product {
  width: 135px;
  height: 38px;
  left: 160px;
  top: 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #000000;
}
.quote__cart--header .quote__id-code,
.quote__cart--header .quote__id-version {
  margin-left: 24px;
}
.quote__cart--header .quote__id-code,
.quote__cart--header .quote__id-version,
.quote__cart--header .quote__expiration {
  align-items: center;
  display: flex;
}
.quote__cart--header .quote__id-code .item-label,
.quote__cart--header .quote__id-code .control-label,
.quote__cart--header .quote__id-version .item-label,
.quote__cart--header .quote__id-version .control-label,
.quote__cart--header .quote__expiration .item-label,
.quote__cart--header .quote__expiration .control-label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-transform: inherit;
  width: auto;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #000000;
}
@media (min-width: 1024px) {
  .quote__cart--header .quote__id-code .item-label,
  .quote__cart--header .quote__id-code .control-label,
  .quote__cart--header .quote__id-version .item-label,
  .quote__cart--header .quote__id-version .control-label,
  .quote__cart--header .quote__expiration .item-label,
  .quote__cart--header .quote__expiration .control-label {
    padding-right: 5px;
  }
}
.quote__cart--header .quote__id-code .item-value,
.quote__cart--header .quote__id-version .item-value,
.quote__cart--header .quote__expiration .item-value {
  font-size: 16px;
  padding-bottom: 0px;
  font-weight: 600;
}
@media (max-width: 479px) {
  .quote__cart--header .quote__id-code img,
  .quote__cart--header .quote__id-version img,
  .quote__cart--header .quote__expiration img {
    width: 17px;
    height: 17px;
  }
}
.quote__cart--header .quote__expiration {
  color: #000000;
}
.quote__cart--header .quote__expiration ::placeholder {
  color: #000000;
}
.quote__cart--header .quote__expiration input {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0px;
}
.quote__cart--header .quote__expiration .quote__expiration--label,
.quote__cart--header .quote__expiration .quote__expiration--input {
  font-weight: 400;
  font-size: 16px;
  color: var(--cx-color-primary);
  line-height: normal;
}
.quote__cart--header .quote__expiration .quote__expiration--label {
  margin-left: 8px;
}
.quote__cart--header .quote__expiration .quote__expiration--input {
  width: 98px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote__cart--header .quote__expiration .quote__expiration--input {
    margin-left: 5px;
  }
}
.quote__cart--header .quote__expiration .quote__expiration {
  display: flex;
}
.quote__cart--header .quote__expiration .quote__expiration img {
  padding-top: 10px;
}

.quote__cart--details .grand-total {
  padding-bottom: 15px;
}
.quote__cart--details .cart-totals {
  max-width: unset;
  border-left: none;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote__cart--details .cart-totals {
    margin-top: 48px;
  }
}
@media (max-width: 479px) {
  .quote__cart--details .cart-totals {
    margin-top: 32px;
  }
}
.quote__cart--details .quote-discount-by-item {
  justify-content: center;
  border-top: 1px solid #eeeef0;
}

.container__btn--shopping {
  width: 100%;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 479px) {
  .container__btn--shopping {
    gap: 12px;
    max-width: 100%;
    flex-direction: column-reverse;
  }
}

.page-quoteEditPage .quote__submit-btn {
  display: flex;
  justify-content: center;
  margin: 29px 0px 55px;
}
.page-quoteEditPage .quote__submit-btn .btn-block + .btn-block {
  margin-top: 0px;
}
.page-quoteEditPage .quote__submit-btn button {
  margin-left: 24px;
}
.page-quoteEditPage .quote__submit-btn .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 256px;
  height: 44px;
  font-weight: 500;
}
.page-quoteEditPage .quote__submit-btn .btn.disabled, .page-quoteEditPage .quote__submit-btn .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.quote-discount-by-item {
  max-width: var(--cx-container-max-width);
  display: flex;
}
@media (min-width: 1024px) {
  .quote-discount-by-item {
    padding-bottom: 34px;
    display: flex;
  }
}
.quote-discount-by-item .quote__discount-by-item {
  padding: 0;
  display: flex;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-discount-by-item .quote__discount-by-item {
    padding-bottom: 14.8px;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .quote-discount-by-item .quote__discount-by-item-mobile {
    display: none;
  }
  .quote-discount-by-item .quote__discount-by-item .title__discount-by-item {
    font-size: 18px;
    font-weight: 500;
    color: #3c3738;
    line-height: normal;
  }
  .quote-discount-by-item .quote__discount-by-item .cart__top--totals {
    font-size: 16px;
    margin-left: 4px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-discount-by-item .quote__discount-by-item-mobile {
    display: none;
  }
  .quote-discount-by-item .title__discount-by-item {
    font-size: 16px;
    font-weight: 500;
  }
  .quote-discount-by-item .cart__top--totals {
    font-size: 14px;
    display: flex;
    flex-direction: row;
  }
  .quote-discount-by-item .cart__top--totals .cart__top--amount {
    white-space: nowrap;
  }
}
@media (max-width: 479px) {
  .quote-discount-by-item {
    margin: 0px auto 13px;
  }
  .quote-discount-by-item .quote__discount-by-item {
    display: none;
  }
  .quote-discount-by-item .quote__discount-by-item-mobile {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 24px;
  }
  .quote-discount-by-item .quote__discount-by-item-mobile .js-cart-top-totals {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .quote-discount-by-item .title__discount-by-item {
    font-size: 14px;
    font-weight: normal;
  }
  .quote-discount-by-item .cart__top--totals {
    font-size: 12px;
  }
}
.quote-discount-by-item .export__cart--link {
  padding-right: 0px;
  padding-left: 0px;
  width: auto;
  text-transform: unset;
}
.quote-discount-by-item .export__cart--link .export-title {
  width: 100px;
  height: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-decoration-line: underline;
}
@media (max-width: 639px) {
  .quote-discount-by-item .export__cart--link {
    padding-top: 5px;
  }
}
.quote-discount-by-item .export__cart--link:first-child {
  padding-right: 30px;
  background: transparent;
  border: none;
}
.quote-discount-by-item .csv-icon,
.quote-discount-by-item .pdf-icon {
  padding-right: 5px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(75%) contrast(100%);
}

.page-quoteEditPage .cartproline {
  padding: 0px;
  margin: 0px 0px 24px 0px;
}
.page-quoteEditPage .yCmsContentSlot.account-section-content {
  padding: 0px;
}

.page-quote-detail .component-page-headline {
  padding-top: 40px;
}
.page-quote-detail .cart-header.border {
  display: none;
}
@media (max-width: 639px) {
  .page-quote-detail h1.component-page-headline, .page-quote-detail .component-page-headline.h1 {
    padding-bottom: 32px;
  }
}

/* .quote-cart-items responsive */
@media only screen and (min-width: 769px) {
  .quote-cart-items .quote__item-info {
    width: 100%;
  }
  .quote-cart-items .product__info--wrapper-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .quote-cart-items .quote__item-image.quote__has-promo .quote__item-offer {
    display: none;
  }
}
@media (max-width: 768px) {
  .quote-cart-items .quote__discount-by-amount:first-child {
    margin-right: 0px;
  }
  .quote-cart-items .quote__item-image.quote__has-promo {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .quote-cart-items .quote__item-image.quote__has-promo .quote__item-offer {
    display: block;
  }
  .quote-cart-items .product__info--wrapper-top .offer-stamp {
    display: none;
  }
  .quote-cart-items .item__list--quote-item {
    display: unset;
  }
}
@media (max-width: 640px) {
  .quote-cart-items .margin-cart {
    margin-left: 0px;
  }
  .quote-cart-items .item__list--quote-item {
    flex-direction: column;
  }
  .quote-cart-items .item__info--wrapper {
    margin-left: 0px;
  }
  .quote-cart-items .quote__item-image {
    margin-bottom: 8px;
  }
  .quote-cart-items .quote__discount-by-amount .input-group #discountAmount {
    max-width: 160px;
    width: 94px;
    height: 34px;
  }
  .quote-cart-items .quote__discount-by-percentage,
  .quote-cart-items .quote__discount-by-amount {
    margin-right: 5px;
  }
  .quote-cart-items .quote-discounts {
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .quote-cart-items {
    padding-bottom: 0px;
  }
  .quote-cart-items .product__info--wrapper-bottom .quote-discounts {
    padding: 8px;
  }
  .quote-cart-items .product__info--wrapper-bottom .quote-discounts h1 + div, .quote-cart-items .product__info--wrapper-bottom .quote-discounts .h1 + div {
    justify-content: space-between;
  }
  .quote-cart-items .quote__discount-by-percentage,
  .quote-cart-items .quote__discount-by-amount {
    margin-right: 0px;
  }
  .quote-cart-items .quote__discount-by-amount .input-group {
    display: block;
  }
  .quote-cart-items .quote_totals-section-asm {
    flex-direction: unset;
    justify-content: space-between;
  }
  .quote-cart-items .quote_totals-section .remove-item,
  .quote-cart-items .product__info--wrapper-bottom .quote-discounts ~ .remove-item {
    display: block;
    margin: 24px 0px;
  }
  .quote-cart-items .quote_totals-section .qty-selector {
    margin-top: 0px;
  }
}

/* .quote__cart--details responsive */
@media (max-width: 1024px) {
  .quote__cart--details {
    margin-top: 0px;
  }
  .quote__cart--details .cart-totals {
    padding: 0px;
  }
  .quote__cart--details .cart-totals .row, .quote__cart--details .cart-totals .cart__content {
    margin: 0px;
  }
  .quote__cart--details .cart-totals .col-xs-6.cart-totals-right.text-right.grand-total,
  .quote__cart--details .cart-totals .grand-total.cart-totals-right {
    padding: 0px;
  }
  .quote__cart--details .cart-totals .col-xs-6.cart-totals-left.grand-total {
    margin: 0px;
  }
  .quote__cart--details #select-wrapper {
    margin-top: 12px;
  }
  .quote__cart--details .quote__cart--details-wrapper span,
  .quote__cart--details .quote__cart--details-wrapper .grand-total-itens {
    font-size: 24px;
  }
  .quote__cart--details .quote-delivery .quote-delivery-title h1, .quote__cart--details .quote-delivery .quote-delivery-title .h1 {
    font-size: 16px;
    height: 28px;
  }
  .quote__cart--details .quote-delivery .quote-delivery-title h2, .quote__cart--details .quote-delivery .quote-delivery-title .h2 {
    font-size: 14px;
    line-height: 17px;
    margin: 0px 0px 16px 0px;
  }
}
@media (max-width: 480px) {
  .quote__cart--details .quote-delivery .quote-delivery-select #select-wrapper,
  .quote__cart--details .quote-delivery .quote-delivery-select select {
    max-width: none;
  }
  .quote__cart--details .quote__cart--details-wrapper {
    padding-top: 24px;
  }
  .quote__cart--details .quote__cart--details-wrapper .grand-total-itens {
    display: none;
  }
  .quote__cart--details .quote__cart--details-wrapper span {
    font-size: 16px;
  }
  .quote__cart--details .quote-delivery .quote-delivery-select span,
  .quote__cart--details .grand-total-itens.visible-xs {
    font-size: 12px;
  }
  .quote__cart--details .grand-total-itens.visible-xs {
    color: var(--cx-color-primary);
    font-weight: 600;
  }
  .quote__cart--details .quote__cart--details-wrapper ~ .grand-total-itens {
    display: block;
    color: var(--cx-color-primary);
  }
}

/* .quote__cart--header  responsive */
.page-quoteEditPage {
  /* Responsive tablet */
  /* Responsive mobile */
}
.page-quoteEditPage .details-quote--mobile {
  display: none;
}
.page-quoteEditPage .component-page-headline {
  padding: 0;
  height: fit-content;
  margin-top: 0;
  text-underline-offset: 9px;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .component-page-headline {
    padding-top: 20px;
  }
}
.page-quoteEditPage .quote__id-expiration .form-group {
  margin: 0px;
  display: flex;
  align-items: baseline;
}
.page-quoteEditPage .quote__id-expiration p.help-block {
  width: 196px;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .quote-timeline-wrapper {
    margin-top: 32px;
  }
}
.page-quoteEditPage .quote__cart--header-wrapper a.export__cart--link {
  margin-right: 0;
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header-wrapper a.export__cart--link {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
  }
}
@media (min-width: 480px) {
  .page-quoteEditPage .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    margin-right: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .quote__cart--header-wrapper button.export__cart--link {
    margin-bottom: 2px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    padding-bottom: 3px;
  }
}
.page-quoteEditPage .quote__cart--header-wrapper .export__quote--link::after {
  content: "|";
}
.page-quoteEditPage .quote__cart--header-wrapper .export__cart--text {
  margin-left: 8px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .quote__cart--header-wrapper .export__cart--text {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  .page-quoteEditPage .quote__cart--header-wrapper .export__cart--text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.page-quoteEditPage .quote__cart--header-wrapper .field__export--cart img {
  filter: invert(40%) sepia(15%) saturate(183%) hue-rotate(270deg) brightness(70%) contrast(85%);
}
@media (min-width: 480px) {
  .page-quoteEditPage .quote__cart--header-wrapper .field__export--cart img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header-wrapper .field__export--cart img {
    width: 18px;
    height: 18px;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #d3d2d6;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header .details-quote-title {
    font-size: 16px;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote-title span {
  color: #3c3738;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header .details-quote-title span {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .quote__cart--header .details-quote-title span {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .page-quoteEditPage .quote__cart--header .details-quote-title span {
    font-size: 18px;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote--desktop {
  display: flex;
}
.page-quoteEditPage .quote__cart--header .details-quote {
  border-bottom: 1px solid #d3d2d6;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .quote__cart--header .details-quote {
    gap: 70px;
    padding: 24px 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .quote__cart--header .details-quote {
    padding: 24px 0px;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote .timeline-details-quote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #3c3738;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}
@media (min-width: 480px) {
  .page-quoteEditPage .quote__cart--header .details-quote .timeline-details-quote .text__timeline-quote {
    font-weight: 500;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .quote__cart--header .details-quote .timeline-details-quote .text__timeline-quote {
    font-weight: 600;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote .status-analyzing-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #25a8d0;
  background: rgba(10, 137, 255, 0.1);
  border: 1px solid #25a8d0;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .page-quoteEditPage .quote__cart--header .details-quote .status-analyzing-pill {
    white-space: nowrap;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote .status-cancelled-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #df3828;
  background: rgba(223, 56, 40, 0.05);
  border: 1px solid #df3828;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .page-quoteEditPage .quote__cart--header .details-quote .status-cancelled-pill {
    white-space: nowrap;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote .status-open-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: var(--cx-color-primary);
  background: rgba(120, 190, 32, 0.1);
  border: 1px solid var(--cx-color-primary);
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .page-quoteEditPage .quote__cart--header .details-quote .status-open-pill {
    white-space: nowrap;
  }
}
.page-quoteEditPage .quote__cart--header .details-quote .quote-status-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .page-quoteEditPage .quote__cart--header .details-quote .quote-status-pill {
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .page-quoteEditPage .quote__cart--header .has-error {
    display: flex;
    align-items: end;
    margin-left: 15px;
  }
  .page-quoteEditPage .quote__cart--header .has-error p {
    margin: 0;
    padding: 0px;
    width: 150px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper {
    justify-content: space-between;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration {
    margin-left: 32px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group {
    display: flex;
    align-items: baseline;
    margin: 0px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group label {
    font-size: 14px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group + img {
    margin-left: 10px;
    margin-top: 0px;
  }
  .page-quoteEditPage .quote__cart--header .quote__id-code,
  .page-quoteEditPage .quote__cart--header .quote__id-version {
    margin-left: 24px;
  }
  .page-quoteEditPage .quote__cart--header .quote__id-product {
    font-weight: bold;
    font-size: 24px;
    width: auto;
  }
  .page-quoteEditPage .quote__cart--header .item-label,
  .page-quoteEditPage .quote__cart--header .item-value {
    width: auto;
  }
  .page-quoteEditPage .quote__cart--header .quote__id-code .item-label,
  .page-quoteEditPage .quote__cart--header .quote__id-code .item-value,
  .page-quoteEditPage .quote__cart--header .quote__id-version .item-label,
  .page-quoteEditPage .quote__cart--header .quote__id-version .item-value {
    font-size: 14px;
  }
  .page-quoteEditPage .quote__cart--header .item-value {
    padding-left: 0px;
  }
}
@media (max-width: 640px) {
  .page-quoteEditPage .quote__cart--header {
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .page-quoteEditPage .quote__cart--header .quote__id-product {
    font-size: 16px;
  }
  .page-quoteEditPage .quote__cart--header .quote__id-code .item-label,
  .page-quoteEditPage .quote__cart--header .quote__id-code .item-value,
  .page-quoteEditPage .quote__cart--header .quote__id-version .item-label,
  .page-quoteEditPage .quote__cart--header .quote__id-version .item-value,
  .page-quoteEditPage .quote__cart--header .quote__expiration--label,
  .page-quoteEditPage .quote__cart--header .quote__expiration .control-label,
  .page-quoteEditPage .quote__cart--header .quote__expiration .quote__expiration--input {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage h1.component-page-headline, .page-quoteEditPage .component-page-headline.h1 {
    font-size: 24px;
    text-decoration-thickness: 4px;
    padding-top: 12px;
    text-underline-offset: 8px;
  }
  .page-quoteEditPage .quote__cart--header .timeline-details-quote {
    gap: 10px;
  }
  .page-quoteEditPage .quote__cart--header .timeline-details-quote span {
    font-size: 14px;
  }
  .page-quoteEditPage .quote__cart--header .timeline-details-quote .details__quote-stamp {
    max-width: 122px;
    height: 38px;
    font-size: 11px;
    word-break: break-all;
    padding: 4px 1px;
    line-height: normal;
    letter-spacing: normal;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .field__export--cart .export__cart--text,
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .export-title {
    font-size: 14px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote-title span {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage h1.component-page-headline, .page-quoteEditPage .component-page-headline.h1 {
    font-size: 16px;
    text-decoration-thickness: 2px;
  }
  .page-quoteEditPage .item__quantity {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--desktop {
    display: none;
  }
  .page-quoteEditPage .quote__cart--header .details-quote {
    gap: 24px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote-title {
    font-size: 14px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper {
    flex-direction: column;
    gap: 24px;
    padding: 24px 0px 32px 14px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .field__export--cart .export__cart--text,
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .export-title,
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__expiration--label,
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__expiration--input {
    font-size: 12px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .quote__expiration--input {
    padding-left: 4px;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .export-title {
    font-style: normal;
    font-weight: 300;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .export__cart--text {
    white-space: nowrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
  }
  .page-quoteEditPage .quote__cart--header .quote__cart--header-wrapper .export__quote--link::after {
    color: #887f87;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile {
    display: flex;
    padding: 16px 0px;
    padding-left: 14px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile .justify-content-between:first-child {
    gap: 16px;
    flex-direction: column;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile .justify-content-between:last-child {
    gap: 24px;
    justify-content: flex-start !important;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile .timeline-details-quote {
    gap: 8px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile .timeline-details-quote span {
    word-break: break-all;
    font-size: 12px;
  }
  .page-quoteEditPage .quote__cart--header .details-quote--mobile .timeline-details-quote .details__quote-stamp {
    width: 161px;
    height: 49px;
    word-break: break-all;
  }
  .page-quoteEditPage .quote__cart--header .quote__id-expiration .form-group {
    white-space: nowrap;
  }
}

/*.quote__submit-btn RESPONSIVE */
@media (max-width: 1024px) {
  .quote__submit-btn {
    justify-content: space-between;
  }
  .quote__submit-btn button {
    margin-left: 0px;
    max-width: 256px;
    width: 100%;
  }
  .quote__submit-btn .js-continue-checkout-button {
    margin: 0px 8px;
  }
  .quote__submit-btn .btn {
    height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .quote__submit-btn {
    flex-direction: column;
    align-items: center;
    max-height: 172px;
    min-height: 97px;
    margin: 32px 0px;
  }
  .quote__submit-btn .btn {
    width: 100%;
    margin-bottom: 24px;
    max-width: none;
  }
  .quote__submit-btn .btn-primary {
    padding: 10px 15px;
  }
}

@media (min-width: 639px) {
  .quote-timeline {
    display: flex;
    justify-content: space-between;
  }
  .quote-timeline-wrapper {
    height: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .quote-step {
    display: flex;
    align-items: center;
    max-width: 240px;
    width: 100%;
    justify-content: space-between;
    padding-right: 12px;
  }
  .quote-step:last-child {
    justify-content: space-between;
  }
  .quote-step:last-child,
  .timeline-steps-description:last-child,
  .quote-step.step-client:last-child {
    max-width: 130px;
  }
  .quote-step.step-client {
    max-width: 280px;
  }
}
.quote-step .divisor {
  height: 2px;
  background-color: #d9d9d9;
  width: 70%;
  max-width: 185px;
}

.quote-timeline .timeline-steps-description {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
}
.quote-timeline .timeline-steps-description span {
  line-height: 150%;
  color: #000;
  max-width: 161px;
  padding-right: 12px;
}
.quote-timeline .timeline-steps-description span:first-child {
  font-size: 14px;
  font-weight: 600;
}
.quote-timeline .timeline-steps-description span:last-child {
  font-size: 12px;
}

.quote-timeline:last-child .timeline-steps-description:last-child span {
  padding-right: 0px;
}

/* responsive */
@media (max-width: 639px) {
  .quote-timeline-wrapper {
    display: flex;
  }
  .quote-timeline,
  .timeline-steps-description {
    display: flex;
    flex-direction: column;
  }
  .quote-timeline {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }
  .quote-timeline:first-child {
    margin-right: 24px;
  }
  .quote-timeline:last-child {
    margin-left: 0px;
    margin-top: -4px;
  }
  .quote-step {
    display: flex;
    height: auto;
    flex-flow: column;
    align-items: center;
  }
  .quote-step img {
    width: 15.5px;
  }
  .quote-step .divisor {
    height: 54px;
    width: 2px;
    margin-bottom: 4px;
  }
  .quote-step div:first-child {
    margin-bottom: 6px;
  }
  .quote-timeline .timeline-steps-description {
    font-size: 12px;
    height: 73px;
    margin-top: 0px;
    max-width: unset;
  }
  .quote-timeline .timeline-steps-description span {
    max-width: unset;
    padding-right: 0px;
  }
  .quote-timeline .timeline-steps-description:first-child {
    height: 74px;
  }
  .page-quote-detail .component-page-headline {
    padding-top: 0;
  }
}
.account-section-content .well, .account-section-content .well.well-lg {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 479px) {
  #js-quote-edit-modal .modal-dialog {
    margin: 20px;
  }
}
#js-quote-edit-modal .modal-content {
  padding: 20px 40px 30px 40px;
}
#js-quote-edit-modal .headline-text {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
#js-quote-edit-modal .btn-close {
  align-self: flex-end;
}
#js-quote-edit-modal form {
  padding: 0px;
}

#js-quote-submit-modal .modal-dialog {
  max-width: 566px;
}
#js-quote-submit-modal .btn-close {
  align-self: flex-end;
  margin: 20px;
}

.page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__hidden-content {
  background: transparent;
  width: fit-content;
}
.page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__hidden-content.margin__content-quote {
  display: block;
}
.page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content {
  font-weight: 500;
  color: #222020;
}
.page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
  width: fit-content;
}
.page-quoteEditPage .cart-items.quote-cart-items .item__list .item__list--header {
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .cart-items.quote-cart-items .item__list .item__list--header {
    display: flex;
    padding: 0px 32px;
    height: 38px;
  }
}
.page-quoteEditPage .cart-items.quote-cart-items .item__name {
  width: 154px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--cx-color-primary);
}
.page-quoteEditPage .cart-items.quote-cart-items .item__name a {
  color: var(--cx-color-primary);
}
.page-quoteEditPage .cart-items.quote-cart-items .price-plp__bestPrice {
  color: var(--cx-color-primary);
  font-weight: 600;
}
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector {
  border: none;
}
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector input::placeholder {
  color: #fff;
}
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector .form-control,
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector .item__quantity .form-control,
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector input {
  border-radius: 4px;
  background: #add585;
  height: 24px;
  padding: 0;
  text-align: center;
  border: none;
  color: #ffffff;
  font-size: 14px;
}
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector.has-error .form-control,
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector.has-error .item__quantity .form-control,
.page-quoteEditPage .cart-items.quote-cart-items .qty-selector.has-error input {
  background: #ea5d58;
  border: 1px solid #df3828;
}
.page-quoteEditPage .cart-items.quote-cart-items .quote-discounts-wrap .qty-selector {
  color: #ffffff;
}
.page-quoteEditPage .cart-items.quote-cart-items .item__quantity .btn-select-qty {
  height: 24px;
  display: flex;
  gap: 2px;
  width: 100px;
}
.page-quoteEditPage .cart-items.quote-cart-items .item__info--quote {
  height: fit-content;
}
.page-quoteEditPage .cart-items.quote-cart-items .item__info--quote .item__name {
  font-weight: 600;
  color: var(--cx-color-primary);
}
.page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup label {
  display: flex;
  align-items: center;
}
.page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
  font-weight: 500;
  color: #000;
}
.page-quoteEditPage .cart-items.quote-cart-items .total--price--nodiscount {
  display: none;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .cart-items.quote-cart-items table:first-of-type .item__list--quote-item:first-of-type {
    border-radius: 0px 0px 12px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--header li {
    font-size: 16px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list .item__list--header {
    gap: 0;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-mobile,
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-tablet {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-desktop {
    display: block;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-desktop .quote-discounts {
    padding-left: 28px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--container {
    align-items: start;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer {
    margin-left: 32px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__quote--percent-desktop {
    display: block;
    white-space: nowrap;
    text-align: end;
    max-width: 172px;
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__quote--percent-mobile {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote {
    max-width: 147px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote .item__name {
    font-size: 16px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote .item__code {
    font-size: 14px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image img {
    max-width: 121px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info {
    max-width: 284px;
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total--container {
    width: 134px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total {
    text-align: start;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total div.d-flex {
    gap: 10px;
    padding-left: 2.5rem;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list .item__remove {
    max-width: 24px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list {
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list .item__quantity {
    max-width: 150px;
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list .item__total--column {
    max-width: 134px;
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__price {
    max-width: 133px;
    width: 100%;
    text-align: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items li.item__price {
    padding-right: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup {
    width: 100%;
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    padding: 16px 24px;
    gap: 60px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item-quote {
    margin-right: 72px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item h2, .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item .h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item label span.p-400 {
    font-size: 1rem;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 158px;
    margin-bottom: 0px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .cart__pickup--method {
    color: #222020;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item--wrapper form {
    gap: 24px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    padding-left: 2.5rem;
    align-items: center;
    margin-top: 26px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin-eye img {
    width: 16px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart span {
    font-size: 14px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items #discountAmount {
    height: 44px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .original-price-no-discount {
    font-size: 14px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup p {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item h2, .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item .h2 {
    color: #1a1919;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-transform: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup {
    padding: 8px 8px 14px 8px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .outflow__not__chosen.outflow_unset {
    width: 130px;
    color: #887f87;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .cart-items.quote-cart-items table:first-of-type .item__list--quote-item:nth-child(2) {
    border-radius: 0px 0px 12px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-mobile,
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-desktop {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-tablet {
    display: block;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--container {
    padding: 0px 16px 14px 16px;
    gap: 10px;
    align-items: start;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--header {
    height: 38px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--header li {
    padding-top: 10px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image img {
    max-width: 71px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info {
    width: 188px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__name {
    width: 130px;
    font-size: 14px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__remove {
    width: 35px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__quote--percent-mobile {
    width: 115px;
    white-space: nowrap;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__quantity {
    text-align: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total--column {
    text-align: right;
    width: 9%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__price {
    width: 122px;
    text-align: center;
    font-size: 13px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total {
    width: 112px;
    text-align: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    padding: 20px 16px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item--wrapper form {
    display: flex;
    gap: 24px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item h2, .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item .h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item h2,
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item div {
    align-items: flex-start;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item div .cart__pickup--method {
    font-size: 14px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item div button img {
    margin-top: -6px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 12px;
    width: 154px;
    margin-bottom: 0px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote {
    width: 117px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote .item__stock {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote .item__code {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    margin: 0;
    margin-top: 24px;
    align-items: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content {
    font-size: 13px;
    margin: 0;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
    height: 20px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content span {
    display: flex;
    align-items: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin-eye {
    height: 15px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin-eye img {
    vertical-align: super;
    width: 14px;
    margin-left: 7px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer {
    margin-left: 17px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__quote--percent-desktop {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote-cart-items .original-price-no-discount,
  .page-quoteEditPage .cart-items.quote-cart-items .total--price--nodiscount {
    font-size: 13px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .price-plp__bestPrice {
    margin-top: 0;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector-plus img,
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector-minus img {
    width: 11px;
    height: 11px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector input,
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector .form-control {
    height: 21px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .js-update-entry-quantity-input {
    width: 45px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector-plus,
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector-minus {
    width: 23px;
    height: 21px;
    display: flex;
    align-items: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .qty-selector input[name=shownQuantity] {
    height: 21px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .remove-item img {
    width: 16px;
    margin: 0;
  }
  .page-quoteEditPage .cart-items.quote-cart-items #discountAmount {
    height: 40px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-desktop,
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-tablet {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--quote-mobile {
    display: block;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .total--price--nodiscount {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image-item__info .item__info--quote {
    width: 100%;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image-item__info .item__info--quote .item__code {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image-item__info .item__info--quote .item__code::after {
    content: "|";
    margin: 0 5px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__image img {
    max-width: 72px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__list--header {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__total {
    margin-top: 24px;
    font-size: 12px;
    margin-bottom: 0.563rem;
    padding-top: 10px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__name {
    -webkit-line-clamp: 1;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .quantity__discount--quote {
    gap: 8px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    height: 20px;
    gap: 8px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin-eye {
    height: 17px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin-eye img {
    width: 12px;
    vertical-align: super;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content {
    font-size: 12px;
    height: 20px;
    margin: 0;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
    height: 20px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .margin-cart .margin_popover__content span {
    display: flex;
    align-items: center;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .original-price-no-discount {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .text__table--mobile {
    margin-bottom: 8px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .total__price--quote {
    color: var(--cx-color-primary);
    font-size: 12px;
    font-weight: 700;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .total--withDiscount {
    display: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__info--quote {
    font-size: 12px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items #from_per_quote-price .unit--discount {
    font-size: 12px;
    white-space: nowrap;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .price-plp__bestPrice {
    background-color: var(--cx-color-primary);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    display: flex;
    justify-content: space-between;
    gap: 39px;
    text-align: left;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup span,
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup label,
  .page-quoteEditPage .cart-items.quote-cart-items .item__delivery__pickup p {
    text-transform: none;
  }
  .page-quoteEditPage .cart-items.quote-cart-items .remove-item img {
    width: 16px;
    margin: 0;
  }
}
.page-quoteEditPage .quote-discount__modal--input .qty-selector {
  height: 24px;
  display: flex;
  gap: 2px;
  color: #fff;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .quote-discounts {
    max-width: 172px;
    width: 100%;
    justify-content: center;
    display: flex;
  }
}
.page-quoteEditPage .quote-discounts-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-width: 100px;
}
.page-quoteEditPage .item__list--container {
  width: 100%;
  padding: 0px 32px 24px;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 480px) {
  .page-quoteEditPage .item__image__info--wrapper {
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .page-quoteEditPage .item__image__info--wrapper {
    width: 284px;
  }
}
@media (max-width: 479px) {
  .page-quoteEditPage .item__image__info--wrapper {
    gap: 8px;
  }
}
.page-quoteEditPage .item__image-item__info .item__info--quote {
  gap: 8px;
  justify-content: center;
}
.page-quoteEditPage .price-plp__bestPrice {
  left: 2.75rem;
  margin-top: 0.406rem;
  padding: 1px 4px;
}
.page-quoteEditPage .item-delivery-tablet {
  display: flex;
}
@media (max-width: 479px) {
  .page-quoteEditPage .item-delivery-mobile {
    flex-direction: row;
  }
}
@media (max-width: 639px) {
  .page-quoteEditPage .sales-flow-form-mobile {
    flex-direction: column;
    gap: 0 !important;
  }
}
@media (max-width: 639px) {
  .page-quoteEditPage .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    display: flex;
    justify-content: space-between;
    gap: 39px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .page-quoteEditPage .delivery-only-text {
    width: 250px;
    max-width: 250px;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .page-quoteEditPage .delivery-only-text {
    width: 165px;
    max-width: 165px;
  }
}

.quote-parcel-tag-container {
  display: flex;
  justify-content: end;
}
@media all and (max-width: 1023px) {
  .quote-parcel-tag-container {
    background: rgba(238, 238, 240, 0.3);
    width: 100%;
  }
}

.quote-delivery-select {
  border-radius: 0px 0px 8px 8px;
  background: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 0px;
}
@media (min-width: 1024px) {
  .quote-delivery-select {
    margin-bottom: 56px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select {
    margin-bottom: 41px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select {
    margin-bottom: 40px;
  }
}
.quote-delivery-select summary div::before {
  content: url(../../common/images/pen-edit.svg);
}
@media (max-width: 479px) {
  .quote-delivery-select summary div::before img {
    width: 17px;
    height: 17px;
  }
}
.quote-delivery-select[open] summary div::before {
  content: "";
}
@media (min-width: 1024px) {
  .quote-delivery-select[open] {
    padding-bottom: 6px;
  }
}
.quote-delivery-select[open] summary {
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  background: #063a44;
  color: var(--cx-color-primary);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1024px) {
  .quote-delivery-select[open] summary {
    border-radius: 8px 8px 0px 0px;
    padding: 16px 28px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select[open] summary {
    border-radius: 6.4px 6.4px 0px 0px;
    padding: 12px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select[open] summary {
    border-radius: 3.84px 3.84px 0px 0px;
    width: 100%;
    height: 30px;
    padding: 8px;
  }
}
.quote-delivery-select summary {
  font-style: normal;
  font-weight: 500;
  color: #222020;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  line-height: normal;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
.quote-delivery-select summary ::-webkit-details-marker {
  display: none;
}
@media (min-width: 1024px) {
  .quote-delivery-select summary {
    padding: 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select summary {
    border-radius: 6px;
    padding: 12px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select summary {
    height: 30.36px;
    padding: 7.68px;
  }
}
.quote-delivery-select .quote-delivery-select-wrapper {
  display: flex;
  gap: 20px;
  padding: 40px 20px 20px;
}
@media all and (max-width: 639px) {
  .quote-delivery-select .quote-delivery-select-wrapper {
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-select-wrapper .checkmark {
    top: 4px;
  }
}
.quote-delivery-select .quote-select-wrapper > h2, .quote-delivery-select .quote-select-wrapper > .h2 {
  color: #222020;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-select-wrapper > h2, .quote-delivery-select .quote-select-wrapper > .h2 {
    margin-bottom: 2px;
  }
}
@media (max-width: 1023px) {
  .quote-delivery-select .quote-select-wrapper > h2, .quote-delivery-select .quote-select-wrapper > .h2 {
    margin-bottom: 4px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-select-wrapper .form-group {
    margin-bottom: 8px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-select-wrapper .form-group {
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-select-wrapper .help-block {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  .quote-delivery-select .quote-select-wrapper .help-block {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-select-wrapper .help-block {
    margin-bottom: 16px;
  }
}
.quote-delivery-select .quote-select-wrapper select[name=deliveryId] {
  border: 1px solid #bab6bc;
  color: #6f676c;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-select-wrapper select[name=deliveryId] {
    max-width: 455px;
    width: 100%;
    height: 44px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-select-wrapper select[name=deliveryId] {
    height: 35px;
    max-width: 344px;
    width: 100%;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-select-wrapper select[name=deliveryId] {
    width: 100%;
    height: 33px;
  }
}
.quote-delivery-select .spinnerWrapper {
  padding-bottom: 12px;
}
.quote-delivery-select .cart-totals {
  line-height: normal;
}
.quote-delivery-select .quote_delivery_selected_list input {
  margin-right: 8px;
  margin-bottom: 0px;
}
.quote-delivery-select .quote_delivery_selected_list,
.quote-delivery-select .quote_delivery_selected_list ul {
  list-style-type: none;
  width: 100%;
  display: flex;
}
.quote-delivery-select .quote_delivery_selected_list {
  padding-left: 0px;
  margin-bottom: 0px;
  align-items: center;
  padding: 0px;
}
.quote-delivery-select .quote_delivery_selected_list label {
  color: #222020;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 4px;
}
.quote-delivery-select .quote_delivery_selected_list label .price,
.quote-delivery-select .quote_delivery_selected_list label .free-delivery-message {
  font-weight: 600;
}
.quote-delivery-select .quote_delivery_selected_list,
.quote-delivery-select .quote-delivery-brazil-standard {
  display: flex;
}
.quote-delivery-select .delivery_method_list {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
@media all and (max-width: 991px) {
  .quote-delivery-select .delivery_method_list {
    flex-wrap: wrap;
  }
}
.quote-delivery-select .delivery_method_list .quote-delivery-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .delivery_method_list .quote-delivery-wrapper .spinnerWrapper {
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .delivery_method_list .quote-delivery-wrapper .spinnerWrapper {
    padding: 0px 32px 8px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .delivery_method_list .quote-delivery-wrapper .spinnerWrapper {
    padding-bottom: 0px;
    padding-top: 16px;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .delivery_method_list .quote-delivery-wrapper #spinnerWrapper + div {
    padding: 0px 32px;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote_delivery_selected_list:last-child {
    margin-bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote_delivery_selected_list:last-child {
    margin-bottom: 38px;
  }
}
.quote-delivery-select .quote-delivery-select-wrapper + div {
  display: flex;
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div {
    padding: 0px 28px 26px;
    justify-content: flex-end;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div {
    margin: 0px 20px 24px;
    justify-content: flex-end;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div {
    justify-content: flex-start;
    margin-top: -54px;
    margin-bottom: 25px;
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 100%;
    height: 48px;
    font-weight: 400;
    max-width: 120px;
  }
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn.disabled, .quote-delivery-select .quote-delivery-select-wrapper + div .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 0.6875rem;
    --bs-btn-border-radius: 6px;
    line-height: 12px;
    width: 77px;
    height: 40px;
    font-weight: 400;
    margin-top: 16px;
  }
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn.disabled, .quote-delivery-select .quote-delivery-select-wrapper + div .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn {
    --bs-btn-padding-y: 4px;
    --bs-btn-padding-x: 8px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 4px;
    line-height: 12px;
    width: auto;
    height: 40px;
    font-weight: 400;
  }
  .quote-delivery-select .quote-delivery-select-wrapper + div .btn.disabled, .quote-delivery-select .quote-delivery-select-wrapper + div .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-delivery-continue-tablet {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-delivery-continue-tablet {
    display: flex;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-delivery-continue-tablet {
    display: none;
  }
}
.quote-delivery-select .quote-delivery-continue {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .quote-delivery-select .quote-delivery-continue {
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media (max-width: 479px) {
  .quote-delivery-select .quote-delivery-continue {
    align-items: flex-end;
    margin-top: 12px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .quote-delivery-select .quote-delivery-continue {
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 8px;
  }
}
.quote-delivery-select .quote-delivery-continue .quote-totals {
  color: #222020;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  font-weight: 500;
}
.quote-delivery-select .quote-delivery-continue div {
  display: flex;
  align-items: center;
}
.quote-delivery-select .quote-delivery-select-wrapper .quote-delivery-continue div .quote-total-price .grand-total {
  color: var(--cx-color-primary);
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  padding: 0px;
  font-weight: 500;
}
.quote-delivery-select .quote-select-delivery-options {
  color: #222020;
  font-size: 16px;
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
  margin-bottom: 24px;
}
.quote-delivery-select .postal-code-out-of-range {
  color: #de0000;
  font-weight: 400;
  font-size: 16px;
}
.quote-delivery-select .account-section-header-add {
  font-size: 18px;
  line-height: 25px;
  text-decoration-line: underline;
  font-weight: 400;
  margin-top: 4px;
  padding-top: 24px;
  cursor: pointer;
}

.page-quote-detail tbody.quote-cart-discount-table-body {
  border-bottom: 1px solid #d3d2d6;
}
.page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box {
  display: flex;
  width: fit-content;
  height: 44px;
  padding: 12px;
  align-items: flex-start;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Neutral-300, #bab6bc);
  background: #eeeef0;
}
@media (max-width: 479px) {
  .page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box {
    padding: 9.5px;
    height: auto;
  }
}
.page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box span {
  color: #222020;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 479px) {
  .page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box span {
    font-size: 12px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail tbody.quote-cart-discount-table-body tbody.quote-cart-discount-table-body .discount-quote-perItem div:first-child {
    font-size: 14px;
  }
  .page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box {
    height: 40px;
  }
  .page-quote-detail tbody.quote-cart-discount-table-body .quote__discount-box span {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail tbody.quote-cart-discount-table-body {
    border: none;
  }
}
.page-quote-detail tbody.quote-cart-discount-table-body .discount-quote-perItem {
  gap: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 479px) {
  .page-quote-detail tbody.quote-cart-discount-table-body .discount-quote-perItem {
    margin-top: 8px;
    gap: 6px;
  }
}
.page-quote-detail tbody.quote-cart-discount-table-body .discount-quote-perItem div:first-child {
  display: flex;
  width: 50px;
  height: 24px;
  padding: 0px 10.366px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background: #add585;
  color: #ffffff;
  font-size: 16px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail tbody.quote-cart-discount-table-body .discount-quote-perItem div:first-child {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail tbody.quote-cart-discount-table-body .discount-quote-perItem div:first-child {
    font-size: 12px;
    width: 45px;
    padding: 0px 9px;
  }
}
.page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__hidden-content {
  background: transparent;
  width: fit-content;
}
.page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__hidden-content.margin__content-quote {
  display: block;
}
.page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content {
  font-weight: 500;
  color: #222020;
}
.page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
  width: fit-content;
}
.page-quote-detail .cart-items.quote-cart-items .outflow-label {
  font-size: clamp(0.75rem, 0.5294rem + 0.7353vw, 1rem);
}
.page-quote-detail .cart-items.quote-cart-items .gap-8 {
  gap: 2rem;
}
.page-quote-detail .cart-items.quote-cart-items #from_per_quote-price {
  white-space: nowrap;
}
.page-quote-detail .cart-items.quote-cart-items #from_per_quote-price span {
  color: #6e676c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
.page-quote-detail .cart-items.quote-cart-items .color-primary {
  color: var(--cx-color-primary);
}
.page-quote-detail .cart-items.quote-cart-items .quote-details-percentage {
  display: flex;
  width: 50px;
  height: 21px;
  padding: 0px 10.366px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #add585;
  color: #fff;
}
.page-quote-detail .cart-items.quote-cart-items .item__list .item__list--header {
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-quote-detail .cart-items.quote-cart-items .item__list .item__list--header {
    display: flex;
    padding: 0px 32px;
    height: 38px;
  }
}
.page-quote-detail .cart-items.quote-cart-items .item__name {
  width: 154px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--cx-color-primary);
}
.page-quote-detail .cart-items.quote-cart-items .item__name a {
  color: var(--cx-color-primary);
}
.page-quote-detail .cart-items.quote-cart-items .item__quantity span,
.page-quote-detail .cart-items.quote-cart-items .item__quantity label {
  color: #6e676c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-quote-detail .cart-items.quote-cart-items .price-plp__bestPrice {
  color: var(--cx-color-primary);
  font-weight: 600;
}
.page-quote-detail .cart-items.quote-cart-items .qty-selector {
  border: none;
}
.page-quote-detail .cart-items.quote-cart-items .qty-selector input::placeholder {
  color: #fff;
}
.page-quote-detail .cart-items.quote-cart-items .qty-selector .form-control,
.page-quote-detail .cart-items.quote-cart-items .qty-selector .item__quantity .form-control,
.page-quote-detail .cart-items.quote-cart-items .qty-selector input {
  border-radius: 4px;
  background: #add585;
  height: 24px;
  padding: 0;
  text-align: center;
  border: none;
  color: #ffffff;
  font-size: 14px;
}
.page-quote-detail .cart-items.quote-cart-items .qty-selector.has-error .form-control,
.page-quote-detail .cart-items.quote-cart-items .qty-selector.has-error .item__quantity .form-control,
.page-quote-detail .cart-items.quote-cart-items .qty-selector.has-error input {
  background: #ea5d58;
  border: 1px solid #df3828;
}
.page-quote-detail .cart-items.quote-cart-items .quote-discounts-wrap .qty-selector {
  color: #ffffff;
}
.page-quote-detail .cart-items.quote-cart-items .item__quantity .btn-select-qty {
  height: 24px;
  display: flex;
  gap: 2px;
  width: 100px;
}
.page-quote-detail .cart-items.quote-cart-items .item__info--quote {
  height: fit-content;
}
.page-quote-detail .cart-items.quote-cart-items .item__info--quote .item__name {
  font-weight: 600;
  color: var(--cx-color-primary);
}
.page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup label {
  display: flex;
  align-items: center;
}
.page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
  font-weight: 500;
  color: #000;
}
.page-quote-detail .cart-items.quote-cart-items .total--price--nodiscount {
  display: none;
}
@media (min-width: 1024px) {
  .page-quote-detail .cart-items.quote-cart-items table:first-of-type .item__list--quote-item:first-of-type {
    border-radius: 0px 0px 12px 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box {
    display: flex;
    width: fit-content;
    height: 44px;
    padding: 12px;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--Neutral-Neutral-300, #bab6bc);
    background: #eeeef0;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box span {
    color: #222020;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote-discount__modal--input {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--header li {
    font-size: 16px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list .item__list--header {
    gap: 0;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-mobile,
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-tablet {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-desktop {
    display: block;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-desktop .quote-discounts {
    padding-left: 28px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--container {
    align-items: start;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer {
    margin-left: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__quote--percent-desktop {
    display: block;
    white-space: nowrap;
    text-align: end;
    max-width: 172px;
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__quote--percent-mobile {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote {
    max-width: 147px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote .item__name {
    font-size: 16px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote .item__code {
    font-size: 14px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image img {
    max-width: 121px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info {
    max-width: 284px;
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total--container {
    width: 134px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total {
    text-align: start;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total div.d-flex {
    gap: 10px;
    padding-left: 2.5rem;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list .item__remove {
    max-width: 24px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list {
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list .item__quantity {
    max-width: 100px;
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list .item__total--column {
    max-width: 134px;
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__price {
    max-width: 133px;
    width: 100%;
    text-align: center;
  }
  .page-quote-detail .cart-items.quote-cart-items li.item__price {
    padding-right: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item h2, .page-quote-detail .cart-items.quote-cart-items .item__delivery--item .h2,
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item h2,
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item label span.p-400 {
    font-size: 1rem;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 158px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .cart__pickup--method {
    color: #222020;
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item--wrapper form {
    gap: 24px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    padding-left: 2.5rem;
    align-items: center;
    margin-top: 26px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin-eye img {
    width: 16px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart span {
    font-size: 14px;
  }
  .page-quote-detail .cart-items.quote-cart-items #discountAmount {
    height: 44px;
  }
  .page-quote-detail .cart-items.quote-cart-items .original-price-no-discount {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup p {
    font-size: 12px;
    padding-top: 2px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup span {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item h2, .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .h2,
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item h2,
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item .h2 {
    color: #1a1919;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    text-transform: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item div {
    align-items: flex-start;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item div button img {
    margin-top: -5px;
  }
  .page-quote-detail .cart-items.quote-cart-items .outflow__not__chosen.outflow_unset {
    width: 130px;
    color: #887f87;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .cart-items.quote-cart-items table:first-of-type .item__list--quote-item:nth-child(2) {
    border-radius: 0px 0px 12px 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box {
    display: flex;
    width: fit-content;
    height: 40px;
    padding: 12px;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--Neutral-Neutral-300, #bab6bc);
    background: #eeeef0;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box span {
    color: #222020;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote-discount__modal--input {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-mobile,
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-desktop {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-tablet {
    display: block;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--container {
    padding: 0px 16px 14px 16px;
    gap: 10px;
    align-items: start;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--header {
    height: 38px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--header li {
    padding-top: 10px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image img {
    max-width: 71px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info {
    width: 188px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__name {
    width: 130px;
    font-size: 14px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total--container {
    max-width: 121px;
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__unit-price {
    text-align: start;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__remove {
    width: 35px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__quote--percent-mobile {
    width: 115px;
    white-space: nowrap;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__quantity {
    text-align: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total--column {
    text-align: left;
    width: 9%;
  }
  .page-quote-detail .cart-items.quote-cart-items #from_per_quote-price span {
    white-space: nowrap;
    font-size: 13px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__price {
    width: 122px;
    text-align: center;
    font-size: 13px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total {
    text-align: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item--wrapper form {
    display: flex;
    gap: 24px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup span {
    font-size: 14px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item h2, .page-quote-detail .cart-items.quote-cart-items .item__delivery--item .h2,
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item h2,
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .h2 {
    color: #1a1919;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item div {
    align-items: flex-start;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item div .cart__pickup--method {
    font-size: 14px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item div button img {
    margin-top: -6px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery--item {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .outflow__not__chosen {
    color: #887f87;
    font-size: 12px;
    width: 154px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote {
    width: 117px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote .item__stock {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote .item__code {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__warehouse--item .cart__delivery--method {
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    margin: 0;
    margin-top: 24px;
    align-items: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content {
    font-size: 13px;
    margin: 0;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
    height: 20px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content span {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin-eye {
    height: 15px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin-eye img {
    vertical-align: super;
    width: 14px;
    margin-left: 7px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer {
    margin-left: 17px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__quote--percent-desktop {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote-cart-items .original-price-no-discount,
  .page-quote-detail .cart-items.quote-cart-items .total--price--nodiscount {
    font-size: 13px;
  }
  .page-quote-detail .cart-items.quote-cart-items .price-plp__bestPrice {
    margin-top: 0;
  }
  .page-quote-detail .cart-items.quote-cart-items .qty-selector-plus img,
  .page-quote-detail .cart-items.quote-cart-items .qty-selector-minus img {
    width: 11px;
    height: 11px;
  }
  .page-quote-detail .cart-items.quote-cart-items .qty-selector input,
  .page-quote-detail .cart-items.quote-cart-items .qty-selector .form-control {
    height: 21px;
  }
  .page-quote-detail .cart-items.quote-cart-items .js-update-entry-quantity-input {
    width: 45px;
  }
  .page-quote-detail .cart-items.quote-cart-items .qty-selector-plus,
  .page-quote-detail .cart-items.quote-cart-items .qty-selector-minus {
    width: 23px;
    height: 21px;
    display: flex;
    align-items: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .qty-selector input[name=shownQuantity] {
    height: 21px;
  }
  .page-quote-detail .cart-items.quote-cart-items .remove-item img {
    width: 16px;
    margin: 0;
  }
  .page-quote-detail .cart-items.quote-cart-items #discountAmount {
    height: 40px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box {
    display: flex;
    width: 94px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--Neutral-Neutral-300, #bab6bc);
    background: #eeeef0;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__discount-box span {
    color: #222020;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote-discount__modal--input {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-item {
    border-radius: 8px 8px 12px 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-desktop,
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-tablet {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--quote-mobile {
    display: block;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__item-offer .offer-stamp {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .page-quote-detail .cart-items.quote-cart-items .total--price--nodiscount {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image-item__info .item__info--quote {
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image-item__info .item__info--quote .item__code {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image-item__info .item__info--quote .item__code::after {
    content: "|";
    margin: 0 5px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__image img {
    max-width: 72px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__list--header {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__total {
    font-size: 12px;
    margin-bottom: 0.563rem;
    padding-top: 10px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__price {
    width: auto;
    text-align: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__name {
    -webkit-line-clamp: 1;
  }
  .page-quote-detail .cart-items.quote-cart-items .quantity__discount--quote {
    gap: 8px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart {
    width: fit-content;
    height: 20px;
    gap: 8px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin-eye {
    height: 17px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin-eye img {
    width: 12px;
    vertical-align: super;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content {
    font-size: 12px;
    height: 20px;
    margin: 0;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content span:first-child {
    height: 20px;
  }
  .page-quote-detail .cart-items.quote-cart-items .margin-cart .margin_popover__content span {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .cart-items.quote-cart-items .original-price-no-discount {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items .text__table--mobile {
    margin-bottom: 8px;
  }
  .page-quote-detail .cart-items.quote-cart-items .total__price--quote {
    color: var(--cx-color-primary);
    font-size: 12px;
    font-weight: 700;
  }
  .page-quote-detail .cart-items.quote-cart-items .total--withDiscount {
    display: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__info--quote {
    font-size: 12px;
  }
  .page-quote-detail .cart-items.quote-cart-items #from_per_quote-price .unit--discount {
    font-size: 12px;
    white-space: nowrap;
  }
  .page-quote-detail .cart-items.quote-cart-items #from_per_quote-price {
    margin: 11px 0 7px 0;
  }
  .page-quote-detail .cart-items.quote-cart-items .price-plp__bestPrice {
    background-color: var(--cx-color-primary);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    position: absolute;
    left: 2.5rem;
    margin-top: 0.406rem;
    padding: 1px 4px;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote-discounts {
    width: 100%;
  }
  .page-quote-detail .cart-items.quote-cart-items .quote__unit-price {
    margin-top: 10px;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup {
    border-radius: 0px 0px 12px 12px;
    background: rgba(238, 238, 240, 0.3);
    display: flex;
    justify-content: space-between;
    text-align: left;
  }
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup span,
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup label,
  .page-quote-detail .cart-items.quote-cart-items .item__delivery__pickup p {
    text-transform: none;
  }
  .page-quote-detail .cart-items.quote-cart-items .remove-item img {
    width: 16px;
    margin: 0;
  }
}
.page-quote-detail .offer-stamp {
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-quote-detail .quote-discount__modal--input .qty-selector {
  height: 24px;
  display: flex;
  gap: 2px;
  color: #fff;
}
@media (min-width: 1024px) {
  .page-quote-detail .quote-discounts {
    max-width: 172px;
    width: 100%;
    justify-content: center;
    display: flex;
  }
}
.page-quote-detail .quote-discounts-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-width: 100px;
}
.page-quote-detail .item__list--container {
  width: 100%;
  padding: 0px 32px 24px;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 480px) {
  .page-quote-detail .item__image__info--wrapper {
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .item__image__info--wrapper {
    width: 284px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .item__image__info--wrapper {
    gap: 8px;
  }
}
.page-quote-detail .item__image-item__info .item__info--quote {
  gap: 8px;
  justify-content: center;
}
.page-quote-detail .price-plp__bestPrice {
  left: 2.75rem;
  margin-top: 0.406rem;
  padding: 1px 4px;
}
.page-quote-detail .component-page-headline {
  padding: 0;
  height: fit-content;
  margin-top: 0;
  text-underline-offset: 9px;
}
@media (min-width: 1024px) {
  .page-quote-detail .component-page-headline {
    padding-top: 20px;
  }
}
.page-quote-detail .quote__id-expiration .form-group {
  margin: 0px;
  display: flex;
  align-items: baseline;
}
.page-quote-detail .quote__id-expiration p.help-block {
  width: 196px;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-quote-detail .quote-timeline-wrapper {
    margin-top: 32px;
  }
}
.page-quote-detail .quote__cart--header-wrapper a.export__cart--link {
  margin-right: 0;
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper a.export__cart--link {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
  }
}
@media (min-width: 480px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    margin-right: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-bottom: 2px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    padding-bottom: 3px;
  }
}
.page-quote-detail .quote__cart--header-wrapper .export__quote--link::after {
  content: "|";
}
.page-quote-detail .quote__cart--header-wrapper .export__cart--text {
  margin-left: 8px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header-wrapper .export__cart--text {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .quote__cart--header-wrapper .export__cart--text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
  filter: invert(40%) sepia(15%) saturate(183%) hue-rotate(270deg) brightness(70%) contrast(85%);
}
@media (min-width: 480px) {
  .page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
    width: 18px;
    height: 18px;
  }
}

.entry-bottom-bar {
  padding: 12px;
  background: rgba(238, 238, 240, 0.3);
}
@media all and (max-width: 767px) {
  .entry-bottom-bar .cx-row > *:not(:last-child) {
    margin-bottom: 12px;
  }
}

.page-quote-detail {
  /* Responsive tablet */
  /* Responsive mobile */
}
.page-quote-detail #checkoutQuoteButton,
.page-quote-detail #editQuoteButton,
.page-quote-detail #cancelQuoteButton,
.page-quote-detail #keepDiscountsButton {
  display: flex;
  width: 177px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  font-weight: normal;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 0 !important;
}
@media (max-width: 479px) {
  .page-quote-detail #checkoutQuoteButton,
  .page-quote-detail #editQuoteButton,
  .page-quote-detail #cancelQuoteButton,
  .page-quote-detail #keepDiscountsButton {
    width: 100%;
    height: 40px;
  }
}
.page-quote-detail #keepDiscountsButton {
  background-color: rgba(234, 243, 226, 0.3);
}
.page-quote-detail #cancelQuoteButton {
  border: 1px solid #ea5d58;
  background: rgba(234, 93, 88, 0.2);
  color: #ea5d58;
  height: 48px;
}
.page-quote-detail .btn-quote-approved {
  background: rgba(234, 243, 226, 0.2);
  color: var(--cx-color-primary);
}
@media (max-width: 479px) {
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote #checkoutQuoteForm {
    width: 100%;
  }
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote #checkoutQuoteForm #checkoutQuoteButton {
    margin: 0;
    margin-bottom: 6px;
    margin-top: 8px;
  }
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote .js-quote-cancel-btn {
    margin-top: 6px;
  }
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote button {
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
    padding: 8px 16px;
  }
  .page-quote-detail .quote__discount-by-item-mobile .btn-action-details-quote .item__btn.js-quote-cancel-btn {
    border-radius: 8px;
    border: 1px solid #ea5d58;
    background: rgba(234, 93, 88, 0.2);
    color: #ea5d58;
    height: 40px !important;
    font-weight: 400;
  }
  .page-quote-detail #keepDiscountsButton {
    margin-bottom: 6px;
  }
  .page-quote-detail .quote-details-subtotal-tablet {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .account-section .account-section-content .item__btn.btn {
    width: 177px;
    height: 48px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: normal;
  }
  .page-quote-detail .quote__discount-by-item {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .quote__discount-by-item .js-cart-top-totals {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }
}
@media (min-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__discount-by-item .js-cart-top-totals {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .quote__discount-by-item .btn-action-details-quote {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .quote__discount-by-item .btn-action-details-quote .js-quote-cancel-btn {
    border-radius: 8px;
    border: 1px solid #ea5d58;
    background: rgba(234, 93, 88, 0.2);
    height: 48px;
    margin-top: 0 !important;
    color: #ea5d58;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .quote-details-subtotal-tablet {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .title__discount-item::after {
    content: "|";
    margin-left: 8px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .account-section .account-section-content .item__btn.btn {
    width: 177px;
    height: 48px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: normal;
  }
  .page-quote-detail .quote__discount-by-item {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .quote__discount-by-item .js-cart-top-totals {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) and (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__discount-by-item .js-cart-top-totals {
    flex-direction: row;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__discount-by-item .btn-action-details-quote {
    display: flex;
    align-items: center;
  }
  .page-quote-detail .quote__discount-by-item .btn-action-details-quote .js-quote-cancel-btn {
    border-radius: 8px;
    border: 1px solid #ea5d58;
    background: rgba(234, 93, 88, 0.2);
    height: 48px;
    margin-top: 0 !important;
    color: #ea5d58;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote-details-subtotal {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote-details-subtotal-tablet {
    display: flex;
    justify-content: end;
  }
  .page-quote-detail .quote-details-subtotal-tablet .cart__top--amount {
    margin-left: 4px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote-details-divisor {
    display: none;
  }
}
.page-quote-detail .details-quote--mobile {
  display: none;
}
.page-quote-detail .component-page-headline {
  padding: 0;
  height: fit-content;
  margin-top: 0;
  text-underline-offset: 9px;
}
@media (min-width: 1024px) {
  .page-quote-detail .component-page-headline {
    padding-top: 20px;
  }
}
.page-quote-detail .quote__id-expiration {
  display: flex;
  gap: 8px;
}
.page-quote-detail .quote__id-expiration span {
  color: #bab6bc;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-quote-detail .quote__id-expiration .form-group {
  margin: 0px;
  display: flex;
  align-items: baseline;
}
.page-quote-detail .quote__id-expiration p.help-block {
  width: 196px;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-quote-detail .quote-timeline-wrapper {
    margin-top: 32px;
  }
}
.page-quote-detail .quote__cart--header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
.page-quote-detail .quote__cart--header-wrapper a.export__cart--link {
  margin-right: 0;
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper a.export__cart--link {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
  }
}
@media (min-width: 480px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    margin-right: 6px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-bottom: 2px;
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper button.export__cart--link {
    margin-left: 5px;
    padding-bottom: 3px;
  }
}
.page-quote-detail .quote__cart--header-wrapper .export__quote--link::after {
  content: "|";
}
.page-quote-detail .quote__cart--header-wrapper .export__cart--text {
  margin-left: 8px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header-wrapper .export__cart--text {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .quote__cart--header-wrapper .export__cart--text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
  filter: invert(40%) sepia(15%) saturate(183%) hue-rotate(270deg) brightness(70%) contrast(85%);
}
@media (min-width: 480px) {
  .page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header-wrapper .field__export--cart img {
    width: 18px;
    height: 18px;
  }
}
.page-quote-detail .quote__cart--header .details-quote-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #d3d2d6;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header .details-quote-title {
    font-size: 16px;
  }
}
.page-quote-detail .quote__cart--header .details-quote-title span {
  color: #3c3738;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header .details-quote-title span {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header .details-quote-title span {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .page-quote-detail .quote__cart--header .details-quote-title span {
    font-size: 18px;
  }
}
.page-quote-detail .quote__cart--header .details-quote--desktop {
  display: flex;
}
.page-quote-detail .quote__cart--header .details-quote {
  border-bottom: 1px solid #d3d2d6;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .page-quote-detail .quote__cart--header .details-quote {
    gap: 70px;
    padding: 24px 0;
  }
  .page-quote-detail .quote__cart--header .details-quote .timeline-details-quote {
    white-space: nowrap;
  }
  .page-quote-detail .quote__cart--header .details-quote .timeline-details-quote-status {
    white-space: break-spaces;
    width: fit-content;
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .quote__cart--header .details-quote {
    padding: 24px 0px;
  }
}
.page-quote-detail .quote__cart--header .details-quote .timeline-details-quote.timeline-details-quote-status {
  white-space: break-spaces;
  width: fit-content;
  text-align: center;
}
.page-quote-detail .quote__cart--header .details-quote .timeline-details-quote {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #3c3738;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .page-quote-detail .quote__cart--header .details-quote .timeline-details-quote .text__timeline-quote {
    font-weight: 500;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote__cart--header .details-quote .timeline-details-quote .text__timeline-quote {
    font-weight: 600;
  }
}
.page-quote-detail .quote__cart--header .details-quote .status-analyzing-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #25a8d0;
  background: rgba(10, 137, 255, 0.1);
  border: 1px solid #25a8d0;
  font-size: 16px;
}
.page-quote-detail .quote__cart--header .details-quote .status-cancelled-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #df3828;
  background: rgba(223, 56, 40, 0.05);
  border: 1px solid #df3828;
  font-size: 16px;
}
.page-quote-detail .quote__cart--header .details-quote .status-open-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: var(--cx-color-primary);
  background: rgba(120, 190, 32, 0.1);
  border: 1px solid var(--cx-color-primary);
  font-size: 16px;
}
.page-quote-detail .quote__cart--header .details-quote .quote-status-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .page-quote-detail .quote__cart--header .has-error {
    display: flex;
    align-items: end;
    margin-left: 15px;
  }
  .page-quote-detail .quote__cart--header .has-error p {
    margin: 0;
    padding: 0px;
    width: 150px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper {
    justify-content: space-between;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration {
    margin-left: 32px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group {
    display: flex;
    align-items: baseline;
    margin: 0px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group label {
    font-size: 14px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__id-expiration #quoteForm .quote__expiration .form-group + img {
    margin-left: 10px;
    margin-top: 0px;
  }
  .page-quote-detail .quote__cart--header .quote__id-code,
  .page-quote-detail .quote__cart--header .quote__id-version {
    margin-left: 24px;
  }
  .page-quote-detail .quote__cart--header .quote__id-product {
    font-weight: bold;
    font-size: 24px;
    width: auto;
  }
  .page-quote-detail .quote__cart--header .item-label,
  .page-quote-detail .quote__cart--header .item-value {
    width: auto;
  }
  .page-quote-detail .quote__cart--header .quote__id-code .item-label,
  .page-quote-detail .quote__cart--header .quote__id-code .item-value,
  .page-quote-detail .quote__cart--header .quote__id-version .item-label,
  .page-quote-detail .quote__cart--header .quote__id-version .item-value {
    font-size: 14px;
  }
  .page-quote-detail .quote__cart--header .item-value {
    padding-left: 0px;
  }
}
@media (max-width: 640px) {
  .page-quote-detail .quote__cart--header {
    margin-top: 0px;
  }
}
@media (max-width: 480px) {
  .page-quote-detail .quote__cart--header .quote__id-product {
    font-size: 16px;
  }
  .page-quote-detail .quote__cart--header .quote__id-code .item-label,
  .page-quote-detail .quote__cart--header .quote__id-code .item-value,
  .page-quote-detail .quote__cart--header .quote__id-version .item-label,
  .page-quote-detail .quote__cart--header .quote__id-version .item-value,
  .page-quote-detail .quote__cart--header .quote__expiration--label,
  .page-quote-detail .quote__cart--header .quote__expiration .control-label,
  .page-quote-detail .quote__cart--header .quote__expiration .quote__expiration--input {
    font-size: 14px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail h1.component-page-headline, .page-quote-detail .component-page-headline.h1 {
    font-size: 24px;
    text-decoration-thickness: 4px;
    padding-top: 12px;
    text-underline-offset: 8px;
  }
  .page-quote-detail .details-quote.details-quote--desktop {
    gap: 22px;
  }
  .page-quote-detail .quote__cart--header .timeline-details-quote {
    gap: 10px;
  }
  .page-quote-detail .quote__cart--header .timeline-details-quote span {
    font-size: 14px;
  }
  .page-quote-detail .quote__cart--header .timeline-details-quote .details__quote-stamp {
    max-width: 122px;
    height: 38px;
    font-size: 11px;
    word-break: break-all;
    padding: 4px 1px;
    line-height: normal;
    letter-spacing: normal;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .field__export--cart .export__cart--text,
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .export-title {
    font-size: 14px;
  }
  .page-quote-detail .quote__cart--header .details-quote-title span {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail h1.component-page-headline, .page-quote-detail .component-page-headline.h1 {
    font-size: 16px;
    text-decoration-thickness: 2px;
    padding-bottom: 32px;
  }
  .page-quote-detail .item__quantity {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
  }
  .page-quote-detail .export__cart--text,
  .page-quote-detail .export-title,
  .page-quote-detail .quote__id-expiration span {
    font-size: 12px;
  }
  .page-quote-detail .quote__id-expiration img {
    width: 17px;
    height: 17px;
  }
  .page-quote-detail .item__quantity span {
    display: flex;
    width: 45px;
    height: 21px;
    padding: 0px 9px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #add585;
    color: #ffffff !important;
  }
  .page-quote-detail #from_per_quote-price span {
    font-size: 12px !important;
  }
  .page-quote-detail .quote__cart--header .details-quote--desktop {
    display: none;
  }
  .page-quote-detail .quote__cart--header .details-quote {
    gap: 24px;
  }
  .page-quote-detail .quote__cart--header .details-quote-title {
    font-size: 14px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper {
    flex-direction: column;
    gap: 24px;
    padding: 24px 0px 32px 14px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .field__export--cart .export__cart--text,
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .export-title,
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__expiration--label,
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__expiration--input {
    font-size: 12px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .quote__expiration--input {
    padding-left: 4px;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .export-title {
    font-style: normal;
    font-weight: 300;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .export__cart--text {
    white-space: nowrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
  }
  .page-quote-detail .quote__cart--header .quote__cart--header-wrapper .export__quote--link::after {
    color: #887f87;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile {
    display: flex;
    padding: 16px 0;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .quote-details-mobile {
    gap: 24px;
    flex-wrap: wrap;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .timeline-details-quote {
    gap: 8px;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .timeline-details-quote span {
    word-break: break-all;
    font-size: 12px;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .timeline-details-quote span.status-analyzing-pill {
    width: 161px;
    height: 49px;
    white-space: break-spaces;
    text-align: center;
    font-size: 12px;
    padding: 4px 8px;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .timeline-details-quote .btn-action-details-quote:first-of-type {
    display: flex;
    flex-direction: column;
  }
  .page-quote-detail .quote__cart--header .details-quote--mobile .timeline-details-quote .details__quote-stamp {
    width: 161px;
    height: 49px;
    word-break: break-all;
  }
  .page-quote-detail .quote__cart--header .quote__id-expiration .form-group {
    white-space: nowrap;
  }
}

.page-quote-detail .btn-listQuote {
  margin-bottom: 90px;
  font-weight: 500;
  display: flex;
  gap: 8px;
  padding: 0;
  font-size: 18px;
  align-items: center;
}
@media (max-width: 479px) {
  .page-quote-detail .btn-listQuote {
    font-size: 14px;
  }
  .page-quote-detail .btn-listQuote img {
    width: 12px;
    height: 12px;
  }
}
.page-quote-detail .cart-totals-right,
.page-quote-detail .cart-totals-left {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.page-quote-detail .total__quote-after .cart-totals-right,
.page-quote-detail .total__quote-after .cart-totals-left {
  font-size: 18px;
}
.page-quote-detail .js-total-quote-discounts .cart-totals-right {
  font-weight: 600;
}
.page-quote-detail .container__quote-totals {
  padding: 0;
}
.page-quote-detail .container__quote-totals .items__quote-summary .discount__container-quote .cart-totals-right {
  color: var(--cx-color-primary);
}
.page-quote-detail .container__quote-totals .items__quote-summary .discount__container-quote .cart-totals-left {
  color: #3c3738;
}
.page-quote-detail .container__quote-totals .total__quote-summary {
  border-radius: 8px;
  background: #fafafa;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-quote-detail .container__quote-totals .total__quote-summary .total__quote-after {
  background: #eeeef0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-quote-detail .container__quote-totals .total__quote-summary .js-quote-delivery-cost,
.page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal {
  border-top: 1px dotted #bab6bc;
  width: 100%;
}
.page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal {
  color: #3c3738;
  font-style: normal;
  line-height: normal;
}
@media (min-width: 1024px) {
  .page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 16px;
    font-weight: 600;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 12px;
    font-weight: 500;
  }
}
.page-quote-detail .container__quote-totals .total__quote-summary .js-total-quote-discounts {
  padding: 0;
  border: none;
  height: 18px;
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}
.page-quote-detail .container__quote-totals .total__quote-summary .quote__discount span::first-letter {
  text-transform: uppercase;
}
.page-quote-detail .container__quote-totals .total__quote-summary .quote__discount span {
  text-transform: lowercase;
}
.page-quote-detail .container__quote-totals .total__quote-summary .quote__subtotal,
.page-quote-detail .container__quote-totals .total__quote-summary .quote__discount,
.page-quote-detail .container__quote-totals .total__quote-summary .website__discount {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.page-quote-detail .container__quote-totals .total__quote-summary .discount__container-quote {
  border-top: 1px dotted #bab6bc;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-quote-detail .container__quote-totals .total__quote-summary .js-total-quote-before,
.page-quote-detail .container__quote-totals .total__quote-summary .js-total-quote-after {
  width: 100%;
  border-top: none;
}
.page-quote-detail .container__quote-totals .total__quote-summary .js-total-quote-after {
  align-items: center;
  height: 18px;
  display: flex;
  justify-content: space-between;
}
.page-quote-detail .container__quote-totals .quote__submit-btn {
  padding: 0;
  margin: 32px 0px 160px;
}
.page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--cancel,
.page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--submit {
  border-radius: 8px;
  gap: 4px;
  flex-shrink: 0;
  display: flex;
  width: 177px;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
}
.page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--cancel {
  border: 1px solid #ea5d58;
  background: rgba(234, 93, 88, 0.2);
  color: #ea5d58;
}
.page-quote-detail .container__quote-totals .quote__submit-btn .js-continue-checkout-button {
  margin-right: 0px;
}
.page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--submit {
  background: var(--cx-color-primary);
  margin-left: 8px;
}
.page-quote-detail .container__quote-totals .form__actions {
  display: flex;
  justify-content: flex-end;
}
.page-quote-detail .container__quote-totals .title__quote-order-sumary {
  margin: 0 0 16px 18px;
}
.page-quote-detail .container__quote-totals .title__quote-order-sumary span {
  color: var(--cx-color-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1024px) {
  .page-quote-detail .container__quote-totals .discount__container-quote {
    padding: 24px 0 32px;
    gap: 29px;
  }
  .page-quote-detail .container__quote-totals .items__quote-summary {
    padding: 0 32px 0 38px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-before {
    padding: 34px 0 24px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-after {
    padding: 0 32px 0 38px;
    margin: 32px 0 33px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 600;
  }
  .page-quote-detail .container__quote-totals .js-quote-delivery-cost,
  .page-quote-detail .container__quote-totals .quote__subtotal {
    padding: 24px 0;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-quote-detail .container__quote-totals .cart-totals-right,
  .page-quote-detail .container__quote-totals .cart-totals-left {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }
  .page-quote-detail .container__quote-totals .title__quote-order-sumary span {
    font-size: 14px;
  }
  .page-quote-detail .container__quote-totals .discount__container-quote {
    padding: 16px 0 16px;
    gap: 24px;
  }
  .page-quote-detail .container__quote-totals .js-quote-delivery-cost,
  .page-quote-detail .container__quote-totals .quote__subtotal {
    padding: 16px 0;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-after {
    margin: 16px 0 16px;
    padding: 0 16px 0 17px;
  }
  .page-quote-detail .container__quote-totals .items__quote-summary {
    padding: 0 16px 0 17px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-before {
    padding: 16px 0;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 500;
  }
}
@media (max-width: 639px) {
  .page-quote-detail .container__quote-totals .cart-totals-right,
  .page-quote-detail .container__quote-totals .cart-totals-left {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }
  .page-quote-detail .container__quote-totals .form__actions .row, .page-quote-detail .container__quote-totals .form__actions .cart__content {
    width: 100%;
  }
  .page-quote-detail .container__quote-totals .total__quote-summary .discount__container-quote {
    gap: 16px;
  }
  .page-quote-detail .container__quote-totals .website__discount {
    margin-top: 12px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-discounts {
    margin-bottom: 16px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 500;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-before {
    padding: 21px 0 14px;
  }
  .page-quote-detail .container__quote-totals .js-quote-delivery-cost,
  .page-quote-detail .container__quote-totals .quote__subtotal {
    padding: 14px 0;
  }
  .page-quote-detail .container__quote-totals .quote__submit-btn {
    flex-direction: column-reverse;
    padding: 0;
    margin: 0;
    margin-bottom: 128px;
    gap: 12px;
  }
  .page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--cancel,
  .page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--submit {
    width: 100%;
    margin: 0;
  }
  .page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--cancel {
    background: rgba(234, 93, 88, 0.05);
  }
  .page-quote-detail .container__quote-totals .quote__submit-btn .form__actions--submit {
    margin-top: 21px;
  }
  .page-quote-detail .container__quote-totals .cart-totals-left {
    padding-left: 0;
  }
  .page-quote-detail .container__quote-totals .items__quote-summary {
    padding: 0 16px 0 17px;
  }
  .page-quote-detail .container__quote-totals .js-total-quote-after {
    margin: 16px 0 16px;
    padding: 0 16px 0 17px;
  }
  .page-quote-detail .container__quote-totals .title__quote-order-sumary span {
    font-size: 12px;
  }
}

.page-quote-detail .mt-28 {
  margin-top: 28px;
}
.page-quote-detail .quote-delivery-select {
  margin-top: 56px;
}
.page-quote-detail .quote-details-items details[open] summary div::before {
  content: url(../../common/images/eye-details-open.svg);
}
.page-quote-detail .quote-details-items .quote-delivery-select summary div::before {
  content: url(../../common/images/eye-details-close.svg);
}
.page-quote-detail .quote-details-items .quote-delivery-select .checkout-selected-address {
  padding: 32px;
}
@media (min-width: 1024px) {
  .page-quote-detail button#close-details {
    width: 120px;
    height: 48px;
    font-size: 14px;
  }
  .page-quote-detail .shipping__method-details-quote {
    font-size: 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail button#close-details {
    display: inline-flex;
    height: 38.4px;
    padding: 6.4px 12.8px;
    justify-content: center;
    align-items: center;
    gap: 3.2px;
    flex-shrink: 0;
    border-radius: 6.4px;
    font-size: 11.2px;
    line-height: 19.2px;
    font-weight: normal;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .quote-details-items .quote-delivery-select summary div img {
    width: 17px;
    height: 17px;
  }
  .page-quote-detail .shipping__method-details-quote {
    font-size: 12px;
  }
  .page-quote-detail button#close-details {
    width: 54px;
    height: 40px;
    padding: 3.84px 7.68px;
    font-size: 12px;
    float: right;
  }
  .page-quote-detail .quote-delivery-select .checkout-selected-address {
    padding: 8px 24px 12px 15px !important;
    height: 224px;
  }
  .page-quote-detail .checkout-selected-address h2.mt-28, .page-quote-detail .checkout-selected-address .mt-28.h2 {
    margin-top: 19px;
  }
}

.page-quote-detail .message__order-completed {
  background: rgba(234, 243, 226, 0.5);
}
.page-quote-detail .message__order-maintained {
  background: rgba(186, 182, 188, 0.1);
}
@media (min-width: 1024px) {
  .page-quote-detail .message__order-completed,
  .page-quote-detail .message__order-maintained {
    width: 100%;
    height: 72px;
    padding: 29px 490px 29px 26px;
  }
  .page-quote-detail .message__order-completed span,
  .page-quote-detail .message__order-maintained span {
    width: 665.367px;
    height: 14px;
    color: #3c3738;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .message__order-completed,
  .page-quote-detail .message__order-maintained {
    padding: 29px 314px 29px 17px;
  }
  .page-quote-detail .message__order-completed span,
  .page-quote-detail .message__order-maintained span {
    width: 426.488px;
    height: 14px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .message__order-completed,
  .page-quote-detail .message__order-maintained {
    max-width: 364px;
    padding: 13px 44px 14px 8px;
    height: 40px;
  }
  .page-quote-detail .message__order-completed span,
  .page-quote-detail .message__order-maintained span {
    width: 330px;
    height: 13px;
    color: #3c3738;
    font-size: 12px;
    font-weight: 500;
  }
}
.page-quote-detail #commentListDiv {
  width: 100%;
  height: fit-content;
  max-height: 170px;
  overflow: auto;
}
.page-quote-detail #commentListDiv .text__rejection-approval-date,
.page-quote-detail #commentListDiv .text_approver-comments,
.page-quote-detail #commentListDiv .description_comment-approver {
  font-weight: 500;
}
@media (min-width: 1024px) {
  .page-quote-detail #commentListDiv {
    padding: 0 24px;
    font-size: 16px;
  }
  .page-quote-detail #commentListDiv .container-approver-message {
    margin: 24px 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail #commentListDiv {
    padding: 0 16px;
  }
  .page-quote-detail #commentListDiv .container-approver-message {
    margin: 15px 0;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #commentListDiv {
    max-height: 215px;
    padding: 0 8px;
  }
  .page-quote-detail #commentListDiv .container-approver-message {
    margin: 15px 0;
  }
}
.page-quote-detail #commentListDiv.sellermanagerapprover_approved::-webkit-scrollbar {
  width: 6px;
}
.page-quote-detail #commentListDiv.sellermanagerapprover_approved::-webkit-scrollbar-thumb {
  background: #add585;
  border-radius: 8px;
}
.page-quote-detail #commentListDiv.sellermanagerapprover_reject::-webkit-scrollbar {
  width: 6px;
}
.page-quote-detail #commentListDiv.sellermanagerapprover_reject::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
@media (max-width: 479px) {
  .page-quote-detail {
    max-height: 190px;
  }
  .page-quote-detail .text__rejection-approval-date,
  .page-quote-detail .text_approver-comments,
  .page-quote-detail .description_comment-approver {
    color: #3c3738;
    font-size: 16px;
    font-style: normal;
  }
}
@media (max-width: 479px) and (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .text__rejection-approval-date,
  .page-quote-detail .text_approver-comments,
  .page-quote-detail .description_comment-approver {
    font-size: 13px;
  }
}
@media (max-width: 479px) and (max-width: 479px) {
  .page-quote-detail .text__rejection-approval-date,
  .page-quote-detail .text_approver-comments,
  .page-quote-detail .description_comment-approver {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .text__rejection-approval-date {
    font-weight: 500;
    line-height: normal;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .description_comment-approver {
    font-weight: 500;
    line-height: 22.4px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .text_approver-comments {
    line-height: 22.4px;
  }
}
.page-quote-detail .container-text__approver {
  margin-top: 1.5rem;
}
@media (max-width: 1023px) {
  .page-quote-detail .container-text__approver {
    margin-top: 0.938rem;
  }
}
.page-quote-detail .sellermanagerapprover_approved {
  background: rgba(234, 243, 226, 0.5);
}
.page-quote-detail .sellermanagerapprover_reject {
  background: rgba(186, 182, 188, 0.1);
}
.page-quote-detail #rejectDiscountsButton {
  border: 1px solid #ea5d58;
  background: rgba(234, 93, 88, 0.05);
  color: #ea5d58;
  text-align: center;
  font-style: normal;
  line-height: 24px;
}
.page-quote-detail #rejectDiscountsButton,
.page-quote-detail #approveDiscountsButton {
  font-weight: 400;
}
.page-quote-detail #quoteRejectDiscountsModal .modal-content,
.page-quote-detail #quoteApproveDiscountsModal .modal-content {
  height: auto;
}
.page-quote-detail .comments__manager-supervisor {
  margin-top: 36px;
}
.page-quote-detail .comments__manager-supervisor .quote__comments--textfield {
  width: 100%;
}
.page-quote-detail .comments__manager-supervisor textarea.quote__comments--textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d3d2d6;
  background: #eeeef0;
  padding: 16px 53px 53px 8px;
  overflow: hidden;
  font-size: 14px;
  resize: none;
}
.page-quote-detail .comments__manager-supervisor textarea.quote__comments--textarea::placeholder {
  width: 489px;
  height: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: #bab6bc;
}
.page-quote-detail .comments__manager-supervisor .comment_approval-rejection {
  display: block;
  width: 768px;
  height: 15px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}
.page-quote-detail .comments__manager-supervisor .text__maximum-characters {
  display: block;
  width: 259px;
  color: #554f52;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .page-quote-detail .container__approver-buttons {
    margin-bottom: 95px;
  }
  .page-quote-detail .quote__comments--textfield {
    height: 89px;
  }
  .page-quote-detail textarea.quote__comments--textarea {
    height: 89px;
  }
}
@media (min-width: 480px) {
  .page-quote-detail #rejectDiscountsButton,
  .page-quote-detail #approveDiscountsButton {
    display: flex;
    width: 177px;
    height: 48px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    font-size: 14px;
  }
  .page-quote-detail #quoteApproveDiscountsModal button,
  .page-quote-detail #quoteRejectDiscountsModal button {
    font-size: 16px;
    font-weight: 500;
  }
  .page-quote-detail .btn__approvers-details-quote {
    gap: 8px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail .container__approver-buttons {
    margin-bottom: 29px;
  }
  .page-quote-detail .quote__comments--textfield {
    height: 108px;
  }
  .page-quote-detail textarea.quote__comments--textarea {
    height: 108px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail .btn__approvers-details-quote {
    width: 100%;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .page-quote-detail #rejectDiscountsButton,
  .page-quote-detail #approveDiscountsButton {
    font-size: 14px;
  }
  .page-quote-detail .comments__manager-supervisor {
    margin-top: 22px;
  }
  .page-quote-detail .comments__manager-supervisor textarea.quote__comments--textarea {
    padding: 6px 12px 45px 8px;
    font-size: 12px;
    height: 100%;
  }
  .page-quote-detail .comments__manager-supervisor textarea.quote__comments--textarea::placeholder {
    width: 358px;
    font-size: 12px;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  .page-quote-detail .comments__manager-supervisor .comment_approval-rejection {
    font-size: 12px;
  }
  .page-quote-detail .comments__manager-supervisor .text__maximum-characters {
    font-size: 10px;
  }
}

.page-quoteEditPage .cart-totals-right,
.page-quoteEditPage .cart-totals-left {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.page-quoteEditPage .total__quote-after .cart-totals-right,
.page-quoteEditPage .total__quote-after .cart-totals-left {
  font-size: 18px;
}
.page-quoteEditPage .js-total-quote-discounts .cart-totals-right {
  font-weight: 600;
}
.page-quoteEditPage .container__quote-totals {
  padding: 0;
}
.page-quoteEditPage .container__quote-totals .items__quote-summary .discount__container-quote .cart-totals-right {
  color: var(--cx-color-primary);
}
.page-quoteEditPage .container__quote-totals .items__quote-summary .discount__container-quote .cart-totals-left {
  color: #3c3738;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary {
  border-radius: 8px;
  background: #fafafa;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .total__quote-after {
  background: #eeeef0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .js-quote-delivery-cost,
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal {
  border-top: 1px dotted #bab6bc;
  width: 100%;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal {
  color: #3c3738;
  font-style: normal;
  line-height: normal;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 16px;
    font-weight: 600;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 14px;
    font-weight: 500;
  }
}
@media (max-weight: 479px) {
  .page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal {
    font-size: 12px;
    font-weight: 500;
  }
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .js-total-quote-discounts {
  padding: 0;
  border: none;
  height: 18px;
  align-items: baseline;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__discount span::first-letter {
  text-transform: uppercase;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__discount span {
  text-transform: lowercase;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__subtotal,
.page-quoteEditPage .container__quote-totals .total__quote-summary .quote__discount,
.page-quoteEditPage .container__quote-totals .total__quote-summary .website__discount {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .discount__container-quote {
  border-top: 1px dotted #bab6bc;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .js-total-quote-before,
.page-quoteEditPage .container__quote-totals .total__quote-summary .js-total-quote-after {
  width: 100%;
  border-top: none;
}
.page-quoteEditPage .container__quote-totals .total__quote-summary .js-total-quote-after {
  align-items: center;
  height: 18px;
  display: flex;
  justify-content: space-between;
}
.page-quoteEditPage .container__quote-totals .quote__submit-btn {
  padding: 0;
  margin: 32px 0px 160px;
}
.page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--cancel,
.page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--submit {
  border-radius: 8px;
  gap: 4px;
  flex-shrink: 0;
  display: flex;
  width: 177px;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
}
.page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--cancel {
  border: 1px solid #ea5d58;
  background: rgba(234, 93, 88, 0.2);
  color: #ea5d58;
}
.page-quoteEditPage .container__quote-totals .quote__submit-btn .js-continue-checkout-button {
  margin-right: 0px;
}
.page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--submit {
  background: var(--cx-color-primary);
  margin-left: 8px;
}
.page-quoteEditPage .container__quote-totals .form__actions {
  display: flex;
  justify-content: flex-end;
}
.page-quoteEditPage .container__quote-totals .title__quote-order-sumary {
  margin: 0 0 16px 18px;
}
.page-quoteEditPage .container__quote-totals .title__quote-order-sumary span {
  color: var(--cx-color-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1024px) {
  .page-quoteEditPage .container__quote-totals .discount__container-quote {
    padding: 24px 0 32px;
    gap: 29px;
  }
  .page-quoteEditPage .container__quote-totals .items__quote-summary {
    padding: 0 32px 0 38px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-before {
    padding: 34px 0 24px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-after {
    padding: 0 32px 0 38px;
    margin: 32px 0 33px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 600;
  }
  .page-quoteEditPage .container__quote-totals .js-quote-delivery-cost,
  .page-quoteEditPage .container__quote-totals .quote__subtotal {
    padding: 24px 0;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-quoteEditPage .container__quote-totals .cart-totals-right,
  .page-quoteEditPage .container__quote-totals .cart-totals-left {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  }
  .page-quoteEditPage .container__quote-totals .title__quote-order-sumary span {
    font-size: 14px;
  }
  .page-quoteEditPage .container__quote-totals .discount__container-quote {
    padding: 16px 0 16px;
    gap: 24px;
  }
  .page-quoteEditPage .container__quote-totals .js-quote-delivery-cost,
  .page-quoteEditPage .container__quote-totals .quote__subtotal {
    padding: 16px 0;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-after {
    margin: 16px 0 16px;
    padding: 0 16px 0 17px;
  }
  .page-quoteEditPage .container__quote-totals .items__quote-summary {
    padding: 0 16px 0 17px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-before {
    padding: 16px 0;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 500;
  }
}
@media (max-width: 639px) {
  .page-quoteEditPage .container__quote-totals .cart-totals-right,
  .page-quoteEditPage .container__quote-totals .cart-totals-left {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
  }
  .page-quoteEditPage .container__quote-totals .form__actions .row, .page-quoteEditPage .container__quote-totals .form__actions .cart__content {
    width: 100%;
  }
  .page-quoteEditPage .container__quote-totals .total__quote-summary .discount__container-quote {
    gap: 16px;
  }
  .page-quoteEditPage .container__quote-totals .website__discount {
    margin-top: 12px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-discounts {
    margin-bottom: 16px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-discounts div.grand-total {
    font-weight: 500;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-before {
    padding: 21px 0 14px;
  }
  .page-quoteEditPage .container__quote-totals .js-quote-delivery-cost,
  .page-quoteEditPage .container__quote-totals .quote__subtotal {
    padding: 14px 0;
  }
  .page-quoteEditPage .container__quote-totals .quote__submit-btn {
    flex-direction: column-reverse;
    padding: 0;
    margin: 0;
    margin-bottom: 128px;
    gap: 12px;
  }
  .page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--cancel,
  .page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--submit {
    width: 100%;
    margin: 0;
  }
  .page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--cancel {
    background: rgba(234, 93, 88, 0.05);
  }
  .page-quoteEditPage .container__quote-totals .quote__submit-btn .form__actions--submit {
    margin-top: 21px;
  }
  .page-quoteEditPage .container__quote-totals .cart-totals-left {
    padding-left: 0;
  }
  .page-quoteEditPage .container__quote-totals .items__quote-summary {
    padding: 0 16px 0 17px;
  }
  .page-quoteEditPage .container__quote-totals .js-total-quote-after {
    margin: 16px 0 16px;
    padding: 0 16px 0 17px;
  }
  .page-quoteEditPage .container__quote-totals .title__quote-order-sumary span {
    font-size: 12px;
  }
}

.page-quote-detail #js-quote-edit-modal .modal-content {
  width: 500px;
  height: 557px;
  border-radius: 12px;
  padding: 30px 36px 54px 36px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-quote-detail #js-quote-edit-modal .modal-content {
    padding: 30px 59px 52px 59px;
    height: auto;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal-content {
    padding: 22px 27px 24px 27px;
    height: auto;
  }
}
@media (min-width: 480px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .btn {
    display: flex;
    width: 179px;
    height: 48px;
    padding: 19.937px 28.481px;
    justify-content: center;
    align-items: center;
    gap: 14.241px;
    border-radius: 8px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 44px;
    font-weight: 400;
  }
  .page-quote-detail #js-quote-edit-modal .modal-content .btn.disabled, .page-quote-detail #js-quote-edit-modal .modal-content .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
.page-quote-detail #js-quote-edit-modal .modal-content h2, .page-quote-detail #js-quote-edit-modal .modal-content .h2 {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 8px;
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal-content h2, .page-quote-detail #js-quote-edit-modal .modal-content .h2 {
    margin-top: 7px;
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.page-quote-detail #js-quote-edit-modal .modal-content .modal__top div {
  background: #eaf3e2;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .modal__top div {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .modal__top div {
    width: 51px;
    height: 51px;
  }
}
@media (min-width: 480px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .modal__top img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal-content .modal__top img {
    width: 38px;
    height: 38px;
  }
}
.page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text-header {
  max-width: 405px;
  width: 100%;
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin: 24px auto 32px auto;
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text-header {
    max-width: 237px;
    font-size: 14px;
    line-height: 17px;
    margin: 16px auto 24px auto;
  }
}
.page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text-footer {
  max-width: 355px;
  width: 100%;
  color: #3c3738;
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  margin: 13px auto 27px auto;
  text-align: center;
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text-footer {
    max-width: 280px;
    font-size: 14px;
    margin: 24px auto 16px auto;
  }
}
.page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text {
  max-width: 395px;
  width: 100%;
  margin: auto auto 1rem auto;
  color: #1a1919;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 480px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 19.6px;
  }
}
.page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text span:last-child {
  font-weight: 400;
}
.page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text:nth-child(3) span:last-child {
  color: var(--cx-color-primary);
}
@media (min-width: 480px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text:last-child {
    margin-bottom: 36px;
  }
}
@media (max-width: 479px) {
  .page-quote-detail #js-quote-edit-modal .modal__bottom .modal__bottom--text:last-child {
    margin-bottom: 32px;
  }
}
.page-quote-detail div#quote-edit-modal-button form {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.page-quote-detail div#quote-edit-modal-button form .btn-block + .btn-block {
  margin-top: 0;
}
@media (max-width: 479px) {
  .page-quote-detail div#quote-edit-modal-button form {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
  }
}
.pickup-component .find-store-display::after {
  display: block;
  clear: both;
  content: "";
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #47b6b1;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  font-size: 1rem;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #eeeef0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon, .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .owl-prev,
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .owl-next, .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .accordion-toggle:before, .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .product__list--item.tag-highlighted:after, .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .product-item.tag-highlighted:after {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  background: #ffffff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager::after {
  display: block;
  clear: both;
  content: "";
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #ffffff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #dddddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 64px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #47b6b1;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon, .pickup-component .pickup-store-list li.loading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pickup-component .pickup-store-list li.loading .owl-prev,
.pickup-component .pickup-store-list li.loading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .pickup-component .pickup-store-list li.loading .owl-next, .pickup-component .pickup-store-list li.loading .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .pickup-component .pickup-store-list li.loading .accordion-toggle:before, .pickup-component .pickup-store-list li.loading .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .pickup-component .pickup-store-list li.loading .product__list--item.tag-highlighted:after, .pickup-component .pickup-store-list li.loading .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .pickup-component .pickup-store-list li.loading .product-item.tag-highlighted:after {
  color: #47b6b1;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 1rem;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #dddddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #dddddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}

.inline-layer {
  height: 0;
  overflow: hidden;
  transition: "0.9s ease-out";
}
@media (prefers-reduced-motion: reduce) {
  .inline-layer {
    transition: none;
  }
}
.inline-layer.open {
  height: auto !important;
}

@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #47b6b1;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #47b6b1;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #ffffff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #ffffff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #ffffff;
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    transition: transform("0.3s ease-out");
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image::after {
    display: block;
    clear: both;
    content: "";
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before, .pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  transition: "0.3s ease-out";
}
@media (prefers-reduced-motion: reduce) {
  .pickup-component .display-details .store-tabs .tabs-list li a {
    transition: none;
  }
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eeeeee;
  border-left: 0;
  background: #ffffff;
  color: #000000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #47b6b1;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000000;
  border-left: 2px solid #47b6b1;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #47b6b1;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #ffffff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #47b6b1;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}

.page-login,
.page-register,
.page-updatePassword,
.page-asmLogin,
.page-customerLogin {
  background: #f7f7f7;
}

.page-asmLogin .main__inner-wrapper,
.page-login .main__inner-wrapper {
  margin-bottom: 0px;
}

.newPageLoginContainer {
  /*Header_Section*/
  /*Container Formulário*/
  /*Beneficios*/
  /*FAQ*/
}
.newPageLoginContainer .row-main {
  max-width: 1400px;
  margin: 0 auto;
}
.newPageLoginContainer .logo {
  width: 100%;
  padding: 0 15px;
  top: 0;
  height: 50px;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .newPageLoginContainer .logo {
    display: flex;
    justify-content: center;
  }
}
.newPageLoginContainer .logo img {
  margin-left: 20px;
  margin-top: 15px;
}
.newPageLoginContainer .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.newPageLoginContainer .to-enter,
.newPageLoginContainer .btn {
  border-radius: 8px !important;
  margin-top: 15px !important;
  background: #bab6bc !important;
  height: 48px !important;
  width: 100% !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border: 0 !important;
  font-size: 16px !important;
}
.newPageLoginContainer .btn-default {
  background: #41a017 !important;
}
.newPageLoginContainer label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #222020;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.newPageLoginContainer .form-control {
  height: 48px !important;
  border: 1px solid #d3e2d6 !important;
}
.newPageLoginContainer .headline h2, .newPageLoginContainer .headline .h2 {
  font-weight: 700;
  font-size: 21px;
  line-height: 36px;
}
.newPageLoginContainer .ASM_alert_cred {
  width: 280px;
  margin-top: 35px;
  left: 9%;
}
.newPageLoginContainer .container-form {
  padding: 0;
  margin: 0 auto;
  width: 1045px;
  max-width: 100%;
}
.newPageLoginContainer #text {
  margin-bottom: 5px;
}
.newPageLoginContainer .fieldPassword {
  position: relative;
}
.newPageLoginContainer .olho {
  cursor: pointer;
  position: absolute;
  right: 25px;
  bottom: 119px;
}
.newPageLoginContainer .product img {
  width: 100%;
  height: 409px;
}
@media screen and (max-width: 1023px) {
  .newPageLoginContainer .product img {
    height: auto;
  }
}
.newPageLoginContainer .product {
  padding: 0;
}
.newPageLoginContainer .new-form-container {
  background: #ffffff;
  height: auto;
  padding: 0;
  padding-bottom: 21px;
}
.newPageLoginContainer .warning-session-timeout {
  height: 56px;
  background: rgba(245, 166, 12, 0.1);
  border: 1px solid #f5a60c;
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newPageLoginContainer .warning-session-timeout .text_warning {
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
}
.newPageLoginContainer .warning-session-timeout .img_warning {
  padding-right: 10px;
}
.newPageLoginContainer .container-benefits {
  margin-top: 5%;
}
.newPageLoginContainer .caption {
  margin: 30px 0 20px;
}
.newPageLoginContainer .beneficios {
  width: 928px;
  max-width: 100%;
  min-width: 312px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.newPageLoginContainer .beneficios > div {
  width: 160px;
  max-width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
  align-self: baseline;
}
.newPageLoginContainer .caption {
  margin-top: 40px;
}
.newPageLoginContainer .headline-2 h2, .newPageLoginContainer .headline-2 .h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}
.newPageLoginContainer #box-1 .mostrar,
.newPageLoginContainer #box-1 .hide-action,
.newPageLoginContainer #box-2 .mostrar,
.newPageLoginContainer #box-2 .hide-action,
.newPageLoginContainer #box-3 .mostrar,
.newPageLoginContainer #box-3 .hide-action {
  display: none;
}
.newPageLoginContainer #box-1:target .mostrar,
.newPageLoginContainer #box-1:target .hide-action,
.newPageLoginContainer #box-2:target .mostrar,
.newPageLoginContainer #box-2:target .hide-action,
.newPageLoginContainer #box-3:target .mostrar,
.newPageLoginContainer #box-3:target .hide-action {
  display: block;
}
.newPageLoginContainer #box-1:target .show-action,
.newPageLoginContainer #box-2:target .show-action,
.newPageLoginContainer #box-3:target .show-action {
  display: none;
}
.newPageLoginContainer #box-1,
.newPageLoginContainer #box-2,
.newPageLoginContainer #box-3 {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  margin-top: 20px;
}
.newPageLoginContainer .link-faq {
  margin-top: 20px;
  margin-bottom: 50px;
}
.newPageLoginContainer .bat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.newPageLoginContainer .bat p {
  font-size: 18px;
  line-height: 24px;
}
.newPageLoginContainer .bar p {
  font-size: 14px;
  line-height: 24px;
  color: #6f676c;
}
.newPageLoginContainer .baz img {
  margin-right: 10px;
}
.newPageLoginContainer .container-box {
  max-width: 736px;
  margin: 0 auto;
  margin-top: 30px;
  height: auto;
  padding: 10px;
}

/*ASM User Section*/
.newPageLoginAsmContainer {
  /*Header_Section*/
  /*Container Formulário*/
  /*Beneficios*/
  /*FAQ*/
}
.newPageLoginAsmContainer .row-main {
  max-width: 1400px;
  margin: 0 auto;
}
.newPageLoginAsmContainer .logo {
  width: 100%;
  padding: 0 15px;
  top: 0;
  height: 50px;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .newPageLoginAsmContainer .logo {
    display: flex;
    justify-content: center;
  }
}
.newPageLoginAsmContainer .logo img {
  margin-left: 20px;
  margin-top: 15px;
}
.newPageLoginAsmContainer .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.newPageLoginAsmContainer label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #222020;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.newPageLoginAsmContainer .form-control {
  height: 48px !important;
  border: 1px solid #d3e2d6 !important;
}
.newPageLoginAsmContainer .headline h2, .newPageLoginAsmContainer .headline .h2 {
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  margin-top: 10px;
  margin-bottom: 0;
}
.newPageLoginAsmContainer .container-form {
  width: 1045px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.newPageLoginAsmContainer #text {
  margin-bottom: 5px;
}
.newPageLoginAsmContainer .fieldPassword {
  position: relative;
}
.newPageLoginAsmContainer .asm-eye {
  cursor: pointer;
  position: absolute;
  right: 25px;
  bottom: 102px;
}
.newPageLoginAsmContainer .product img {
  width: 100%;
  height: 100%;
}
.newPageLoginAsmContainer .product {
  padding: 0;
}
.newPageLoginAsmContainer .new-form-container {
  background: #ffffff;
  height: 371px;
  padding: 0;
  padding-bottom: 32px;
}
.newPageLoginAsmContainer .ASM-input {
  height: 48px;
  border: 1px solid #d3d2d6;
  margin-bottom: 7px;
  outline: none;
}
.newPageLoginAsmContainer .forgotten-password a {
  padding-left: 0;
  text-decoration: underline;
  margin-bottom: 2px;
}
.newPageLoginAsmContainer .ASM-btn {
  height: 48px;
  border-radius: 8px;
  border: 0;
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  margin: 5px 0 10px 0;
}
.newPageLoginAsmContainer button:disabled {
  background: #bab6bc !important;
}
.newPageLoginAsmContainer button:enabled {
  background: #41a017 !important;
}
.newPageLoginAsmContainer .link-faq a {
  text-decoration: underline;
}
.newPageLoginAsmContainer .container-benefits {
  margin-top: 5%;
}
.newPageLoginAsmContainer .caption {
  margin: 30px 0 20px;
}
.newPageLoginAsmContainer .beneficios {
  width: 928px;
  max-width: 100%;
  min-width: 312px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.newPageLoginAsmContainer .beneficios > div {
  width: 160px;
  max-width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
  align-self: baseline;
}
.newPageLoginAsmContainer .caption {
  margin-top: 40px;
}
.newPageLoginAsmContainer .container-faq {
  padding: 10px;
}
.newPageLoginAsmContainer .headline-2 h2, .newPageLoginAsmContainer .headline-2 .h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}
.newPageLoginAsmContainer #box-1 .mostrar,
.newPageLoginAsmContainer #box-1 .hide-action,
.newPageLoginAsmContainer #box-2 .mostrar,
.newPageLoginAsmContainer #box-2 .hide-action,
.newPageLoginAsmContainer #box-3 .mostrar,
.newPageLoginAsmContainer #box-3 .hide-action {
  display: none;
}
.newPageLoginAsmContainer #box-1:target .mostrar,
.newPageLoginAsmContainer #box-1:target .hide-action,
.newPageLoginAsmContainer #box-2:target .mostrar,
.newPageLoginAsmContainer #box-2:target .hide-action,
.newPageLoginAsmContainer #box-3:target .mostrar,
.newPageLoginAsmContainer #box-3:target .hide-action {
  display: block;
}
.newPageLoginAsmContainer #box-1:target .show-action,
.newPageLoginAsmContainer #box-2:target .show-action,
.newPageLoginAsmContainer #box-3:target .show-action {
  display: none;
}
.newPageLoginAsmContainer #box-1,
.newPageLoginAsmContainer #box-2,
.newPageLoginAsmContainer #box-3 {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  margin-top: 20px;
}
.newPageLoginAsmContainer .link-faq {
  margin-top: 20px;
  margin-bottom: 40px;
}
.newPageLoginAsmContainer .bat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.newPageLoginAsmContainer .bat p {
  font-size: 18px;
  line-height: 24px;
}
.newPageLoginAsmContainer .bar p {
  font-size: 14px;
  line-height: 24px;
  color: #6f676c;
}
.newPageLoginAsmContainer .baz img {
  margin-right: 10px;
}
.newPageLoginAsmContainer .container-box {
  max-width: 736px;
  margin: 0 auto;
  margin-top: 30px;
  height: auto;
  padding: 10px;
}
.newPageLoginAsmContainer .warning-session-timeout {
  height: 56px;
  background: rgba(245, 166, 12, 0.1);
  border: 1px solid #f5a60c;
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newPageLoginAsmContainer .warning-session-timeout .text_warning {
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
}
.newPageLoginAsmContainer .warning-session-timeout .img_warning {
  padding-right: 10px;
}

.slider_component {
  max-width: 1440px;
  width: 100%;
  display: grid;
  margin: 0 auto;
}
.slider_component #homepage_slider {
  margin: 0 auto;
}
.slider_component #homepage_slider ul {
  grid-column-start: 1;
  grid-row-start: 1;
}
.slider_component #homepage_slider ul li {
  max-width: 1440px;
  height: auto;
}
.slider_component #homepage_slider ul li a img {
  width: 100vw;
  max-width: 1440px;
}
.slider_component .stripTransmitter-controls {
  width: auto;
  height: 38px;
  background: #516b72;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-start: 1;
  grid-row-start: 2;
  z-index: 9;
  margin: -55px auto auto;
  border: none;
  min-width: 122px;
  width: auto;
}
.slider_component .stripTransmitter-controls .stripTransmitter {
  overflow: inherit;
  padding: 0px;
  width: auto;
  height: 0px;
  border-bottom: none;
  background-color: transparent;
  display: flex;
}
.slider_component .stripTransmitter-controls .stripTransmitter ul {
  display: flex;
  align-items: center;
}
.slider_component .stripTransmitter-controls .stripTransmitter ul li a {
  font-size: 0px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #ffffff;
}
.slider_component .stripTransmitter-controls .stripTransmitter ul li a.current {
  border: 3px solid #ffffff;
  width: 14px;
  height: 14px;
  background: transparent;
}
@media (max-width: 639px) {
  .slider_component .stripTransmitter-controls {
    background-color: transparent;
    margin: -45px auto auto;
  }
}

.login-page-container .yCmsComponent .content {
  background: #ffffff;
}
.login-page-container .about-leroy-merlin {
  max-width: 1440px;
  margin: 0 auto;
  padding: 70px;
  display: flex;
  justify-content: space-between;
  color: #515151;
  background: #ffffff;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top h1, .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top .h1 {
  height: 38px;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 48.5px;
  display: flex;
  align-items: flex-end;
  text-decoration: underline solid #41a017;
  text-decoration-thickness: 4px;
  text-underline-offset: 12px;
  color: #000000;
  margin-bottom: 24px;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top p {
  width: 480px;
  height: auto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  color: #18191f;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom {
  display: flex;
  margin-top: 26px;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products {
  flex-flow: column;
  display: flex;
  margin-right: 64px;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries span,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products span {
  font-style: normal;
  line-height: 150%;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries span:first-child,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:first-child,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products span:first-child {
  font-weight: bold;
  font-size: 32px;
  color: var(--cx-color-primary);
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries span:last-child,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:last-child,
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products span:last-child {
  font-weight: 600;
  font-size: 16px;
  color: #18191f;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:last-child {
  width: 112px;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-more {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: var(--cx-color-primary);
  margin-top: 32px;
}
.login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-more span img {
  width: 22px;
  height: 14px;
}
@media (min-width: 1200px) {
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description {
    max-width: 559px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top {
    width: 480px;
  }
}
@media (min-width: 1350px) {
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top {
    width: 559px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top p {
    width: 559px;
  }
}
@media (min-width: 1023px) {
  .login-page-container .about-leroy-merlin .about-leroy-merlin__image {
    max-width: 559px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__image img {
    width: 480px;
  }
}
@media (min-width: 1440px) {
  .login-page-container .about-leroy-merlin .about-leroy-merlin__image {
    max-width: 639px;
  }
}
@media (max-width: 1023px) {
  .login-page-container .about-leroy-merlin .about-leroy-merlin__image {
    order: 1;
    width: 311px;
    margin: 0 auto;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__image img {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .login-page-container .about-leroy-merlin {
    padding: 24px;
    display: flex;
    flex-flow: column;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description {
    margin-top: 14px;
    width: 311px;
    margin: 0 auto;
    order: 2;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom {
    display: flex;
    margin-top: 6px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products {
    margin-right: 32px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries span:first-child,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:first-child,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products span:first-child {
    font-size: 24px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-countries span:last-child,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:last-child,
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-products span:last-child {
    font-size: 14px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__bottom .about-stores span:last-child {
    width: 98px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top {
    width: 311px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top h1, .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top .h1 {
    margin-top: 0px;
    font-size: 16px;
    line-height: 19px;
    text-underline-offset: 8px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top p {
    width: 311px;
    font-size: 12px;
    line-height: 150%;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-more {
    margin-top: 16px;
  }
}
@media (min-width: 639px) and (max-width: 1023px) {
  .login-page-container .about-leroy-merlin {
    padding: 16px;
    display: flex;
    flex-flow: column;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description {
    width: 559px;
    order: 2;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top p {
    width: 559px;
  }
  .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top h1, .login-page-container .about-leroy-merlin .about-leroy-merlin__description .about-leroy-merlin__top .h1 {
    font-size: 24px;
    text-underline-offset: 8px;
  }
}
.login-page-container .container-header {
  max-width: 1440px;
  height: 72px;
  margin: 0 auto;
  padding: 0px 64px 0px;
  background: #ffffff;
  box-shadow: 0px 1px 0px #e5e9f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-page-container .container-header .logo img {
  width: 68px;
  height: 40.8px;
}
.login-page-container .container-header a.btn {
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: auto;
  height: 40px;
  font-weight: 500;
}
.login-page-container .container-header a.btn.disabled, .login-page-container .container-header a.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.login-page-container .container-header a.login-nav-register {
  background: #e9ffce;
  color: var(--cx-color-primary);
  width: 125px;
  margin-right: 14px;
}
.login-page-container .container-header a.login-nav-login {
  background: var(--cx-color-primary);
  width: 77px;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .login-page-container .container-header .logo img {
    width: 44px;
    margin-left: 10px;
  }
  .login-page-container .container-header a.btn {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    height: 28px;
    padding: 4px;
  }
  .login-page-container .container-header a.login-nav-register {
    width: 97px;
  }
  .login-page-container .container-header a.login-nav-login {
    width: 56px;
  }
}
@media (max-width: 639px) {
  .login-page-container .container-header {
    padding: 0px;
    height: 60px;
    width: 311px;
  }
  .login-page-container .container-header a.btn {
    background: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
  }
  .login-page-container .container-header a.login-nav-register {
    color: #949494;
  }
  .login-page-container .container-header a.login-nav-login {
    color: #41a017;
    padding-left: 16px;
  }
}
@media (min-width: 639px) and (max-width: 1023px) {
  .login-page-container .container-header {
    width: auto;
    margin: auto 16px;
    padding: 0px;
  }
}
.login-page-container .section__faq-home {
  width: 100%;
  background: #ffffff;
}
.login-page-container .section__faq-home * {
  margin: 0;
}
.login-page-container .section__faq-home .content__faq-home {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 70px;
}
.login-page-container .section__faq-home .content__faq-home .title__faq-home {
  width: 30%;
}
.login-page-container .section__faq-home .content__faq-home .headline_faq-home {
  color: #41a017;
  font-size: 32px;
  line-height: 150%;
  font-weight: bold;
  width: 191px;
  height: 96px;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home {
  width: 70%;
  border-radius: 4px;
  border: 1px solid #d3d2d6;
  background: #ffffff;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq {
  border-bottom: 1px solid #d3d2d6;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .container__faq-home {
  position: relative;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .container__faq-home .rotate {
  transform: rotate(180deg);
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .container__faq-home .hide {
  display: none;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .container__faq-home .show {
  display: block !important;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .js-faq-text p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq p {
  padding: 8px 8px 8px 8px;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  color: #333333;
}
.login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq img {
  margin-right: 20px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 15px;
}
@media (min-width: 639px) and (max-width: 1023px) {
  .login-page-container .section__faq-home .title__faq-home,
  .login-page-container .section__faq-home .question__faq-home {
    width: 100% !important;
  }
  .login-page-container .section__faq-home .content__faq-home {
    display: block;
    padding: 32px 16px;
  }
  .login-page-container .section__faq-home .headline_faq-home {
    margin-bottom: 32px;
    width: 100%;
    height: 65px;
    padding: 0px;
  }
}
@media (max-width: 639px) {
  .login-page-container .section__faq-home .content__faq-home {
    padding: 24px;
    margin: 0 auto;
    flex-flow: column;
  }
  .login-page-container .section__faq-home .content__faq-home .headline_faq-home {
    height: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-decoration: underline solid #41a017;
    text-decoration-thickness: 4px;
    text-underline-offset: 6px;
    margin-bottom: 28px;
  }
  .login-page-container .section__faq-home .content__faq-home .question__faq-home {
    width: 100%;
  }
  .login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq p {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 150%;
    width: 274px;
  }
  .login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .container__faq-home {
    display: flex;
    align-content: center;
    flex-flow: column;
  }
  .login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq img {
    top: 0px;
    right: 0;
    margin-right: 11.76px;
  }
  .login-page-container .section__faq-home .content__faq-home .question__faq-home .__faq .js-faq-text p {
    font-size: 8px;
    line-height: 150%;
  }
}
.login-page-container .section__quote-home {
  height: 390px;
  max-width: 1440px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  margin: 0 auto;
}
.login-page-container .section__quote-home .quote__img-home {
  width: 50%;
  height: 100%;
  background: #063a44;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 704px;
}
.login-page-container .section__quote-home .quote__img-home img {
  height: 206px;
}
.login-page-container .section__quote-home .quote__info-home {
  width: 50%;
  height: 100%;
  margin-left: 79px;
}
.login-page-container .section__quote-home .quote__info-home p {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px;
  max-width: 444px;
  padding: 0px;
}
.login-page-container .section__quote-home .quote__info-home h2, .login-page-container .section__quote-home .quote__info-home .h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 48.5px;
  display: flex;
  align-items: flex-end;
  text-decoration: underline solid #41a017;
  text-decoration-thickness: 4px;
  text-underline-offset: 12px;
  color: #000000;
  margin-bottom: 24px;
}
.login-page-container .section__quote-home .quote__info-home a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--cx-color-primary);
}
.login-page-container .section__quote-home .quote__info-home a img {
  width: 22px;
  height: 14px;
  margin-left: 8px;
}
.login-page-container .section__quote-home .quote__info-home .content_info-home {
  width: 100%;
  padding: 5% 0 0 8%;
}
@media (min-width: 639px) and (max-width: 1023px) {
  .login-page-container .section__quote-home {
    display: block;
    height: auto;
    display: flex;
  }
  .login-page-container .section__quote-home .quote__info-home {
    width: 50%;
  }
  .login-page-container .section__quote-home img {
    padding: 25px;
  }
  .login-page-container .section__quote-home p {
    padding-right: 15px;
  }
  .login-page-container .section__quote-home span > img {
    padding: 0;
  }
  .login-page-container .section__quote-home a {
    display: flex;
  }
  .login-page-container .section__quote-home .quote__img-home {
    width: 50%;
    height: 333px;
  }
  .login-page-container .section__quote-home .quote__info-home {
    display: flex;
    margin-left: 17px;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home {
    padding: 0px;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home h2, .login-page-container .section__quote-home .quote__info-home .content_info-home .h2 {
    font-size: 24px;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home p {
    font-size: 16px;
    width: 364px;
    padding: 0px;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home a {
    font-size: 14px;
    align-items: center;
  }
}
@media (max-width: 639px) {
  .login-page-container .section__quote-home {
    display: block;
    height: auto;
  }
  .login-page-container .section__quote-home .quote__img-home {
    width: 100%;
    height: auto;
  }
  .login-page-container .section__quote-home .quote__img-home img {
    height: 147px;
    padding: 25px;
  }
  .login-page-container .section__quote-home .quote__info-home {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #063a44;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home {
    background: #063a44;
    padding: 0px 24px 24px;
    margin: 0 auto;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home p {
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
  }
  .login-page-container .section__quote-home .quote__info-home .content_info-home .headline_quote-home {
    margin: 0px;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    padding-bottom: 32px;
  }
  .login-page-container .section__quote-home .quote__info-home a {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    width: 311px;
  }
}
.login-page-container .leroy-empresas-content-slot {
  background: #fafafa;
}
.login-page-container .leroy-empresas-content-slot .section-companies {
  height: 616px;
  background: #fafafa;
  padding: 64px 70px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content {
  display: flex;
  justify-content: space-between;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .slotCompanies {
  width: 417px;
  height: 400px;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies {
  width: 340px;
  height: 188px;
  margin-bottom: 20px;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies img {
  height: 50.67px;
  width: 53.33px;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies h2, .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies .h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies p {
  font-size: 16px;
  line-height: 150%;
}
.login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies span {
  color: var(--cx-color-primary);
}
.login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 h2, .login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 .h2 {
  font-size: 32px;
  line-height: 150%;
  font-weight: 600;
  font-style: normal;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  text-decoration: underline solid #41a017;
  text-decoration-thickness: 4px;
  text-underline-offset: 12px;
  color: #000000;
  margin: 0px auto 56px;
}
@media (max-width: 1140px) and (min-width: 640px) {
  .login-page-container .leroy-empresas-content-slot .section-companies {
    padding: 24px 16px;
    height: auto;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content {
    flex-wrap: wrap;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .slotCompanies {
    justify-content: space-between;
    display: flex;
    height: 212px !important;
    width: 100%;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 h2, .login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 .h2 {
    font-size: 24px;
    text-underline-offset: 8px;
    margin-bottom: 40px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .slotCompanies {
    width: -webkit-fill-available;
    width: -moz-available;
  }
}
@media (min-width: 639px) and (max-width: 1140px) {
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content {
    display: block;
  }
}
@media (min-width: 1023px) and (max-width: 1140px) {
  .login-page-container .leroy-empresas-content-slot .section-companies {
    padding: 24px 70px;
  }
}
@media (max-width: 639px) {
  .login-page-container .leroy-empresas-content-slot .section-companies {
    height: auto;
    width: 311px;
    margin: 0 auto;
    padding: 0px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 h2, .login-page-container .leroy-empresas-content-slot .section-companies .headline-h2 .h2 {
    font-size: 16px;
    text-underline-offset: 6px;
    margin-bottom: 29px;
    margin-top: 24px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content {
    display: block;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .slotCompanies {
    height: auto;
    width: 312px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies {
    width: 311px;
    margin: 0px;
    height: auto;
    padding-bottom: 17px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies img {
    width: 30px;
    margin: 0px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies h2, .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies .h2 {
    font-size: 16px;
    margin: 0px;
  }
  .login-page-container .leroy-empresas-content-slot .section-companies .companies__content .contentSlotCompanies p {
    font-size: 12px;
    width: 311px;
    margin: 0px;
    padding: 0px;
  }
}

.page-login form[name=accessiblityForm] {
  margin: 0px;
}

@media (min-width: 1024px) {
  #js-email-confirmation-warnning .modal-content {
    width: 608px;
    height: 482px;
    padding: 40px 64px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-email-confirmation-warnning .modal-content {
    max-width: 531px;
    height: 474px;
    padding: 36px 40px;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning .modal-content {
    max-width: 320px;
    width: 100%;
    height: 317px;
    justify-content: center;
  }
}
#js-email-confirmation-warnning .modal-dialog {
  max-width: 608px;
}
@media (max-width: 1023px) {
  #js-email-confirmation-warnning .modal-dialog {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  #js-email-confirmation-warnning .d-flex.justify-content-center img {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-email-confirmation-warnning .d-flex.justify-content-center img {
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning .d-flex.justify-content-center img {
    width: 24px;
    height: 20.17px;
  }
}
#js-email-confirmation-warnning h2, #js-email-confirmation-warnning .h2 {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  color: #54595e;
  margin: 0px;
}
@media (min-width: 1024px) {
  #js-email-confirmation-warnning h2, #js-email-confirmation-warnning .h2 {
    font-size: 28.83px;
    line-height: 35px;
    padding: 16px 0px 24px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-email-confirmation-warnning h2, #js-email-confirmation-warnning .h2 {
    font-size: 22px;
    line-height: 27px;
    padding: 21px 0px 33px;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning h2, #js-email-confirmation-warnning .h2 {
    font-size: 12px;
    line-height: 15px;
    padding: 9px 0px 16px;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning .row, #js-email-confirmation-warnning .cart__content {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
  }
}
#js-email-confirmation-warnning .row p, #js-email-confirmation-warnning .cart__content p {
  color: rgba(84, 89, 94, 0.6);
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 1024px) {
  #js-email-confirmation-warnning .row p, #js-email-confirmation-warnning .cart__content p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 28px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-email-confirmation-warnning .row p, #js-email-confirmation-warnning .cart__content p {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 39px;
    margin: 0 auto 32px;
    width: 437px;
    padding: 0px;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning .row p, #js-email-confirmation-warnning .cart__content p {
    margin-bottom: 0px;
    padding: 0px;
    width: 280px;
    font-size: 12px;
    line-height: 27px;
  }
}
@media (min-width: 1024px) {
  #js-email-confirmation-warnning .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 8px;
    line-height: 22px;
    width: 464px;
    height: 48px;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 12px;
  }
  #js-email-confirmation-warnning .btn.disabled, #js-email-confirmation-warnning .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-email-confirmation-warnning .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 19px;
    width: 446px;
    height: 40px;
    font-weight: 400;
    margin: 7px auto;
  }
  #js-email-confirmation-warnning .btn.disabled, #js-email-confirmation-warnning .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #js-email-confirmation-warnning .btn {
    --bs-btn-padding-y: 0px;
    --bs-btn-padding-x: 6px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 15px;
    width: 100%;
    height: 22px;
    font-weight: 400;
    margin-top: 24px;
  }
  #js-email-confirmation-warnning .btn.disabled, #js-email-confirmation-warnning .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

@media (min-width: 1024px) {
  .forgotten-pwd-container.js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 13px;
    top: 6px;
  }
  .forgotten-pwd-container.js-login-form-container.js-forgotten-pwd-container #cboxClose img {
    width: 23px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .forgotten-pwd-container.js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 13px;
    top: 6px;
  }
}
@media (max-width: 479px) {
  .forgotten-pwd-container.js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 7px;
  }
}

@media (min-width: 1024px) {
  .js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 13px;
    top: 6px;
  }
  .js-login-form-container.js-forgotten-pwd-container #cboxClose img {
    width: 23px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 6px;
    top: 0px;
  }
}
@media (max-width: 479px) {
  .js-login-form-container.js-forgotten-pwd-container #cboxClose {
    right: 1px;
    top: -4px;
  }
  .js-login-form-container.js-forgotten-pwd-container #cboxClose img {
    width: 16px;
  }
}

#forgotten-pwd-modal .modal-dialog {
  max-width: 566px;
}
#forgotten-pwd-modal .modal-content {
  width: 566px;
  border: none;
  padding: 32px 24px;
}
#forgotten-pwd-modal .modal-content .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 479px) {
  #forgotten-pwd-modal .modal-content {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal .modal-content {
    width: 402px;
    margin: 0 auto;
  }
}
#forgotten-pwd-modal .modal-content img {
  margin: 0 auto;
  display: flex;
  max-width: 170px;
}
#forgotten-pwd-modal .login-form-label {
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal .login-form-label {
    width: 337px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal .login-form-label {
    max-width: 268px;
  }
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal .login-form-label .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 100%;
    height: 48px;
    font-weight: 400;
  }
  #forgotten-pwd-modal .login-form-label .btn.disabled, #forgotten-pwd-modal .login-form-label .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal .login-form-label .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 337px;
    height: 38px;
    font-weight: 400;
  }
  #forgotten-pwd-modal .login-form-label .btn.disabled, #forgotten-pwd-modal .login-form-label .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal .login-form-label .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.6875rem;
    --bs-btn-border-radius: 8px;
    line-height: 6px;
    width: 100%;
    height: 32px;
    font-weight: 400;
  }
  #forgotten-pwd-modal .login-form-label .btn.disabled, #forgotten-pwd-modal .login-form-label .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal .login-form-label .form-group {
    margin-bottom: 22px;
  }
}
#forgotten-pwd-modal .pwd-error-block {
  margin-bottom: 20px;
}
#forgotten-pwd-modal #leroyForgottenPwdForm {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal #leroyForgottenPwdForm {
    width: 486px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal #leroyForgottenPwdForm {
    width: 337px;
  }
}
@media (max-width: 1023px) {
  #forgotten-pwd-modal #leroyForgottenPwdForm {
    width: 100%;
  }
}
#forgotten-pwd-modal .description_forgottenPwd p {
  text-align: center;
  display: flex;
  align-items: center;
  color: #222020;
  font-style: normal;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal .description_forgottenPwd p {
    width: 353px;
    height: 34px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin: 16px auto 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal .description_forgottenPwd p {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    max-width: 277px;
    width: 100%;
    height: 34px;
    margin: 0 auto 12px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal .description_forgottenPwd p {
    max-width: 214.2px;
    width: 100%;
    height: 22px;
    font-weight: 700;
    font-size: 9px;
    line-height: 11px;
    margin: 5px auto 5px;
  }
}
#forgotten-pwd-modal input {
  padding: 14px 12px;
  background: #ffffff;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal input {
    height: 44px;
    margin-bottom: 24px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal input {
    height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal input {
    height: 30px;
    margin-bottom: 16px;
    font-size: 10px;
  }
}
#forgotten-pwd-modal label {
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  color: #222020;
  margin-bottom: 2px;
  float: left;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal label {
    font-size: 13px;
    width: 40px;
    height: 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal label {
    font-size: 12px;
    height: 15px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal label {
    font-size: 10px;
    height: 12px;
  }
}

.js-email-confirmation-resend-success #cboxClose {
  display: none;
}

#forgotten-pwd-modal-success .modal-dialog {
  max-width: 566px;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal-success .modal-dialog .description_forgottenPwd .js-password-success {
    margin-top: 16px;
    width: 464px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog {
    justify-content: center;
    padding: 28px 38px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog {
    justify-content: center;
  }
}
#forgotten-pwd-modal-success .modal-dialog .modal-content {
  border: none;
  width: 566px;
  height: 347px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog .modal-content {
    height: 307px;
    width: 402px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog .modal-content {
    height: 273px;
    width: 100%;
    max-width: 322px;
    border-radius: 5px;
  }
  #forgotten-pwd-modal-success .modal-dialog .modal-content .description_forgottenPwd {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 30px;
    width: 100%;
  }
  #forgotten-pwd-modal-success .modal-dialog .modal-content .description_forgottenPwd .js-password-success {
    margin-top: 12px;
  }
}
#forgotten-pwd-modal-success .modal-dialog .modal-content > img {
  margin: 0 auto;
  display: flex;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog .modal-content > img {
    width: 33.06px;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog .modal-content > img {
    width: 26.44px;
  }
}
#forgotten-pwd-modal-success .modal-dialog .password-success-message h2, #forgotten-pwd-modal-success .modal-dialog .password-success-message .h2 {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  color: #000000;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal-success .modal-dialog .password-success-message h2, #forgotten-pwd-modal-success .modal-dialog .password-success-message .h2 {
    font-size: 29px;
    line-height: 35px;
    margin-top: 16px;
    margin-bottom: 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog .password-success-message h2, #forgotten-pwd-modal-success .modal-dialog .password-success-message .h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 17px auto;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog .password-success-message h2, #forgotten-pwd-modal-success .modal-dialog .password-success-message .h2 {
    font-size: 19px;
    line-height: 23px;
    margin: 10px auto 22px;
  }
}
#forgotten-pwd-modal-success .modal-dialog .description_forgottenPwd p {
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #000000;
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal-success .modal-dialog .description_forgottenPwd p {
    font-size: 18px;
    line-height: 27px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog .description_forgottenPwd p {
    font-size: 14px;
    line-height: 23px;
    width: 317.37px;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog .description_forgottenPwd p {
    font-size: 12px;
    line-height: 18px;
    padding: 0px 30px;
  }
}
@media (min-width: 1024px) {
  #forgotten-pwd-modal-success .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 8px;
    line-height: 22px;
    width: 464px;
    height: 48px;
    font-weight: 300;
    margin-top: 18px;
  }
  #forgotten-pwd-modal-success .modal-dialog .btn.disabled, #forgotten-pwd-modal-success .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #forgotten-pwd-modal-success .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 16px;
    width: 329px;
    height: 34px;
    font-weight: 300;
    margin-top: 32px;
  }
  #forgotten-pwd-modal-success .modal-dialog .btn.disabled, #forgotten-pwd-modal-success .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #forgotten-pwd-modal-success .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.84375rem;
    --bs-btn-border-radius: 8px;
    line-height: 0px;
    width: 100%;
    height: 27.27px;
    font-weight: 300;
    margin-top: 12px;
  }
  #forgotten-pwd-modal-success .modal-dialog .btn.disabled, #forgotten-pwd-modal-success .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

#js-login-nav {
  --bs-modal-width: 566px;
}

#js-login-nav.modal-has-error .modal-dialog .modal-content {
  padding: 0px 0px 4px 0px;
}
@media (min-width: 1024px) {
  #js-login-nav.modal-has-error #loginForm {
    padding: 0px 40px 40px;
  }
}
@media (max-width: 479px) {
  #js-login-nav.modal-has-error #loginForm {
    padding: 0px 22px;
  }
}
#js-login-nav.modal-has-error .modal-dialog .modal-content > img {
  margin-top: 8px;
}

@media (max-width: 479px) {
  #js-login-nav .modal-dialog {
    max-width: 320px;
    margin: 0 auto;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog {
    justify-content: center;
  }
}
#js-login-nav .modal-dialog .modal-content {
  border-radius: 12px;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .modal-content {
    padding: 68px 40px 44px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .modal-content {
    padding: 47px 22px 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .modal-content {
    width: 402px;
    height: 478.33px;
    padding: 24px 30px;
    align-items: center;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .modal-content {
    width: 320px;
    height: 359px;
  }
}
#js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) {
  position: absolute;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) {
    right: 17px;
    top: 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) {
    right: 26px;
    top: 14px;
    width: 4px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) {
    right: 26px;
    top: 7px;
    width: 2px;
  }
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) img {
    width: 35px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) img {
    width: 22px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .btn-close:not(.global-alerts .btn-close) img {
    width: 16px;
  }
}
#js-login-nav .modal-dialog .headline-text {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  color: #41a017;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog.modal-has-error {
    padding: 12px 40px 40px;
  }
}
#js-login-nav .modal-dialog .modal-content > img {
  margin: 0 auto;
  display: flex;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .modal-content > img {
    width: 224.1px;
    height: 66.41px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .modal-content > img {
    width: 251px;
    height: 56px;
    margin-top: 27px;
  }
  #js-login-nav .modal-dialog .modal-content > img.modal-has-error {
    margin-top: 0px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .modal-content > img {
    width: 100px;
    height: 29px;
  }
}
#js-login-nav .modal-dialog .modal-content > h1, #js-login-nav .modal-dialog .modal-content > .h1 {
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  color: #222020;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .modal-content > h1, #js-login-nav .modal-dialog .modal-content > .h1 {
    font-size: 14px;
    padding: 12px 0px 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .modal-content > h1, #js-login-nav .modal-dialog .modal-content > .h1 {
    font-size: 12px;
    padding: 8px 0px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .modal-content > h1, #js-login-nav .modal-dialog .modal-content > .h1 {
    font-size: 9px;
  }
}
#js-login-nav .modal-dialog .email-wrapper {
  display: flex;
  justify-content: center;
}
#js-login-nav .modal-dialog .js-password-success,
#js-login-nav .modal-dialog .js-message {
  font-size: 16px;
  line-height: 23px;
  width: 416px;
  max-width: 100%;
  margin: 0 auto 20px;
  text-align: center;
  color: rgba(84, 89, 94, 0.6);
}
#js-login-nav .modal-dialog .js-message-registered {
  width: auto;
  margin: 24px 0px;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 100%;
    height: 48px;
    font-weight: 400;
  }
  #js-login-nav .modal-dialog .btn.disabled, #js-login-nav .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 312px;
    height: 38px;
    font-weight: 400;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #js-login-nav .modal-dialog .btn.disabled, #js-login-nav .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.625rem;
    --bs-btn-border-radius: 8px;
    line-height: 0px;
    width: 268px;
    height: 32px;
    font-weight: 400;
  }
  #js-login-nav .modal-dialog .btn.disabled, #js-login-nav .modal-dialog .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#js-login-nav .modal-dialog .modal-top-img {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
#js-login-nav .modal-dialog .js-email-not-confirmed-error-block p {
  margin-bottom: 0px;
  height: auto;
}
#js-login-nav .modal-dialog .js-email-not-confirmed-error-block p:last-child {
  margin-bottom: 32px;
}
#js-login-nav .modal-dialog .password-wrapper {
  display: grid;
  margin-top: 32px;
  margin-top: 0px;
}
#js-login-nav .modal-dialog .password-wrapper > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
#js-login-nav .modal-dialog .password-wrapper img {
  justify-self: flex-end;
  align-self: center;
  margin-right: 13px;
  margin-top: 10px;
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .password-wrapper img {
    width: 12px;
    margin-top: 20px;
  }
}
#js-login-nav .modal-dialog .password-wrapper.margin-cart {
  align-items: unset;
  width: inherit;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .password-wrapper.margin-cart {
    justify-content: unset;
  }
}
#js-login-nav .modal-dialog .password-wrapper .form-group {
  margin-bottom: 0px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .password-wrapper {
    justify-content: center;
  }
}
#js-login-nav .modal-dialog .forgotten-password {
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .forgotten-password {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .forgotten-password {
    font-size: 12px;
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .forgotten-password {
    font-size: 10px;
    margin-bottom: 16px;
  }
}
#js-login-nav .modal-dialog .forgotten-password a {
  color: var(--cx-color-primary);
  text-decoration: underline;
  text-decoration-color: var(--cx-color-primary);
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .create-account-section {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#js-login-nav .modal-dialog .create-account-section p {
  color: #222020;
  text-align: center;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .create-account-section p {
    margin-bottom: 24px;
    font-size: 13px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .create-account-section p {
    margin-bottom: 10px;
    font-size: 11px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .create-account-section p {
    margin-bottom: 8px;
    font-size: 9px;
  }
}
#js-login-nav .modal-dialog .create-account-section h1, #js-login-nav .modal-dialog .create-account-section .h1 {
  font-weight: 600;
  text-align: center;
  color: #222020;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .create-account-section h1, #js-login-nav .modal-dialog .create-account-section .h1 {
    margin-top: 24px;
    font-size: 16px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .create-account-section h1, #js-login-nav .modal-dialog .create-account-section .h1 {
    margin-top: 10px;
    font-size: 11px;
    margin-bottom: 2px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .create-account-section h1, #js-login-nav .modal-dialog .create-account-section .h1 {
    margin-top: 8px;
    font-size: 11px;
    margin-bottom: 2px;
  }
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .create-account-section .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 100%;
    height: 48px;
    font-weight: 400;
  }
  #js-login-nav .modal-dialog .create-account-section .btn.disabled, #js-login-nav .modal-dialog .create-account-section .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .create-account-section .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 312px;
    height: 38px;
    font-weight: 400;
    margin: 0 auto;
  }
  #js-login-nav .modal-dialog .create-account-section .btn.disabled, #js-login-nav .modal-dialog .create-account-section .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .create-account-section .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.625rem;
    --bs-btn-border-radius: 8px;
    line-height: 0px;
    width: 268px;
    height: 32px;
    font-weight: 400;
  }
  #js-login-nav .modal-dialog .create-account-section .btn.disabled, #js-login-nav .modal-dialog .create-account-section .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#js-login-nav .modal-dialog .new-form input {
  background: #ffffff;
  border-radius: 8px;
  padding: 14px 12px;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .new-form input {
    padding: 14px 12px;
    width: 486px;
    height: 44px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .new-form input {
    width: 313px;
    height: 36px;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .new-form input {
    width: 270px;
    height: 30px;
    font-size: 10px;
  }
}
#js-login-nav .modal-dialog .new-form .form-group {
  margin-bottom: 8px;
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .new-form .form-group {
    margin-bottom: 0px;
  }
}
#js-login-nav .modal-dialog .new-form .form-group label {
  font-weight: 600;
  line-height: 16px;
  color: #222020;
  padding-bottom: 2px;
}
@media (min-width: 1024px) {
  #js-login-nav .modal-dialog .new-form .form-group label {
    font-size: 13px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #js-login-nav .modal-dialog .new-form .form-group label {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  #js-login-nav .modal-dialog .new-form .form-group label {
    font-size: 10px;
  }
}

.newPageLoginAsmContainer header {
  background: unset;
}

.password-success-message {
  text-align: center;
}

.js-password-success {
  margin-top: 24px;
}

.modal .global-alerts p {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.35505px;
}
@media (min-width: 1024px) {
  .modal .global-alerts {
    width: 564px;
    margin: 0px;
    border-radius: 8px;
  }
  .modal .global-alerts .alert-info {
    border: 2px solid #c0dacd;
  }
  .modal .global-alerts .alert-danger {
    border: 2px solid #edc4c8;
  }
  .modal .global-alerts .bi {
    padding-right: 9px;
  }
  .modal .global-alerts .bi-exclamation-triangle-fill::before {
    font-size: 26px;
  }
  .modal .global-alerts .alert {
    height: 56px;
    padding: 12px 16px;
    align-items: center;
    margin-bottom: 0px;
  }
  .modal .global-alerts .alert.alert-info p {
    height: auto;
  }
  .modal .global-alerts .alert div {
    align-items: center;
  }
  .modal .global-alerts .alert .btn-close {
    align-self: center;
    --bs-btn-close-opacity: unset;
    padding-left: 10px;
  }
  .modal .global-alerts p {
    height: 39px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.35505px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .modal .global-alerts {
    width: 400px;
    margin: 0px;
    border-radius: 8px;
    margin-bottom: 7px;
  }
  .modal .global-alerts .alert-info {
    border: 2px solid #d5e6de;
  }
  .modal .global-alerts .alert-danger {
    border: 2px solid #f3d8da;
  }
  .modal .global-alerts .bi {
    padding-right: 8px;
  }
  .modal .global-alerts .bi-exclamation-triangle-fill::before {
    font-size: 16px;
  }
  .modal .global-alerts .alert {
    width: 400px;
    height: 52px;
    padding: 13px 24px 8px 8px;
    align-items: center;
    margin-bottom: 0px;
  }
  .modal .global-alerts .alert div {
    align-items: center;
  }
  .modal .global-alerts .alert .btn-close {
    align-self: center;
    --bs-btn-close-opacity: unset;
    width: 6px;
    height: 6px;
  }
  .modal .global-alerts p {
    font-size: 10px;
    line-height: 13px;
  }
}
@media (max-width: 479px) {
  .modal .global-alerts {
    width: 320px;
    height: 35px;
    margin: 0px;
    border-radius: 8px;
  }
  .modal .global-alerts .alert-info {
    border: 2px solid #d5e6de;
  }
  .modal .global-alerts .alert-danger {
    border: 2px solid #f3d8da;
  }
  .modal .global-alerts .bi {
    padding-right: 8px;
  }
  .modal .global-alerts .bi-exclamation-triangle-fill::before {
    font-size: 12px;
  }
  .modal .global-alerts .alert {
    width: 318px;
    height: 35px;
    padding: 6px 24px 6px 8px;
    align-items: center;
    margin-bottom: 0px;
  }
  .modal .global-alerts .alert div {
    align-items: center;
  }
  .modal .global-alerts .alert .btn-close {
    align-self: center;
    --bs-btn-close-opacity: unset;
    width: 1px;
    height: 3px;
  }
  .modal .global-alerts p {
    font-size: 8px;
    line-height: 10px;
  }
}

@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .container {
    padding: 0px 16px;
  }
}
@media (min-width: 1024px) {
  .page-multiStepCheckoutSummaryPage header {
    margin-bottom: 32px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage header {
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage header {
    margin-bottom: 24px;
  }
}

.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-login {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.checkout-login .headline.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}

.checkout__new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #d3d2d6;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}

.checkout__new-account__headling {
  font-size: 24px;
  font-weight: bold;
}

.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}

@media (max-width: 639px) {
  .checkout__new-account {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-qrcode-container {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.checkout-headline {
  color: #222020;
  font-style: normal;
  line-height: normal;
  display: flex;
  justify-content: space-between;
}
.checkout-headline .incomplete-billing-address {
  max-width: 441px;
  width: 100%;
  border-radius: 4px;
  background: #feedee;
  padding: 12px 17px 10px 8px;
  margin-top: 19px;
}
.checkout-headline .incomplete-billing-address span {
  color: #df3828;
  line-height: 100%;
}
.checkout-headline .incomplete-billing-address .link__update-phone-mobile {
  color: var(--cx-color-primary);
  text-overflow: ellipsis;
  font-style: normal;
  line-height: 100%;
  text-decoration-line: underline;
  padding: 0;
}
@media (max-width: 479px) {
  .checkout-headline .incomplete-billing-address .link__update-phone-mobile {
    padding: 0;
    display: flex;
    justify-content: end;
    margin-top: 6px;
    width: 100%;
    font-size: 12px;
  }
  .checkout-headline .incomplete-billing-address div {
    margin-top: 6px;
  }
  .checkout-headline .incomplete-billing-address .text__incomplete-billing {
    font-size: 12px;
  }
  .checkout-headline .incomplete-billing-address .text__update-phone {
    font-size: 11px;
  }
}
.checkout-headline .checkout__cart--info__title {
  font-weight: 600;
  margin-bottom: 0px;
}
.checkout-headline .checkout__cart--info__code {
  font-weight: 400;
}
.checkout-headline .checkout__cart--info {
  display: flex;
}
.checkout-headline .checkout__cart--reservation_date {
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}
@media (max-width: 1023px) {
  .checkout-headline .checkout__cart--reservation_responsive {
    display: none;
  }
}
@media (min-width: 1023px) {
  .checkout-headline .checkout__header--responsive {
    display: none;
  }
}
@media (max-width: 1023px) {
  .checkout-headline .checkout__cart--direction {
    flex-direction: column;
  }
  .checkout-headline .checkout__cart--direction .checkout__cart--info__code:before {
    padding: 0px 6px;
  }
}
.checkout-headline .checkout__cart--button,
.checkout-headline .checkout__cart--button a {
  color: var(--cx-color-primary);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0px;
}
.checkout-headline .checkout__cart--info__code:before {
  content: "|";
  display: inline-block;
  font-weight: 100;
}
@media (min-width: 1024px) {
  .checkout-headline {
    padding: 8px 0px;
    margin-bottom: 48px;
  }
  .checkout-headline .checkout__cart--info__code:before {
    padding: 0px 16px;
  }
  .checkout-headline .checkout__cart--info__title {
    padding-left: 8px;
    font-size: 20px;
  }
  .checkout-headline .checkout__cart--button {
    font-size: 18px;
  }
  .checkout-headline .checkout__button--responsive {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-headline .checkout__button--desktop {
    display: none;
  }
  .checkout-headline .checkout__cart--info__title {
    font-size: 22px;
    font-weight: 700;
    margin-left: 8px;
  }
  .checkout-headline .checkout__cart--info__code {
    font-size: 16px;
    font-weight: 400;
  }
  .checkout-headline .checkout__cart--info__code:before {
    padding: 0px 16px;
  }
  .checkout-headline .checkout__cart--info {
    padding: 8px;
    margin: 24px 0px 32px;
  }
  .checkout-headline .checkout__cart--info img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 479px) {
  .checkout-headline .checkout__button--desktop {
    display: none;
  }
  .checkout-headline .checkout__cart--info {
    margin: 16px 0px 30px;
  }
  .checkout-headline .checkout__cart--info__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
  }
  .checkout-headline .checkout__cart--info img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    margin-top: 8px;
  }
  .checkout-headline .checkout__button--responsive a {
    font-size: 14px;
  }
  .checkout-headline .checkout__cart--info__code:before {
    padding: 0px 5px;
    font-size: 10px;
  }
}

.checkout-summary-headline {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  padding-bottom: 25px;
  padding-right: 30px;
  padding-top: 0;
  font-size: 1.5rem;
}
.checkout-summary-headline.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .checkout-summary-headline {
    padding-right: 20px;
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .checkout-summary-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-summary-headline span {
  color: #000000;
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 639px) {
  .checkout-summary-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.checkout-body-styling, .checkout-review, .checkout-paymentmethod, .checkout-shipping, .checkout-steps .step-body .step-body-form {
  border: 1px solid #eeeef0;
  border-top: 0;
}

.checkout-steps .step-head {
  background: #ffffff;
  color: #000000;
  border: 1px solid #eeeef0;
  font-size: 1.125rem;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 40px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout)'.';
  position: absolute;
  left: 3px;
  top: 0;
  width: 50px;
  text-align: center;
  line-height: 49px;
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #a6a6a6;
  color: #ffffff;
  border-color: #eeeef0;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: var(--cx-color-primary);
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 0px 10px 15px !important;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  position: relative;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection input[type=radio],
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection label {
  padding: 20px 0 20px 0 !important;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection #PaymentTypeSelection_PIX {
  position: absolute;
  top: 49px;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection label[for=PaymentTypeSelection_PIX] {
  left: 23px;
  position: absolute;
  top: 30px;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection label[for=PaymentTypeSelection_BOLETOFATURADOREAL] {
  padding: 20px 0 0px 0 !important;
}
@media (max-width: 242px) {
  .checkout-steps .step-body .step-body-form .radiobuttons_paymentselection label[for=PaymentTypeSelection_CARDLINK] {
    font-size: 11px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags {
  background: url(https://cdn.leroymerlin.com.br/assets/lizard/images/sprite/legacy-sprite-73b1551fdf5b4b5ccf913cfffc16d342.png) no-repeat;
  display: inline-block;
  height: 22px;
  width: 40px;
  border: 1px solid lightgray;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags {
    height: 22px;
    width: 36px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.dinners {
  background-position: -88px -327px;
  background-size: 405px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.dinners {
    background-position: -87px -319px;
    background-size: 395px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.elo {
  background-position: -127px -319px;
  background-size: 395px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.elo {
    background-position: -125px -307px;
    background-size: 380px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.master-card {
  background-position: -218px -327px;
  background-size: 405px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.master-card {
    background-position: -211px -315px;
    background-size: 390px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.visa {
  background-position: -258px -322px;
  background-size: 400px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.visa {
    background-position: -226px -280px;
    background-size: 350px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.hyper {
  background-position: -147px -278px;
  background-size: 345px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.hyper {
    background-position: -153px -287px;
    background-size: 355px;
  }
}
.checkout-steps .step-body .step-body-form .cards-flags.american-express {
  background-position: -135px -326px;
  background-size: 460px;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .step-body-form .cards-flags.american-express {
    background-position: -127px -305px;
    background-size: 430px;
  }
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body .checkout-next.btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin-bottom: 24px;
}
.checkout-steps .step-body .checkout-next.btn.disabled, .checkout-steps .step-body .checkout-next.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.checkout-steps .step-body hr {
  margin: -20px;
  border-color: #d3d2d6;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  line-height: 28px;
  text-transform: initial;
}
.checkout-steps .step-body .checkout-indent .js-add-working-days {
  background-color: #ffffff;
  border: none;
  font-weight: normal;
}
@media (max-width: 639px) {
  .checkout-steps .step-body .leroyB2BUnitForm-checkout label {
    font-size: 12px;
  }
}
.checkout-steps .step-body .leroyB2BUnitForm-checkout .form-group {
  margin-bottom: 8px;
}
.checkout-steps .step-body #leroyB2BUnitForm .leroyB2BUnitForm-class {
  padding-top: 16px;
}
.checkout-steps .step-body #leroyB2BUnitForm .register-ie-class #IeFree,
.checkout-steps .step-body #leroyB2BUnitForm .register-ie-class #ImFree {
  margin-bottom: 0px;
}

@media (max-width: 639px) {
  .checkout-steps step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.checkout-shipping .btn.disabled, .checkout-shipping .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -20px 0px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header::after {
  display: block;
  clear: both;
  content: "";
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #000000;
  background: #ffffff;
  display: block;
  padding: 10px;
  text-decoration: none;
}

@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}

#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#savedpayments .btn,
#savedpaymentsbody .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 45%;
  height: 44px;
  font-weight: 500;
}
#savedpayments .btn.disabled, #savedpayments .btn[disabled],
#savedpaymentsbody .btn.disabled,
#savedpaymentsbody .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}

@media (max-width: 640px) {
  .checkout-order-summary {
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: #ffffff;
  }
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  list-style: none;
  background-color: #ffffff !important;
  color: #000000;
  padding: 0px 0 48px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address {
  max-width: 441px;
  width: 100%;
  border-radius: 4px;
  background: #feedee;
  padding: 12px 8px;
  margin-top: 12px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address span {
  color: #df3828;
  line-height: 100%;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone,
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone-tablet {
  color: var(--cx-color-primary);
  text-overflow: ellipsis;
  font-style: normal;
  line-height: 100%;
  text-decoration-line: underline;
}
@media (min-width: 1024px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone {
    font-size: 14px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone-tablet {
    display: none;
    font-size: 12px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address {
    margin-top: 10px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .text__update-phone {
    font-size: 11px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .text__incomplete-billing {
    font-size: 13px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address div {
    margin-top: 6px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone {
    display: none;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .incomplete-billing-address .link__update-phone-tablet {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    padding: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
  padding-bottom: 8px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 1rem;
}
.checkout-order-summary .subtotals {
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .checkout-order-summary .subtotals {
    margin-top: 48px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary .subtotals {
    margin-top: 40px;
  }
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}
.checkout-order-summary .subtotals .totals {
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #eeeef0;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 1rem;
}
.checkout-order-summary-margin {
  margin-top: 40px;
  padding: 0 15px 0 15px;
}
@media (max-width: 1023px) {
  .checkout-order-summary-margin {
    margin-top: 24px;
  }
}
@media (max-width: 639px) {
  .checkout-order-summary-margin {
    margin-top: 32px;
    padding: 0 8px 0 8px;
  }
}

.subtotals__item--state-discount {
  color: var(--cx-color-primary);
}

.subtotals__item--row {
  border-bottom: 1px solid #d3d2d6;
  padding: 15px;
}
@media (max-width: 1024px) {
  .subtotals__item--row {
    font-size: 14px;
    padding: 10px 0 10px 0;
  }
}
@media (max-width: 480px) {
  .subtotals__item--row {
    border-bottom: 1px dashed #bab6bc;
  }
  .subtotals__item--row:last-of-type {
    border-bottom: none;
  }
}
@media (max-width: 480px) {
  .subtotals__item--row-container {
    padding: 0 24px 0 24px;
  }
}

@media (max-width: 480px) {
  .subtotals__item--totals {
    background-color: #eeeef0;
    border-bottom: none;
    border-radius: 0 0 15px 15px;
  }
}
.subtotals__item--totals-container {
  display: flex;
}
@media (max-width: 480px) {
  .subtotals__item--totals-container {
    padding: 0 24px 0 24px;
  }
}

.subtotals-item--state-green {
  color: var(--cx-color-primary);
}
@media (min-width: 480px) {
  .subtotals-item--state-green-totals {
    color: var(--cx-color-primary);
  }
}

@media (max-width: 480px) {
  .subtotals__item--background {
    background-color: #fafafa;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
  }
}

.label-spacing {
  padding-right: 5px;
}

@media (max-width: 639px) {
  .place-order-form {
    padding: 0 20px;
  }
  .checkout-order-summary {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    border-bottom: #ffffff;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  border-bottom: #ffffff;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}

.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 0.875rem;
  color: #000000;
  text-transform: none;
  font-weight: 400;
  line-height: 0.3px;
}
.place-order-form .required {
  color: #b42a27;
  font-weight: bold;
}

.observationNF {
  border: 1px solid #eeeef0;
  border-top: #ffffff;
  padding: 10px 20px 24px;
}
.observationNF .form-group {
  margin-bottom: 8px;
}
.observationNF textarea.form-control {
  background: #eeeef0;
  border-radius: 8px;
  height: 59px;
  min-height: 59px;
  max-height: 130px;
  border: none;
  box-shadow: none;
  width: 100%;
  max-width: 490px;
}
.observationNF textarea.form-control::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #bab6bc;
}
.observationNF .control-label {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  padding-bottom: 16px;
}
.observationNF span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #554f52;
}
@media (max-width: 1023px) {
  .observationNF {
    padding-top: 40px;
  }
}

.place-order-form .checkbox label {
  padding-left: 22px;
}

.btn-close-terms-and-conditions {
  margin: 30px 0;
}

@media (min-width: 640px) {
  .place-order-form .checkbox {
    margin-right: 20px;
  }
}
.checkout-credit-limit-container {
  margin-left: 20px;
}

.checkout-confirmation-message {
  width: 100%;
  min-height: 0px;
}

.checkout-confirmation-message-wrapper {
  width: 100%;
}
.checkout-confirmation-message-wrapper .form-control {
  height: 26px;
}
.checkout-confirmation-message-wrapper .help-block {
  white-space: break-spaces;
}

.checkout-confirmation-message-input {
  display: flex;
  margin-top: 15px;
  white-space: nowrap;
}

.checkout-confirmation-message-container {
  margin-top: 15px;
}

.checkout-summary-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .checkout-summary-wrapper {
    display: block;
  }
}

.checkout-help {
  text-align: center;
  border: 1px solid #eeeef0;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
.checkout-help .content {
  font-size: 15px;
}
@media (max-width: 639px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.checkout-success {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-success {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.checkout-success__body,
.checkout-success__body__assisted {
  margin: 3.5rem 0 0 0;
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-success__body,
  .checkout-success__body__assisted {
    margin: 2rem 0 0 0;
  }
}
@media (max-width: 479px) {
  .checkout-success__body,
  .checkout-success__body__assisted {
    margin: 1.5rem 0 0 0;
  }
}

.checkout-success__body__assisted {
  align-items: flex-start;
  text-align: left;
}

.checkout-success__body__headline,
.success-headline-assisted {
  color: #3c3738;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1rem;
}
@media (max-width: 479px) {
  .checkout-success__body__headline,
  .success-headline-assisted {
    font-size: 16px;
    margin-bottom: 0.5rem;
  }
}

.success-headline-assisted {
  margin-bottom: 2rem;
  text-align: left;
}
@media (max-width: 479px) {
  .success-headline-assisted {
    font-size: 15px;
    margin-bottom: 1.5rem;
  }
}

.checkout-order-received {
  color: var(--cx-color-primary);
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 1rem;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-received {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .checkout-order-received {
    font-size: 14px;
    margin-bottom: 0.5rem;
  }
}

.checkout-order-number,
.checkout-payment-link-text {
  color: #3c3738;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.checkout-order-number .order-number-green,
.checkout-payment-link-text .order-number-green {
  color: var(--cx-color-primary);
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-number,
  .checkout-payment-link-text {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .checkout-order-number,
  .checkout-payment-link-text {
    font-size: 12px;
    margin-bottom: 0.5rem;
  }
}

.checkout-order-details-email,
.email-assisted-order-summary {
  color: #000000;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  max-width: 700px;
}
@media (max-width: 1023px) {
  .checkout-order-details-email,
  .email-assisted-order-summary {
    font-size: 12px;
  }
}

.email-assisted-order-summary {
  display: inline;
  text-align: left;
  max-width: 876px;
  margin-bottom: 1rem;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .email-assisted-order-summary {
    font-size: 14px;
  }
}

.checkout-order-summary-container {
  margin-top: 3rem;
}
.checkout-order-summary-container .order-summary-title {
  color: #3c3738;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 2rem;
  text-decoration: underline;
  text-decoration-color: var(--cx-color-success);
  text-decoration-thickness: 4px;
  text-underline-offset: 8px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary-container .order-summary-title {
    margin-bottom: 18px;
  }
}
.checkout-order-summary-container .order-summary-status-display-WAITING_CREDIT_CARD_INFO {
  color: var(--cx-color-warning);
}
.checkout-order-summary-container .order-summary-status-display-CANCELLED {
  color: var(--cx-color-danger);
}
.checkout-order-summary-container .order-summary-status-display-OPEN {
  color: var(--cx-color-info);
}
.checkout-order-summary-container .order-summary-status-display-COMPLETED {
  color: var(--cx-color-success);
}
.checkout-order-summary-container .order-summary-status-display-REJECTED {
  color: var(--cx-color-danger);
}
.checkout-order-summary-container .order-summary-horizontal-line {
  background: #d3d2d6;
  margin: 0;
}
.checkout-order-summary-container .order-summary-table {
  display: grid;
  grid-template-columns: 16% 16% 17% 17% 13%;
  gap: 3.5rem;
  padding: 1.5rem 0.5rem;
}
@media (max-width: 479px) {
  .checkout-order-summary-container .order-summary-table .table-row-mobile-margin {
    margin: 0 0 0.5rem 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary-container .order-summary-table {
    gap: 20px;
    padding: 1.5rem 0;
  }
}
@media (max-width: 479px) {
  .checkout-order-summary-container .order-summary-table {
    padding: 1rem 0;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .checkout-order-summary-container .order-summary-table {
    grid-template-columns: 16% 15% 16% 16% 15%;
    gap: 3rem;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  .checkout-order-summary-container .order-summary-table {
    grid-template-columns: 17% 16% 19% 19% 17%;
    justify-content: center;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .checkout-order-summary-container .order-summary-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-child(-1n+3) {
    grid-column: span 1;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-last-child(2) {
    grid-row-start: 2;
    grid-column: span 2;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-last-child(1) {
    grid-row-start: 2;
    grid-column: 3;
  }
}
@media (max-width: 639px) {
  .checkout-order-summary-container .order-summary-table {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-child(3) {
    grid-row-start: 2;
    grid-column: span 2;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-last-child(2) {
    grid-row-start: 3;
    grid-column: 1;
  }
  .checkout-order-summary-container .order-summary-table .order-summary-table-row:nth-last-child(1) {
    grid-row-start: 3;
    grid-column: 2;
  }
}
.checkout-order-summary-container .order-summary-table-row {
  display: flex;
  flex-direction: column;
}
.checkout-order-summary-container .order-summary-table-title {
  color: #3c3738;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1rem 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary-container .order-summary-table-title {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .checkout-order-summary-container .order-summary-table-title {
    font-size: 12px;
    margin: 0 0 0.5rem 0;
  }
}
.checkout-order-summary-container .order-summary-table-text {
  color: #3c3738;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-order-summary-container .order-summary-table-text {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .checkout-order-summary-container .order-summary-table-text {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .checkout-order-summary-container {
    margin: 40px 0 0 0;
  }
}

.instructions-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.order-summary-instructions-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  border-radius: 8px;
  background-color: #fafafa;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 2.5rem;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .order-summary-instructions-container {
    width: 92%;
  }
}
@media (max-width: 479px) {
  .order-summary-instructions-container {
    width: 100%;
  }
}

.boleto-instructions-container {
  padding: 2.5rem 2rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .boleto-instructions-container {
    padding: 2rem;
  }
}
@media (max-width: 639px) {
  .boleto-instructions-container {
    padding: 1.5rem 1rem;
  }
}

.pix-instructions {
  padding: 2rem;
}

.boleto-instructions-title {
  justify-content: left;
  color: #000000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .boleto-instructions-title {
    font-size: 14px;
    margin: 0 0 1rem 0;
  }
}
@media (max-width: 479px) {
  .boleto-instructions-title {
    font-size: 12px;
    margin: 0 0 1rem 0;
  }
}

.boleto-hint-container {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
  margin-bottom: 3.75rem;
}
.boleto-hint-container img {
  width: 30px;
  height: 30px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .boleto-hint-container img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 479px) {
  .boleto-hint-container img {
    width: 21px;
    height: 20px;
  }
}
.boleto-hint-container p {
  margin: 0 0 0 0.5rem;
  color: #887f87;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .boleto-hint-container p {
    margin: 0 0 0 0.25rem;
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .boleto-hint-container p {
    font-size: 12px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .boleto-hint-container {
    margin-bottom: 30px;
  }
}
@media (max-width: 479px) {
  .boleto-hint-container {
    margin-bottom: 1.5rem;
  }
}

.boleto-container {
  display: flex;
  flex-direction: column;
  padding: 0 2.5rem;
}
@media (max-width: 1023px) {
  .boleto-container {
    padding: 0;
  }
}

.boleto-number-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.boleto-number-container p {
  margin: 0;
  color: #000000;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .boleto-number-container {
    margin-bottom: 5px;
  }
  .boleto-number-container p {
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  .boleto-number-container {
    margin-bottom: 0.5rem;
  }
  .boleto-number-container p {
    font-size: 10px;
  }
}
@media (max-width: 479px) {
  .boleto-number-container {
    overflow-wrap: anywhere;
  }
}

.boleto-buttons-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 12px;
  align-items: center;
  justify-content: center;
}
.boleto-buttons-container .boleto-btn-width {
  max-width: 155px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boleto-buttons-container a {
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .boleto-buttons-container {
    margin-top: 10px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .boleto-buttons-container {
    margin-top: 1rem;
  }
}
@media (max-width: 479px) {
  .boleto-buttons-container a {
    font-size: 12px;
  }
}

.boleto-faturado-instructions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 13.4px;
  align-items: center;
}
.boleto-faturado-instructions img {
  width: 24px;
  height: 24px;
}
@media (max-width: 479px) {
  .boleto-faturado-instructions img {
    width: 20px;
    height: 20px;
  }
}
.boleto-faturado-instructions p {
  color: #887f87;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
@media (max-width: 767px) {
  .boleto-faturado-instructions {
    align-items: flex-start;
  }
}

.pix-instructions-title {
  color: var(--cx-color-primary);
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 2rem 0;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pix-instructions-title {
    margin: 0 0 1.5rem 0;
  }
}
@media (max-width: 479px) {
  .pix-instructions-title {
    font-size: 14px;
    margin: 0 0 1rem 0;
  }
}

.pix-instructions-container {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-bottom: 43px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pix-instructions-container {
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 479px) {
  .pix-instructions-container {
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
}

.qr-code-img-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}
.qr-code-img-block img {
  max-width: 170px;
  max-height: 170px;
}
.qr-code-img-block p {
  color: #000000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
@media (max-width: 1023px) {
  .qr-code-img-block {
    gap: 0.5rem;
  }
  .qr-code-img-block img {
    max-width: 110px;
    max-height: 110px;
  }
  .qr-code-img-block p {
    font-size: 10px;
  }
}

.pix-instructions-steps {
  display: flex;
  flex-direction: column;
}
.pix-instructions-steps p {
  color: #3c3738;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 0.5rem 0;
}
.pix-instructions-steps span {
  font-weight: 500;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .pix-instructions-steps p {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .pix-instructions-steps p {
    font-size: 12px;
  }
}

.step-4-large-screen {
  margin: 1.5rem 0 1rem 0 !important;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .step-4-large-screen {
    margin: 1rem 0 0.5rem 0 !important;
  }
}

.step-4-small-screen {
  color: #3c3738;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .step-4-small-screen {
    margin: 1rem 0 0.5rem 0;
  }
}
@media (min-width: 480px) and (max-width: 640px) {
  .step-4-small-screen {
    margin: -1rem 0 0.5rem 0;
  }
}
@media (max-width: 479px) {
  .step-4-small-screen {
    margin: 0 0 0.5rem 0;
  }
}

.copy-code-block-large-screen,
.copy-code-block-small-screen {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.copy-code-block-small-screen {
  margin-bottom: 1rem;
}

.pix-code-input {
  border-radius: 8px;
  border: 1px solid var(--cx-color-primary);
  background: #ffffff;
  padding: 10px;
  width: 100%;
  color: #000000;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .pix-code-input {
    height: 28px;
    border-radius: 5px;
    border: 0.6px solid var(--cx-color-primary);
    font-size: 8.87px;
    line-height: 15.206px;
  }
}

.btn-copy-pix-code {
  display: flex;
  flex-direction: row;
  max-width: 102px;
  max-height: 44px;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid var(--cx-color-primary);
  background: rgba(234, 243, 226, 0.3);
}
.btn-copy-pix-code p {
  color: var(--cx-color-primary);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}
.btn-copy-pix-code img {
  width: 20px;
  height: 20px;
  filter: invert(59%) sepia(84%) saturate(400%) hue-rotate(44deg) brightness(93%) contrast(95%);
}
@media (max-width: 1023px) {
  .btn-copy-pix-code {
    display: flex;
    max-height: 28px;
    justify-content: center;
    align-items: center;
  }
}

.boleto-due-date-small-screen {
  color: #000000;
  text-align: right;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0.5rem 0 0 0;
}
@media (max-width: 639px) {
  .boleto-due-date-small-screen {
    font-size: 10px;
  }
}

.pix-due-date-container {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.pix-due-date-container p {
  color: #887f87;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
.pix-due-date-container img {
  width: 20px;
  height: 20px;
}
@media (max-width: 1200px) {
  .pix-due-date-container {
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  .pix-due-date-container {
    gap: 5px;
  }
  .pix-due-date-container p {
    font-size: 12px;
  }
  .pix-due-date-container img {
    width: 16.6px;
    height: 16.6px;
  }
}

.pickup-authorization-document {
  margin: 20px;
}
.pickup-authorization-document a {
  text-decoration: revert;
}
.pickup-authorization-document span {
  color: var(--cx-color-primary);
}

.termsAndConditions-section {
  padding-bottom: 20px;
}

label.terms {
  margin: 15px 0;
}

fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
.page-multiStepCheckoutSummaryPage .message__update-phone {
  gap: 8px;
  align-items: center;
  margin: 32px 32px 0 32px;
  padding: 16px 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #eaf3e2;
  color: var(--cx-color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16.8px;
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .message__update-phone {
    margin: 12px 12px 0 12px;
    font-size: 12px;
    padding: 16px 9px 16px 16px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #d3d2d6;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #eeeef0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup {
    margin: 16px 0px;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .modal-dialog {
  max-width: 640px;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup .modal-dialog {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup .modal-content {
    width: 312px;
    max-height: 700px;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressBook-container {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  padding: 0px 35px 40px;
  max-height: 668px;
  height: fit-content;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup .addressBook-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 18px 26px;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .address-colorbox {
  background-color: #ffffff;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .headline {
  height: 104px;
  margin-bottom: 0px;
  padding: 43px 40px 15px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup .headline {
    padding: 43px 25px 15px;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .btn-close {
  font-size: 12px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .headline-text {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #000000;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage .checkout-address-popup .headline-text {
    font-size: 23px;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup ::-webkit-scrollbar {
  background: #f2f2f2;
  border-radius: 8px;
  width: 8px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup ::-webkit-scrollbar-thumb {
  background: #d3d2d6;
  border-radius: 8px;
  width: 8px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry {
  width: 264px;
  height: 262px;
  background: #fafafa;
  color: #ffffff;
  border-radius: 8px;
  margin-top: 0px;
  display: flex;
  justify-content: center;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  line-height: 23px;
  color: #000000;
  padding: 20px 0px;
  width: 232px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry form,
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry ul {
  display: flex;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin-top: 24px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .btn.disabled, .page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry ul {
  width: 264px;
  height: 262px;
  margin: 0px;
  justify-content: center;
  padding-left: 0px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .addressEntry-bottom-wrapper {
  line-height: 23px;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .addressEntry-top-wrapper {
  display: flex;
  flex-direction: column;
}
.page-multiStepCheckoutSummaryPage .checkout-address-popup .addressEntry .addressEntry-top-wrapper .addressEntry-title {
  margin-bottom: 8px;
}
.page-multiStepCheckoutSummaryPage .checkout-modal .glyphicon-remove::before {
  content: none;
}

.fieldset-add-days {
  width: 40px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #bab6bc;
  box-sizing: border-box;
  text-align: center;
}

.btn-ok {
  text-decoration-line: underline;
}

.checkout-paymentLink a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

#securityCodeModal .modal-body {
  padding: 15px 40px 30px 40px;
}
#securityCodeModal .modal-header {
  padding: 43px 40px 15px;
}
#securityCodeModal .modal-title {
  color: #77be21;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
}

.validate-token {
  margin-top: 32px;
}
.validate-token button {
  height: 44px;
  font-size: 16px;
}
.validate-token .btn-danger {
  background: transparent;
  color: #b42a27;
}
.validate-token .btn-danger:hover {
  background: #b42a27;
  color: #fff;
}

.validate-token p {
  margin-bottom: 24px;
}

.select-cellphone {
  display: flex;
  width: 80%;
}
.select-cellphone .btn {
  margin-top: 0px;
  margin-left: 8px;
}
.select-cellphone .cellphone-selector,
.select-cellphone .btn {
  width: 50%;
}
.select-cellphone .cellphone-selector {
  margin-right: 8px;
}

.validate-token {
  margin-top: 32px;
}

@media (max-width: 1023px) {
  .select-cellphone {
    justify-content: space-between;
    width: 100%;
  }
  .select-cellphone .btn {
    height: 42px;
  }
  .select-cellphone .btn,
  .validate-token .btn {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .select-cellphone {
    flex-direction: column;
  }
  .select-cellphone,
  .select-cellphone .cellphone-selector,
  .select-cellphone .btn {
    width: 100%;
  }
  .select-cellphone .cellphone-selector,
  .select-cellphone .btn {
    margin-left: 0px;
    margin-right: 0px;
  }
  .select-cellphone .cellphone-selector {
    margin-bottom: 16px;
  }
  .select-cellphone .btn,
  .validate-token .btn {
    font-size: 0.875rem;
  }
}
.account-orderdetail .btn,
.checkout__confirmation__content--component .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.account-orderdetail .btn.disabled, .account-orderdetail .btn[disabled],
.checkout__confirmation__content--component .btn.disabled,
.checkout__confirmation__content--component .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.page-orderConfirmationPage .export-order-details {
  display: none;
}

.copy-code-popup {
  width: 312px;
  height: 64px;
  border-radius: 8px;
  opacity: 0.8;
  background: #eaf3e2;
  padding: 1.5rem 1rem;
  position: absolute;
  left: 0;
  top: -86px;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.copy-code-popup p {
  margin: 0;
  color: #41a017;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.copy-code-popup img {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .copy-code-popup {
    top: -80px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .copy-code-popup {
    top: -70px;
  }
}
@media (max-width: 639px) {
  .copy-code-popup {
    width: 235px;
    height: 48px;
    padding: 12px 10px;
    top: -60px;
  }
  .copy-code-popup p {
    font-size: 12px;
  }
}

.flag-orderUnavailability,
.flag-orderEntryParcel {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .flag-orderUnavailability,
  .flag-orderEntryParcel {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(238, 238, 240, 0.3);
  }
}

.credit-card-assisted-component {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  width: 100%;
  word-break: break-word;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .credit-card-assisted-component {
    gap: 1rem;
  }
}
@media (max-width: 479px) {
  .credit-card-assisted-component {
    gap: 6px;
  }
}
.credit-card-assisted-component img {
  max-width: 168px;
  max-height: 168px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .credit-card-assisted-component img {
    max-width: 120px;
    max-height: 120px;
  }
}
@media (max-width: 479px) {
  .credit-card-assisted-component img {
    max-width: 110px;
    max-height: 110px;
  }
}

.order-number-assisted {
  text-align: left;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .order-number-assisted {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .order-number-assisted {
    margin-bottom: 1.5rem;
  }
}

.checkout-payment-link-text {
  margin-bottom: 0;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .checkout-payment-link-text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .checkout-payment-link-text {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .checkout-payment-link-text {
    margin-bottom: 0;
  }
}

.payment-link-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .payment-link-container {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .payment-link-container {
    display: none;
  }
}
.payment-link-container .button-copy-payment-link {
  width: 155px;
  height: 40px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .payment-link-container .button-copy-payment-link {
    width: 130px;
    height: 32px;
  }
}

.vertical-bar {
  display: flex;
  width: 1px;
  height: 17px;
  background-color: #000000;
}
@media (min-width: 1024px) {
  .vertical-bar {
    display: none;
  }
}

.payment-link {
  color: var(--cx-color-primary);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .payment-link {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .payment-link {
    font-size: 12px;
  }
}

.instructions-container-assisted {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.payment-link-container-mobile {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 767px) {
  .payment-link-container-mobile {
    display: none;
  }
}
.payment-link-container-mobile .button-copy-payment-link {
  width: 155px;
  height: 40px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .payment-link-container-mobile .button-copy-payment-link {
    width: 130px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .payment-link-container-mobile .button-copy-payment-link {
    min-width: 81px;
    max-width: 81px;
    min-height: 32px;
    max-height: 32px;
    font-size: 12px;
    padding: 0.5rem;
  }
}

.page-multiStepCheckoutSummaryPage .checkout-order-container {
  margin-right: 20px;
  color: #6f676c;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage .checkout-order-container div {
  height: 23px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .checkout-order-container {
    gap: 0.5rem;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-container div {
    align-items: flex-start;
    height: fit-content;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .checkout-order-container {
    gap: 0.5rem;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-container div {
    align-items: flex-start;
    height: fit-content;
    font-size: 12px;
  }
}

/* final review step 3 styles at checkout */
.page-multiStepCheckoutSummaryPage {
  /* General styles */
  /* Desktop responsive */
  /* Tablet responsive */
  /* Mobile responsive */
}
.page-multiStepCheckoutSummaryPage .summary__final-review {
  padding: 29px 15px 0;
}
.page-multiStepCheckoutSummaryPage .summary__final-review .js-total,
.page-multiStepCheckoutSummaryPage .summary__final-review .discount__value-checkout {
  color: var(--cx-color-primary);
}
.page-multiStepCheckoutSummaryPage .checkout-order-summary-list .summary__final-review > span {
  display: none;
}
.page-multiStepCheckoutSummaryPage .checkout__review-information:not(:last-child) {
  border-bottom: 1px solid #d3d2d6;
  padding-bottom: 1rem;
}
.page-multiStepCheckoutSummaryPage .order__summary-final {
  display: none;
}
.page-multiStepCheckoutSummaryPage .observationNF {
  padding: 40px 15px 32px;
}
.page-multiStepCheckoutSummaryPage .observationNF textarea#observationNF {
  padding: 16px 119px 20px 8px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #bab6bc;
  overflow: hidden;
}
.page-multiStepCheckoutSummaryPage .observationNF .control-label {
  font-weight: 700;
  font-size: 14px;
}
.page-multiStepCheckoutSummaryPage .place-order-form button#placeOrder {
  height: 40px;
  font-size: 16px;
}
.page-multiStepCheckoutSummaryPage .place-order-form .checkbox {
  margin: 32px 0 24px 0;
}
.page-multiStepCheckoutSummaryPage .place-order-form .checkbox label {
  padding: 0;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage .place-order-form .checkbox label input#Terms1 {
  margin-bottom: 0;
  margin-right: 6px;
}
.page-multiStepCheckoutSummaryPage .place-order-form .checkbox label .termsAndConditionsLink {
  color: #25a8d0;
}
@media (min-width: 1024px) {
  .page-multiStepCheckoutSummaryPage .observationNF textarea#observationNF {
    max-width: 100%;
    height: 75px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-summary-list .summary__final-review {
    font-size: 18px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-review .summary__final-review {
    font-size: 16px;
  }
  .page-multiStepCheckoutSummaryPage .place-order-form input#Terms1 {
    width: 20px;
    height: 20px;
  }
  .page-multiStepCheckoutSummaryPage .place-order-form .checkbox label {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .summary__final-review {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .checkout-order-summary-list {
    width: 336px;
  }
  .page-multiStepCheckoutSummaryPage .order__summary-final {
    display: block;
  }
  .page-multiStepCheckoutSummaryPage .place-order-form {
    padding: 0;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-summary {
    margin: 0;
  }
  .page-multiStepCheckoutSummaryPage ul.checkout-order-summary-list li.checkout-order-summary-list-heading {
    padding: 0;
  }
  .page-multiStepCheckoutSummaryPage .summary__final-review {
    padding: 29px 8px 0;
    font-size: 12px;
  }
  .page-multiStepCheckoutSummaryPage textarea#observationNF {
    max-width: 362px;
    height: 67px;
    padding: 16px 0px 31px 8px;
    border-radius: 4px;
    border: 1px solid #bab6bc;
  }
  .page-multiStepCheckoutSummaryPage .observationNF {
    padding: 32px 8px 32px;
  }
  .page-multiStepCheckoutSummaryPage .observationNF .control-label {
    font-size: 12px;
  }
}

.page-multiStepCheckoutSummaryPage {
  /* General Styles */
  /* Responsive Tablet */
}
.page-multiStepCheckoutSummaryPage .checkout-steps .step-head.active {
  background-color: var(--cx-color-primary);
}
.page-multiStepCheckoutSummaryPage .checkout-shipping-items-header {
  color: var(--cx-color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 48px 0 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-multiStepCheckoutSummaryPage .checkout-shipping-items-header .margin-top-icon {
  margin-top: -4px;
}
.page-multiStepCheckoutSummaryPage span.disclaimed__text-truck p > a {
  color: #25a8d0;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  text-decoration-line: underline;
}
.page-multiStepCheckoutSummaryPage .checkout-shipping {
  padding: 0 37px 32px;
  position: relative;
}
.page-multiStepCheckoutSummaryPage .checkout-shipping .delivery-date {
  margin-bottom: 48px;
  color: #2282a8;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: rgba(177, 221, 232, 0.28);
  width: fit-content;
  height: 19px;
  padding: 0 4px;
  position: relative; /* Necessário para alinhar corretamente o traço */
}
.page-multiStepCheckoutSummaryPage .checkout-shipping .delivery-date.order-line::before {
  content: "";
  position: absolute;
  left: -10px;
  width: 1px;
  height: 100%;
  background: #2282a8;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .checkout-shipping .delivery-date.order-line::before {
    content: none;
    width: 0;
    height: 0;
    background: none;
  }
}
.page-multiStepCheckoutSummaryPage .checkout__pickup-person {
  color: var(--cx-color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-top: 10px;
}
.page-multiStepCheckoutSummaryPage .checkout__type-delivery {
  color: #222020;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation {
  width: 100%;
  padding-top: 32px;
  justify-content: space-between;
  border-bottom: none;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation div.tab-content {
  padding: 0 40px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li.checkout-single-outflow {
  width: 100%;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li:not(.checkout-single-outflow) {
  width: 50%;
  display: flex;
  justify-content: center;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li {
  padding-bottom: 10px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation #step-pickup-link {
  padding-left: 21px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation button {
  text-transform: inherit;
  font-size: 16px;
  background: transparent;
  border: none;
  padding-bottom: 12px;
  margin: 0px;
  font-weight: 400;
  height: 24px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation button.active,
.page-multiStepCheckoutSummaryPage .checkout__navigation button:hover {
  background: transparent;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation button:hover {
  border: none;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li > button {
  padding: 0;
  color: #222020;
  text-align: center;
  border-width: unset;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li:has(> .nav-item.active) {
  border-bottom: 3px solid var(--cx-color-primary);
}
.page-multiStepCheckoutSummaryPage .checkout__navigation li:has(> .nav-item) {
  border-bottom: 1px solid #dcdadd;
}
.page-multiStepCheckoutSummaryPage .checkout-pickup-consignment {
  margin-bottom: 48px;
}
.page-multiStepCheckoutSummaryPage .container__disclaimed {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.page-multiStepCheckoutSummaryPage .container__disclaimed img {
  width: 21px;
}
.page-multiStepCheckoutSummaryPage .container__disclaimed span {
  color: #887f87;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
.page-multiStepCheckoutSummaryPage .container__disclaimed button {
  color: #25a8d0;
  line-height: 19px;
  text-decoration-line: underline;
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .container__disclaimed {
    padding-top: 8px;
  }
}
.page-multiStepCheckoutSummaryPage .container__disclaimed .attention-shipping-warehouse {
  color: #887f87;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16.8px;
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .container__disclaimed .attention-shipping-warehouse {
    font-size: 12px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .container__disclaimed .icon-disclaimer-warehouse {
    max-width: 19px;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .container__disclaimed .icon-disclaimer-warehouse {
    max-width: 16px;
  }
}
.page-multiStepCheckoutSummaryPage .shipping-disclaimer-item {
  color: #887f87;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .shipping-disclaimer-item {
    font-size: 12px;
  }
}
.page-multiStepCheckoutSummaryPage .disclaimer-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 28px;
}
.page-multiStepCheckoutSummaryPage .disclaimer-items ::marker {
  color: #887f87;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage .disclaimer-items {
    padding-left: 26px;
    gap: 1rem;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .disclaimer-items {
    padding-left: 24px;
  }
}
.page-multiStepCheckoutSummaryPage #deliveryMethods {
  font-weight: normal;
  font-size: 16px;
  color: #222020;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage .title-selected-stores {
  color: #222020;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 32px;
  margin-bottom: 16px;
}
.page-multiStepCheckoutSummaryPage .selected__stores {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--cx-color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
  margin-top: 16px;
}
.page-multiStepCheckoutSummaryPage .selected__stores .margin-top-icon {
  margin-top: -4px;
}
.page-multiStepCheckoutSummaryPage #step-delivery-link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page-multiStepCheckoutSummaryPage .store__pickup-address,
.page-multiStepCheckoutSummaryPage .store__pickup-address-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page-multiStepCheckoutSummaryPage .store__pickup-address p,
.page-multiStepCheckoutSummaryPage .store__pickup-address-details p {
  margin: 0;
  color: #222020;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation button img {
  width: 24px;
  height: 24px;
}
.page-multiStepCheckoutSummaryPage .checkout__navigation #step-pickup-link {
  padding-left: 0;
  margin-left: 0;
}
.page-multiStepCheckoutSummaryPage .checkout-summary-headline {
  font-size: 20px;
}
.page-multiStepCheckoutSummaryPage .mt-40 {
  margin-top: 40px;
}
.page-multiStepCheckoutSummaryPage .withdrawal__details button,
.page-multiStepCheckoutSummaryPage .withdrawal__details button:hover {
  color: var(--cx-color-primary);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  padding: 0px;
}
@media (min-width: 1024px) {
  .page-multiStepCheckoutSummaryPage .withdrawal__details {
    margin-top: 10px;
  }
}
@media (min-width: 480px) {
  .page-multiStepCheckoutSummaryPage .withdrawal__details button {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage .withdrawal__details {
    margin-top: 8px;
  }
  .page-multiStepCheckoutSummaryPage .withdrawal__details button {
    font-size: 12px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-multiStepCheckoutSummaryPage .withdrawal__details {
    margin-top: 12px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping {
    padding: 0 14px 32px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping .delivery-date {
    font-size: 14px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation {
    padding-top: 20px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation button {
    width: auto;
    font-size: 14px;
    height: 19px;
    font-size: clamp(0.75rem, 0.5417rem + 0.5208vw, 0.875rem);
    align-items: end;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation button img {
    width: 19px;
    height: 19px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation li {
    padding-bottom: 8px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-summary-headline {
    font-size: 18px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping-items-header,
  .page-multiStepCheckoutSummaryPage .title-selected-stores {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-multiStepCheckoutSummaryPage .selected__stores {
    margin-bottom: 16px;
  }
  .page-multiStepCheckoutSummaryPage #deliveryMethods {
    font-size: 14px;
  }
  .page-multiStepCheckoutSummaryPage .selected__stores,
  .page-multiStepCheckoutSummaryPage .store__pickup-address,
  .page-multiStepCheckoutSummaryPage .store__pickup-address-details,
  .page-multiStepCheckoutSummaryPage .checkout__type-delivery,
  .page-multiStepCheckoutSummaryPage .store__pickup-address p {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .page-multiStepCheckoutSummaryPage #step-delivery-content .container__disclaimed {
    padding-top: 40px;
  }
  .page-multiStepCheckoutSummaryPage details[open] {
    height: auto;
    margin-bottom: 1rem;
  }
  .page-multiStepCheckoutSummaryPage summary {
    cursor: pointer;
  }
  .page-multiStepCheckoutSummaryPage summary.checkout-shipping-items-header img.chevron-down-checkout {
    transition: transform 0.3s ease;
  }
  .page-multiStepCheckoutSummaryPage summary.checkout-shipping-items-header img.rotated {
    transform: rotate(180deg);
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping {
    padding: 0 8px 32px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping .delivery-date {
    font-size: 12px;
    margin-bottom: 0;
  }
  .page-multiStepCheckoutSummaryPage .checkout-pickup-consignment {
    margin-bottom: 32px;
  }
  .page-multiStepCheckoutSummaryPage .mobile__division-line {
    border: 1px solid #add585;
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation {
    padding-top: 21px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation button {
    font-size: 12px;
    height: 17px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__navigation button img {
    width: 17px;
    height: 17px;
  }
  .page-multiStepCheckoutSummaryPage .title-selected-stores,
  .page-multiStepCheckoutSummaryPage .selected__stores,
  .page-multiStepCheckoutSummaryPage .store__pickup-address p,
  .page-multiStepCheckoutSummaryPage .store__pickup-address span,
  .page-multiStepCheckoutSummaryPage .store__pickup-address-details p,
  .page-multiStepCheckoutSummaryPage .store__pickup-address-details span,
  .page-multiStepCheckoutSummaryPage .checkout-shipping-items-header,
  .page-multiStepCheckoutSummaryPage .checkout__pickup-person,
  .page-multiStepCheckoutSummaryPage .container__disclaimed span,
  .page-multiStepCheckoutSummaryPage #deliveryMethods,
  .page-multiStepCheckoutSummaryPage .checkout__type-delivery,
  .page-multiStepCheckoutSummaryPage .margin__label {
    font-size: 12px;
  }
  .page-multiStepCheckoutSummaryPage .disclaimed__text-truck p {
    margin-bottom: 0px;
  }
  .page-multiStepCheckoutSummaryPage .margin__value div span {
    font-size: 12px;
  }
  .page-multiStepCheckoutSummaryPage .store__pickup-address,
  .page-multiStepCheckoutSummaryPage .store__pickup-address-details {
    margin-top: 10px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-shipping-items-header {
    margin-top: 16px;
  }
  .page-multiStepCheckoutSummaryPage .checkout__type-delivery {
    margin-top: 0;
  }
  .page-multiStepCheckoutSummaryPage .checkout-selected-address {
    margin-bottom: 18.5px;
  }
  .page-multiStepCheckoutSummaryPage .gap-8 {
    gap: 8px;
  }
  .page-multiStepCheckoutSummaryPage .from__price .price-from {
    text-decoration: line-through;
  }
  .page-multiStepCheckoutSummaryPage .tab__info-pickup {
    padding: 16px 0;
  }
  .page-multiStepCheckoutSummaryPage .tab__info {
    gap: 26px;
    border-bottom: 1px solid #f3f2f3;
    font-size: 12px;
  }
  .page-multiStepCheckoutSummaryPage .tab__info:first-child {
    padding-bottom: 16px;
  }
  .page-multiStepCheckoutSummaryPage .tab__info:not(:first-child) {
    padding: 16px 0;
  }
  .page-multiStepCheckoutSummaryPage .tab__info .container__thumb-description {
    gap: 10px;
  }
  .page-multiStepCheckoutSummaryPage .tab__info .price {
    font-size: 12px;
  }
  .page-multiStepCheckoutSummaryPage .tab__info .margin-component {
    margin-top: 24px;
  }
  .page-multiStepCheckoutSummaryPage .tab__info .name {
    max-width: 158px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    color: var(--cx-color-primary);
  }
  .page-multiStepCheckoutSummaryPage .tab__info .thumb a img {
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 639px) {
  .checkout-coupon-list {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.checkout-order-summary .checkout-coupon-list {
  padding: 30px 0;
  border-bottom: 1px solid #eeeef0;
}
@media (max-width: 639px) {
  .checkout-order-summary .checkout-coupon-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.coupon-list__headline {
  font-size: 2rem;
  line-height: 38px;
  font-weight: bold;
  font-size: 18px;
}

.coupon-list {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.coupon-code {
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .cart-voucher {
    margin-bottom: 55px;
  }
}
.cart-voucher__btn {
  color: var(--cx-color-primary);
  background-color: #f9fcf7;
  border: 1px solid var(--cx-color-primary);
  height: 43px;
  padding: 8px 16px;
  width: auto;
  border-radius: 8px;
  font-size: 14px;
}
.cart-voucher__btn:hover {
  background: var(--cx-color-primary);
  color: #fff;
}
@media (max-width: 639px) {
  .cart-voucher__btn {
    height: 33px;
    font-size: 14px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-voucher__btn {
    height: 35px;
  }
}

.cart-voucher__label {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  font-size: 14px;
}

.cart-voucher__input {
  max-width: 309px;
  width: 100%;
  height: 44px;
  float: left;
  margin-right: 8px;
  border-radius: 8px;
  border: 1px solid #bab6bc;
  color: #bab6bc;
  font-size: 16px;
}
@media (max-width: 639px) {
  .cart-voucher__input {
    width: 100%;
    height: 34px;
    font-size: 12px;
    max-width: unset;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-voucher__input {
    border: 0.8px solid #bab6bc;
    height: 35px;
    color: #bab6bc;
    font-size: 14px;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .js-voucher-respond {
    margin-top: -7px;
    margin-bottom: 10px;
  }
  .js-voucher-respond form > div {
    justify-content: space-between !important;
  }
}

.cart-voucher__input::placeholder,
.cart-voucher__input::-moz-placeholder,
.cart-voucher__input:-ms-input-placeholder,
.cart-voucher__input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: normal;
  color: gray;
  text-transform: initial;
  color: #bab6bc;
}
@media (max-width: 639px) {
  .cart-voucher__input::placeholder,
  .cart-voucher__input::-moz-placeholder,
  .cart-voucher__input:-ms-input-placeholder,
  .cart-voucher__input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cart-voucher__input::placeholder,
  .cart-voucher__input::-moz-placeholder,
  .cart-voucher__input:-ms-input-placeholder,
  .cart-voucher__input::-webkit-input-placeholder {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
}

.cart-voucher__help-block {
  display: none;
  padding-top: 25px;
}
.cart-voucher__help-block .has-success {
  color: #00a651;
}
.has-error .cart-voucher__help-block, .has-success .cart-voucher__help-block {
  display: block;
}

@media (max-width: 1399px) and (min-width: 1024px) {
  .cart-voucher__input {
    width: 70%;
  }
}
.voucher-list {
  padding-left: 0;
  list-style: none;
  margin-top: -5px;
  margin-bottom: 0px;
}

.voucher-list__item-box {
  display: inline-block;
  max-width: 307px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--cx-color-primary);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
  margin-top: 10px;
}
.voucher-list__item-box .voucher-name {
  display: flex;
  gap: 8px;
}

.voucher-list__item-remove {
  color: #cdcdcd;
  padding: 0;
  cursor: pointer;
  margin: -30px 0;
  position: relative;
  top: 2px;
}

.gift__coupons {
  text-align: center;
  border-top: 1px solid #eeeef0;
  margin: 0 auto 55px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  width: 80%;
}
@media (max-width: 1024px) {
  .gift__coupons {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.gift__coupons span {
  display: block;
}
@media (max-width: 480px) {
  .gift__coupons {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .gift__coupons {
    width: 40%;
  }
}

.gift__coupons .gift__coupon--title {
  margin-bottom: 5px;
}

.gift__coupon .gift__coupon--name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.page-cartPage #apiOutArComplementaryProductsModal .modal-dialog,
.page-cartPage #notFoundComplementaryProductsModal .modal-dialog,
.page-productDetails #apiOutArComplementaryProductsModal .modal-dialog,
.page-productDetails #notFoundComplementaryProductsModal .modal-dialog {
  justify-content: center;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content,
.page-cartPage #notFoundComplementaryProductsModal .modal-content,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content,
.page-productDetails #notFoundComplementaryProductsModal .modal-content {
  max-width: 500px;
  width: 100%;
  height: 339px;
  padding: 33px 40px 46px 49px;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header {
  flex-direction: column;
  gap: 7px;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header p,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header p,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header p,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header p {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-weight: 600;
  line-height: normal;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts {
  font-size: 24px;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-body,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-body,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-body,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-body {
  max-width: 411px;
  width: 100%;
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-footer,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-footer,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-footer,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-footer {
  margin: 0 auto;
}
.page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-footer button,
.page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-footer button,
.page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-footer button,
.page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-footer button {
  display: flex;
  width: 243px;
  height: 48px;
  padding: 13px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 11.393px;
  background: #df3828;
  color: #fff;
  font-size: 18px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content {
    height: fit-content;
    padding: 28.1px 40px 35px 49px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts {
    font-size: 24px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header img,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header img,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header img,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header img {
    width: 61px;
    height: 58px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-body,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-body,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-body,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-body {
    flex: 0;
    margin-bottom: 24px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-footer,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-footer,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-footer,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-footer {
    padding: 0;
  }
}
@media (max-width: 479px) {
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content {
    width: 379.835px;
    height: fit-content;
    padding: 28px 40px 32px 40px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header p,
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header p,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header p,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header p,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header p.title_notFound_complementaryProducts {
    font-size: 16px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-header img,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-header img,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-header img,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-header img {
    width: 43px;
    height: 41px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-body,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-body,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-body,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-body {
    width: 279px;
    font-size: 14px;
    margin: 0 auto;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-footer,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-footer,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-footer,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-footer {
    padding: 0;
    margin-top: 18px;
  }
  .page-cartPage #apiOutArComplementaryProductsModal .modal-content .modal-footer button,
  .page-cartPage #notFoundComplementaryProductsModal .modal-content .modal-footer button,
  .page-productDetails #apiOutArComplementaryProductsModal .modal-content .modal-footer button,
  .page-productDetails #notFoundComplementaryProductsModal .modal-content .modal-footer button {
    width: 300px;
    height: 40px;
    gap: 14.241px;
  }
}

#storeFinder {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #storeFinder {
    padding-left: 0px;
    padding-right: 20px;
  }
}
#storeFinder #storelocator-query {
  height: 64px;
}

.headline {
  font-size: 18px;
  margin-bottom: 10px;
}

.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}

.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 64px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination::after {
  display: block;
  clear: both;
  content: "";
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 640px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 100%;
  height: 200px;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #dddddd;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #dddddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon, .store__finder .store__finder--navigation-list li.loading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .store__finder .store__finder--navigation-list li.loading .owl-prev,
.store__finder .store__finder--navigation-list li.loading .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .store__finder .store__finder--navigation-list li.loading .owl-next, .store__finder .store__finder--navigation-list li.loading .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .store__finder .store__finder--navigation-list li.loading .accordion-toggle:before, .store__finder .store__finder--navigation-list li.loading .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .store__finder .store__finder--navigation-list li.loading .product__list--item.tag-highlighted:after, .store__finder .store__finder--navigation-list li.loading .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .store__finder .store__finder--navigation-list li.loading .product-item.tag-highlighted:after {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 1rem;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #dddddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label {
  background: #47b6b1;
  color: #ffffff !important;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #ffffff;
  transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #dddddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
  margin-bottom: 20px;
  display: none;
}
.store__finder .store__finder--details .store__finder--details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
  width: 100%;
  height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
  font-weight: bold;
}
.store__finder .store__finder--details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store__finder .store__finder--details hr:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #dddddd;
}
.store__finder .store__finder--details .store__finder--details-map {
  background: #eeeeee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
  margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 639px) {
  .store__finder .back__to__storelist {
    margin-bottom: 10px;
  }
  .store__finder .store__finder--panel {
    width: 200%;
    margin: 0;
    transition: transform("0.3s ease-out");
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
  }
  .store__finder .store__finder--panel .store__finder--details {
    display: none;
  }
  .store__finder .store__finder--pagination {
    line-height: 1rem;
  }
  .store__finder.show-store .store__finder--pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store__finder.show-store .store__finder--pagination * {
    display: none;
  }
  .store__finder.show-store .store__finder--panel {
    transform: translate(-50%, 0);
  }
  .store__finder.show-store .store__finder--panel .store__finder--navigation {
    padding-right: 20px;
  }
  .store__finder.show-store .store__finder--panel .store__finder--details {
    display: block;
  }
}

.page-resetPasswordRequest {
  background: #f7f7f7;
}

.newPageResetPasswordContainer {
  /*Header_Section*/
  /**/
  /*Container Formulário*/
  /*Beneficios*/
  /*FAQ*/
}
.newPageResetPasswordContainer .row-main {
  max-width: 1280px;
  margin: 0 auto;
}
.newPageResetPasswordContainer .logo {
  width: 100%;
  padding: 0 15px;
  top: 0;
  height: 50px;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .newPageResetPasswordContainer .logo {
    display: flex;
    justify-content: center;
  }
}
.newPageResetPasswordContainer .logo img {
  margin-left: 20px;
  margin-top: 15px;
}
.newPageResetPasswordContainer .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.newPageResetPasswordContainer .unknown__email-pwd {
  color: #b42a27;
  font-size: 16px;
  line-height: 23px;
  font-style: italic;
}
.newPageResetPasswordContainer .unknown__email-pwd .js-forgottenPwd-email {
  border: #b42a27;
}
.newPageResetPasswordContainer .to-enter,
.newPageResetPasswordContainer .btn {
  border-radius: 8px !important;
  margin-top: 15px !important;
  background: #41a017 !important;
  height: 48px !important;
  width: 100% !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border: 0 !important;
  font-size: 16px !important;
}
.newPageResetPasswordContainer .btn-default {
  background: #41a017 !important;
}
.newPageResetPasswordContainer .btn:disabled {
  background: #bab6bc !important;
}
.newPageResetPasswordContainer label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #222020;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.newPageResetPasswordContainer .form-control {
  height: 48px !important;
  border: 1px solid #d3e2d6 !important;
}
.newPageResetPasswordContainer .headline h2, .newPageResetPasswordContainer .headline .h2 {
  font-weight: 700;
  font-size: 21px;
  line-height: 36px;
}
.newPageResetPasswordContainer .description {
  margin-bottom: 15px;
}
.newPageResetPasswordContainer .newformContainerPassword {
  max-width: 1380px;
}
.newPageResetPasswordContainer .product > img {
  width: 100%;
}
.newPageResetPasswordContainer .product {
  padding: 0;
  margin: 0 auto;
}
.newPageResetPasswordContainer .new__formContainerPwd {
  background: #ffffff;
  padding: 0;
  margin: 0 auto;
  height: 376px;
  min-height: 287px;
}
.newPageResetPasswordContainer .container-benefits {
  margin-top: 5%;
}
.newPageResetPasswordContainer .caption {
  margin: 30px 0 20px;
}
.newPageResetPasswordContainer .beneficios {
  width: 928px;
  max-width: 100%;
  min-width: 312px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}
.newPageResetPasswordContainer .beneficios > div {
  width: 160px;
  max-width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
  align-self: baseline;
}
.newPageResetPasswordContainer .caption {
  margin-top: 40px;
}
.newPageResetPasswordContainer .headline-2 h2, .newPageResetPasswordContainer .headline-2 .h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
}
.newPageResetPasswordContainer #box-1 .mostrar,
.newPageResetPasswordContainer #box-1 .hide-action,
.newPageResetPasswordContainer #box-2 .mostrar,
.newPageResetPasswordContainer #box-2 .hide-action,
.newPageResetPasswordContainer #box-3 .mostrar,
.newPageResetPasswordContainer #box-3 .hide-action {
  display: none;
}
.newPageResetPasswordContainer #box-1:target .mostrar,
.newPageResetPasswordContainer #box-1:target .hide-action,
.newPageResetPasswordContainer #box-2:target .mostrar,
.newPageResetPasswordContainer #box-2:target .hide-action,
.newPageResetPasswordContainer #box-3:target .mostrar,
.newPageResetPasswordContainer #box-3:target .hide-action {
  display: block;
}
.newPageResetPasswordContainer #box-1:target .show-action,
.newPageResetPasswordContainer #box-2:target .show-action,
.newPageResetPasswordContainer #box-3:target .show-action {
  display: none;
}
.newPageResetPasswordContainer #box-1,
.newPageResetPasswordContainer #box-2,
.newPageResetPasswordContainer #box-3 {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  margin-top: 20px;
}
.newPageResetPasswordContainer .link-faq {
  margin-top: 20px;
  margin-bottom: 40px;
}
.newPageResetPasswordContainer .bat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.newPageResetPasswordContainer .bat p {
  font-size: 18px;
  line-height: 24px;
}
.newPageResetPasswordContainer .bar p {
  font-size: 14px;
  line-height: 24px;
  color: #6f676c;
}
.newPageResetPasswordContainer .baz img {
  margin-right: 10px;
}
.newPageResetPasswordContainer .container-box {
  max-width: 736px;
  margin: 0 auto;
  margin-top: 30px;
  height: auto;
  padding: 10px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
  border-radius: 8px;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000000;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 14px;
  height: 14px;
}

#cboxTopCenter {
  height: 14px;
}

#cboxTopRight {
  width: 14px;
  height: 14px;
}

#cboxBottomLeft {
  width: 14px;
}

#cboxBottomCenter {
  height: 43px;
}

#cboxBottomRight {
  width: 14px;
}

#cboxMiddleLeft {
  width: 14px;
}

#cboxMiddleRight {
  width: 14px;
}

#cboxContent {
  background: #ffffff;
  overflow: visible;
}

.cboxIframe {
  background: #ffffff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #cccccc;
}

#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7c7c7c;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}

#cboxPrevious:hover {
  background-position: -51px 0px;
}

#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}

#cboxNext:hover {
  background-position: -75px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}

#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
}

#cboxClose {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  border: 0 none;
  color: #797979;
  padding: 5px;
  font-size: 25px;
}

#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .add-to-cart .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
#cboxLoadedContent .add-to-cart .btn.disabled, #cboxLoadedContent .add-to-cart .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}

.newPopupQuoteConfirmation {
  max-width: 566px;
  padding: 0px 40px 40px;
}

.modalQuoteDiscountTooHigh {
  max-width: 500px;
  padding: 26px 40px 40px;
}

.newPopupQuoteConfirmation,
.modalQuoteDiscountTooHigh {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.newPopupQuoteConfirmation .modal__top--attention,
.newPopupQuoteConfirmation .modal_top_attention--text,
.modalQuoteDiscountTooHigh .modal__top--attention,
.modalQuoteDiscountTooHigh .modal_top_attention--text {
  text-align: center;
  font-weight: bold;
  font-style: normal !important;
  display: block;
  font-size: 40px;
  line-height: 48px;
  border: none;
}
.newPopupQuoteConfirmation .modal__top--attention,
.modalQuoteDiscountTooHigh .modal__top--attention {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.newPopupQuoteConfirmation .modal-bottom-attention-text,
.modalQuoteDiscountTooHigh .modal-bottom-attention-text {
  font-size: 16px;
  line-height: 23px;
  color: #554f52;
  text-align: center;
  padding: 0 0 15px;
}
.newPopupQuoteConfirmation .modal_top_attention--text,
.modalQuoteDiscountTooHigh .modal_top_attention--text {
  text-transform: capitalize;
}
.newPopupQuoteConfirmation .btn,
.modalQuoteDiscountTooHigh .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 232px;
  height: 44px;
  font-weight: 500;
}
.newPopupQuoteConfirmation .btn.disabled, .newPopupQuoteConfirmation .btn[disabled],
.modalQuoteDiscountTooHigh .btn.disabled,
.modalQuoteDiscountTooHigh .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.newPopupQuoteConfirmation .btn-modal-ok,
.modalQuoteDiscountTooHigh .btn-modal-ok {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 30px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  text-transform: uppercase;
}
.newPopupQuoteConfirmation .btn-modal-ok.disabled, .newPopupQuoteConfirmation .btn-modal-ok[disabled],
.modalQuoteDiscountTooHigh .btn-modal-ok.disabled,
.modalQuoteDiscountTooHigh .btn-modal-ok[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.newPopupQuoteConfirmation .btn-close,
.modalQuoteDiscountTooHigh .btn-close {
  align-self: end;
}
.newPopupQuoteConfirmation .quoteSubmitFormButton,
.modalQuoteDiscountTooHigh .quoteSubmitFormButton {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 479px) {
  .newPopupQuoteConfirmation .quoteSubmitFormButton,
  .modalQuoteDiscountTooHigh .quoteSubmitFormButton {
    flex-direction: column;
  }
}

.quote-submit-success-modal .modal-content {
  max-width: 500px;
  width: 100%;
  border-radius: 12px;
}
@media (min-width: 480px) {
  .quote-submit-success-modal .modal-content {
    padding: 40px 0px;
  }
}
@media (max-width: 479px) {
  .quote-submit-success-modal .modal-content {
    padding: 20px;
  }
}
.quote-submit-success-modal .modal__success .btn-close {
  font-size: 15px;
}

.modal__success {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal__success .btn-close {
  align-self: end;
}
@media (min-width: 480px) {
  .modal__success .btn-close {
    margin-right: 30px;
    margin-top: -14px;
  }
}
@media (max-width: 479px) {
  .modal__success .btn-close {
    margin-right: 0px;
    margin-top: -4px;
  }
}
.modal__success .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 416px;
  height: 44px;
  font-weight: 500;
  margin-top: 16px;
  max-width: 100%;
}
.modal__success .btn.disabled, .modal__success .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.modal__success #modal__success--text {
  font-size: 16px;
  line-height: 23px;
  color: #554f52;
  width: 416px;
  max-width: 100%;
  margin: 0 auto;
}
.modal__success .modal__top--attention,
.modal__success .modal_top_attention--text {
  text-align: center;
  font-weight: bold;
  font-style: normal !important;
  display: block;
  font-size: 40px;
  line-height: 48px;
  border: none;
}
.modal__success .modal_top_attention--text {
  text-transform: capitalize;
}
.modal__success .modal__top--attention {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.price del {
  color: #000000;
  font-weight: bold;
}
.price ins {
  text-decoration: none;
}
.price.msrp {
  color: #666666;
}

.page-update-profile {
  background-color: #f7f7f7;
}

.page-updatePassword .main__inner-wrapper,
.page-updatePassword .js-mainHeader,
.page-asmAgentUpdatePasswordPage .main__inner-wrapper,
.page-asmAgentUpdatePasswordPage .js-mainHeader {
  margin: 0;
  background-color: #ffffff;
}
.page-updatePassword .account-section,
.page-asmAgentUpdatePasswordPage .account-section {
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  .page-updatePassword .account-section,
  .page-asmAgentUpdatePasswordPage .account-section {
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-desktop-2.svg) right top/354px 587px repeat-y;
  }
  .page-updatePassword .account-section:before,
  .page-asmAgentUpdatePasswordPage .account-section:before {
    content: "";
    position: absolute;
    top: 399px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-desktop-1.svg) left top/354px 902px repeat-y;
    z-index: -1;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-updatePassword .account-section,
  .page-asmAgentUpdatePasswordPage .account-section {
    background: url(./../../../../../../_ui/responsive/common/images/address-page-background-tablet-2.svg) right 0 top 89px/291px 533px repeat-y;
  }
  .page-updatePassword .account-section:before,
  .page-asmAgentUpdatePasswordPage .account-section:before {
    content: "";
    position: absolute;
    top: 538px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-tablet-1.svg) left top/423px 502px repeat-y;
    z-index: -1;
  }
}
@media (max-width: 479px) {
  .page-updatePassword .account-section,
  .page-asmAgentUpdatePasswordPage .account-section {
    background: url(./../../../../../../_ui/responsive/common/images/address-page-background-mobile-2.svg) right 0 top 49px/96px 278px repeat-y;
  }
  .page-updatePassword .account-section:before,
  .page-asmAgentUpdatePasswordPage .account-section:before {
    content: "";
    position: absolute;
    top: 281px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../../../../../../_ui/responsive/common/images/address-page-background-mobile-1.svg) left top/132px 935px repeat-y;
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .page-updatePassword .account-section .container__new-account-reset-password,
  .page-asmAgentUpdatePasswordPage .account-section .container__new-account-reset-password {
    margin-bottom: 180px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-updatePassword .account-section .container__new-account-reset-password,
  .page-asmAgentUpdatePasswordPage .account-section .container__new-account-reset-password {
    margin-bottom: 100px;
  }
}
@media (max-width: 479px) {
  .page-updatePassword .account-section .container__new-account-reset-password,
  .page-asmAgentUpdatePasswordPage .account-section .container__new-account-reset-password {
    margin-bottom: 80px;
  }
}
.page-updatePassword .account-section .new-account-section-content,
.page-asmAgentUpdatePasswordPage .account-section .new-account-section-content {
  margin: auto 0;
  max-width: 447px;
  width: 100%;
}
.page-updatePassword .account-section .new-account-section-content .account-section-header .update-password-title,
.page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header .update-password-title {
  font-weight: 600;
  color: #3c3738;
  line-height: normal;
}
.page-updatePassword .account-section .new-account-section-content .account-section-form input,
.page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form input {
  display: flex;
  max-width: 447px;
  width: 100%;
  height: 44px;
  padding: 14px 12px;
  align-items: flex-start;
  border-radius: 8px;
}
.page-updatePassword .account-section .new-account-section-content .account-section-form button[type=submit],
.page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form button[type=submit] {
  display: flex;
  height: 48px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  font-weight: 400;
  line-height: 24px;
}
.page-updatePassword .account-section .new-account-section-content .account-section-form .error-container,
.page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form .error-container {
  width: 100%;
  text-align: left;
}
@media (min-width: 1024px) {
  .page-updatePassword .account-section .new-account-section-content,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content {
    padding: 40px 0 180px 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header {
    padding: 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-form,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form {
    margin: 56px 0 0 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-form button[type=submit],
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form button[type=submit] {
    max-width: 447px;
    width: 100%;
  }
  .page-updatePassword .account-section .new-account-section-content .container-rules-password,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password {
    margin: 40px 0 40px 0;
  }
  .page-updatePassword .account-section .new-account-section-content .container-rules-password ul,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password ul {
    margin: 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-updatePassword .account-section .new-account-section-content .container-rules-password,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password {
    margin: 0 0 32px 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header {
    width: 217px;
    padding-top: 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header .update-password-title,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header .update-password-title {
    font-size: 24px;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-form button[type=submit],
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form button[type=submit] {
    width: 370px;
  }
  .page-updatePassword .account-section .new-account-section-content .profile-change-password label,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .profile-change-password label {
    font-size: 14px;
  }
  .page-updatePassword .account-section .new-account-section-content .profile-change-password input,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .profile-change-password input {
    width: 370px;
  }
}
@media (max-width: 479px) {
  .page-updatePassword .account-section .new-account-section-content .profile-change-password label,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .profile-change-password label {
    font-size: 12px;
  }
  .page-updatePassword .account-section .new-account-section-content .profile-change-password input,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .profile-change-password input {
    width: 285px;
    height: 40px;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-form,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form {
    margin: 24px 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-form button[type=submit],
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-form button[type=submit] {
    width: 285px;
    height: 48px;
  }
  .page-updatePassword .account-section .new-account-section-content .container-rules-password div,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password div {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .page-updatePassword .account-section .new-account-section-content .container-rules-password ul,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password ul {
    margin-bottom: 24px;
  }
  .page-updatePassword .account-section .new-account-section-content .container-rules-password li,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .container-rules-password li {
    font-size: 12px;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header {
    padding-top: 0;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header .update-password-title,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header .update-password-title {
    font-size: 16px;
    margin-top: 24px;
  }
  .page-updatePassword .account-section .new-account-section-content .account-section-header,
  .page-asmAgentUpdatePasswordPage .account-section .new-account-section-content .account-section-header {
    padding: 0;
  }
}

.update-password-title {
  height: auto;
  padding: 0;
  margin: 0;
}

.header_order_listings {
  background-color: #173943;
  padding: 21px 0px 65px 0px;
  margin-bottom: 30px;
  text-indent: 48px;
  color: white;
}
@media (max-width: 639px) {
  .header_order_listings {
    padding-bottom: 21px;
  }
}
.header_order_listings .title_header_order_listings {
  font-family: "Inter";
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 639px) {
  .header_order_listings .title_header_order_listings {
    font-size: 18px;
    text-indent: 24px;
  }
}
.header_order_listings .label_header_order_listings {
  font-weight: 700;
  font-size: 24px;
  margin-top: 32px;
}
@media (max-width: 639px) {
  .header_order_listings .label_header_order_listings {
    font-size: 18px;
    text-indent: 24px;
  }
}
.header_order_listings .content_header_order_listings {
  font-weight: 400;
  font-size: 22px;
  padding-top: 4px;
}
@media (max-width: 639px) {
  .header_order_listings .content_header_order_listings {
    font-size: 18px;
    text-indent: 24px;
  }
}

.account-navigation {
  margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
  padding: 10px;
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: 10px;
  padding-left: 0;
  list-style: none;
}
.account-navigation .account-navigation-list li.title {
  margin-top: 10px;
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover, .account-navigation .account-navigation-list li afocus {
  color: #47b6b1;
}

.regex-rule-passed {
  color: green;
}

.regex-rule-fail {
  color: red;
}

.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

@media (max-width: 1023px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eeeeee;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
  padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid #eeeef0;
}
@media (max-width: 1024px) {
  .account-section .pagination-bar .pagination-bar-results {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #eeeef0;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}

@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #eeeef0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-updatePassword > .container {
  padding: 0;
  width: 100%;
}

.newAccountSection {
  margin-bottom: 20%;
  /*HEADER*/
  /*MAIN*/
}
@media (max-width: 640px) {
  .newAccountSection {
    margin-bottom: 0;
  }
}
.newAccountSection .logo {
  width: 100%;
  position: relative;
  padding: 0 15px;
  top: 0;
  height: 50px;
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .newAccountSection .logo {
    display: flex;
    justify-content: center;
  }
}
.newAccountSection .logo img {
  margin-left: 20px;
  margin-top: 15px;
}
.newAccountSection .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.newAccountSection .row_main_accountSection {
  width: 100%;
  max-width: 1205px;
  margin: 0 auto;
}
.newAccountSection .row_main_accountSection.js-update-password {
  margin: 0 auto !important;
}
.newAccountSection .row_main_accountSection.js-update-password .account-section {
  height: auto;
  padding-left: 24px !important;
}
@media (min-width: 1160px) {
  .newAccountSection .row_main_accountSection.js-update-password .account-section {
    padding: 24px !important;
  }
}
@media (min-width: 1160px) {
  .newAccountSection .row_main_accountSection.js-update-password .account-section .account-section-content {
    margin-left: 8.33333333% !important;
  }
}
.newAccountSection .account-section {
  height: auto;
  background: #ffffff;
  padding: 0;
  height: 489px;
  min-height: 419px;
  min-width: 360px;
}
.newAccountSection .js-change-password-field {
  height: 48px;
  border: 1px solid #d3e2d6;
}
.newAccountSection .img__products {
  min-width: 360px;
  height: auto;
  padding: 0;
}
.newAccountSection .img__products img {
  width: 100%;
}
.newAccountSection .account-section-header {
  padding: 10px 30px 10px 0 !important;
}
.newAccountSection label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #222020;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  height: 18px;
}
.newAccountSection .js-change-password-field {
  height: 48px;
  border: 1px solid #d3d2d6;
}
.newAccountSection .enter-button {
  border-radius: 8px !important;
  margin-top: 15px !important;
  background: #bab6bc !important;
  height: 48px !important;
  width: 100% !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border: 0 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
.newAccountSection .btn {
  border-radius: 8px !important;
  margin-top: 15px !important;
  height: 48px !important;
  width: 100% !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border: 0 !important;
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
.newAccountSection .btn-default {
  background: #41a017 !important;
}
.newAccountSection .eye-password {
  position: absolute;
  right: 25px;
  bottom: 11px;
  cursor: pointer;
}
.newAccountSection .eye-passwordUpdate {
  position: absolute;
  right: 25px;
  bottom: 11px;
  cursor: pointer;
}

.account-section .password-change {
  position: relative;
}
.account-section .password-change .help-block span {
  position: absolute;
}
.account-section .password-change .help-block {
  margin-bottom: 40px;
}
@media (max-width: 402px) {
  .account-section .password-change .help-block {
    margin-bottom: 60px;
  }
}
.account-section .password-update {
  position: relative;
  padding-top: 13px;
}
.account-section .password-update.form-group,
.account-section .password-update .form-group {
  margin-bottom: 0px;
}
.account-section .eye-password {
  position: absolute;
  right: 25px;
  bottom: 11px;
  cursor: pointer;
}
.account-section .eye-passwordUpdate {
  position: absolute;
  right: 25px;
  bottom: 11px;
  cursor: pointer;
}
.account-section #password,
.account-section #updatePwd-checkPwd {
  height: 48px !important;
  border: 1px solid #d3e2d6 !important;
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #eeeef0;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .account-section .account-section-header {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.account-section-header-secondary {
  color: #000000;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 18px;
  line-height: 111px;
  text-decoration-line: underline;
  font-weight: 400;
  margin-top: 4px;
  vertical-align: baseline;
  padding-right: 14px;
}
.account-section .account-section-header .account-title {
  font-size: 32px;
  line-height: 45px;
  color: #222020;
  font-weight: 400;
}
.account-section .account-section-header .account-subtitle {
  font-size: 18px;
  line-height: 25px;
  color: #6f676c;
  font-weight: 400;
  text-transform: none;
}
.account-section .account-section-header__subheadline {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.571;
  text-transform: none;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .container-lg .account-section-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .container-lg .account-section-content {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .account-section .container-lg .account-section-content .account-section-form {
    padding: 0 5px;
  }
}
.account-section .account-section-content .profile-change-password {
  position: relative;
  margin-bottom: 24px;
}
.account-section .account-section-content .profile-change-password .form-group {
  margin-bottom: 0px;
}
.account-section .account-section-content .profile-change-password .row, .account-section .account-section-content .profile-change-password .cart__content {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.account-section .account-section-content .eye_update-password {
  position: absolute;
  cursor: pointer;
}
@media screen and (max-width: 479px) {
  .account-section .account-section-content .eye_update-password {
    left: 255px;
    bottom: 12px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
  .account-section .account-section-content .eye_update-password {
    left: 340px;
    bottom: 14px;
  }
}
@media (min-width: 1024px) {
  .account-section .account-section-content .eye_update-password {
    left: 415px;
    bottom: 12px;
  }
}
.account-section .account-section-content .eye_update-password.open {
  content: url("./../../common/images/eye-details-open.svg");
}
.account-section .account-section-content .eye_update-password.close-eye {
  content: url("./../../common/images/eye-details-close.svg");
}
.account-section .account-section-content #check_new_password_error,
.account-section .account-section-content #new_password_error {
  color: #ea5d58;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.account-section .account-section-content .my-profile-component {
  width: 448px;
}
.account-section .account-section-content .my-profile-component .buttonCustomize {
  width: 320px;
  font-weight: 700;
  font-size: 22px;
  height: 56px;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  line-height: 22.6px;
  border-radius: 8px;
  margin-right: 24px;
}
.account-section .account-section-content .my-profile-component .buttonCustomize .btn-block {
  color: #ffffff;
  background-color: #5c9d34;
}
.account-section .account-section-content .my-profile-component .buttonCustomize[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.account-section .account-section-content .my-profile-component .col-md-4 {
  width: 100%;
}
.account-section .account-section-content .my-profile-component .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 193px;
  height: 44px;
  font-weight: 500;
  margin-right: 24px;
}
.account-section .account-section-content .my-profile-component .btn.disabled, .account-section .account-section-content .my-profile-component .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.account-section .account-section-content .my-profile-component .account-title-identation {
  justify-content: left;
}
.account-section .account-section-content .my-profile-component .account-subtitle {
  font-size: 21px;
  width: 679px;
}
@media (max-width: 640px) {
  .account-section .account-section-content .my-profile-component .account-subtitle {
    padding-top: 10px;
  }
}
.account-section .account-section-content .my-profile-component #leroyUpdateProfileForm {
  width: 648px;
  margin-bottom: 90px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .my-profile-component #leroyUpdateProfileForm {
    width: 100%;
    margin-left: 0;
  }
}
.account-section .account-section-content .my-profile-component #leroyUpdateProfileForm .control-label {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}
.account-section .account-section-content .my-profile-component #leroyUpdateProfileForm .form-control {
  height: 50px;
  font-size: 20px;
}
.account-section .account-section-content .my-profile-component #leroyUpdateProfileForm .leroy-form-checkbox-label {
  font-size: 16px;
  margin-bottom: 30px;
}
.account-section .account-section-content .my-profile-component #leroyUpdateProfileForm .checkbox {
  margin-left: 10px;
}
.account-section .account-section-content .my-profile-component .form-group:nth-child(3n) {
  margin-bottom: 32px;
}
.account-section .account-section-content .my-profile-component .form-group:nth-child(3n) .checkmark {
  margin-top: 12px;
}
.account-section .account-section-content .my-profile-component .row:nth-child(4), .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) {
  flex-direction: row-reverse;
  display: flex;
  margin-bottom: 49px;
}
.account-section .account-section-content .my-profile-component .row:nth-child(4) .col-sm-6, .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) .col-sm-6 {
  width: auto;
}
.account-section .account-section-content .my-profile-component .row:nth-child(4) .btn-cancel, .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) .btn-cancel {
  margin-right: inherit;
  font-weight: 400;
}
.account-section .account-section-content .my-profile-component .associated-unit-row {
  color: #6f676c;
  width: 447px;
  margin-bottom: 48px;
  font-size: 21px;
  text-indent: 12px;
}
.account-section .account-section-content .my-profile-component .associated-unit-row svg {
  width: 41px;
  height: 41px;
  margin-right: 10px;
  margin-top: 5px;
  margin-left: 5px;
}
.account-section .account-section-content .my-profile-component .associated-unit-row .col-md-6 {
  width: 100%;
}
.account-section .account-section-content .my-profile-component .associated-unit-row .associated-unit {
  font-size: 28px;
  display: flex;
  align-items: center;
  text-indent: 0px;
  margin-top: 8px;
}
.account-section .account-section-content .my-profile-component .associated-unit-row .associated-unit span {
  line-height: 25px;
}
.account-section .account-section-content .boleto2via-component {
  float: none;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .boleto2via-component {
    margin-left: 0;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .my-profile-component {
    width: 319px;
    margin: 0 auto;
  }
  .account-section .account-section-content .my-profile-component .row, .account-section .account-section-content .my-profile-component .cart__content,
  .account-section .account-section-content .my-profile-component .associated-unit-row,
  .account-section .account-section-content .my-profile-component .account-section-header {
    width: 319px;
    margin: 0 auto;
  }
  .account-section .account-section-content .my-profile-component .row:nth-child(4), .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) {
    flex-direction: column;
  }
  .account-section .account-section-content .my-profile-component .account-section-header {
    padding: 0px;
  }
  .account-section .account-section-content .my-profile-component .account-section-header .account-title,
  .account-section .account-section-content .my-profile-component .account-section-header .account-subtitle {
    padding: 0px;
  }
  .account-section .account-section-content .my-profile-component .account-section-header .account-title {
    font-size: 2rem;
    width: 100%;
  }
  .account-section .account-section-content .my-profile-component .account-section-header .account-subtitle {
    font-size: 16px;
    width: 100%;
    padding-top: 10px;
  }
  .account-section .account-section-content .my-profile-component .col-md-4 {
    margin: 0 auto;
    padding: 0px;
    padding-top: 24px;
  }
  .account-section .account-section-content .my-profile-component form {
    padding: 0px;
  }
  .account-section .account-section-content .my-profile-component .col-md-6,
  .account-section .account-section-content .my-profile-component .col-sm-6 {
    padding: 0px;
  }
  .account-section .account-section-content .my-profile-component .checkbox label {
    padding-left: 11px;
  }
  .account-section .account-section-content .my-profile-component .associated-unit-row {
    margin-bottom: 44px;
  }
  .account-section .account-section-content .my-profile-component .row:nth-child(4) .btn-block, .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) .btn-block {
    width: 100%;
  }
  .account-section .account-section-content .my-profile-component .row:nth-child(4) .btn-link, .account-section .account-section-content .my-profile-component .cart__content:nth-child(4) .btn-link {
    margin-top: 16px;
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-section .account-section-content .my-profile-component {
    width: 660px;
    margin: 0 auto;
  }
  .account-section .account-section-content .my-profile-component .row, .account-section .account-section-content .my-profile-component .cart__content,
  .account-section .account-section-content .my-profile-component .associated-unit-row,
  .account-section .account-section-content .my-profile-component .account-section-header {
    width: 660px;
    margin: 0 auto;
  }
  .account-section .account-section-content .my-profile-component .account-title {
    font-size: 2rem;
  }
  .account-section .account-section-content .my-profile-component .account-subtitle {
    font-size: 2rem;
  }
  .account-section .account-section-content .my-profile-component form,
  .account-section .account-section-content .my-profile-component .col-md-4,
  .account-section .account-section-content .my-profile-component .col-md-6,
  .account-section .account-section-content .my-profile-component .col-md-10 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .account-section .account-section-content .my-profile-component .account-section-header {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.account-section .account-section-content .item__list--item .item__total {
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header {
  color: #000000;
  font-size: 2rem;
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  text-transform: capitalize;
  border-bottom: 1px solid #eeeef0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: none;
  padding: 24px 0;
}
.account-section .account-section-content .account-section-header.border {
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .account-section-header {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
  float: none;
  padding: 0 10px;
}
@media (min-width: 1400px) {
  .account-section .account-section-content .account-section-header .container-lg {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .account-section .account-section-content .back-link .container-lg {
    padding: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 32px 0;
}
@media (min-width: 1024px) {
  .account-section .account-section-content .account-section-form {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .account-section .account-section-content .account-section-form {
    width: 100%;
  }
}
.account-section .account-section-content .account-section-form .btn {
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 90%;
  height: 40px;
  font-weight: 500;
}
.account-section .account-section-content .account-section-form .btn.disabled, .account-section .account-section-content .account-section-form .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.account-section .account-section-content .account-section-form .accountActions {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 640px) {
  .account-section .account-section-content .account-section-form .accountButtons:last-child {
    padding-top: 20px;
  }
}
.account-section .account-section-content .account-section-form form {
  padding: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list {
  list-style-type: none;
  width: 100%;
  position: relative;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li {
  border-top: 1px solid #eeeef0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 4em;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li:last-child {
  border-bottom: 1px solid #eeeef0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li .toggle-switch {
  position: absolute;
  right: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list label {
  margin-bottom: 0;
}
.account-section .account-section-content .consent-management-intro {
  padding-bottom: 10px;
}
.account-section .account-section-content .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
}
.account-section .account-section-content .consent-management-list__item {
  border: 1px solid #eeeef0;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.account-section .account-section-content .consent-management-list__title {
  padding: 25px 15px 18px 62px;
  display: block;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: bold;
}
.account-section .account-section-content .consent-management-list__title:before {
  font-family: "Glyphicons Halflings", sans-serif;
  content: "\e114";
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 23px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.account-section .account-section-content .consent-management-list__title:hover,
.account-section .account-section-content .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
.account-section .account-section-content .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
.account-section .account-section-content .consent-management-list__label {
  width: 85%;
  color: #000000;
  font-size: 15px;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__label {
    width: 75%;
    font-size: 0.875rem;
  }
}
.account-section .account-section-content .consent-management-list__content-inner {
  padding: 0 40px 10px 65px;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__content-inner {
    font-size: 0.875rem;
  }
}
.account-section .account-section-content .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
.account-section .account-section-content form {
  padding: 0;
  font-weight: 400;
}
.account-section .account-section-content form .accountActions-bottom {
  padding: 0;
}
.account-section .account-section-content form .btn-cancel {
  background: none;
  color: #6f676c;
  margin-right: 33px;
}
.account-section .account-section-content #quoteForm {
  padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content #addNewPermissionForm .account-select-form {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 2rem;
}
.account-section .account-section-content .help-block {
  font-size: 1rem;
  font-weight: normal;
  color: #ea5d58;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
  padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .responsive-table-cell-bold {
  font-weight: 600;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.account-section .account-section-content .cart-voucher form,
.account-section .account-section-content .cart-items form,
.account-section .account-section-content .item-action form {
  padding: 0;
}
.account-section .account-section-content .input-sm {
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
.account-section .account-section-content .item__btn.btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin: 6px;
}
.account-section .account-section-content .item__btn.btn.disabled, .account-section .account-section-content .item__btn.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .account-section .account-section-content .item__btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .account-section .account-section-content .item__btn {
    margin-top: 20px;
  }
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: inline-block;
  text-align: right;
  margin: 25px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0 !important;
    width: 100%;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #929292;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-left: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  left: 10px;
  background: #eeeef0;
  top: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link,
  .account-section .account-section-content .disable-link + .enable-link,
  .account-section .account-section-content .disable-link + .disable-link,
  .account-section .account-section-content .enable-link + .enable-link {
    padding-left: 0;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
.account-section .account-section-content .restore-item-link {
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
  font-size: 24px;
  padding: 8px;
  transform: scale(-1, 1);
  margin-right: 13px;
}
.account-section .account-section-content .restore-item-column {
  display: flex;
}
@media all and (min-width: 991px) {
  .account-section .account-section-content .restore-item-column {
    justify-content: center;
    align-items: center;
  }
}
@media all and (min-width: 991px) {
  .account-section .account-section-content .mobile-column {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .account-section .account-section-content .desktop-info {
    display: none;
  }
}
.account-section .account-section-content .reservation-message {
  width: 55%;
}
@media all and (max-width: 991px) {
  .account-section .account-section-content .reservation-message {
    width: 100%;
  }
}
.account-section .account-section-content .cart-delete-btn {
  cursor: pointer;
}
.account-section .account-section-content .edit-item-link {
  margin-top: 10px;
  display: block;
}
.account-section .account-section-content .remove-item-link .bi-x-lg,
.account-section .account-section-content .remove-item-link .bi-x {
  font-size: 21px;
  padding: 0 14px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .remove-item-link .bi-x-lg,
  .account-section .account-section-content .remove-item-link .bi-x {
    padding: 14px;
    margin-right: 20px;
  }
}
.account-section .account-section-content .saved__carts__overview--table .responsive-table-item {
  position: relative;
}
@media (min-width: 640px) {
  .account-section .account-section-content .saved-cart .saved-cart-name {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
  .account-section .account-section-content .saved-cart .saved-cart-description {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
}
.account-section .account-section-content .responsive-table .responsive-table-head #header6 {
  width: 13%;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header5 {
  text-align: left;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header1,
.account-section .account-section-content .responsive-table .responsive-table-head #header2,
.account-section .account-section-content .responsive-table .responsive-table-head #header7 {
  width: 8%;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header4,
.account-section .account-section-content .responsive-table .responsive-table-head #header8 {
  width: 10%;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header6 {
  width: 13%;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header8,
.account-section .account-section-content .responsive-table .responsive-table-head #header5 {
  width: 5%;
}
.account-section .account-section-content .responsive-table .responsive-table-head #header3 {
  width: 6%;
}
.account-section .account-section-content .responsive-table .responsive-table-item .responsive-table-cell.responsive-table-cell-bold div {
  text-align: left;
}
.account-section .account-section-content .responsive-table .responsive-table-item td[headers=header1] {
  width: 8%;
}
.account-section .account-section-content .responsive-table .responsive-table-item td[headers=header1] a {
  white-space: nowrap;
  width: 160px;
  -webkit-line-clamp: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .account-section .account-section-content .responsive-table .responsive-table-item td[headers=header1] a {
    display: inherit;
    overflow: inherit;
  }
}
@media (min-width: 1023px) {
  .account-section .account-section-content .responsive-table .responsive-table-item td[headers=header5] {
    width: 5%;
  }
}
@media (max-width: 1023px) {
  .account-section .account-section-content .responsive-table .responsive-table-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }
  .account-section .account-section-content .responsive-table .responsive-table-item > td {
    width: 100%;
  }
}
.account-section .account-section-action {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .account-section .account-section-action .row, .account-section .account-section-action .cart__content {
    margin: 0;
  }
  .account-section .account-section-action .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .accountActions-bottom {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .accountActions-bottom .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 90%;
  height: 44px;
  font-weight: 500;
}
.account-section .accountActions-bottom .btn.disabled, .account-section .accountActions-bottom .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.account-section .cancel-panel {
  max-width: 1168px;
  padding: 0px 24px;
  margin: 0 auto;
}
.account-section .cancel-panel .row, .account-section .cancel-panel .cart__content {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.account-section .cancel-panel .orderBackBtn {
  padding-right: 0;
}
.account-section .cancel-panel .col-sm-6.col-md-5 {
  float: right;
  margin-top: 12px;
}
.account-section .cancel-panel .col-sm-6.col-md-5 .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.account-section .cancel-panel .col-sm-6.col-md-5 .btn.disabled, .account-section .cancel-panel .col-sm-6.col-md-5 .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.account-section .cancel-panel .col-sm-6.col-md-5 .col-sm-6 {
  width: 100%;
  margin: 12px 0px;
}
.account-section .account-consignment {
  margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  display: block;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #eeeef0;
  border-bottom: 1px solid #eeeef0;
  background-color: #f4f4f4;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-list .account-list-header {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #eeeef0;
}
@media screen and (max-width: 767px) {
  .account-section .account-list .account-cards.card-select {
    display: inline-block;
  }
}
.account-section .account-list .account-cards .account-cards-actions {
  display: inline-block;
  width: 9%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon, .account-section .account-list .account-cards .account-cards-actions .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-section .account-list .account-cards .account-cards-actions .owl-prev,
.account-section .account-list .account-cards .account-cards-actions .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-section .account-list .account-cards .account-cards-actions .owl-next, .account-section .account-list .account-cards .account-cards-actions .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .account-section .account-list .account-cards .account-cards-actions .accordion-toggle:before, .account-section .account-list .account-cards .account-cards-actions .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .account-section .account-list .account-cards .account-cards-actions .product__list--item.tag-highlighted:after, .account-section .account-list .account-cards .account-cards-actions .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .account-section .account-list .account-cards .account-cards-actions .product-item.tag-highlighted:after {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon, .account-section .account-list .account-cards .account-cards-actions .edit-item .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-section .account-list .account-cards .account-cards-actions .edit-item .owl-prev,
.account-section .account-list .account-cards .account-cards-actions .edit-item .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .account-section .account-list .account-cards .account-cards-actions .edit-item .owl-next, .account-section .account-list .account-cards .account-cards-actions .edit-item .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .account-section .account-list .account-cards .account-cards-actions .edit-item .accordion-toggle:before, .account-section .account-list .account-cards .account-cards-actions .edit-item .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .account-section .account-list .account-cards .account-cards-actions .edit-item .product__list--item.tag-highlighted:after, .account-section .account-list .account-cards .account-cards-actions .edit-item .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .account-section .account-list .account-cards .account-cards-actions .edit-item .product-item.tag-highlighted:after {
  margin-top: 3px;
}
@media (min-width: 640px) {
  .account-section .account-list .account-cards .row, .account-section .account-list .account-cards .cart__content {
    display: "-webkit-flex";
    display: "-moz-flex";
    display: "-ms-flexbox";
    display: "-ms-flex";
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .account-section .account-list .account-cards .row:before, .account-section .account-list .account-cards .cart__content:before {
    content: none;
  }
  .account-section .account-list .account-cards .row:after, .account-section .account-list .account-cards .cart__content:after {
    content: "";
  }
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #eeeef0;
  border-bottom: 1px solid #eeeef0;
  padding: 30px 30px 25px !important;
  margin-bottom: 0;
  min-height: 150px;
  clear: both;
  border: none !important;
  border-radius: 0px !important;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li,
.account-section .account-list .account-cards .search-empty > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child,
.account-section .account-list .account-cards .search-empty > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
  font-size: 18px;
  line-height: 24px;
  text-decoration-line: underline;
  text-transform: lowercase;
  height: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #929292;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
  color: var(--cx-color-primary);
}
@media (max-width: 1024px) {
  .account-section .account-list .account-cards .card,
  .account-section .account-list .account-cards .search-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: var(--cx-color-primary);
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 639px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}

@media (max-width: 639px) {
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: 10px;
}
.account-profil .btn + .btn {
  margin-left: 10px;
}

.account-orderdetail.well {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .account-orderdetail .item__list .item__list--item .item__total {
    padding-right: 30px;
  }
}
.account-orderdetail .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-orderdetail .well-content {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.account-orderdetail::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  color: var(--cx-color-primary);
  font-weight: 700;
  padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-orderdetail .item-box::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .order-data {
  background-color: #f2f4f7;
  padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: #f4f4f4;
  padding: 10px 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li::after {
  display: block;
  clear: both;
  content: "";
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eeeeee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: var(--cx-color-primary);
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}
@media (min-width: 1400px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 0;
  }
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail__footer {
  padding-top: 25px;
}
.account-orderdetail .account-orderdetail__footer .row, .account-orderdetail .account-orderdetail__footer .cart__content {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.account-orderdetail .account-orderdetail__footer .order-savings__headline {
  font-size: 1.375rem;
  color: #000000;
  font-weight: 500;
}
.account-orderdetail .account-orderdetail__footer .orderTotal {
  font-size: 18px;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail__footer .orderTotal .text-right {
  font-weight: 700;
  font-size: 18px;
}
.account-orderdetail .account-orderdetail__footer .orderTotal .totals {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}
.account-orderdetail .account-orderdetail__footer .orderTotal .discount {
  color: var(--cx-color-primary);
}
.account-orderdetail .account-orderdetail__footer .orderTotal .subtotals__item--state-discount,
.account-orderdetail .account-orderdetail__footer .orderTotal .col {
  font-size: 18px;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 639px) {
  .account-orderdetail .order-shipping-method,
  .account-orderdetail .order-tracking-no,
  .account-orderdetail .order-payment-data,
  .account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
  margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total__taxes {
  text-align: right;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-savings__info {
  color: var(--cx-color-primary);
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .checkout__confirmation__content--component .col-sm-6.item-wrapper .consignment-item-group .item-value {
    padding-left: 0px;
  }
}

.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: auto;
  height: 44px;
  font-weight: 500;
  margin: 0px 12px;
}
.account-address-removal-popup .btn.disabled, .account-address-removal-popup .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.savedCartModal .modal-header {
  padding: 30px 40px 30px;
}
.savedCartModal .modal-title {
  color: #77be21;
  font-size: 24px;
  font-weight: bold;
}
.savedCartModal .modal-body {
  padding: 0px 40px 44px;
}
@media screen and (max-width: 575px) {
  .savedCartModal .js-save-cart-restore-btn {
    margin-bottom: 1rem;
  }
}

.savedcart_restore_confirm_modal .restore-current-cart-form,
.savedcart_delete_modal .restore-current-cart-form {
  margin-top: 40px;
}
.savedcart_restore_confirm_modal .btn-primary,
.savedcart_restore_confirm_modal .btn-secondary,
.savedcart_delete_modal .btn-primary,
.savedcart_delete_modal .btn-secondary {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
.savedcart_restore_confirm_modal .btn-primary.disabled, .savedcart_restore_confirm_modal .btn-primary[disabled],
.savedcart_restore_confirm_modal .btn-secondary.disabled,
.savedcart_restore_confirm_modal .btn-secondary[disabled],
.savedcart_delete_modal .btn-primary.disabled,
.savedcart_delete_modal .btn-primary[disabled],
.savedcart_delete_modal .btn-secondary.disabled,
.savedcart_delete_modal .btn-secondary[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.savedcart_delete_modal .modal-content {
  width: 472px;
  height: 308px;
}
@media (max-width: 479px) {
  .savedcart_delete_modal .modal-content {
    width: 284px;
    height: 452px;
  }
}
.savedcart_delete_modal .modal-header {
  display: flex;
  align-items: center;
  padding: 20px 40px 15px;
}
.savedcart_delete_modal .modal-header .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  font-size: 20px;
  padding: 5px 10px;
}
.savedcart_delete_modal .modal-body {
  padding: 0px 40px 30px 40px;
}
.savedcart_delete_modal h1, .savedcart_delete_modal .h1 {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  color: var(--cx-color-primary);
  margin-bottom: 0;
}
.savedcart_delete_modal .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 400;
}
.savedcart_delete_modal .btn.disabled, .savedcart_delete_modal .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 479px) {
  .savedcart_delete_modal .btn .btn-secondary {
    margin-top: 15px;
  }
}
.savedcart_delete_modal .modal-details {
  line-height: 1.8em;
}
.savedcart_delete_modal .modal-actions {
  margin-top: 20px;
}

.not-active {
  pointer-events: none;
  cursor: default;
  font-weight: normal !important;
  color: black !important;
}

/* QUOTE LIST */
.account-my-quotes {
  margin: 0 auto;
  /* responsive */
}
.account-my-quotes .account-section-content.js-quote-result {
  padding: 0px;
}
.account-my-quotes .account-section-header {
  padding: 0px !important;
}
.account-my-quotes .row, .account-my-quotes .cart__content {
  margin: 0px;
}
.account-my-quotes .form-search-myquote {
  display: flex;
}
.account-my-quotes .form-search-myquote input {
  width: 250px;
  height: 40px;
  margin-right: 16px;
  border: 1px solid #d1d1d1;
  border-radius: 8px;
  padding-left: 16px;
}
.account-my-quotes .btn,
.account-my-quotes .btn-primary {
  border-radius: 8px;
  padding: 0px;
  margin: 0px;
  width: 120px;
  height: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 24px;
  text-transform: unset;
  background-color: var(--cx-color-primary);
  border: none;
}
.account-my-quotes .btn-primary:hover {
  background-color: #41a017;
}
.account-my-quotes .tab {
  overflow: hidden;
  padding: 24px 0px;
}
.account-my-quotes .tab button {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #7f7f7f;
  flex: none;
  order: 0;
  flex-grow: 0;
  background-color: transparent;
  border: none;
  margin-right: 6px;
  padding: 0px;
  width: 88px;
}
.account-my-quotes .tab button:last-child {
  width: 108px;
}
.account-my-quotes .tab button:hover {
  background-color: #dddddd;
  border-radius: 30px;
  padding: 2px 15px;
}
.account-my-quotes .tab button.active {
  background: #eeeef0;
  border-radius: 30px;
  padding: 2px 15px;
}
.account-my-quotes .account-overview-table {
  margin-bottom: 24px;
  border: 1px solid #d3d2d6;
  border-radius: 8px;
}
.account-my-quotes td.responsive-table-cell,
.account-my-quotes td.responsive-table-cell.float-end {
  width: 18%;
}
.account-my-quotes td.responsive-table-cell.quote-version,
.account-my-quotes td.responsive-table-cell.is-quote-approved {
  width: 13%;
}
.account-my-quotes .responsive-table-cell.float-end {
  padding: 0px;
}
.account-my-quotes .responsive-table td:nth-child(2),
.account-my-quotes td.responsive-table-cell {
  padding: 16px 16px 0px 16px;
}
.account-my-quotes tr.responsive-table-item:first-child {
  height: 72px;
}
.account-my-quotes tr.responsive-table-item:last-child {
  height: 50px;
}
.account-my-quotes td.responsive-table-cell.float-end,
.account-my-quotes .status.float-end {
  margin: 16px 16px 0px 16px;
  padding-right: 6px;
}
.account-my-quotes a:hover {
  text-decoration: underline;
}
.account-my-quotes td.responsive-table-cell.float-end.quote-see-details {
  margin-right: 0px;
  width: 30%;
  padding-right: 18px;
  white-space: nowrap;
}
.account-my-quotes td.responsive-table-cell.quote-reason {
  width: 30%;
}
.account-my-quotes .item-value {
  font-size: 0.875rem;
  padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .account-my-quotes .item-value {
    overflow: unset;
    width: 100%;
    text-align: start;
    word-wrap: normal;
  }
}
.account-my-quotes .status-analyzing-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #25a8d0;
  background: rgba(10, 137, 255, 0.1);
  border: 1px solid #25a8d0;
}
@media screen and (min-width: 768px) {
  .account-my-quotes .status-analyzing-pill {
    white-space: nowrap;
  }
}
.account-my-quotes .status-cancelled-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: #df3828;
  background: rgba(223, 56, 40, 0.05);
  border: 1px solid #df3828;
}
@media screen and (min-width: 768px) {
  .account-my-quotes .status-cancelled-pill {
    white-space: nowrap;
  }
}
.account-my-quotes .status-open-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
  color: var(--cx-color-primary);
  background: rgba(120, 190, 32, 0.1);
  border: 1px solid var(--cx-color-primary);
}
@media screen and (min-width: 768px) {
  .account-my-quotes .status-open-pill {
    white-space: nowrap;
  }
}
.account-my-quotes .quote-status-pill {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  border-radius: 10px;
  padding: 6px;
}
@media screen and (min-width: 768px) {
  .account-my-quotes .quote-status-pill {
    white-space: nowrap;
  }
}
@media (max-width: 1023px) {
  .account-my-quotes {
    padding: 0px 24px;
  }
  .account-my-quotes .form-search-myquote button {
    display: none;
  }
  .account-my-quotes .form-search-myquote input {
    margin-right: 0px;
    width: 100%;
  }
  .account-my-quotes .tab {
    display: flex;
    justify-content: space-between;
  }
  .account-my-quotes .account-my-quotes .responsive-table td:nth-child(2),
  .account-my-quotes .account-my-quotes td.responsive-table-cell,
  .account-my-quotes .responsive-table td:nth-child(2),
  .account-my-quotes td.responsive-table-cell {
    padding: 0px 0px 8px 0px;
  }
  .account-my-quotes .responsive-table-cell.quote-reason {
    padding: 0px;
  }
  .account-my-quotes tr.responsive-table-item:last-child,
  .account-my-quotes tr.responsive-table-item:first-child {
    height: auto;
  }
  .account-my-quotes .responsive-table .responsive-table-item {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .account-my-quotes .quote-code {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .account-my-quotes .quote-code span:first-child {
    padding-right: 5px;
  }
  .account-my-quotes .status.float-end,
  .account-my-quotes td.responsive-table-cell.float-end {
    margin: 0px;
  }
  .account-my-quotes .responsive-table-cell {
    padding-bottom: 8px;
  }
  .account-my-quotes .status.float-end {
    margin-bottom: -10px;
  }
  .account-my-quotes .responsive-table-item {
    padding: 16px !important;
  }
  .account-my-quotes td.responsive-table-cell.float-end {
    text-align: left;
  }
}
@media (max-width: 639px) {
  .account-my-quotes .account-my-quotes .responsive-table td:nth-child(2),
  .account-my-quotes .account-my-quotes td.responsive-table-cell,
  .account-my-quotes .responsive-table td:nth-child(2),
  .account-my-quotes td.responsive-table-cell {
    padding: 0px;
  }
}

.account-section-content {
  margin: 0 auto;
}
.account-section-content .item-action .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 0;
}
.account-section-content .item-action .btn.disabled, .account-section-content .item-action .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.survey .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 256px;
  height: 44px;
  font-weight: 500;
}
.survey .btn.disabled, .survey .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.js-retry-download p {
  padding-bottom: 24px;
}
.js-retry-download .retry-download-btn {
  gap: 16px;
}
.js-retry-download .modal-content,
.js-retry-download .modal-dialog {
  max-height: 349px;
  height: 100%;
}

.js-retry-download .retry-download-btn,
.js-retry-download .closeModalOK,
.js-NF-NotFound .retry-download-btn,
.js-NF-NotFound .closeModalOK {
  width: 100%;
}
.js-retry-download .btn,
.js-NF-NotFound .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 8px;
  line-height: 17px;
  width: 100%;
  height: 44px;
  font-weight: 500;
  margin: 0px;
}
.js-retry-download .btn.disabled, .js-retry-download .btn[disabled],
.js-NF-NotFound .btn.disabled,
.js-NF-NotFound .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.js-retry-download p,
.js-NF-NotFound p {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 22px;
  text-align: center;
  color: rgba(84, 89, 94, 0.6);
  margin: 0 auto;
  padding-bottom: 40px;
  width: 230px;
}
.js-retry-download h1, .js-retry-download .h1,
.js-NF-NotFound h1,
.js-NF-NotFound .h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #54595e;
}

.js-NF-NotFound .modal-dialog,
.js-NF-NotFound .modal-content {
  max-height: 312px;
}

.js-NF-NotFound .modal-dialog,
.js-NF-NotFound .modal-content,
.js-retry-download .modal-dialog,
.js-retry-download .modal-content {
  max-width: 449px;
}
.js-NF-NotFound .modal-content,
.js-retry-download .modal-content {
  padding: 26px 24px;
  margin: 0 auto;
}
.js-NF-NotFound .modal-header,
.js-retry-download .modal-header {
  flex-direction: column;
}
.js-NF-NotFound .modal-header h1, .js-NF-NotFound .modal-header .h1,
.js-retry-download .modal-header h1,
.js-retry-download .modal-header .h1 {
  padding-top: 24px;
}
.js-NF-NotFound .modal-header img,
.js-retry-download .modal-header img {
  width: 48px;
}
.js-NF-NotFound .modal-footer,
.js-retry-download .modal-footer {
  padding: 0px;
}

.nf2via-container {
  margin-bottom: 40px;
}
.nf2via-container .nf2via-component {
  padding: 32px;
  background: #f3f3f3;
}
.nf2via-container .nf-table {
  padding-top: 42px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(56, 54, 54, 0.8);
}
.nf2via-container .nf-table,
.nf2via-container .nf-table-listing-row {
  display: grid !important;
  grid-template-columns: 0.6fr 0.4fr 0.3fr 1fr 0.2fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.nf2via-container .nf-table-listing-row {
  border-bottom: 1px solid #c8c8c8;
  align-items: center;
  height: 75.5px;
}
.nf2via-container .paginationjs + .nf-table-listing-row {
  border-bottom: none;
}
.nf2via-container .js-nf-list-form input {
  background: transparent;
  border: none;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0.32px;
  color: #6f6f6f;
  max-width: 90px;
}
.nf2via-container .js-nf-list-form {
  display: flex;
}
.nf2via-container .js-nf-list-form > div {
  border-bottom: 1px solid;
  margin: 0px 2px;
  width: 143px;
  height: 60px;
}
.nf2via-container .js-nf-list-form .nfDateBegin,
.nf2via-container .js-nf-list-form .nfDateEnd {
  margin-left: 8px;
}
.nf2via-container .js-nf-cnpj input {
  width: 188px;
  height: 40px;
  background: #ffffff;
  border: none;
  padding: 16px;
  color: #554f52;
}
.nf2via-container .js-open-datepicker-nfDateBegin,
.nf2via-container .js-open-datepicker-nfDateEnd {
  margin-left: 10px;
}
.nf2via-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.32px;
  color: #525252;
}
.nf2via-container .instructions {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  padding-top: 26px;
  margin-bottom: 0px;
  line-height: 29px;
  color: #2d2d2d;
}
.nf2via-container .nf2via-component-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}
.nf2via-container .nf-table-listing-row .nf-date {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
}
.nf2via-container .nf-table-listing-row .nf-export {
  display: flex;
  align-items: flex-start;
}
.nf2via-container .nf-table + p {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #2d2d2d;
  padding-top: 28px;
  text-align: center;
  margin-bottom: 0px;
}
.nf2via-container textarea:focus,
.nf2via-container input:focus {
  outline: none;
  caret-color: transparent;
  cursor: default;
}
.nf2via-container textarea:hover,
.nf2via-container input:hover {
  cursor: default;
}
.nf2via-container li {
  float: left;
  list-style: none;
}
.nf2via-container .paginationjs-pages {
  margin-top: 18px;
}
.nf2via-container .paginationjs-pages ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 432px;
  height: 48px;
  align-items: flex-end;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.16px;
  color: #161616;
}
.nf2via-container .paginationjs-pages ul li {
  height: 48px;
  display: flex;
}
.nf2via-container .paginationjs-pages ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.16px;
  color: #161616;
  display: flex;
  align-items: center;
}
.nf2via-container .paginationjs-pages ul .active {
  border-bottom: 4px solid #0f62fe;
  height: 44px;
}
.nf2via-container .paginationjs-pages ul .disabled svg {
  color: rgba(22, 22, 22, 0.25);
}
.nf2via-container #cboxLoadedContent {
  width: 450px;
  height: 350px;
}
.nf2via-container .js-nf-list-form-wrapper {
  border-bottom: 0px;
}

@media (max-width: 1023px) {
  .nf2via-container .nf2via-component {
    background: #ffffff;
    padding: 0px;
  }
  .nf2via-container .component-page-headline {
    margin-left: 0px;
    padding-bottom: 24px;
    height: 76px;
  }
  .nf2via-container .js-nf-cnpj p {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #887f87;
    margin-bottom: 16px;
  }
  .nf2via-container .js-nf-list-form p {
    font-size: 12px;
  }
  .nf2via-container .js-nf-list-form div {
    height: 46px;
  }
  .nf2via-container .js-nf-list-form input {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.32px;
    color: #6f6f6f;
  }
  .nf2via-container .js-nf-list-form-wrapper {
    background-color: #f4f4f4;
    width: auto;
    height: 40px;
    border-bottom: 1px solid;
  }
  .nf2via-container .js-open-datepicker-nfDateBegin,
  .nf2via-container .js-open-datepicker-nfDateEnd {
    margin-left: 0px;
  }
  .nf2via-container .js-nf-list-form .nfDateBegin,
  .nf2via-container .js-nf-list-form .nfDateEnd {
    margin-left: 18px;
    width: 85px;
    margin-top: 10px;
  }
  .nf2via-container .js-nf-list-form .nfDateBegin input,
  .nf2via-container .js-nf-list-form .nfDateEnd input {
    border-bottom: 1px solid;
  }
  .nf2via-container .nf-table-mobile {
    display: block;
  }
  .nf2via-container .nf-table-mobile div {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 17px;
    text-align: left;
    color: #000000;
    padding-bottom: 12px;
  }
  .nf2via-container .nf-table-mobile .nf-date {
    border-top: 0.529517px solid rgba(56, 54, 54, 0.8);
    padding-top: 24px;
    margin-top: 44px;
  }
  .nf2via-container .nf-table-mobile .nf-export-listing {
    background: #ffffff;
    padding-top: 26px;
    width: 100px;
    justify-content: space-between;
  }
  .nf2via-container .nf-table-mobile .nf-export-listing a img {
    width: 47.04px;
    height: 56.23px;
  }
  .nf2via-container .nf-table-mobile .nf-export {
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .nf2via-container .nf-date-listing,
  .nf2via-container .nf-number-listing,
  .nf2via-container .nf-series-listing,
  .nf2via-container .nf-key-listing,
  .nf2via-container .nf-table-mobile .nf-date-listing,
  .nf2via-container .nf-table-mobile .nf-number-listing,
  .nf2via-container .nf-table-mobile .nf-series-listing,
  .nf2via-container .nf-table-mobile .nf-key-listing {
    width: 100%;
    height: 30px;
    background: #f4f4f4;
    margin-top: 8px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #887f87;
    padding: 4px 0px 4px 16px;
  }
  .nf2via-container .instructions {
    padding-top: 24px;
    margin-top: 44px;
    border-top: 1px solid;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #2d2d2d;
    text-align: left;
  }
  .nf2via-container .nf2via-component-top {
    height: 60px;
  }
  .nf2via-container .nf-table-mobile-disabled div {
    font-weight: 500;
    font-size: 20px;
    line-height: 17px;
    color: #d4d4d4;
    width: 291px;
    padding-bottom: 12px;
  }
}
@media (max-width: 1023px) and (max-width: 1200px) {
  .nf2via-container .nf-table-mobile-disabled div {
    display: none;
  }
}
@media (max-width: 1023px) {
  .nf2via-container .nf-table-mobile-disabled .nf-date {
    margin-top: 24px;
  }
}
@media (max-width: 1023px) {
  .nf2via-container .paginationjs-pages ul {
    max-width: 80%;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 1023px) {
  .page-notafiscal2via .retry-download #cboxLoadedContent {
    width: auto !important;
  }
  .page-notafiscal2via .not-found-modal #cboxLoadedContent {
    width: auto !important;
    margin-top: 9px;
  }
  .page-notafiscal2via .not-found-modal #cboxTitle {
    display: none;
  }
}
.order-identation {
  padding-bottom: 40px;
  height: auto;
}

.boleto2via-component .order-identation {
  text-indent: 0px;
}

@media (max-width: 639px) {
  .nf2via-container .nf2via-component {
    background: #ffffff;
    padding: 0px;
  }
  .nf2via-container .component-page-headline {
    margin-left: 0px;
    padding-bottom: 16px;
    height: auto;
  }
  .nf2via-container .js-nf-cnpj p {
    font-size: 10px;
  }
  .nf2via-container .js-nf-list-form p {
    font-size: 12px;
  }
  .nf2via-container .js-nf-list-form div {
    height: 46px;
  }
  .nf2via-container .js-nf-list-form input {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.32px;
    color: #6f6f6f;
  }
  .nf2via-container .js-nf-list-form-wrapper {
    background-color: #f4f4f4;
    height: 40px;
    border-bottom: 1px solid;
  }
  .nf2via-container .js-open-datepicker-nfDateBegin,
  .nf2via-container .js-open-datepicker-nfDateEnd {
    margin-left: 0px;
  }
  .nf2via-container .js-nf-list-form .nfDateBegin,
  .nf2via-container .js-nf-list-form .nfDateEnd {
    margin-left: 18px;
    width: 85px;
    margin-top: 10px;
  }
  .nf2via-container .js-nf-list-form .nfDateBegin input,
  .nf2via-container .js-nf-list-form .nfDateEnd input {
    border-bottom: 1px solid;
  }
  .nf2via-container .nf-table-mobile {
    display: block;
  }
  .nf2via-container .nf-table-mobile div {
    font-size: 14px;
  }
  .nf2via-container .nf-table-mobile .nf-date {
    border-top: 0.529517px solid rgba(56, 54, 54, 0.8);
    padding-top: 24px;
    margin-top: 12px;
  }
  .nf2via-container .nf-table-mobile .nf-date:first-child {
    margin-top: 44px;
  }
  .nf2via-container .nf-table-mobile .nf-export-listing {
    background: #ffffff;
    padding-top: 0px;
    width: 100px;
  }
  .nf2via-container .nf-table-mobile .nf-export-listing a img {
    width: auto;
    height: auto;
  }
  .nf2via-container .nf-table-mobile .nf-export {
    display: flex;
    justify-content: space-between;
    flex-direction: unset;
    align-items: unset;
  }
  .nf2via-container .nf-date-listing,
  .nf2via-container .nf-number-listing,
  .nf2via-container .nf-series-listing,
  .nf2via-container .nf-key-listing,
  .nf2via-container .nf-table-mobile .nf-date-listing,
  .nf2via-container .nf-table-mobile .nf-number-listing,
  .nf2via-container .nf-table-mobile .nf-series-listing,
  .nf2via-container .nf-table-mobile .nf-key-listing {
    width: 100%;
    height: 20px;
    margin-bottom: 16px;
    font-size: 10px;
    line-height: 12px;
    padding: 3px 0px 3px 12px;
  }
  .nf2via-container .instructions {
    font-size: 14px;
    padding-top: 16px;
    margin-top: 40px;
  }
  .nf2via-container .nf2via-component-top {
    height: 60px;
  }
  .nf2via-container .nf-table-mobile-disabled div {
    font-size: 14px;
    width: 197px;
    height: 20px;
  }
  .nf2via-container .nf-table-mobile-disabled .nf-date {
    margin-top: 24px;
  }
  .nf2via-container .js-nf-list-form-wrapper {
    border-bottom: 1px solid;
  }
}
.my-asm-container,
.my-asm-container-responsive {
  width: 100%;
  min-height: 257px;
  background: #fafafa;
  border: 1px solid var(--cx-color-primary);
  border-radius: 25px;
  padding: 40px;
}

.my-asm-wrapper h1, .my-asm-wrapper .h1,
.my-asm-wrapper-btn h1,
.my-asm-wrapper-btn .h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 16px;
  margin: 0px;
  color: var(--cx-color-primary);
}
.my-asm-wrapper p,
.my-asm-wrapper-btn p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin: 0px;
}
.my-asm-wrapper .btn,
.my-asm-wrapper-btn .btn {
  --bs-btn-padding-y: 0px;
  --bs-btn-padding-x: 0px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 8px;
  line-height: 22px;
  width: 198px;
  height: 40px;
  font-weight: 400;
}
.my-asm-wrapper .btn.disabled, .my-asm-wrapper .btn[disabled],
.my-asm-wrapper-btn .btn.disabled,
.my-asm-wrapper-btn .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.my-asm-wrapper-btn {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.my-asm-wrapper-btn img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.copy-to-clipboard-tooltip {
  font-size: 12px;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  padding: 7px 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
  width: auto;
  border-radius: 10px;
  height: 30px;
  position: absolute;
  margin-top: 25px;
}

.my-asm-email-wrapper p {
  word-break: break-all;
}

.my-asm-wrapper-phone {
  padding-bottom: 6px;
}

@media (min-width: 1024px) {
  .my-asm-container-responsive {
    display: none;
  }
  .my-asm-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 12px;
    margin-bottom: 40px;
  }
  .my-asm-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .my-asm-store,
  .my-asm-seller,
  .my-asm-wrapper-send-message {
    padding-bottom: 26px;
  }
  .page-meuvendedor .account-section-content h1.component-page-headline, .page-meuvendedor .account-section-content .component-page-headline.h1 {
    margin-top: 24px;
    padding-bottom: 56px;
    justify-content: flex-start;
  }
  .my-asm-email-wrapper {
    display: flex;
    padding-bottom: 6px;
  }
  .my-asm-email-wrapper p {
    word-break: break-all;
  }
  .my-asm-email-wrapper button {
    margin-left: 10px;
    display: flex;
    align-self: end;
    margin-bottom: 4px;
  }
}
@media (max-width: 1024px) {
  .my-asm-container {
    display: none;
  }
  .my-asm-container-responsive {
    display: flex;
    margin-bottom: 40px;
  }
  .account-section-content h1.component-page-headline, .account-section-content .component-page-headline.h1 {
    justify-content: flex-start;
    margin-top: 40px;
  }
  .my-asm-wrapper-bottom,
  .my-asm-wrapper-top {
    width: 50%;
  }
  .my-asm-wrapper-btn {
    justify-content: flex-start;
  }
  .my-asm-wrapper {
    margin-bottom: 24px;
  }
  .my-asm-wrapper-top,
  .my-asm-wrapper-bottom {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  .copy-to-clipboard-tooltip {
    margin-top: 0px;
  }
}
@media (max-width: 640px) {
  .my-asm-container-responsive {
    flex-direction: column;
    background: unset;
    border: none;
    padding: 0px;
  }
  .my-asm-wrapper h1, .my-asm-wrapper .h1,
  .my-asm-wrapper-btn h1,
  .my-asm-wrapper-btn .h1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 6px;
    margin: 0px;
  }
  .my-asm-wrapper p,
  .my-asm-wrapper-btn p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    margin: 0px;
    line-height: 18px;
  }
  .my-asm-wrapper .btn,
  .my-asm-wrapper-btn .btn {
    --bs-btn-padding-y: 0px;
    --bs-btn-padding-x: 0px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 18px;
    width: 153px;
    height: 30px;
    font-weight: 400;
  }
  .my-asm-wrapper .btn.disabled, .my-asm-wrapper .btn[disabled],
  .my-asm-wrapper-btn .btn.disabled,
  .my-asm-wrapper-btn .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  .my-asm-wrapper {
    margin-bottom: 16px;
  }
  .my-asm-wrapper-btn {
    justify-content: flex-start;
  }
  .my-asm-wrapper-btn img {
    margin-right: 10px;
    margin-bottom: 6px;
  }
  .my-asm-wrapper-top {
    margin-bottom: 26px;
  }
  .my-asm-wrapper-bottom,
  .my-asm-wrapper-top {
    width: 100%;
  }
  .copy-to-clipboard-tooltip {
    margin-top: 6px;
  }
  .component-page-headline {
    margin-left: 0px;
    margin-top: 0px;
    font-size: 24px;
    text-decoration-thickness: 5px;
    text-underline-offset: 8px;
    justify-content: left;
  }
  h1 img, .h1 img {
    width: 12px;
  }
  h1 button, .h1 button {
    margin-left: 10px;
  }
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list .item__list--header {
  display: table;
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list .item__togle {
  width: 1%;
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list .item__info {
  width: 25%;
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list .item__quantity {
  width: 15%;
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list .item__total--column {
  width: 12%;
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list--item {
  padding: 15px 0;
}
@media (max-width: 1023px) {
  body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__list--item {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
  }
}
body:not([data-page-uid=cartPage]):not([data-page-uid=quoteEditPage]) .item__price {
  width: 19%;
}

.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}

table {
  width: 100%;
}
table th {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #063a44;
  color: #ffffff;
  padding: 8px 10px;
  vertical-align: top;
}
table th:last-child {
  text-align: right;
}
table tr.entry-group-header a {
  color: lightgrey;
}
table tr.entry-group-header a:hover {
  color: black;
}
table tr.entry-group-header .error {
  background-color: PaleVioletRed;
}
table .entry-group-error-message {
  text-transform: none;
}
table div.left-align {
  text-align: left;
}
table td {
  padding: 20px 10px;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  table td {
    padding: 10px;
    padding-bottom: 0;
  }
}

.responsive-table th:first-child {
  padding-left: 30px;
}
@media (max-width: 1024px) {
  .responsive-table th:first-child {
    padding-left: 20px;
  }
}
.responsive-table th:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .responsive-table th:last-child {
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .responsive-table td:nth-child(2) {
    padding-left: 30px;
  }
}
.responsive-table td:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 640px) {
  .responsive-table td:last-child {
    padding-right: 20px;
  }
}

.responsive-table-item:nth-child(even) {
  background-color: #eeeef0;
}
.responsive-table-item a.responsive-table-link {
  color: #000;
}
.responsive-table-item a:hover, .responsive-table-item a:focus {
  text-decoration: underline;
}
.responsive-table-item td:last-child {
  text-align: left;
}
@media (max-width: 639px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}

input[type=radio],
input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 20px;
}

label {
  color: #000000;
  font-weight: 600;
  font-size: 13px;
}
label.uncased {
  text-transform: none;
}

.form-control:focus {
  border-color: #91c854;
  outline: 0;
  box-shadow: none;
}

.form-control::-moz-placeholder {
  color: #b9bdc2;
  opacity: 1;
}

.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #b9bdc2;
}

select.form-control {
  text-transform: uppercase;
  font-size: 13px;
}
@media (max-width: 1024px) {
  select.form-control {
    height: auto;
  }
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  color: #6f676c;
}

.has-error .control-label {
  color: #000000;
}
.has-error input.form-control {
  background: #ffffff;
  border-color: #ea5d58;
}
.has-error .help-block {
  color: #ea5d58;
}
.has-error select {
  border-color: #ea5d58 !important;
}

.has-success .control-label {
  color: #000000;
}
.has-success input.form-control {
  background: transparent;
  border-color: #41a017;
}
.has-success .help-block {
  color: #00a651;
}
.has-success select {
  border-color: #41a017 !important;
}

legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon, .form-element-icon .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon .owl-prev,
.form-element-icon .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon .owl-next, .form-element-icon .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .form-element-icon .accordion-toggle:before, .form-element-icon .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .form-element-icon .product__list--item.tag-highlighted:after, .form-element-icon .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .form-element-icon .product-item.tag-highlighted:after {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon, .form-element-icon.datepicker .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker .owl-prev,
.form-element-icon.datepicker .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker .owl-next, .form-element-icon.datepicker .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .form-element-icon.datepicker .accordion-toggle:before, .form-element-icon.datepicker .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .form-element-icon.datepicker .product__list--item.tag-highlighted:after, .form-element-icon.datepicker .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .form-element-icon.datepicker .product-item.tag-highlighted:after {
  top: 32px;
  right: 10px;
  color: #47b6b1;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon, .form-element-icon.datepicker .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker .owl-prev,
  .form-element-icon.datepicker .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .form-element-icon.datepicker .owl-next, .form-element-icon.datepicker .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .form-element-icon.datepicker .accordion-toggle:before, .form-element-icon.datepicker .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .form-element-icon.datepicker .product__list--item.tag-highlighted:after, .form-element-icon.datepicker .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .form-element-icon.datepicker .product-item.tag-highlighted:after {
    top: 38px;
  }
}

.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}

fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}

.legend {
  margin-bottom: 20px;
}

textarea {
  min-height: 245px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}

/* Toggle Button */
.toggle-button {
  position: absolute;
  top: 19px;
  right: 73px;
}
.toggle-button input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.toggle-button input[type=checkbox][disabled] ~ label {
  color: white;
  pointer-events: none;
}
.toggle-button input[type=checkbox][disabled] ~ label .toggle-button__switch {
  opacity: 0.4;
}
.toggle-button input[type=checkbox]:focus ~ label .toggle-button__switch, .toggle-button input[type=checkbox]:hover ~ label .toggle-button__switch {
  background-color: white;
  border-color: #b8b8c0;
}
.toggle-button input[type=checkbox]:checked ~ label .toggle-button__switch {
  background-color: #47b6b1;
}
.toggle-button input[type=checkbox]:checked ~ label .toggle-button__switch:after {
  content: " ";
  background-color: #fff;
  transform: translate3d(22px, 0, 0);
}
.toggle-button input[type=checkbox]:checked ~ label .toggle-button__switch :before {
  content: " ";
  left: 0;
}
.toggle-button label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.toggle-button label .toggle-button__switch {
  position: relative;
  height: 33px;
  flex: 0 0 56px;
  border-radius: 60px;
  border: 1px solid #eeeef0;
  background-color: #fff;
}
.toggle-button label .toggle-button__switch.is-checked {
  border-color: #47b6b1;
}
.toggle-button label .toggle-button__switch:before {
  left: 28px;
  font-size: 12px;
  line-height: 23px;
  width: 28px;
  padding: 0 12px;
  content: " ";
  position: absolute;
  top: 0;
}
.toggle-button label .toggle-button__switch:after {
  top: 4px;
  left: 4px;
  border-radius: 30px;
  width: 23px;
  line-height: 23px;
  font-size: 12px;
  color: #fff;
  background-color: #eeeef0;
  content: " ";
  position: absolute;
  z-index: 5;
}

.toggle-button input[type=checkbox]:checked:focus ~ label .toggle-button__switch,
.toggle-button input[type=checkbox]:checked:hover ~ label .toggle-button__switch {
  background-color: #8fd4d0;
  border-color: #8fd4d0;
}

.on-error-only {
  display: none;
}

.form-group.has-error .on-error-only {
  display: block;
}

.cx-form-group .cx-control-label {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-root);
  margin-bottom: 4px;
}
.cx-form-group .cx-control-subtitle {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-8);
  margin-bottom: 4px;
  font-weight: 400;
  color: var(--cx-color-secondary);
}
.cx-form-group .cx-form-control {
  display: block;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  height: var(--cx-form-input-height);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--cx-form-input-border-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cx-form-group .cx-form-control:active, .cx-form-group .cx-form-control:focus {
  outline: none;
  border: 1px solid var(--cx-color-primary);
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
}
.cx-form-group .cx-form-control:disabled {
  background-color: #f6f7f7;
}
.cx-form-group .label-error {
  margin-top: 4px;
  font-family: var(--cx-font-family-default);
  font-weight: 300;
  font-style: normal;
  font-size: var(--cx-font-size-8);
  color: var(--cx-form-text-error-color);
}
.cx-form-group .label-max-length {
  display: flex;
  justify-content: end;
  margin-top: 4px;
  font-family: var(--cx-font-family-default);
  font-weight: 300;
  font-style: normal;
  font-size: var(--cx-font-size-8);
}
.cx-form-group .container-icon {
  position: relative;
}
.cx-form-group .container-icon .cx-form-control {
  padding-right: 32px;
}
.cx-form-group .container-icon .icon-floating-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cx-form-group .container-icon .icon {
  display: flex;
}
.cx-form-group .radio-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cx-form-group .radio-options .radio-item {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.cx-form-group .radio-options .radio-item input {
  appearance: none;
  position: relative;
  margin-top: 0;
  margin-inline-start: 0;
  min-width: var(--cx-form-checkables-height);
  min-height: var(--cx-form-checkables-height);
  margin: 0;
  cursor: pointer;
  border: 2px solid var(--cx-form-input-border-color);
  border-radius: 50%;
}
.cx-form-group .radio-options .radio-item input:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border-radius: 50%;
  content: "";
}
.cx-form-group .radio-options .radio-item input:checked {
  border-color: var(--cx-color-primary) !important;
}
.cx-form-group .radio-options .radio-item input:checked:after {
  background-color: var(--cx-color-primary);
}
.cx-form-group .radio-options .radio-item input:focus-within {
  outline: none;
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
}
.cx-form-group .radio-options .radio-item input:disabled {
  pointer-events: none;
  background-color: #f6f7f7;
}
.cx-form-group .radio-options .radio-item input:disabled + label {
  pointer-events: none;
}
.cx-form-group .radio-options .radio-item label {
  cursor: pointer;
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-7);
}
.cx-form-group .label-check-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
}
.cx-form-group .label-check-container input {
  margin: 0;
  position: relative;
  min-width: var(--cx-form-checkables-height);
  min-height: var(--cx-form-checkables-height);
  appearance: none;
  border: 2px solid var(--cx-form-input-border-color);
  border-radius: 4px;
  cursor: pointer;
}
.cx-form-group .label-check-container input:checked {
  outline: none;
  border: 2px solid var(--cx-color-primary);
}
.cx-form-group .label-check-container input:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%) rotate(-45deg);
  display: inline-block;
  height: 30%;
  width: 60%;
  color: var(--cx-color-primary);
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: var(--cx-color-primary);
  content: "";
}
.cx-form-group .label-check-container input:focus-within {
  outline: none;
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-primary), transparent 0%);
}
.cx-form-group .label-check-container input:disabled {
  pointer-events: none;
  background-color: #f6f7f7;
}
.cx-form-group .label-check-container input:disabled + label {
  pointer-events: none;
}
.cx-form-group .label-check-container .form-check-label {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-7);
}
.cx-form-group .cx-text-area {
  min-height: 100px;
}
.cx-form-group .switcher-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cx-form-group .switcher-container .switch {
  position: relative;
  display: inline-block;
  width: calc(var(--cx-form-checkables-height) * 2);
  height: var(--cx-form-checkables-height);
}
.cx-form-group .switcher-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cx-form-group .switcher-container .switch input:checked + .slider {
  background-color: var(--cx-color-primary);
}
.cx-form-group .switcher-container .switch input:checked + .slider:before {
  transform: translate(100%, -50%);
}
.cx-form-group .switcher-container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--cx-form-input-border-color);
  transition: 0.4s;
  border-radius: var(--cx-form-checkables-height);
}
.cx-form-group .switcher-container .switch .slider.allways-on {
  background-color: var(--cx-color-primary);
}
.cx-form-group .switcher-container .switch .slider:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 4px;
  width: calc(var(--cx-form-checkables-height) * 0.8);
  height: calc(var(--cx-form-checkables-height) * 0.8);
  background-color: #fff;
  transition: 0.4s;
  border-radius: 50%;
}
.cx-form-group .switcher-container .form-switch-label {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
  font-size: var(--cx-font-size-7);
}
.cx-form-group .fake-label {
  content: "";
  display: block;
  width: 100%;
  height: 34px;
}
.cx-form-group.has-error .cx-form-control {
  border-color: var(--cx-form-text-error-color);
}
.cx-form-group.has-error .cx-form-control:active, .cx-form-group.has-error .cx-form-control:focus {
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
}
.cx-form-group.has-error .radio-options input,
.cx-form-group.has-error .label-check-container input {
  border-color: var(--cx-form-text-error-color);
}
.cx-form-group.has-error .radio-options input:active, .cx-form-group.has-error .radio-options input:focus,
.cx-form-group.has-error .label-check-container input:active,
.cx-form-group.has-error .label-check-container input:focus {
  -webkit-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  -moz-box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
  box-shadow: 0px 0px 4px 0px color-mix(in srgb, var(--cx-color-danger), transparent 0%);
}

.textpage-faqs th:last-child {
  text-align: left;
}

/*
## landingLayout2Page
********************************************************************/
.section-01 > div:not(:first-child) {
  margin-top: 12px;
}

.section-02 {
  --section-2-spacing-between-components: 48px;
  margin-bottom: var(--section-2-spacing-between-components);
}
.section-02 > div {
  margin-top: var(--section-2-spacing-between-components);
}
@media all and (max-width: 991px) {
  .section-02 > div {
    margin-top: 32px;
  }
}

.zoneA .disp-img {
  height: 108px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #a5a5a5;
  position: relative;
}
.zoneA .disp-img:first-child {
  margin: 0;
}
.zoneA .disp-img a {
  display: block;
}
.zoneA .disp-img .title {
  display: block;
  margin-left: 106px;
  border-bottom: 1px dotted #a5a5a5;
  margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
  position: absolute;
  top: 0;
}
.zoneA .disp-img .details {
  width: 124px;
  height: 96px;
  margin-left: 106px;
  display: block;
}
.zoneA .action {
  display: none;
}

.zoneB .simple_disp-img:first-child {
  margin: 0 0 10px 0;
}

#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: 0;
}
#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}
#homepage_slider.stripViewer ul li {
  float: left;
}
#homepage_slider .svw {
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}
#homepage_slider .svw ul {
  position: relative;
  left: -999em;
}
#homepage_slider .tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border: 5px solid #dedede;
}

.stripTransmitter {
  overflow: auto;
  padding: 0 15px;
  width: 438px;
  height: 51px;
  border-bottom: 1px dotted #a19ba2;
  background-color: #eeeeee;
}
.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
.stripTransmitter ul li {
  width: 30px;
  float: left;
}
.stripTransmitter a {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}
.stripTransmitter a:hover, .stripTransmitter a.current {
  font-weight: bold;
}

.tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px dotted #a5a5a5;
}

.section4 .disp-img {
  margin: 0 0 15px 0;
}
.section4 .disp-img .title {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
  margin: 0 0 5px 0;
  display: block;
}
.section4 .disp-img .action {
  display: none;
}

.form-register-company {
  margin: 0 auto;
  width: 536px;
  float: none;
  margin-bottom: 25px;
}
.form-register-company .btn {
  border-radius: 15px !important;
}
.form-register-company input,
.form-register-company select {
  border: 1px solid;
}
.form-register-company label {
  text-transform: inherit;
}
.form-register-company input[type=radio],
.form-register-company input[type=checkbox] {
  margin-bottom: 0;
}
.form-register-company .control-label {
  padding-bottom: 3px;
}
.form-register-company option {
  font-weight: 600;
}
.form-register-company .submit-button {
  margin-top: 50px;
}
.form-register-company .form-control.cep, .form-register-company .form-control.streetNumber {
  width: 260px;
}
.form-register-company .form-control.cnpj {
  width: 398px;
}
.form-register-company .register_newAddr {
  text-decoration: underline;
  color: #41a017;
  background-color: transparent;
  border: none;
  font-weight: 500;
}
.form-register-company .register_addNewAddr {
  color: #41a017;
}
.form-register-company .register_removeNewAddr {
  color: #df3828;
  padding-bottom: 25px;
}
.form-register-company .register_removeNewAddr {
  padding-bottom: 25px;
}
@media only screen and (min-width: 1024px) {
  .form-register-company .registerCompany_payments {
    padding-left: 210px;
    margin-top: 72px;
  }
  .form-register-company .registerCompany_payments label {
    padding-right: 25px;
  }
  .form-register-company .form-control {
    height: 38px;
  }
  .form-register-company label {
    font-size: 1.25em;
  }
  .form-register-company.registerCompany_pointOfService {
    width: 1000px;
    padding-left: 240px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .form-register-company {
    width: 374px;
  }
  .form-register-company label {
    font-size: 0.75em;
  }
  .form-register-company option {
    font-size: 10px;
  }
  .form-register-company .form-control {
    width: 374px;
  }
  .form-register-company .form-control.cnpj, .form-register-company .form-control.cep, .form-register-company .form-control.streetNumber {
    width: 275px;
  }
  .form-register-company .control-label,
  .form-register-company label {
    font-size: 14px;
  }
  .form-register-company.registerCompany_payGroup {
    width: 800px;
    padding-left: 210px;
  }
  .form-register-company.registerCompany_pointOfService {
    width: 374px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .form-register-company {
    width: inherit;
  }
  .form-register-company .form-control.cep, .form-register-company .form-control.streetNumber, .form-register-company .form-control.cnpj {
    width: -webkit-fill-available;
  }
}

.register {
  display: flex;
  width: 400px;
  font-size: 16px;
  text-align: center;
  padding-bottom: 140px;
  flex-flow: column nowrap;
  margin: 0 auto;
}
.register .registerContact {
  line-height: 2;
}
.register .registerSuccessful {
  font-weight: 800;
}

@media (min-width: 1024px) {
  .registerCompany-header section {
    display: flex;
    align-items: center;
  }
  .registerCompany-header p {
    font-size: 21px;
    margin: 0;
    padding: 0;
  }
  .registerCompany-header .item {
    width: 290px;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
  }
  .registerCompany-header .item-top,
  .registerCompany-header .item-bottom {
    justify-content: space-around;
  }
  .registerCompany-header .item-top {
    padding: 0 100px 70px;
  }
  .registerCompany-header .item-bottom {
    padding: 0 300px;
  }
  .registerCompany-header img {
    padding-bottom: 20px;
    width: 193px;
    height: 198px;
  }
  .registerCompany-header h1, .registerCompany-header .h1 {
    text-align: center;
    font-size: 40px;
    padding-top: 50px;
    font-weight: 700;
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .registerCompany-header img {
    width: 77px;
    height: 79px;
    margin-bottom: 20px;
  }
  .registerCompany-header section {
    display: flex;
    align-items: center;
  }
  .registerCompany-header .item {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
  }
  .registerCompany-header .item-top,
  .registerCompany-header .item-bottom {
    justify-content: space-around;
    text-align: center;
  }
  .registerCompany-header .item-top {
    padding: 0 100px 60px;
  }
  .registerCompany-header .item-bottom {
    padding: 0 140px;
  }
  .registerCompany-header p {
    font-size: 12px;
    margin: 0;
    padding: 0;
  }
  .registerCompany-header h1, .registerCompany-header .h1 {
    text-align: center;
    font-size: 20px;
  }
  .registerCompany-header .joinleroy {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .registerCompany-header .item {
    justify-content: center;
    flex-direction: column;
    padding-bottom: 50px;
  }
  .registerCompany-header .item-top,
  .registerCompany-header .item-bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .registerCompany-header img {
    width: 106px;
    height: 109px;
    padding-bottom: 20px;
  }
  .registerCompany-header p {
    font-size: 14px;
    margin: 0;
    padding: 0;
  }
  .registerCompany-header h1, .registerCompany-header .h1 {
    text-align: center;
    font-weight: 700;
  }
  .registerCompany-header .joinleroy {
    font-size: 16px;
    padding-bottom: 3em;
  }
  .registerCompany-header .andmore {
    font-size: 28px;
    padding: 0;
    margin: 0 0 30px;
    font-weight: 600;
  }
}

.page-register .yComponentWrapper {
  padding: 0px !important;
}
.page-register .main__inner-wrapper {
  margin-bottom: 0px;
}

.page-autonomousRegisterSearchPage .customer-search-area {
  display: flex;
  align-items: center;
  min-height: 500px;
}
@media (min-width: 1024px) {
  .page-autonomousRegisterSearchPage .customer-search-area {
    background: url(./../../common/images/background-register.svg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100vw;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-autonomousRegisterSearchPage .customer-search-area {
    background: url(./../../common/images/background-register-tablet.svg);
    background-position: right;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
  }
}
@media (max-width: 639px) {
  .page-autonomousRegisterSearchPage .customer-search-area {
    background: url(./../../common/images/background-register-mobile.svg);
    background-attachment: fixed;
    background-size: cover;
    width: 100vw;
  }
}

.page-autonomousRegisterResultPage .customer-search-area {
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1024px) {
  .page-autonomousRegisterResultPage .customer-search-area {
    background: url(./../../common/images/background-register.svg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 1444px;
    width: 100vw;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-autonomousRegisterResultPage .customer-search-area {
    background: url(./../../common/images/background-register-tablet.svg) no-repeat;
    background-position: right;
    background-attachment: fixed;
    background-size: contain;
    width: 100vw;
  }
}
@media (max-width: 639px) {
  .page-autonomousRegisterResultPage .customer-search-area {
    background: url(./../../common/images/background-register-mobile.svg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 1070px;
    width: 100vw;
  }
}
@media (max-width: 639px) {
  .page-autonomousRegisterResultPage .customer-search-area {
    margin: 0 auto;
  }
}

.page-register .customer-search-area {
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .page-register .customer-search-area {
    background: url(./../../common/images/background-register.svg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 1444px;
    width: 100vw;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-register .customer-search-area {
    background: url(./../../common/images/background-register-tablet.svg) no-repeat;
    background-position: right;
    background-attachment: fixed;
    background-size: contain;
    min-height: 1030px;
    width: 100vw;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  .page-register .customer-search-area {
    background: url(./../../common/images/background-register-mobile.svg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 1070px;
    width: 100vw;
  }
}
@media (max-width: 319px) {
  .page-register .customer-search-area {
    background: url(./../../common/images/background-register-mobile.svg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 1270px;
    height: 100vh;
    width: 100vw;
  }
}
.page-register .alert {
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  .page-register .new-register-section {
    max-width: 544px;
  }
}

.page-autonomousRegisterSearchPage {
  background: #f7f7f7;
}
.page-autonomousRegisterSearchPage .customer-search {
  margin: 0 auto;
  width: 100%;
  max-width: 587px;
  background-color: #fff;
  border-radius: 10px;
  padding: 60px 0px;
}
.page-autonomousRegisterSearchPage .customer-search .row, .page-autonomousRegisterSearchPage .customer-search .cart__content {
  justify-content: center;
  max-width: 587px;
  width: 100%;
  --bs-gutter-x: 0rem;
}
@media (max-width: 768px) {
  .page-autonomousRegisterSearchPage .customer-search {
    max-width: 454px;
    width: 100%;
    padding: 40px 48px;
  }
}
@media (max-width: 480px) {
  .page-autonomousRegisterSearchPage .customer-search {
    width: 85%;
    padding: 20px;
  }
}
.page-autonomousRegisterSearchPage #errorMessageCnpjSearchAutonomous.help-block {
  margin-top: 8px;
}
.page-autonomousRegisterSearchPage .yComponentWrapper {
  padding: 0px;
}
.page-autonomousRegisterSearchPage .main__inner-wrapper {
  margin-bottom: 0px;
}
.page-autonomousRegisterSearchPage #findCustomer {
  margin: 20px 0;
  width: -webkit-fill-available;
  max-width: 100%;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterSearchPage #findCustomer {
    margin: 8px 0px 8px;
    height: 36px;
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .page-autonomousRegisterSearchPage .navigation--middle {
    display: none;
  }
}
@media (max-width: 1024px) {
  .page-autonomousRegisterSearchPage .alert {
    padding-left: 30px;
    margin-bottom: 0px;
  }
}
.page-autonomousRegisterSearchPage .alert {
  margin-bottom: 0px;
}

.register-background {
  z-index: -1;
  position: relative;
  width: 100%;
  grid-row: 1;
  grid-column: 1;
}

@media (max-width: 1023px) {
  .newPageRegisterContainer #cnpjAutonomous {
    height: 34px;
    padding: 10px 16px;
  }
}

.newPageRegisterContainer,
.page-autonomousRegisterResultPage {
  /*Header_Section*/
  /*Section Login-Form*/
  /*Container Products and Benefits*/
  /*FAQ*/
}
.newPageRegisterContainer .form-select,
.page-autonomousRegisterResultPage .form-select {
  height: 44px;
  color: #6f676c;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .form-select,
  .page-autonomousRegisterResultPage .form-select {
    height: 36px;
    font-size: 14px;
  }
}
.newPageRegisterContainer input,
.page-autonomousRegisterResultPage input {
  height: 44px;
}
.newPageRegisterContainer .row-main,
.page-autonomousRegisterResultPage .row-main {
  margin: 0 0;
}
.newPageRegisterContainer .main__inner-wrapper,
.page-autonomousRegisterResultPage .main__inner-wrapper {
  margin-bottom: 0px;
}
.newPageRegisterContainer .new-register-section,
.page-autonomousRegisterResultPage .new-register-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .new-register-section,
  .page-autonomousRegisterResultPage .new-register-section {
    margin-top: 76px;
    padding-bottom: 45px;
  }
}
.newPageRegisterContainer .new-register-section .form-section,
.page-autonomousRegisterResultPage .new-register-section .form-section {
  margin: 0px;
}
.newPageRegisterContainer .new-register-section .form-section .form-group,
.newPageRegisterContainer .new-register-section .form-section .password-section,
.newPageRegisterContainer .new-register-section .form-section #eye-register,
.page-autonomousRegisterResultPage .new-register-section .form-section .form-group,
.page-autonomousRegisterResultPage .new-register-section .form-section .password-section,
.page-autonomousRegisterResultPage .new-register-section .form-section #eye-register {
  display: none;
}
@media (max-width: 767px) {
  .newPageRegisterContainer .new-register-section .col-sm-12,
  .page-autonomousRegisterResultPage .new-register-section .col-sm-12 {
    margin-top: 40px;
  }
}
@media (max-width: 639px) {
  .newPageRegisterContainer .new-register-section,
  .page-autonomousRegisterResultPage .new-register-section {
    width: 80%;
    margin-top: 57px;
  }
  .newPageRegisterContainer .new-register-section .col-sm-12,
  .page-autonomousRegisterResultPage .new-register-section .col-sm-12 {
    margin-top: 0px;
  }
}
.newPageRegisterContainer .new-register-section .password-wrapper,
.page-autonomousRegisterResultPage .new-register-section .password-wrapper {
  display: grid !important;
}
.newPageRegisterContainer .new-register-section .password-wrapper > *,
.page-autonomousRegisterResultPage .new-register-section .password-wrapper > * {
  grid-column-start: 1;
  grid-row-start: 1;
}
.newPageRegisterContainer .new-register-section .password-wrapper img,
.page-autonomousRegisterResultPage .new-register-section .password-wrapper img {
  justify-self: flex-end;
  align-self: center;
  margin-right: 13px;
  padding-top: 26px;
}
.newPageRegisterContainer .new-register-section .password-wrapper.margin-cart,
.page-autonomousRegisterResultPage .new-register-section .password-wrapper.margin-cart {
  align-items: unset;
  width: inherit;
  justify-content: unset;
}
.newPageRegisterContainer .new-register-section .password-wrapper .form-group,
.page-autonomousRegisterResultPage .new-register-section .password-wrapper .form-group {
  margin-bottom: 0px;
}
.newPageRegisterContainer .user-register__headline,
.page-autonomousRegisterResultPage .user-register__headline {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Inter";
}
.newPageRegisterContainer p,
.page-autonomousRegisterResultPage p {
  font-size: 16px;
  font-family: "Inter";
  margin-bottom: 0px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer p,
  .page-autonomousRegisterResultPage p {
    font-size: 14px;
  }
}
.newPageRegisterContainer .logo,
.page-autonomousRegisterResultPage .logo {
  width: 100%;
  padding: 0 15px;
  top: 0;
  height: 50px;
  max-width: 1024px;
  margin: 0 0;
}
.newPageRegisterContainer .no-margin,
.page-autonomousRegisterResultPage .no-margin {
  margin: 0 !important;
}
@media screen and (max-width: 1400px) {
  .newPageRegisterContainer .logo,
  .page-autonomousRegisterResultPage .logo {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1380px) {
  .newPageRegisterContainer .logo,
  .page-autonomousRegisterResultPage .logo {
    max-width: 900px;
  }
}
@media screen and (max-width: 1024px) {
  .newPageRegisterContainer .logo,
  .page-autonomousRegisterResultPage .logo {
    display: flex;
    justify-content: center;
  }
}
.newPageRegisterContainer .logo img,
.page-autonomousRegisterResultPage .logo img {
  margin-left: 20px;
  margin-top: 15px;
}
.newPageRegisterContainer .container-header,
.page-autonomousRegisterResultPage .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.newPageRegisterContainer .headline-2,
.page-autonomousRegisterResultPage .headline-2 {
  text-align: center;
  font-weight: 700;
}
.newPageRegisterContainer .user-register__headline,
.page-autonomousRegisterResultPage .user-register__headline {
  font-size: 21px !important;
}
.newPageRegisterContainer .input[type=checkbox],
.page-autonomousRegisterResultPage .input[type=checkbox] {
  width: 24px;
  height: 10px;
}
.newPageRegisterContainer .product,
.page-autonomousRegisterResultPage .product {
  margin-bottom: 30px;
}
.newPageRegisterContainer .product img,
.page-autonomousRegisterResultPage .product img {
  width: 100%;
}
.newPageRegisterContainer .phone-labels,
.page-autonomousRegisterResultPage .phone-labels {
  display: flex;
}
.newPageRegisterContainer .phone-label,
.page-autonomousRegisterResultPage .phone-label {
  margin-right: 8px;
  width: 225px;
}
@media (max-width: 1399px) {
  .newPageRegisterContainer .phone-label,
  .page-autonomousRegisterResultPage .phone-label {
    width: 50%;
  }
}
@media (max-width: 1399px) {
  .newPageRegisterContainer .phone-label-ramal,
  .page-autonomousRegisterResultPage .phone-label-ramal {
    width: 50%;
  }
}
.newPageRegisterContainer .phone-label-ramal .form-group,
.page-autonomousRegisterResultPage .phone-label-ramal .form-group {
  width: 100%;
}
@media (max-width: 767px) {
  .newPageRegisterContainer .form-group #phoneExtension,
  .page-autonomousRegisterResultPage .form-group #phoneExtension {
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .newPageRegisterContainer .form-group #phoneExtension,
  .page-autonomousRegisterResultPage .form-group #phoneExtension {
    width: 100%;
  }
}
.newPageRegisterContainer label,
.page-autonomousRegisterResultPage label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #222020;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.newPageRegisterContainer .authorizations-checkbox,
.page-autonomousRegisterResultPage .authorizations-checkbox {
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  text-transform: none;
  color: #222020;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .authorizations-checkbox,
  .page-autonomousRegisterResultPage .authorizations-checkbox {
    justify-content: flex-start;
  }
}
.newPageRegisterContainer .authorization-text,
.page-autonomousRegisterResultPage .authorization-text {
  display: inline;
  width: 421px;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .authorization-text,
  .page-autonomousRegisterResultPage .authorization-text {
    font-size: 12px;
    line-height: 17px;
  }
}
.newPageRegisterContainer .checkbox:first-child,
.page-autonomousRegisterResultPage .checkbox:first-child {
  margin-bottom: 27px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .checkbox:first-child,
  .page-autonomousRegisterResultPage .checkbox:first-child {
    margin-bottom: 32px;
  }
}
.newPageRegisterContainer .checkbox:last-child,
.page-autonomousRegisterResultPage .checkbox:last-child {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .checkbox:last-child,
  .page-autonomousRegisterResultPage .checkbox:last-child {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .newPageRegisterContainer .checkbox:last-child,
  .page-autonomousRegisterResultPage .checkbox:last-child {
    margin-bottom: 24px;
  }
}
.newPageRegisterContainer .checkbox label,
.page-autonomousRegisterResultPage .checkbox label {
  padding-left: 0px;
}
.newPageRegisterContainer input[type=checkbox],
.page-autonomousRegisterResultPage input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer input[type=checkbox],
  .page-autonomousRegisterResultPage input[type=checkbox] {
    width: 18px;
    height: 18px;
  }
}
.newPageRegisterContainer .form-control,
.page-autonomousRegisterResultPage .form-control {
  height: 44px;
  border: 1px solid #bab6bc;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .form-control,
  .page-autonomousRegisterResultPage .form-control {
    height: 36px;
    font-size: 14px;
    line-height: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 8px 16px;
  }
}
.newPageRegisterContainer .form-control input,
.page-autonomousRegisterResultPage .form-control input {
  padding: 8px 10px;
}
.newPageRegisterContainer .cancel-btn,
.page-autonomousRegisterResultPage .cancel-btn {
  background: #eaf3e2;
  border: 1px solid var(--cx-color-primary);
  border-radius: 8px;
  color: var(--cx-color-primary);
  height: 48px;
}
.newPageRegisterContainer .cancel-btn .btn,
.page-autonomousRegisterResultPage .cancel-btn .btn {
  color: var(--cx-color-primary);
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .cancel-btn,
  .page-autonomousRegisterResultPage .cancel-btn {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .cancel-btn,
  .page-autonomousRegisterResultPage .cancel-btn {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .newPageRegisterContainer .cancel-btn,
  .page-autonomousRegisterResultPage .cancel-btn {
    margin-top: 16px;
  }
}
.newPageRegisterContainer .pwd-label .margin-cart,
.page-autonomousRegisterResultPage .pwd-label .margin-cart {
  width: 100%;
  display: inline;
}
.newPageRegisterContainer .password-rules,
.page-autonomousRegisterResultPage .password-rules {
  margin-top: 32px;
  margin-bottom: 25px;
}
.newPageRegisterContainer .password-rules div,
.page-autonomousRegisterResultPage .password-rules div {
  padding-bottom: 11px;
}
.newPageRegisterContainer .password-rules ul,
.page-autonomousRegisterResultPage .password-rules ul {
  line-height: 22px;
}
.newPageRegisterContainer .password-rules .checkbox,
.page-autonomousRegisterResultPage .password-rules .checkbox {
  margin-bottom: 18px;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .password-rules,
  .page-autonomousRegisterResultPage .password-rules {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #222020;
  }
}
.newPageRegisterContainer .buttons-register .row .col-sm-6, .newPageRegisterContainer .buttons-register .cart__content .col-sm-6,
.page-autonomousRegisterResultPage .buttons-register .row .col-sm-6,
.page-autonomousRegisterResultPage .buttons-register .cart__content .col-sm-6 {
  padding-right: 4px;
  padding-left: 4px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  .newPageRegisterContainer .buttons-register .row .col-sm-6, .newPageRegisterContainer .buttons-register .cart__content .col-sm-6,
  .page-autonomousRegisterResultPage .buttons-register .row .col-sm-6,
  .page-autonomousRegisterResultPage .buttons-register .cart__content .col-sm-6 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .newPageRegisterContainer .buttons-register .row, .newPageRegisterContainer .buttons-register .cart__content,
  .page-autonomousRegisterResultPage .buttons-register .row,
  .page-autonomousRegisterResultPage .buttons-register .cart__content {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .buttons-register .row, .newPageRegisterContainer .buttons-register .cart__content,
  .page-autonomousRegisterResultPage .buttons-register .row,
  .page-autonomousRegisterResultPage .buttons-register .cart__content {
    display: flex;
    flex-direction: column-reverse !important;
  }
  .newPageRegisterContainer .buttons-register .row .col-sm-6, .newPageRegisterContainer .buttons-register .cart__content .col-sm-6,
  .page-autonomousRegisterResultPage .buttons-register .row .col-sm-6,
  .page-autonomousRegisterResultPage .buttons-register .cart__content .col-sm-6 {
    width: 100%;
  }
}
.newPageRegisterContainer .form-group.has-error,
.page-autonomousRegisterResultPage .form-group.has-error {
  background: #ffffff;
  border-color: #c53131;
}
.newPageRegisterContainer .form-group.has-error,
.page-autonomousRegisterResultPage .form-group.has-error {
  background: #ffffff;
  border-color: #c53131;
}
.newPageRegisterContainer .benefits-container,
.page-autonomousRegisterResultPage .benefits-container {
  padding: 0;
  display: none;
}
.newPageRegisterContainer .benefits,
.page-autonomousRegisterResultPage .benefits {
  margin: 0 auto;
  width: 535px;
  max-width: 100%;
  min-width: 312px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.newPageRegisterContainer .benefits > div,
.page-autonomousRegisterResultPage .benefits > div {
  width: 160px;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  align-self: baseline;
}
.newPageRegisterContainer .caption,
.page-autonomousRegisterResultPage .caption {
  margin-top: 40px;
}
.newPageRegisterContainer .headline-2 h2, .newPageRegisterContainer .headline-2 .h2,
.page-autonomousRegisterResultPage .headline-2 h2,
.page-autonomousRegisterResultPage .headline-2 .h2 {
  font-size: 21px;
  line-height: 36px;
  font-weight: 700;
}
.newPageRegisterContainer #box-1 .mostrar,
.newPageRegisterContainer #box-1 .hide-action,
.newPageRegisterContainer #box-2 .mostrar,
.newPageRegisterContainer #box-2 .hide-action,
.newPageRegisterContainer #box-3 .mostrar,
.newPageRegisterContainer #box-3 .hide-action,
.page-autonomousRegisterResultPage #box-1 .mostrar,
.page-autonomousRegisterResultPage #box-1 .hide-action,
.page-autonomousRegisterResultPage #box-2 .mostrar,
.page-autonomousRegisterResultPage #box-2 .hide-action,
.page-autonomousRegisterResultPage #box-3 .mostrar,
.page-autonomousRegisterResultPage #box-3 .hide-action {
  display: none;
}
.newPageRegisterContainer #box-1:target .mostrar,
.newPageRegisterContainer #box-1:target .hide-action,
.newPageRegisterContainer #box-2:target .mostrar,
.newPageRegisterContainer #box-2:target .hide-action,
.newPageRegisterContainer #box-3:target .mostrar,
.newPageRegisterContainer #box-3:target .hide-action,
.page-autonomousRegisterResultPage #box-1:target .mostrar,
.page-autonomousRegisterResultPage #box-1:target .hide-action,
.page-autonomousRegisterResultPage #box-2:target .mostrar,
.page-autonomousRegisterResultPage #box-2:target .hide-action,
.page-autonomousRegisterResultPage #box-3:target .mostrar,
.page-autonomousRegisterResultPage #box-3:target .hide-action {
  display: block;
}
.newPageRegisterContainer #box-1:target .show-action,
.newPageRegisterContainer #box-2:target .show-action,
.newPageRegisterContainer #box-3:target .show-action,
.page-autonomousRegisterResultPage #box-1:target .show-action,
.page-autonomousRegisterResultPage #box-2:target .show-action,
.page-autonomousRegisterResultPage #box-3:target .show-action {
  display: none;
}
.newPageRegisterContainer #box-1,
.newPageRegisterContainer #box-2,
.newPageRegisterContainer #box-3,
.page-autonomousRegisterResultPage #box-1,
.page-autonomousRegisterResultPage #box-2,
.page-autonomousRegisterResultPage #box-3 {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  margin-top: 20px;
}
.newPageRegisterContainer .register-section-container,
.page-autonomousRegisterResultPage .register-section-container {
  background: #ffffff;
  padding: 0;
  height: fit-content;
  border-radius: 9px;
}
@media (min-width: 1020px) {
  .newPageRegisterContainer .register-section-container,
  .page-autonomousRegisterResultPage .register-section-container {
    width: 544px;
  }
}
.newPageRegisterContainer .register-section-container .btn, .newPageRegisterContainer .register-section-container.cancel-btn,
.page-autonomousRegisterResultPage .register-section-container .btn,
.page-autonomousRegisterResultPage .register-section-container.cancel-btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: auto;
  width: 100%;
  height: 48px;
  font-weight: 500;
  margin-bottom: 24px;
}
.newPageRegisterContainer .register-section-container .btn.disabled, .newPageRegisterContainer .register-section-container .btn[disabled], .newPageRegisterContainer .register-section-container.cancel-btn.disabled, .newPageRegisterContainer .register-section-container.cancel-btn[disabled],
.page-autonomousRegisterResultPage .register-section-container .btn.disabled,
.page-autonomousRegisterResultPage .register-section-container .btn[disabled],
.page-autonomousRegisterResultPage .register-section-container.cancel-btn.disabled,
.page-autonomousRegisterResultPage .register-section-container.cancel-btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .register-section-container .btn, .newPageRegisterContainer .register-section-container.cancel-btn,
  .page-autonomousRegisterResultPage .register-section-container .btn,
  .page-autonomousRegisterResultPage .register-section-container.cancel-btn {
    font-size: 14px;
    margin-bottom: 16px;
    --bs-btn-padding-y: 0px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 24px;
    width: 100%;
    height: 36px;
    font-weight: 500;
  }
  .newPageRegisterContainer .register-section-container .btn.disabled, .newPageRegisterContainer .register-section-container .btn[disabled], .newPageRegisterContainer .register-section-container.cancel-btn.disabled, .newPageRegisterContainer .register-section-container.cancel-btn[disabled],
  .page-autonomousRegisterResultPage .register-section-container .btn.disabled,
  .page-autonomousRegisterResultPage .register-section-container .btn[disabled],
  .page-autonomousRegisterResultPage .register-section-container.cancel-btn.disabled,
  .page-autonomousRegisterResultPage .register-section-container.cancel-btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  .newPageRegisterContainer .register-validate-form > .register__section,
  .page-autonomousRegisterResultPage .register-validate-form > .register__section {
    padding: 0px;
  }
}
.newPageRegisterContainer .register__section,
.page-autonomousRegisterResultPage .register__section {
  background-color: #fff;
  position: relative;
  width: auto;
  border-radius: 8px;
}
.newPageRegisterContainer .register__section .phone-labels .form-group,
.page-autonomousRegisterResultPage .register__section .phone-labels .form-group {
  padding: 0px;
}
.newPageRegisterContainer .register__section .form-group,
.page-autonomousRegisterResultPage .register__section .form-group {
  margin-bottom: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newPageRegisterContainer .register__section .form-group,
  .page-autonomousRegisterResultPage .register__section .form-group {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .newPageRegisterContainer .register__section .form-group,
  .page-autonomousRegisterResultPage .register__section .form-group {
    margin-bottom: 16px;
  }
}
.newPageRegisterContainer .register__section .control-label,
.page-autonomousRegisterResultPage .register__section .control-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 19.6px;
  text-transform: none;
  color: #222020;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .register__section .control-label,
  .page-autonomousRegisterResultPage .register__section .control-label {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 17px;
    font-weight: 500;
    padding-bottom: 8px;
  }
}
.newPageRegisterContainer .register__section .buttons-register,
.page-autonomousRegisterResultPage .register__section .buttons-register {
  padding-bottom: 40px;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer .register__section .buttons-register .cancel-btn,
  .page-autonomousRegisterResultPage .register__section .buttons-register .cancel-btn {
    margin-top: 0px;
  }
  .newPageRegisterContainer .register__section .buttons-register .btn,
  .page-autonomousRegisterResultPage .register__section .buttons-register .btn {
    margin-bottom: 0px;
  }
  .newPageRegisterContainer .register__section .buttons-register .col-sm-6,
  .page-autonomousRegisterResultPage .register__section .buttons-register .col-sm-6 {
    height: 36px;
  }
  .newPageRegisterContainer .register__section .buttons-register .col-sm-6:last-child,
  .page-autonomousRegisterResultPage .register__section .buttons-register .col-sm-6:last-child {
    margin-bottom: 16px;
  }
}
.newPageRegisterContainer .link-faq,
.page-autonomousRegisterResultPage .link-faq {
  margin-top: 20px;
  margin-bottom: 40px;
}
.newPageRegisterContainer .bat,
.page-autonomousRegisterResultPage .bat {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.newPageRegisterContainer .bat p,
.page-autonomousRegisterResultPage .bat p {
  font-size: 18px;
  line-height: 24px;
}
.newPageRegisterContainer .bar p,
.page-autonomousRegisterResultPage .bar p {
  font-size: 14px;
  line-height: 24px;
  color: #6f676c;
}
.newPageRegisterContainer .baz img,
.page-autonomousRegisterResultPage .baz img {
  margin-right: 10px;
}
.newPageRegisterContainer .container-box,
.page-autonomousRegisterResultPage .container-box {
  max-width: 736px;
  margin: 15px auto;
  height: auto;
  padding: 10px;
}
.newPageRegisterContainer .no-display,
.page-autonomousRegisterResultPage .no-display {
  display: none;
}
@media (max-width: 1023px) {
  .newPageRegisterContainer #cboxLoadedContent,
  .page-autonomousRegisterResultPage #cboxLoadedContent {
    margin-top: 10px;
    padding: 15px 20px 30px 20px;
  }
}

#autonomous-register-search-error .modal-header,
#autonomous-register-search-error .modal-body,
#autonomous-register-search-error .modal-footer {
  border: none;
  display: inline;
}
#autonomous-register-search-error .modal-header {
  padding: 10px 10px 0px 10px;
  display: flex;
  justify-content: end;
}
@media (max-width: 479px) {
  #autonomous-register-search-error .modal-header {
    padding: 0px 10px;
  }
}
#autonomous-register-search-error .modal-body {
  padding: 24px 64px 30px 64px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #autonomous-register-search-error .modal-body {
    padding: 32px 64px 32px 64px;
  }
}
@media (max-width: 479px) {
  #autonomous-register-search-error .modal-body {
    padding: 9px 56px 16px 56px;
  }
}
#autonomous-register-search-error .modal-footer {
  padding: 0px 70px 40px 70px;
}
@media (max-width: 479px) {
  #autonomous-register-search-error .modal-footer {
    padding: 0px 56px 40px 56px;
  }
}
#autonomous-register-search-error .modal-content {
  width: 608px;
  height: 343px;
}
@media (max-width: 479px) {
  #autonomous-register-search-error .modal-content {
    width: 350px;
    height: 250px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #autonomous-register-search-error .modal-content {
    width: 531px;
    height: 327px;
  }
}
#autonomous-register-search-error .modal-dialog {
  justify-content: center;
}
@media (min-width: 1024px) {
  #autonomous-register-search-error .modal-dialog {
    max-width: fit-content;
  }
}
#autonomous-register-search-error .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  padding: 5px;
  font-size: 25px;
}
#autonomous-register-search-error h3, #autonomous-register-search-error .h3 {
  margin-bottom: 0px;
  color: #54595e;
  font-weight: 600;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #autonomous-register-search-error h3, #autonomous-register-search-error .h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
  }
}
@media (max-width: 479px) {
  #autonomous-register-search-error h3, #autonomous-register-search-error .h3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
  }
}
#autonomous-register-search-error .error-message p {
  margin: 0px;
  color: rgba(84, 89, 94, 0.6);
  font-size: 18px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  #autonomous-register-search-error .error-message p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
}
@media (max-width: 479px) {
  #autonomous-register-search-error .error-message p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
  }
}
#autonomous-register-search-error .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 8px;
  line-height: 22px;
  width: 100%;
  height: 48px;
  font-weight: 400;
  text-transform: capitalize;
}
#autonomous-register-search-error .btn.disabled, #autonomous-register-search-error .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media (max-width: 1023px) and (min-width: 480px) {
  #autonomous-register-search-error .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 18px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 40px;
    font-weight: 400;
  }
  #autonomous-register-search-error .btn.disabled, #autonomous-register-search-error .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #autonomous-register-search-error .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 18px;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 8px;
    line-height: 12px;
    width: 100%;
    height: 32px;
    font-weight: 400;
  }
  #autonomous-register-search-error .btn.disabled, #autonomous-register-search-error .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#autonomous-register-search-error .btn:hover, #autonomous-register-search-error .btn:active {
  background-color: #df3828;
  border-color: #df3828;
  color: white;
}

@media (max-width: 479px) {
  .page-address-book .account-address-removal-popup .modal-dialog {
    margin: 0 auto;
    justify-content: center;
  }
  .page-address-book .account-address-removal-popup .modal-content {
    max-width: 305px;
    width: 100%;
    height: fit-content;
    flex-shrink: 0;
    gap: 16px;
    border-radius: 6px;
    background: #fafafa;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 24px 16px;
  }
  .page-address-book .account-address-removal-popup .modal-content span.text__modal-delete-cancel {
    color: #6f676c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-header {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    color: var(--cx-color-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-header img {
    width: 16px;
    height: 16px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body p.text__subtitle-modal {
    color: var(--cx-color-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body p {
    margin: 0;
    color: #6f676c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 11.2px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address {
    width: 100%;
    gap: 14px;
    flex-direction: column-reverse;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address button,
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .addressRemove_delete a {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 6.4px 12.8px;
    justify-content: center;
    align-items: center;
    gap: 38.4px;
    border-radius: 6px;
    margin: 0;
    font-size: 12px;
    line-height: 19.2px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .btn-secondary {
    border: 1px solid var(--cx-color-primary);
    color: var(--cx-color-primary);
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .addressRemove_delete button {
    color: #f5f5f5;
  }
}
@media (min-width: 480px) {
  .page-address-book .account-address-removal-popup .modal-dialog {
    margin: 0 auto;
    justify-content: center;
  }
  .page-address-book .account-address-removal-popup .modal-content {
    display: flex;
    gap: 20px;
    max-width: 500px;
    width: 100%;
    height: fit-content;
    padding: 32px 47px;
  }
  .page-address-book .account-address-removal-popup .modal-content span.text__modal-delete-cancel {
    color: #6f676c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-header {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    color: var(--cx-color-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-header img {
    width: 18px;
    height: 18px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body p.text__subtitle-modal {
    color: var(--cx-color-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-body p {
    margin: 0;
    color: #6f676c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address {
    width: 100%;
    gap: 8px;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address button,
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .addressRemove_delete a {
    display: flex;
    width: 179px;
    height: 48px;
    padding: 19.937px 28.481px;
    justify-content: center;
    align-items: center;
    gap: 14.241px;
    flex-shrink: 0;
    border-radius: 8px;
    margin: 0;
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .btn-secondary {
    border: 1px solid var(--cx-color-primary);
    color: var(--cx-color-primary);
  }
  .page-address-book .account-address-removal-popup .modal-content .modal-actions .container__remove_address .addressRemove_delete button {
    color: #f5f5f5;
  }
}
.page-address-book #attentionDeliveryAddressModal .modal-dialog {
  margin: 0 auto;
  justify-content: center;
}
.page-address-book #attentionDeliveryAddressModal .modal-content {
  max-width: 500px;
  width: 100%;
  height: fit-content;
  border-radius: 12px;
  background: #fff;
  padding: 39px 57px 42px 57px;
}
.page-address-book #attentionDeliveryAddressModal .modal-content .modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page-address-book #attentionDeliveryAddressModal .modal-content .modal-header p {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 31px;
}
.page-address-book #attentionDeliveryAddressModal .modal-content .modal-body span {
  display: inline-block;
  max-width: 375px;
  width: 100%;
  height: 75px;
  color: #1a1919;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.page-address-book #attentionDeliveryAddressModal .modal-content .modal-footer {
  justify-content: center;
  padding: 0;
  margin-top: 39px;
}
.page-address-book #attentionDeliveryAddressModal .modal-content .modal-footer button {
  display: flex;
  width: 243px;
  height: 48px;
  padding: 18.751px 26.787px;
  justify-content: center;
  align-items: center;
  gap: 1.045px;
  flex-shrink: 0;
  border-radius: 9.405px;
  color: #f5f5f5;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
@media (max-width: 479px) {
  .page-address-book #attentionDeliveryAddressModal .modal-content {
    max-width: 378px;
    width: 100%;
    padding: 32px 44px;
  }
  .page-address-book #attentionDeliveryAddressModal .modal-content .modal-header p {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .page-address-book #attentionDeliveryAddressModal .modal-content .modal-body span {
    max-width: 291px;
    width: 100%;
    font-size: 14px;
    line-height: 19.6px;
  }
  .page-address-book #attentionDeliveryAddressModal .modal-content .modal-footer {
    margin-top: 32px;
  }
  .page-address-book #attentionDeliveryAddressModal .modal-content .modal-footer button {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    width: 291px;
    height: 40px;
    padding: 6.4px 12.8px;
    justify-content: center;
    align-items: center;
    gap: 38.4px;
    flex-shrink: 0;
  }
}
.page-address-book #errorDeliveryAddressModal .modal-dialog {
  margin: 0 auto;
  justify-content: center;
}
.page-address-book #errorDeliveryAddressModal .modal-content {
  max-width: 500px;
  width: 100%;
  border-radius: 12px;
  background: #fff;
  padding: 33px 37px 46px 37px;
}
.page-address-book #errorDeliveryAddressModal .modal-content .modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page-address-book #errorDeliveryAddressModal .modal-content .modal-header p {
  color: #000;
  text-align: center;
  font-size: 28.83px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 31px;
}
.page-address-book #errorDeliveryAddressModal .modal-content .modal-body span {
  display: inline-block;
  max-width: 411px;
  width: 100%;
  color: #1a1919;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.page-address-book #errorDeliveryAddressModal .modal-content .modal-footer {
  justify-content: center;
  padding: 0;
  margin-top: 33px;
}
.page-address-book #errorDeliveryAddressModal .modal-content .modal-footer button {
  display: flex;
  width: 243px;
  height: 48px;
  padding: 13px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 11.393px;
  background: #df3828;
  color: #f5f5f5;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 479px) {
  .page-address-book #errorDeliveryAddressModal .modal-content {
    max-width: 378px;
    width: 100%;
    padding: 32px 44px;
  }
  .page-address-book #errorDeliveryAddressModal .modal-content .modal-header p {
    margin-bottom: 16px;
    font-size: 16px;
  }
  .page-address-book #errorDeliveryAddressModal .modal-content .modal-body span {
    max-width: 346px;
    width: 100%;
    font-size: 14px;
    line-height: 19.6px;
  }
  .page-address-book #errorDeliveryAddressModal .modal-content .modal-footer {
    margin-top: 18px;
  }
  .page-address-book #errorDeliveryAddressModal .modal-content .modal-footer button {
    display: flex;
    width: 300px;
    height: 40px;
    padding: 19.937px 28.481px;
    justify-content: center;
    align-items: center;
    gap: 14.241px;
    font-size: 16px;
  }
}

@media (max-width: 639px) {
  .exclusive-brands-component {
    width: 310px;
    max-width: 767px;
    height: auto;
    background: #ffffff;
    margin: 24px auto 0px auto;
  }
  .exclusive-brands-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .exclusive-brands img {
    max-width: 40px;
    max-height: 40px;
  }
  .exclusive-brands {
    width: 40px;
    height: 40px;
    margin: 0px 10px 35px;
    display: flex;
    align-items: center;
  }
  .exclusive-brands-component h1, .exclusive-brands-component .h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 2px #41a017 solid;
    width: 146px;
    margin-bottom: 24px;
  }
  .inspire,
  .lexman,
  .luxens,
  .naterial,
  .sensea,
  .spaceo,
  .standers {
    padding-bottom: 0px;
  }
}
/* tablet */
@media (min-width: 640px) and (max-width: 1023px) {
  .exclusive-brands-component {
    width: 100%;
    max-width: 992px;
    height: auto;
    background: #ffffff;
  }
  .exclusive-brands-wrapper {
    width: 500px;
    margin: 45px auto 0px auto;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  .exclusive-brands img {
    max-width: 60px;
    max-height: 60px;
  }
  .exclusive-brands {
    width: 60px;
    height: 60px;
    margin: 0px 20px 30px;
    display: flex;
    align-items: center;
  }
  .exclusive-brands-component h1, .exclusive-brands-component .h1 {
    line-height: 38px;
    width: 218px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    border-bottom: 4px #41a017 solid;
    padding-top: 40px;
  }
  .inspire,
  .lexman,
  .luxens,
  .naterial,
  .sensea,
  .spaceo,
  .standers {
    padding-bottom: 0px;
  }
}
/* Desktop */
@media (min-width: 1024px) {
  .exclusive-brands-component {
    max-width: 100%;
    background: #ffffff;
    margin: 64px 0px;
  }
  .exclusive-brands-component h1, .exclusive-brands-component .h1 {
    font-size: 32px;
    line-height: 48px;
    width: 290px;
    margin: 0 auto;
    border-bottom: 4px #41a017 solid;
    font-weight: 700;
  }
  .exclusive-brands img {
    max-width: 80px;
    max-height: 80px;
  }
  .exclusive-brands-wrapper {
    line-height: 38px;
    width: 800px;
    margin: 50px auto;
    font-style: normal;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
  }
  .exclusive-brands {
    margin-left: 17px;
    width: 80px;
    height: 80px;
    margin-right: 17px;
    padding-bottom: 100px;
    display: flex;
    align-items: center;
  }
  .exclusive-brands-hidden {
    display: none;
  }
  .inspire,
  .lexman,
  .luxens,
  .naterial,
  .sensea,
  .spaceo,
  .standers {
    padding-bottom: 0px;
  }
}
.home-categories-component {
  border-bottom: 1px solid #d3d2d6;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
  /* tablet */
}
.home-categories-component .home-categories {
  width: 100%;
  background: #ffffff;
  display: flex;
  height: 234px;
}
.home-categories-component .home-categories-wrapper {
  display: grid;
  height: 234px;
}
.home-categories-component .home-categories-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto;
  width: 310px;
}
.home-categories-component .home-categories-title {
  height: 0px;
}
.home-categories-component .home-categories-img {
  display: none;
}
.home-categories-component .home-categories-bathroom {
  width: 91px;
  height: 32px;
}
.home-categories-component .home-categories-faucet {
  width: 89px;
  height: 32px;
}
.home-categories-component .home-categories-lighting {
  width: 95px;
  height: 32px;
}
.home-categories-component .home-categories-floor {
  width: 135px;
  height: 32px;
}
.home-categories-component .home-categories-kitchen {
  width: 152px;
  height: 32px;
}
.home-categories-component .home-categories-paint {
  width: 124px;
  height: 32px;
}
.home-categories-component .home-categories-building-supply {
  width: 148px;
  height: 32px;
}
.home-categories-component .home-categories-decor {
  width: 93px;
  height: 32px;
}
.home-categories-component .home-categories-common-css {
  border: 2px solid #41a017;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  line-height: 11px;
  color: #41a017;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 11px;
  text-transform: capitalize;
}
.home-categories-component h1, .home-categories-component .h1 {
  width: 88px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: flex-end;
  color: #000000;
  border-bottom: 2px #41a017 solid;
  margin-top: 0px;
  margin-left: 12px;
}
.home-categories-component a {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border: 1px solid var(--cx-color-primary);
  border-radius: 8px;
}
.home-categories-component a:hover:active:not([disabled]) {
  background: radial-gradient(40px circle at center, #cbe3b5 50%, transparent 51%);
  background-color: #eaf3e2;
  border-color: #41a017;
}
.home-categories-component a:hover:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
}
.home-categories-component a:focus:not([disabled]), .home-categories-component a.focus:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
  outline: #91c854;
}
.home-categories-component a .open > .dropdown-toggle {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #41a017;
}
.home-categories-component a .open > .dropdown-toggle:hover:not([disabled]), .home-categories-component a .open > .dropdown-toggle:focus:not([disabled]), .home-categories-component a .open > .dropdown-toggle.focus:not([disabled]) {
  color: var(--cx-color-primary);
  background-color: #eaf3e2;
  border-color: #158110;
  outline: #91c854;
}
.home-categories-component a:active:not([disabled]), .home-categories-component a.active:not([disabled]),
.home-categories-component a .open > .dropdown-toggle {
  background-image: none;
}
.home-categories-component a.disabled, .home-categories-component a[disabled] {
  background-color: #ffffff;
  border-color: #d3d2d6;
  color: #d3d2d6;
}
fieldset[disabled] .home-categories-component a:hover, fieldset[disabled] .home-categories-component a:focus, fieldset[disabled] .home-categories-component a.focus {
  background-color: #ffffff;
  border-color: #d3d2d6;
  color: #d3d2d6;
}
.home-categories-component a .badge {
  color: #eaf3e2;
  background-color: var(--cx-color-primary);
}
@media (min-width: 640px) and (max-width: 1023px) {
  .home-categories-component {
    margin-top: 60px;
    padding-bottom: 44px;
  }
  .home-categories-component .home-categories {
    width: 100%;
    background: #ffffff;
    display: flex;
    align-items: center;
    height: 196px;
  }
  .home-categories-component .home-categories-wrapper {
    width: 539px;
    margin: 0px 24px;
    height: 234px;
  }
  .home-categories-component .home-categories-tags {
    width: 539px;
    margin: 0 auto;
    margin-top: 24px;
  }
  .home-categories-component .home-categories-title {
    justify-content: center;
    display: flex;
  }
  .home-categories-component .home-categories-bathroom {
    width: 127px;
    height: 40px;
    order: 0;
  }
  .home-categories-component .home-categories-faucet {
    width: 123px;
    height: 40px;
    order: 6;
  }
  .home-categories-component .home-categories-lighting {
    width: 133px;
    height: 40px;
    order: 5;
  }
  .home-categories-component .home-categories-floor {
    width: 204px;
    height: 40px;
    margin-right: 0px;
    margin-left: 30px;
    order: 3;
  }
  .home-categories-component .home-categories-kitchen {
    width: 233px;
    height: 40px;
    order: 1;
  }
  .home-categories-component .home-categories-paint {
    width: 184px;
    height: 40px;
    order: 7;
  }
  .home-categories-component .home-categories-building-supply {
    width: 226px;
    height: 40px;
    margin-right: 30px;
    order: 4;
  }
  .home-categories-component .home-categories-decor {
    width: 131px;
    height: 40px;
    order: 2;
  }
  .home-categories-component .home-categories-common-css {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 14px;
    margin-bottom: 10px;
  }
  .home-categories-component h1, .home-categories-component .h1 {
    width: 130px;
    font-size: 24px;
    line-height: 36px;
    margin-left: 0px;
    margin-top: 24px;
    border-bottom: 4px #41a017 solid;
  }
}
@media (min-width: 1024px) {
  .home-categories-component {
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
  }
  .home-categories-component .home-categories-wrapper {
    height: auto;
    margin: 0px;
  }
  .home-categories-component .home-categories {
    height: 376px;
    width: auto;
  }
  .home-categories-component .home-categories-tags,
  .home-categories-component .home-categories-wrapper {
    width: 571px;
  }
  .home-categories-component .home-categories-tags,
  .home-categories-component .home-categories-title {
    justify-content: inherit;
  }
  .home-categories-component .home-categories-tags {
    margin-top: 0px;
  }
  .home-categories-component .home-categories-title {
    height: auto;
  }
  .home-categories-component .home-categories-img {
    display: inherit;
    margin-right: 64px;
  }
  .home-categories-component .home-categories-bathroom {
    width: 172px;
    height: 56px;
    margin-right: 20px;
    order: 0;
  }
  .home-categories-component .home-categories-kitchen {
    width: 293px;
    height: 56px;
    order: 1;
  }
  .home-categories-component .home-categories-floor {
    width: 260px;
    height: 56px;
    margin-left: 0px;
    margin-right: 20px;
    order: 2;
  }
  .home-categories-component .home-categories-paint {
    width: 238px;
    height: 56px;
    order: 3;
  }
  .home-categories-component .home-categories-decor {
    width: 176px;
    height: 56px;
    order: 4;
  }
  .home-categories-component .home-categories-lighting {
    width: 179px;
    height: 56px;
    margin: 0px 20px;
    order: 5;
  }
  .home-categories-component .home-categories-faucet {
    width: 168px;
    height: 56px;
    order: 6;
  }
  .home-categories-component .home-categories-building-supply {
    width: 285px;
    height: 56px;
    margin-bottom: 0px;
    order: 7;
  }
  .home-categories-component .home-categories-common-css {
    font-size: 14px;
    line-height: 20px;
    padding: 16px 32px;
    margin-bottom: 25px;
  }
  .home-categories-component h1, .home-categories-component .h1 {
    width: 176px;
    font-size: 32px;
    line-height: 48.5px;
    margin: 0px;
    margin-bottom: 28px;
    border-bottom: 4px #41a017 solid;
  }
}

.carousel-message-leroy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 16px;
  width: 100%;
  height: 49px;
  background: var(--cx-color-primary);
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .carousel-message-leroy {
    width: 1440px;
  }
}
.carousel-message-leroy .owl-nav,
.carousel-message-leroy .owl-dots {
  display: none;
}
.carousel-message-leroy .owl-carousel2 .owl-item img {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 16px;
}
@media (max-width: 1023px) {
  .carousel-message-leroy .owl-carousel2 .owl-item img {
    width: 15px;
    height: 15px;
    margin-right: 6px;
  }
}

.image-message {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 479px) {
  .image-message {
    height: 30px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .image-message {
    height: 35px;
  }
}

.carousel-message-leroy {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.carousel-message-leroy--item {
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.carousel-message-leroy--item__img {
  width: 100%;
  display: block;
  float: left;
  margin: 0;
}
@media (max-width: 479px) {
  .carousel-message-leroy {
    height: 30px;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .carousel-message-leroy {
    height: 35px;
  }
}

.message-rotating {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
}
@media (max-width: 479px) {
  .message-rotating {
    font-size: 12px;
    line-height: normal;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .message-rotating {
    font-size: 14px;
  }
}

/***************************/
/* ROTATING MESSAGE BANNER */
/***************************/
.owl-theme-message-leroy .owl-nav {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.owl-theme-message-leroy .owl-nav .owl-prev {
  color: #000000;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-size: 62px;
  position: absolute;
  left: 0;
}

.owl-theme-message-leroy .owl-nav .owl-next {
  color: #000000;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-size: 62px;
  position: absolute;
  right: 0;
}

.owl-theme-message-leroy .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme-message-leroy .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: auto;
  margin: 10px 0 50px 0;
}
@media ((max-width: 639px)) {
  .owl-theme-message-leroy .owl-dots {
    margin: 10px 0 30px 0;
  }
}

.owl-theme-message-leroy .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 0 0 0;
}

.owl-theme-message-leroy .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #dddddd;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
}

.owl-next .arrow-next-hover,
.owl-prev .arrow-prev-hover {
  display: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider {
  padding: 0px;
}

@media (max-width: 1023px) {
  .slider-container.row, .slider-container.cart__content {
    justify-content: center;
    flex-direction: row;
  }
}

.slick-custom-arrow {
  border: none;
  background: none;
}

.slick-custom-arrow.slick-next,
.slick-custom-arrow.slick-prev {
  transform: rotate(90deg);
  padding: 0px;
}

@media (min-width: 1024px) {
  .slick-slide {
    border-radius: 10px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .slick-slide {
    border-radius: 8px;
  }
}
@media (max-width: 479px) {
  .slick-slide {
    border-radius: 4px;
  }
}

.slick-vertical .slick-slide {
  padding: 8px 0px;
}

.slider-nav,
.slider-nav .slick-list {
  max-width: 78px;
  display: flex;
}

.slider-nav .slick-slide img {
  border-radius: 8px;
  width: 77px;
}

.slider-nav {
  flex-direction: column;
}

.slider-single {
  max-width: 440px;
}
@media (min-width: 1024px) {
  .slider-single {
    margin-left: 51px;
  }
}

.slick-img-hover {
  width: 33px;
  height: 32px;
}

.slick-prev .slick-img-hover {
  transform: rotate(90deg);
}

.slick-next .slick-img-hover {
  transform: rotate(-90deg);
}

.slider-nav .slick-current img {
  border: 1.5px solid var(--cx-color-primary);
}

figure.zoom img {
  width: 100%;
  transition: opacity 0.5s;
  display: block;
  background: #ffffff;
}

figure.zoom {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}

figure.zoom img:hover {
  opacity: 0;
}

.slick-track figure {
  margin: 0 0 12px;
}

.item.slick-slide {
  cursor: pointer;
}

.slick-initialized .slick-slide {
  background-repeat: no-repeat;
}

@media (max-width: 1023px) {
  .slick-image {
    pointer-events: none;
  }
}
#pickupStoresCartModal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pickupStoresCartModal .modal-dialog {
  width: 100%;
  margin: 0;
  margin-left: auto;
}
#pickupStoresCartModal .modal-content {
  min-height: 100vh;
}
#pickupStoresCartModal .withdrawalOption {
  width: 100%;
  border: 1.5px solid #d9d9d9;
  border-radius: 8px;
}
#pickupStoresCartModal .modal-header {
  justify-content: space-between;
  align-items: center;
}
#pickupStoresCartModal .modal-header button {
  border: none;
  background: none;
}
#pickupStoresCartModal .storeWithdrawn label span {
  color: var(--cx-color-primary);
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
#pickupStoresCartModal .storeWithdrawn label {
  display: flex;
  align-items: center;
}
#pickupStoresCartModal .storeWithdrawn label img {
  margin-right: 6px;
}
#pickupStoresCartModal .pickupAddress {
  margin-bottom: 0px;
  font-weight: 600;
}
#pickupStoresCartModal .storeWithdrawn input {
  width: 20px;
  height: 20px;
  margin: 0px;
}
#pickupStoresCartModal .storeWithdrawn {
  justify-content: space-between;
}
#pickupStoresCartModal .disclaimer {
  color: #887f87;
  font-style: normal;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 0px;
}
#pickupStoresCartModal .disclaimer span {
  font-weight: 700;
}
#pickupStoresCartModal .disclaimer-container {
  display: flex;
  gap: 3px;
}
#pickupStoresCartModal .disclaimer-container img {
  width: 17px;
  height: 16px;
}
#pickupStoresCartModal .withdrawal-options {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: center;
}
#pickupStoresCartModal .withdrawal-options-full-supply {
  margin-top: 39px;
}
#pickupStoresCartModal .withdrawalOption-checked {
  border-radius: 8px;
  border: 1.5px solid var(--cx-color-primary);
  background: rgba(203, 227, 181, 0.5);
}
#pickupStoresCartModal .storeWithdrawn div span {
  border-radius: 16px;
  background: #41a017;
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#pickupStoresCartModal .storeWithdrawn div {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-self: flex-start;
}
#pickupStoresCartModal .withdrawalOptionInfo p {
  margin-bottom: 0px;
}
#pickupStoresCartModal .stockAmount {
  color: #a19ba2;
  font-size: 12px;
  margin-left: 54px;
  margin-bottom: 18px;
  line-height: normal;
}
#pickupStoresCartModal .withdrawalOptionInfo p,
#pickupStoresCartModal .pickupAddress {
  font-size: 14px;
}
@media (min-width: 480px) {
  #pickupStoresCartModal .modal-dialog {
    max-width: 455px;
  }
  #pickupStoresCartModal .modal-body {
    padding-bottom: 17px;
    margin: 0px 20px;
  }
  #pickupStoresCartModal .modal-body .withdrawal-options {
    gap: 16px;
  }
  #pickupStoresCartModal .modal-content {
    border-radius: 4px;
  }
  #pickupStoresCartModal .withdrawalOption {
    max-width: 415px;
  }
  #pickupStoresCartModal h2, #pickupStoresCartModal .h2 {
    color: #222020;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
  }
  #pickupStoresCartModal .modal-header {
    padding: 30px 0px 0px 20px;
  }
  #pickupStoresCartModal .modal-header button {
    width: 37.5px;
    height: 37.76px;
    margin-right: 20px;
  }
  #pickupStoresCartModal .storeWithdrawn label span {
    font-size: 16px;
    max-width: 223px;
    line-height: 24px;
  }
  #pickupStoresCartModal .storeWithdrawn label img {
    width: 22px;
    height: 22px;
    align-self: flex-start;
    margin-top: 2px;
  }
  #pickupStoresCartModal .storeWithdrawn {
    margin: 22px 16px 8px 24px;
  }
  #pickupStoresCartModal .withdrawalOptionInfo,
  #pickupStoresCartModal .pickupAddress {
    padding: 0px 26px 25px;
    margin: 0px;
  }
  #pickupStoresCartModal .disclaimer {
    font-size: 14px;
  }
  #pickupStoresCartModal .disclaimer-container {
    padding: 22px 0px 24px;
  }
  #pickupStoresCartModal .disclaimer-container img {
    margin-top: 1px;
  }
  #pickupStoresCartModal .withdrawal-options-full-supply {
    margin-top: 39px;
  }
}
@media (max-width: 479px) {
  #pickupStoresCartModal .modal-dialog {
    height: 100%;
    width: 100%;
  }
  #pickupStoresCartModal .modal-header {
    padding: 22px 16px 0px;
  }
  #pickupStoresCartModal .modal-header img {
    width: 28.552px;
    height: 33px;
  }
  #pickupStoresCartModal h2, #pickupStoresCartModal .h2 {
    color: #222020;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
  }
  #pickupStoresCartModal .modal-body {
    padding: 0px 16px 16px;
  }
  #pickupStoresCartModal .withdrawalOption {
    padding: 24px;
  }
  #pickupStoresCartModal .storeWithdrawn label span {
    font-size: 14px;
    line-height: 16px;
  }
  #pickupStoresCartModal .withdrawalOptionInfo p {
    margin-bottom: 30px;
  }
  #pickupStoresCartModal .storeWithdrawn {
    padding-bottom: 8px;
  }
  #pickupStoresCartModal .disclaimer {
    font-size: 12px;
    font-weight: 500;
  }
  #pickupStoresCartModal .disclaimer-container {
    padding: 24px 0px;
  }
  #pickupStoresCartModal .storeWithdrawn div span {
    width: max-content;
  }
  #pickupStoresCartModal .stockAmount {
    margin-left: 30px;
  }
}

#onlyDeliveryModal .modal-header {
  flex-direction: column;
}
#onlyDeliveryModal .modal-header h2, #onlyDeliveryModal .modal-header .h2 {
  color: #000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
#onlyDeliveryModal .onlyDelivery_text {
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0px;
}
#onlyDeliveryModal .btn {
  background: #fcd64c;
  color: #f5f5f5;
  border: none;
  margin: 0px;
}
#onlyDeliveryModal .modal-footer {
  padding: 0px;
  justify-content: center;
}
@media (min-width: 480px) {
  #onlyDeliveryModal .modal-header {
    gap: 7px;
  }
  #onlyDeliveryModal .modal-header h2, #onlyDeliveryModal .modal-header .h2 {
    font-size: 28.83px;
  }
  #onlyDeliveryModal .modal-content {
    max-width: 500px;
    width: 100%;
  }
  #onlyDeliveryModal .onlyDelivery_text {
    line-height: 27px;
  }
  #onlyDeliveryModal .btn {
    max-width: 243px;
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 10px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
  }
  #onlyDeliveryModal .btn.disabled, #onlyDeliveryModal .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 1024px) {
  #onlyDeliveryModal .modal-content {
    height: 388px;
    padding: 33px 52px 36px 53px;
  }
  #onlyDeliveryModal .onlyDelivery_text {
    font-size: 18px;
    margin-bottom: 0px;
    padding: 22px 0px 32px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #onlyDeliveryModal .modal-content {
    height: 370px;
    padding: 32px 52px 32px 52px;
  }
  #onlyDeliveryModal .onlyDelivery_text {
    font-size: 16px;
    padding: 25px 0px 24px;
  }
}
@media (max-width: 479px) {
  #onlyDeliveryModal .modal-content {
    max-width: 378px;
    width: 100%;
    padding: 26px 25px 26px 24px;
  }
  #onlyDeliveryModal .onlyDelivery_attention img {
    width: 43px;
    height: 41px;
  }
  #onlyDeliveryModal .modal-header {
    gap: 7px;
  }
  #onlyDeliveryModal .modal-header h2, #onlyDeliveryModal .modal-header .h2 {
    font-size: 16px;
  }
  #onlyDeliveryModal .onlyDelivery_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 16px 0px 24px;
  }
  #onlyDeliveryModal .btn {
    max-width: 300px;
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 10px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
    border-radius: 8px;
    background: #fcd64c;
  }
  #onlyDeliveryModal .btn.disabled, #onlyDeliveryModal .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

#omsCartUnavailableProducts .modal-content {
  border-radius: 12px;
}
#omsCartUnavailableProducts .modal-header h2, #omsCartUnavailableProducts .modal-header .h2 {
  color: #000000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
#omsCartUnavailableProducts .omsCartUnavailableProducts_text {
  margin-bottom: 0px;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
#omsCartUnavailableProducts .modal-footer {
  padding: 0px;
  justify-content: center;
}
#omsCartUnavailableProducts .modal-footer > * {
  margin: 0px;
  padding: 0px;
}
#omsCartUnavailableProducts .modal-footer .btn {
  padding: 0px;
  color: #f5f5f5;
  background: #fcd64c;
  border: none;
}
@media (min-width: 480px) {
  #omsCartUnavailableProducts .modal-header {
    gap: 8px;
  }
  #omsCartUnavailableProducts .modal-header h2, #omsCartUnavailableProducts .modal-header .h2 {
    font-size: 28.83px;
  }
  #omsCartUnavailableProducts .omsCartUnavailableProducts_text {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #omsCartUnavailableProducts .modal-content {
    width: 500px;
    height: 375px;
    padding: 32px 64px 49px 65px;
  }
  #omsCartUnavailableProducts .omsCartUnavailableProducts_text {
    line-height: 27px;
    padding: 31px 0px 32px;
  }
  #omsCartUnavailableProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
  }
  #omsCartUnavailableProducts .modal-footer .btn.disabled, #omsCartUnavailableProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  #omsCartUnavailableProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 283px;
  }
  #omsCartUnavailableProducts .modal-footer .btn.disabled, #omsCartUnavailableProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #omsCartUnavailableProducts .modal-header {
    gap: 8px;
  }
  #omsCartUnavailableProducts .modal-content {
    width: 500px;
    height: 334px;
    padding: 32px 52px;
  }
  #omsCartUnavailableProducts .omsCartUnavailableProducts_text {
    line-height: normal;
    padding: 24px 0px 31px;
  }
  #omsCartUnavailableProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 243px;
  }
  #omsCartUnavailableProducts .modal-footer .btn.disabled, #omsCartUnavailableProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #omsCartUnavailableProducts .modal-content {
    max-width: 378px;
    width: 100%;
    padding: 35px 25px 29px 24px;
  }
  #omsCartUnavailableProducts .omsCartUnavailableProducts_attention img {
    width: 43px;
    height: 41px;
  }
  #omsCartUnavailableProducts .omsCartUnavailableProducts_text {
    padding: 24px 0px 32px;
    font-size: 14px;
  }
  #omsCartUnavailableProducts .modal-header {
    gap: 7px;
  }
  #omsCartUnavailableProducts .modal-header h2, #omsCartUnavailableProducts .modal-header .h2 {
    font-size: 16px;
  }
  #omsCartUnavailableProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
    max-width: 300px;
  }
  #omsCartUnavailableProducts .modal-footer .btn.disabled, #omsCartUnavailableProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

#omsQuoteUnavailableQtdProducts .modal-content {
  border-radius: 12px;
}
#omsQuoteUnavailableQtdProducts .modal-header h2, #omsQuoteUnavailableQtdProducts .modal-header .h2 {
  color: #000000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
#omsQuoteUnavailableQtdProducts .omsCartUnavailableProducts_text {
  margin-bottom: 0px;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
#omsQuoteUnavailableQtdProducts .modal-footer {
  padding: 0px;
  justify-content: center;
}
#omsQuoteUnavailableQtdProducts .modal-footer > * {
  margin: 0px;
  padding: 0px;
}
#omsQuoteUnavailableQtdProducts .modal-footer .btn {
  padding: 0px;
  color: #f5f5f5;
  background: #fcd64c;
  border: none;
}
@media (min-width: 480px) {
  #omsQuoteUnavailableQtdProducts .modal-header {
    gap: 8px;
  }
  #omsQuoteUnavailableQtdProducts .modal-header h2, #omsQuoteUnavailableQtdProducts .modal-header .h2 {
    font-size: 28.83px;
  }
  #omsQuoteUnavailableQtdProducts .omsCartUnavailableProducts_text {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #omsQuoteUnavailableQtdProducts .modal-content {
    width: 501px;
    height: 437px;
    padding: 32px 37px;
  }
  #omsQuoteUnavailableQtdProducts .modal-body {
    margin: 24px 0;
    width: 426px;
  }
  #omsQuoteUnavailableQtdProducts .modal-body p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn.disabled, #omsQuoteUnavailableQtdProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 283px;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn.disabled, #omsQuoteUnavailableQtdProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #omsQuoteUnavailableQtdProducts .modal-header {
    gap: 8px;
  }
  #omsQuoteUnavailableQtdProducts .modal-content {
    width: 501px;
    height: 437px;
    padding: 32px 37px;
  }
  #omsQuoteUnavailableQtdProducts .modal-body {
    margin: 24px 0;
    width: 426px;
  }
  #omsQuoteUnavailableQtdProducts .modal-body p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 243px;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn.disabled, #omsQuoteUnavailableQtdProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #omsQuoteUnavailableQtdProducts .modal-content {
    max-width: 378px;
    height: 340px;
    width: 100%;
    padding: 24px 28px;
  }
  #omsQuoteUnavailableQtdProducts .omsCartUnavailableProducts_attention img {
    width: 43px;
    height: 41px;
  }
  #omsQuoteUnavailableQtdProducts .modal-body {
    margin: 24px 0;
    max-width: 309px;
    width: 100%;
  }
  #omsQuoteUnavailableQtdProducts .modal-body p {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    margin: 0;
  }
  #omsQuoteUnavailableQtdProducts .modal-header {
    gap: 7px;
  }
  #omsQuoteUnavailableQtdProducts .modal-header h2, #omsQuoteUnavailableQtdProducts .modal-header .h2 {
    font-size: 16px;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
    max-width: 300px;
  }
  #omsQuoteUnavailableQtdProducts .modal-footer .btn.disabled, #omsQuoteUnavailableQtdProducts .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

#omsQuoteDeliveryOptionsUnavailable .modal-content {
  border-radius: 12px;
}
#omsQuoteDeliveryOptionsUnavailable .modal-header h2, #omsQuoteDeliveryOptionsUnavailable .modal-header .h2 {
  color: #000000;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
#omsQuoteDeliveryOptionsUnavailable .omsCartUnavailableProducts_text {
  margin-bottom: 0px;
  color: #1a1919;
  text-align: center;
  font-style: normal;
  font-weight: 400;
}
#omsQuoteDeliveryOptionsUnavailable .modal-footer {
  padding: 0px;
  justify-content: center;
}
#omsQuoteDeliveryOptionsUnavailable .modal-footer > * {
  margin: 0px;
  padding: 0px;
}
#omsQuoteDeliveryOptionsUnavailable .modal-footer .btn {
  padding: 0px;
  color: #f5f5f5;
  background: #fcd64c;
  border: none;
}
@media (min-width: 480px) {
  #omsQuoteDeliveryOptionsUnavailable .modal-header {
    gap: 8px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-header h2, #omsQuoteDeliveryOptionsUnavailable .modal-header .h2 {
    font-size: 28.83px;
  }
  #omsQuoteDeliveryOptionsUnavailable .omsCartUnavailableProducts_text {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #omsQuoteDeliveryOptionsUnavailable .modal-content {
    width: 501px;
    height: 437px;
    padding: 32px 37px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body {
    margin: 24px 0;
    width: 426px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn.disabled, #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 283px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn.disabled, #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #omsQuoteDeliveryOptionsUnavailable .modal-header {
    gap: 8px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-content {
    width: 501px;
    height: 437px;
    padding: 32px 37px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body {
    margin: 24px 0;
    width: 426px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1.125rem;
    --bs-btn-border-radius: 11px;
    line-height: normal;
    width: 100%;
    height: 48px;
    font-weight: 500;
    max-width: 243px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn.disabled, #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #omsQuoteDeliveryOptionsUnavailable .modal-content {
    max-width: 378px;
    height: 340px;
    width: 100%;
    padding: 24px 28px;
  }
  #omsQuoteDeliveryOptionsUnavailable .omsCartUnavailableProducts_attention img {
    width: 43px;
    height: 41px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body {
    margin: 24px 0;
    max-width: 309px;
    width: 100%;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-body p {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.6px;
    margin: 0;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-header {
    gap: 7px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-header h2, #omsQuoteDeliveryOptionsUnavailable .modal-header .h2 {
    font-size: 16px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
    max-width: 300px;
  }
  #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn.disabled, #omsQuoteDeliveryOptionsUnavailable .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}

.summary-tabs .checkout-mixed-outflow {
  width: 100%;
  display: flex;
}
.summary-tabs .checkout-mixed-outflow .nav-item {
  width: 50%;
  justify-content: center;
  display: flex;
}
@media (min-width: 1024px) {
  .summary-tabs .checkout-mixed-outflow .nav-item {
    gap: 6px;
    padding-bottom: 8px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .checkout-mixed-outflow .nav-item {
    gap: 8px;
    padding-bottom: 6px;
  }
}
.summary-tabs .checkout-single-outflow {
  width: 100%;
}
.summary-tabs .checkout-single-outflow .nav-item {
  display: flex;
  gap: 6px;
  padding-bottom: 8px;
}
.summary-tabs .delivery-tab .consignment__store__title:first-child,
.summary-tabs .pickup-tab .consignment__store__title:first-child {
  margin-top: 0px;
}
.summary-tabs .nav-tabs .nav-link.active,
.summary-tabs .nav-link {
  border: none;
  color: #102739;
  font-size: clamp(0.75rem, 0.5417rem + 0.5208vw, 0.875rem);
}
.summary-tabs .nav-tabs .nav-link:hover, .tabs .summary-tabs .tabs-list .nav-link:hover,
.summary-tabs .tabs .tabs-list .nav-link:hover,
.summary-tabs .nav-tabs .nav-link:focus,
.tabs .summary-tabs .tabs-list .nav-link:focus,
.summary-tabs .tabs .tabs-list .nav-link:focus {
  border: none;
  isolation: unset;
}
.summary-tabs .nav-item:has(> .nav-link.active) {
  border-bottom: 3px solid var(--cx-color-primary);
}
.summary-tabs .nav-item:has(> .nav-link) {
  border-bottom: 1px solid #dcdadd;
}
.summary-tabs .nav-tabs .nav-link, .summary-tabs .tabs .tabs-list .nav-link, .tabs .summary-tabs .tabs-list .nav-link {
  margin-bottom: 0px;
}
.summary-tabs .nav-link {
  padding: 0px;
  height: 19px;
}
.summary-tabs .nav-link:hover,
.summary-tabs .nav-link:focus {
  color: #102739;
}
.summary-tabs .nav-item img {
  width: 19px;
  height: 19px;
}
.summary-tabs .nav-tabs, .summary-tabs .tabs .tabs-list, .tabs .summary-tabs .tabs-list {
  --bs-nav-tabs-border-width: unset;
  margin-bottom: 24px;
}
.summary-tabs .tab-content {
  max-height: 490px;
  overflow: auto;
}
@media (min-width: 1024px) {
  .summary-tabs .tab-content::-webkit-scrollbar {
    width: 6px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .tab-content::-webkit-scrollbar {
    width: 4px;
  }
}
.summary-tabs .tab-content::-webkit-scrollbar-track {
  box-shadow: unset;
  border-radius: 8px;
  background: #f8f8f8;
}
.summary-tabs .tab-content::-webkit-scrollbar-thumb {
  background: #add585;
  border-radius: 8px;
}
.summary-tabs .tab__info.tab__info__no--promo__no--margin {
  min-height: auto;
}
.summary-tabs .tab__info__no--promo__price {
  height: 116px;
}
.summary-tabs .tab__info__has--promo__has--margin .margin__eye,
.summary-tabs .tab__info__no--promo__price .margin__eye {
  padding-top: 1px;
}
.summary-tabs .tab__info__has--promo__has--margin .margin__label.hidden + .margin__value + .margin__eye,
.summary-tabs .tab__info__no--promo__price .margin__label.hidden + .margin__value + .margin__eye {
  padding-top: 3px;
}
.summary-tabs .tab__info {
  justify-content: space-between;
  width: 100%;
  min-height: 76px;
}
@media (min-width: 1024px) {
  .summary-tabs .tab__info {
    padding: 16px 0 24px 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .tab__info {
    padding: 16px 6px 20px;
  }
}
.summary-tabs .tab__info .thumb,
.summary-tabs .tab__info .thumb a,
.summary-tabs .tab__info .thumb a img {
  width: 52px;
  height: 52px;
  display: block;
  color: #41a017;
}
.summary-tabs .tab__info .thumb {
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .summary-tabs .tab__info .thumb + div {
    width: 188px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .tab__info .thumb + div {
    max-width: 171px;
    padding-left: 12px;
    padding-right: 14px;
  }
}
.summary-tabs .tab__info .name {
  max-width: 158px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #41a017;
  margin-bottom: 10px;
}
.summary-tabs .tab__info .name,
.summary-tabs .tab__info .name a {
  font-weight: 700;
  line-height: 17.8px;
  color: #41a017;
}
.summary-tabs .tab__info .price {
  width: 100%;
  text-align: right;
  font-weight: 700;
}
@media (min-width: 1024px) {
  .summary-tabs .tab__info .price {
    max-width: 112px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .tab__info .price {
    width: 107px;
  }
}
.summary-tabs .tab__info .from__price {
  max-width: 188px;
  width: 100%;
}
.summary-tabs .tab__info .from__price p:not(.discounts) {
  display: inline-block;
}
.summary-tabs .tab__info .from__price p {
  color: #102739;
  font-size: 14px;
  margin-bottom: 0px;
}
.summary-tabs .tab__info .from__price p.price-from {
  text-decoration: line-through;
}
.summary-tabs .tab__info .from__price p.discounts {
  padding-top: 4px;
}
.summary-tabs .tab__info .qty {
  max-width: 68px;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .summary-tabs .tab__info .qty {
    text-align: center;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .tab__info .qty {
    padding-top: 8px;
    text-transform: none;
  }
}
.summary-tabs .tab__container {
  border-bottom: 1px solid #f3f2f3;
}
.summary-tabs .consignment__store__title {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: var(--cx-color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;
  margin-top: 16px;
}
.summary-tabs .consignment__store__title .consignment__store__order {
  display: flex;
  width: 87px;
  height: 19px;
  flex-direction: column;
  justify-content: center;
  color: #6f676c;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .summary-tabs .consignment__store__title .consignment__store__order {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .summary-tabs .consignment__store__title .consignment__store__order {
    display: flex;
    align-items: flex-start;
    font-size: 12px;
  }
}
.summary-tabs .consignment__store__title img {
  filter: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(2000%) hue-rotate(44deg) brightness(90%) contrast(100%);
}
.summary-tabs .consignment__store__title:last-child {
  margin-top: 0px;
}
.summary-tabs .consignment__store__title:first-child {
  margin-top: 0px;
}
.summary-tabs .checkout-summary-promotions {
  padding: 3px 6px;
  border-radius: 4px;
  background: var(--cx-color-primary);
  width: max-content;
  margin-top: 8px;
}
.summary-tabs .checkout-summary-promotions__promotion {
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.summary-tabs .margin-component {
  margin-top: 16px;
}
.summary-tabs .margin__label.hidden + .margin__value + .margin__eye {
  align-self: flex-start;
  padding-top: 2px;
}

@media (min-width: 1024px) {
  .checkout-summary {
    padding-left: 32px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .checkout-summary {
    padding-left: 16px;
  }
}

@media (min-width: 1024px) {
  .consignement-delivery-order {
    display: flex;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .consignement-delivery-order {
    display: block;
    margin-bottom: 11px;
  }
  .consignement-delivery-order div {
    font-size: 14px;
  }
}

.weighted-margin-body {
  background-color: rgba(238, 238, 240, 0.5019607843);
  padding: 16px 20px 16px 16px;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .weighted-margin-body {
    padding: 12px;
  }
}
.weighted-margin-body-selected {
  background-color: white;
  border: 1px solid #d3d2d6;
}
.weighted-margin-wrapper {
  padding: 16px;
}
@media (max-width: 1023px) {
  .weighted-margin-wrapper {
    padding: 8px;
  }
}
.weighted-margin-title {
  font-size: 16px;
}
.weighted-margin-value {
  color: #887f87;
}
.weighted-margin-icon {
  cursor: pointer;
}
.weighted-margin-button {
  all: unset;
  display: inline-block;
  cursor: pointer;
}
.weighted-margin-quote-body {
  margin-top: 18px;
}
.weighted-margin-quote-eye {
  margin-left: 12px;
  width: 15px;
  cursor: pointer;
}
.weighted-margin-quote-text {
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 479px) {
  .weighted-margin-quote-text {
    font-size: 12px;
  }
}
.weighted-margin-quote-value {
  font-weight: 500;
  font-size: 14px;
  color: #6e676c;
}
@media (max-width: 479px) {
  .weighted-margin-quote-value {
    font-size: 12px;
  }
}
.weighted-margin-quote-mobile {
  margin-top: 22px;
}

.margin__eye {
  border: none;
  background: none;
  padding: 0px;
  display: flex;
  align-self: center;
}

.margin__eye img {
  width: 16px;
  height: 15px;
}

.margin-component {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: flex-start;
}

.margin__label,
.margin__value span:first-child {
  color: #222020;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.margin__value span:last-child {
  color: #6e676c;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#pickupPersonBook .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media (min-width: 480px) {
  #pickupPersonBook .modal-content {
    max-width: 493px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .modal-content {
    max-width: 378px;
    margin: 0px 17px;
  }
}
#pickupPersonBook .headline-text {
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#pickupPersonBook .person {
  margin: 12px 0px;
}
#pickupPersonBook .modal-dialog {
  justify-content: center;
  margin: 0px auto;
}
#pickupPersonBook .modal-header {
  border-radius: 10px 10px 0px 0px;
  background: var(--cx-color-primary);
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 10px;
}
#pickupPersonBook .pickup-person__select ul {
  margin: 0px 24px;
  padding-left: 0px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
}
@media (min-width: 480px) {
  #pickupPersonBook .pickup-person__select ul {
    padding-right: 8px;
    max-height: 292px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .pickup-person__select ul {
    max-height: 240px;
    border-bottom: 1px solid #f3f2f3;
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  #pickupPersonBook .pickup-person__select ul::-webkit-scrollbar {
    width: 6px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .pickup-person__select ul::-webkit-scrollbar {
    display: none;
  }
}
#pickupPersonBook .pickup-person__select ul::-webkit-scrollbar-track {
  box-shadow: unset;
  border-radius: 8px;
  background: #f8f8f8;
}
#pickupPersonBook .pickup-person__select ul::-webkit-scrollbar-thumb {
  background: #add585;
  border-radius: 8px;
}
#pickupPersonBook .pickup-person__select ul li a {
  cursor: pointer;
  margin-left: 12px;
}
#pickupPersonBook .pickup-person__select li > div {
  display: flex;
  gap: 12px;
  align-items: center;
}
#pickupPersonBook .pickup-person__select li > div input {
  margin-right: 0px;
  margin-bottom: 0px;
}
#pickupPersonBook .pickup-person__select li div div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#pickupPersonBook .pickup-person__select li div p {
  margin-bottom: 0px;
}
#pickupPersonBook .pickup-person__select li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #fafafa;
}
#pickupPersonBook .pickup-person__select ul + label {
  width: 100%;
}
#pickupPersonBook .pickup-person__allWithdrawals {
  height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
#pickupPersonBook .pickup-person__allWithdrawals .checkbox {
  margin: 0px;
  height: 20px;
}
#pickupPersonBook .pickup-person__allWithdrawals span {
  color: #3c3738;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 480px) {
  #pickupPersonBook .pickup-person__allWithdrawals {
    margin: 32px 24px 0px;
  }
  #pickupPersonBook .pickup-person__allWithdrawals span {
    font-size: 14px;
    padding-top: 3px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .pickup-person__allWithdrawals {
    margin: 24px 28px 0px;
  }
  #pickupPersonBook .pickup-person__allWithdrawals span {
    font-size: 12px;
  }
}
#pickupPersonBook .pickup-person__allWithdrawals .checkbox-shown {
  border: 1px solid #222021;
  background: transparent;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 16px;
}
#pickupPersonBook .pickup-person__allWithdrawals .checkbox-hidden {
  background: var(--cx-color-primary);
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--cx-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}
#pickupPersonBook .pickup-person__name {
  font-size: 14px;
  color: var(--cx-color-primary);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#pickupPersonBook .pickup-person__id {
  color: #6f676c;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#pickupPersonBook .modal-footer {
  justify-content: space-between;
}
@media (min-width: 480px) {
  #pickupPersonBook .modal-footer {
    padding: 32px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .modal-footer {
    padding: 32px 28px 24px;
    flex-direction: column-reverse;
    gap: 8px;
  }
}
#pickupPersonBook .modal-footer > * {
  margin: 0px;
}
@media (min-width: 480px) {
  #pickupPersonBook .modal-footer .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: normal;
    width: 49%;
    height: 48px;
    font-weight: 400;
  }
  #pickupPersonBook .modal-footer .btn.disabled, #pickupPersonBook .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .modal-footer .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: clamp(0.75rem, 0.5852rem + 0.5505vw, 0.9375rem);
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
  }
  #pickupPersonBook .modal-footer .btn.disabled, #pickupPersonBook .modal-footer .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#pickupPersonBook .toggle-button {
  position: relative;
  width: 100%;
  background: #eeeef0;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  top: 0px;
  right: 0px;
  align-self: center;
}
@media (min-width: 480px) {
  #pickupPersonBook .toggle-button {
    margin: 24px 0px;
    max-width: 373px;
    height: 48px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .toggle-button {
    max-width: 320px;
    height: 44px;
    margin: 32px 0px 24px;
  }
}
#pickupPersonBook .toggle-button-wrapper {
  padding: 0px 26px;
  display: flex;
  justify-content: center;
}
#pickupPersonBook .text-left,
#pickupPersonBook .text-right {
  flex: 1;
  text-align: center;
  line-height: 48px;
  color: var(--cx-color-primary);
  position: relative;
  z-index: 2;
  font-weight: 600;
}
@media (min-width: 480px) {
  #pickupPersonBook .text-left,
  #pickupPersonBook .text-right {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook .text-left,
  #pickupPersonBook .text-right {
    font-size: clamp(0.75rem, 0.5852rem + 0.5505vw, 0.9375rem);
  }
}
#pickupPersonBook .background-slider {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50%;
  background-color: var(--cx-color-primary);
  z-index: 1;
  transition: right 0.3s;
  border-radius: 8px;
  border: 3px solid #eeeef0;
}
#pickupPersonBook #toggleBtn.active .background-slider {
  right: 50%;
}
#pickupPersonBook span.active {
  color: #ffffff;
}
@media (max-width: 479px) {
  #pickupPersonBook #pickup-newRegister {
    padding-top: 16px;
  }
}
@media (min-width: 480px) {
  #pickupPersonBook #pickup-newRegister .form-group {
    padding: 0px 39px 0px 26px;
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook #pickup-newRegister .form-group {
    padding: 0px 26px;
    margin-bottom: 0px;
    gap: 8px;
    display: flex;
    flex-direction: column;
  }
  #pickupPersonBook #pickup-newRegister .form-group label[for="pickup.person.cpf"] {
    padding-top: 12px;
  }
}
#pickupPersonBook #pickup-newRegister .form-group:first-child {
  margin-bottom: 16px;
}
#pickupPersonBook #pickup-newRegister .form-group:last-child {
  margin-bottom: 32px;
}
@media (min-width: 480px) {
  #pickupPersonBook #pickup-newRegister div[data-error-invalid-cpf] {
    margin-bottom: 0px;
  }
}
#pickupPersonBook #pickup-newRegister .form-group:not(.has-error) input[type=text] {
  border: 1px solid #bab6bc;
}
#pickupPersonBook #pickup-newRegister input[type=text] {
  display: flex;
  max-width: 428px;
  width: 100%;
  height: 44px;
  padding: 14px 0px 14px 10px;
  align-items: flex-start;
  border-radius: 6px;
  background: #ffffff;
  color: #6f676c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#pickupPersonBook #pickup-newRegister label {
  color: #222020;
  font-style: normal;
  font-weight: 500;
  line-height: 19.4px;
}
@media (min-width: 480px) {
  #pickupPersonBook #pickup-newRegister label {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  #pickupPersonBook #pickup-newRegister label {
    font-size: 12px;
    width: 100%;
  }
}
@media (min-width: 480px) {
  #pickupPersonBook #pickup-newRegister .modal-footer {
    padding: 32px 31px 27px 35px;
  }
}

.pickup-person-removal-popup .modal-content {
  padding: 32px;
  max-width: 370px;
}
.pickup-person-removal-popup .modal-dialog {
  justify-content: center;
}
@media (max-width: 479px) {
  .pickup-person-removal-popup .modal-dialog {
    margin: 16px;
  }
}
.pickup-person-removal-popup .removePeople {
  padding-bottom: 16px;
}
.pickup-person-removal-popup .headline-text {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: var(--cx-color-primary);
}
.pickup-person-removal-popup .pickuperson__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pickup-person-removal-popup .pickuperson__buttons a {
  padding: unset;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 480px) {
  .pickup-person-removal-popup .pickuperson__buttons .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 6px;
    line-height: normal;
    width: 50%;
    height: 48px;
    font-weight: 400;
    margin-top: 0px;
  }
  .pickup-person-removal-popup .pickuperson__buttons .btn.disabled, .pickup-person-removal-popup .pickuperson__buttons .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 479px) {
  .pickup-person-removal-popup .pickuperson__buttons {
    flex-direction: column-reverse;
  }
  .pickup-person-removal-popup .pickuperson__buttons .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: clamp(0.75rem, 0.5852rem + 0.5505vw, 0.9375rem);
    --bs-btn-border-radius: 6px;
    line-height: normal;
    width: 100%;
    height: 40px;
    font-weight: 400;
    margin-top: 0px;
  }
  .pickup-person-removal-popup .pickuperson__buttons .btn.disabled, .pickup-person-removal-popup .pickuperson__buttons .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
.pickup-person-removal-popup .person {
  margin: 16px 0px 24px;
  margin: 16px 0px 24px;
  background: #fafafa;
  padding: 16px;
}

@media (min-width: 480px) {
  .withdrawal__person {
    padding-top: 12px;
  }
}
@media (max-width: 479px) {
  .withdrawal__person {
    padding-top: 8px;
  }
}
.withdrawal__person span:last-of-type {
  color: #6f676c;
}
.withdrawal__person span:first-child {
  color: #000000;
}
.withdrawal__person span {
  font-style: normal;
  line-height: 100%;
  font-weight: 500;
}
@media (min-width: 480px) {
  .withdrawal__person span {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .withdrawal__person span {
    font-size: 12px;
  }
}
.withdrawal__person button {
  border: none;
  background: none;
  padding: 0px;
  margin-left: 4px;
  vertical-align: text-bottom;
}
.withdrawal__person button img {
  width: 14px;
  height: 14px;
}

.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon, .product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details-toggle .owl-prev,
.product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details-toggle .owl-next, .product-details-toggle .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .product-details-toggle .accordion-toggle:before, .product-details-toggle .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .product-details-toggle .product__list--item.tag-highlighted:after, .product-details-toggle .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .product-details-toggle .product-item.tag-highlighted:after {
  float: right;
  font-size: 1rem;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before, .product-details.open .product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev:before, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details.open .product-details-toggle .owl-prev:before,
.product-details.open .product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next:before,
.carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details.open .product-details-toggle .owl-next:before, .product-details.open .product-details-toggle .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .product-details.open .product-details-toggle .accordion-toggle:before {
  content: "\e114";
}

.product-details-toggle-wrap {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-details-toggle-wrap {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 2rem;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}

@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .product-details-toggle {
    padding: 0 25px 0 10px;
  }
  .product-details-toggle .glyphicon, .product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-prev, .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details-toggle .owl-prev,
  .product-details-toggle .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .owl-next,
  .carousel-component-wrapper .owl-carousel .owl-controls .owl-buttons .product-details-toggle .owl-next, .product-details-toggle .accordion .panel .panel-heading .accordion-toggle:before, .accordion .panel .panel-heading .product-details-toggle .accordion-toggle:before, .product-details-toggle .product__listing.product__list .product__list--item.tag-highlighted:after, .product__listing.product__list .product-details-toggle .product__list--item.tag-highlighted:after, .product-details-toggle .product__listing.product__grid .product-item.tag-highlighted:after, .product__listing.product__grid .product-details-toggle .product-item.tag-highlighted:after {
    right: 10px;
  }
  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #d3d2d6;
  border-bottom: 1px solid #d3d2d6;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-action {
    padding-left: 0px;
    padding-right: 20px;
  }
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 2rem;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 66px;
}
.product-action #total-price {
  font-size: 2rem;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 66px;
}

@media (max-width: 639px) {
  .product-action {
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product-action ol li,
  .product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 20px 7px 15px 0;
  background-color: #fff;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 1rem;
  font-weight: 700;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}

.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 1rem;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #eeeef0;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #929292;
  font-size: 13px;
  font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #eeeef0;
  font-size: 15px;
  font-weight: 700;
}

.product-grid-container table td .price {
  font-size: 1rem;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #ffffff;
}

@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .add-to-cart-order-form-wrap {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
}
@media (min-width: 640px) {
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 907px;
  }
}
@media (min-width: 640px) {
  .order-form-scroll {
    cursor: pointer;
    background-color: #47b6b1;
    opacity: 0.4;
    color: #ffffff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
}
@media (min-width: 640px) {
  .product-grid-container-dim-3, .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #d3d2d6;
    background-color: #fff;
  }
  .product-grid-container table:nth-child(2n) {
    background: #eeeef0;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #d3d3d3;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #d3d2d6;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (max-width: 639px) {
  #cboxContent .sku-quantity {
    font-size: 2rem;
  }
  .product-grid-container {
    font-size: 2rem;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #d3d2d6;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #d3d2d6;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }
  .variantSelectMobile #cboxLoadedContent {
    overflow: visible !important;
    padding-left: 0;
    padding-right: 0;
  }
  .variantSelectMobile #cboxContent table {
    width: 100%;
  }
  .variantSelectMobile #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  .variantSelectMobile #cboxContent table td:first-child {
    width: auto;
  }
  .variantSelectMobile #cboxContent table td:nth-child(2n+2) {
    background: #eeeef0;
  }
  .variantSelectMobile #cboxContent .product-grid-container {
    margin: 0;
  }
  .variantSelectMobile #cboxContent .orderForm_grid_group {
    position: relative;
  }
  .variantSelectMobile #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  .variantSelectMobile #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  .variantSelectMobile #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description {
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description > div {
    display: inline;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #ffffff !important;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  .variantSelectMobile #cboxContent .variant-select,
  .variantSelectMobile #cboxContent .variant-summary {
    display: none;
  }
  .variantSelectMobile #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  .variantSelectMobile #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #orderFormContainer .headline,
  #orderFormContainer .advanced-search-wrap {
    padding-left: 0px;
    padding-right: 20px;
  }
}

#resultsList.item__list .item__list--item:last-child {
  padding-right: 0;
}

.quick-order__introduction {
  padding-top: 21px;
  margin-top: 10px;
  line-height: 22px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quick-order__introduction {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  .quick-order__introduction {
    margin-bottom: 10px;
  }
}

.quick-order__actions {
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: baseline;
  justify-content: end;
}
@media (max-width: 1024px) {
  .quick-order__actions {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .quick-order__actions {
    display: flex;
    flex-direction: column;
    padding: 0px;
  }
  .quick-order__actions .pull-right {
    float: none !important;
  }
  .quick-order__actions .btn,
  .quick-order__actions .quick-order__add-to-cart-btn,
  .quick-order__actions .col-sm-4.col-md-8.col-lg-5 {
    width: 100%;
  }
}
.quick-order__actions .btn {
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 13px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: auto;
  height: 44px;
  font-weight: 500;
  margin: 0px 16px;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.quick-order__actions .btn.disabled, .quick-order__actions .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.quick-order__add-to-cart-btn {
  margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
  width: 100%;
}

.quick-order__reset-link.btn {
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: auto;
  height: 44px;
  font-weight: 500;
  margin: 0px 16px;
}
.quick-order__reset-link.btn.disabled, .quick-order__reset-link.btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.quick-order__reset-link.row, .quick-order__reset-link.cart__content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (max-width: 639px) {
  .quick-order__reset-link {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
  .quick-order__reset-link.btn {
    width: 100%;
    margin: 0px;
  }
}

.quick-order__list {
  margin-top: 10px;
}
.quick-order__list.item__list .item__list--item:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .quick-order__list.item__list .item__remove {
    padding-right: 30px;
    width: 64px;
  }
}

#quickOrder .item__list .item__info {
  width: auto;
}
@media (min-width: 1024px) {
  #quickOrder .item__quantity {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__sku__input input {
    max-width: 300px;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1023px) {
  #quickOrder .item__list--header .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--header .item__total--column {
  text-align: left;
}
#quickOrder .item__list--header li:first-child {
  padding-left: 30px;
}
#quickOrder .item__sku__input {
  padding-left: 30px;
  width: 33%;
}
@media (max-width: 1023px) {
  #quickOrder .item__sku__input {
    padding-left: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
#quickOrder .item__list--item:nth-child(odd) {
  background: #eeeef0;
}
#quickOrder .item__list--item:nth-child(4n+4) {
  background-color: transparent;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--item .item__info .item__name {
  display: block;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__quantity {
    padding-top: 10px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__total {
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__total {
    float: left;
  }
}

.account-section .account-section-content .import-csv__form {
  padding: 0;
}

.import-csv__well {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__well {
    padding-left: 0px;
    padding-right: 20px;
  }
}

.import-csv__file-spec {
  padding-top: 15px;
}

.import-csv__file-spec-item {
  padding-top: 5px;
}

.import-csv__file-upload {
  padding-top: 20px;
}

.import-csv__actions {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__actions {
    padding-left: 0px;
    padding-right: 20px;
  }
}

@media (min-width: 640px) {
  .import-csv__file-upload {
    border-left: 1px solid #eeeef0;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
@media (max-width: 639px) {
  .import-csv__well {
    margin: 0;
  }
}
.file-upload {
  margin-top: 15px;
}

.file-upload__label {
  display: block;
}

.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}

.file-upload__input {
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}

.file-upload__file-name {
  font-size: 2rem;
  display: inline-block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  position: relative;
  top: 8px;
}

.export__csv--link {
  text-align: left;
  width: 100%;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  margin-top: -30px;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .export__csv--link {
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .export__csv--link {
    padding-top: 5px;
  }
}

@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25% !important;
    display: none !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block !important;
  }
  .owl-controls {
    display: none !important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190% !important;
  }
  .tabs .tabhead + .tabbody {
    display: block !important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
}
@media (max-width: 1023px) {
  .page-customerCreditCardPaymentInformationPage .navigation--middle {
    display: none;
  }
}

@media (max-width: 1155px) {
  .page-multiStepCheckoutSummaryPage .checkout-paymentmethod {
    padding: 0px;
  }
}

.order-payment-data-pix {
  display: flex;
  flex-direction: column;
}
.order-payment-data-pix textarea {
  width: 100%;
  max-width: 360px;
  overflow-y: scroll;
  background: #063a44;
  min-height: 48px;
  resize: none;
  border: none;
  outline: none;
}
.order-payment-data-pix img {
  display: block;
  width: 100%;
  max-width: 160px;
  height: 160px;
}
.order-payment-data-pix .buttonCopyPix {
  margin: 15px 0 15px 0;
  max-width: 360px;
}

.pix-payment {
  max-width: 450px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pix-payment img {
  margin-left: 15%;
  display: block;
  width: 100%;
  max-width: 160px;
  height: 160px;
}
.pix-payment div {
  padding: 2%;
}
.pix-payment .pix-payment-first-instraction {
  padding-top: 4em;
}
.pix-payment p {
  font-size: 14px;
  line-height: 20px;
}
.pix-payment span {
  font-size: 20px;
  line-height: 28px;
}
.pix-payment .instruction_payment--pix p {
  margin-top: 10px;
}
.pix-payment textarea {
  width: 100%;
  overflow: hidden;
  background: transparent;
  min-height: 48px;
  resize: none;
  border: none;
  outline: none;
}
.pix-payment textarea:focus {
  border: 1px solid #41a017;
}
.pix-payment .buttonCopyPix {
  text-transform: initial;
}
.pix-payment .pix-payment-instruction {
  margin-top: 15px;
}
.pix-payment .pixPaymentCode {
  overflow: hidden;
  background: #f2f2f2;
}

@media (min-width: 1024px) {
  .credit-card-payment .credit-card-content .form-credit-card-input .control-label {
    min-width: 110%;
  }
}
.credit-card-payment {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  /* This container is needed to position the front and back side */
  /* Do an horizontal flip when you move the mouse over the flip box container */
  /* Position the front and back side */
  /* Style the back side */
}
.credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n) {
  display: grid;
}
@media (max-width: 1399px) and (min-width: 1024px) {
  .credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n).col-md-6 {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n).col-md-6,
  .credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n) .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n) .col-md-12 .credit-card-mock {
    width: calc(100% - 10px);
  }
  .credit-card-payment .credit-card-content .credit-card-page-item:nth-child(2n) .col-md-12 .credit-card-mock .credit-card {
    font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .credit-card-payment .credit-card-content .form-credit-card-input .control-label,
  .credit-card-payment .credit-card-content .form-credit-card-input input#cardCvc {
    font-size: 12px;
  }
}
@media (max-width: 1155px) {
  .credit-card-payment .credit-card-content .form-credit-card-input .control-label,
  .credit-card-payment .credit-card-content .form-credit-card-input #instalments-Default {
    font-size: 10px;
  }
  .credit-card-payment .credit-card-content .form-credit-card-input input {
    font-size: 12px;
  }
}
.credit-card-payment input::-webkit-outer-spin-button,
.credit-card-payment input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.credit-card-payment input[type=number] {
  -moz-appearance: textfield;
}
.credit-card-payment tr {
  border: 1px solid #cccccc;
}
.credit-card-payment td {
  padding: 10px 10px;
}
.credit-card-payment .order-total {
  font-size: 16px;
  font-weight: bold;
}
.credit-card-payment .credit-card-page-item {
  margin-bottom: 30px;
  padding: 12px;
}
@media (min-width: 640px) {
  .credit-card-payment .credit-card-page-item .month-year-security_code {
    margin: auto 0px;
  }
  .credit-card-payment .credit-card-page-item .month-year-security_code .col-md-4 {
    margin: 0px;
    padding-right: 10px;
    padding-left: 0px;
    width: 30%;
  }
  .credit-card-payment .credit-card-page-item .month-year-security_code .col-md-4 select {
    width: 92%;
  }
  .credit-card-payment .credit-card-page-item .month-year-security_code .col-md-4:nth-child(3n) {
    width: 40%;
    padding: 0px;
  }
}
@media (min-width: 640px) and (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .month-year-security_code {
    display: flex;
  }
}
@media (min-width: 640px) and (max-width: 1024px) and (min-width: 1024px) {
  .credit-card-payment .credit-card-page-item .month-year-security_code label,
  .credit-card-payment .credit-card-page-item .month-year-security_code input {
    font-size: 10px;
  }
}
.credit-card-payment .credit-card-page-item .accepted-credit-cards {
  margin: 0 auto;
}
.credit-card-payment .credit-card-page-item .cards-flags {
  background: url(https://cdn.leroymerlin.com.br/assets/lizard/images/sprite/legacy-sprite-73b1551fdf5b4b5ccf913cfffc16d342.png) no-repeat;
  display: inline-block;
  height: 30px;
  width: 50px;
  border: 1px solid lightgray;
  margin-top: 13px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags {
    height: 22px;
    width: 36px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags {
    height: 25px;
    width: 40px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.dinners {
  background-position: -91px -352px;
  background-size: 440px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.dinners {
    background-position: -87px -319px;
    background-size: 395px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.dinners {
    background-position: -94px -346px;
    background-size: 430px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.elo {
  background-position: -157px -391px;
  background-size: 485px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.elo {
    background-position: -125px -307px;
    background-size: 380px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.elo {
    background-position: -143px -351px;
    background-size: 435px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.master-card {
  background-position: -256px -386px;
  background-size: 480px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.master-card {
    background-position: -211px -315px;
    background-size: 390px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.master-card {
    background-position: -221px -330px;
    background-size: 410px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.visa {
  background-position: -278px -347px;
  background-size: 435px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.visa {
    background-position: -226px -280px;
    background-size: 350px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.visa {
    background-position: -247px -308px;
    background-size: 385px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.hyper {
  background-position: -185px -349px;
  background-size: 435px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.hyper {
    background-position: -153px -287px;
    background-size: 355px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.hyper {
    background-position: -176px -327px;
    background-size: 405px;
  }
}
.credit-card-payment .credit-card-page-item .cards-flags.american-express {
  background-position: -154px -374px;
  background-size: 530px;
}
@media (max-width: 639px) {
  .credit-card-payment .credit-card-page-item .cards-flags.american-express {
    background-position: -127px -305px;
    background-size: 430px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .credit-card-payment .credit-card-page-item .cards-flags.american-express {
    background-position: -145px -348px;
    background-size: 490px;
  }
}
.credit-card-payment .credit-card-mock {
  margin: auto;
}
.credit-card-payment .credit-card-mock .credit-card {
  font-size: 20px;
  color: white;
  text-shadow: 1px 1px #555555;
}
@media (max-width: 1023px) {
  .credit-card-payment .credit-card-mock .credit-card {
    font-size: 14px;
  }
}
.credit-card-payment .credit-card-mock .credit-card .card-front {
  padding: 120px 15px 15px 15px;
  height: 220px;
}
.credit-card-payment .credit-card-mock .credit-card .card-front .card-valid-until {
  font-size: 14px;
}
.credit-card-payment .credit-card-mock .credit-card .card-front .card-date-info {
  padding-left: 90px;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .credit-card-payment .credit-card-mock .credit-card .card-front .card-date-info {
    padding-left: 0px;
  }
}
.credit-card-payment .credit-card-mock .credit-card .card-front .card-info {
  height: 28px;
}
.credit-card-payment .credit-card-mock .credit-card .card-back {
  background-color: #cccccc;
  height: 220px;
  width: 350px;
  padding: 40px 0px;
}
@media (max-width: 1023px) {
  .credit-card-payment .credit-card-mock .credit-card .card-back {
    width: 100%;
  }
}
.credit-card-payment .credit-card-mock .credit-card .card-back .card-magnetic-stripe {
  background-color: #000000;
  height: 40px;
  width: 100%;
}
.credit-card-payment .credit-card-mock .credit-card .card-back .card-security-number {
  margin-left: 20px;
  margin-top: 20px;
  background-color: #ffffff;
  color: #000000;
  font-size: 14px;
  height: 30px;
  padding: 0.375rem;
  text-align: right;
  text-shadow: none;
  width: 200px;
}
.credit-card-payment .flip-card {
  background-color: transparent;
  height: 220px;
  width: 350px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
@media (max-width: 1023px) {
  .credit-card-payment .flip-card {
    width: auto;
    height: 220px;
  }
}
.credit-card-payment .flip-card-inner {
  position: relative;
  width: 350px;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
@media (max-width: 1023px) {
  .credit-card-payment .flip-card-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 350px;
  }
}
.credit-card-payment .flip-card .flip-card-inner.flip {
  transform: rotateY(180deg);
}
.credit-card-payment .flip-card-front,
.credit-card-payment .flip-card-back {
  position: absolute;
  width: 350px;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  border-radius: 0.375rem;
}
@media (max-width: 639px) {
  .credit-card-payment .flip-card-front,
  .credit-card-payment .flip-card-back {
    width: 100%;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .credit-card-payment .flip-card-front,
  .credit-card-payment .flip-card-back {
    width: 100%;
  }
}
.credit-card-payment .payment-error-message-container {
  color: grey;
  font-weight: 600;
}
.credit-card-payment .payment-error-message-container div {
  margin-bottom: 10px;
}
.credit-card-payment .payment-confirmation__message-container {
  background-color: honeydew;
  padding: 25px;
}
.credit-card-payment .payment-confirmation__message-order-number-container {
  display: flex;
}
.credit-card-payment .payment-confirmation__message-order-number-message {
  font-weight: bold;
}
.credit-card-payment .payment-confirmation__message-order-number {
  color: green;
  text-transform: uppercase;
}
.credit-card-payment .payment-confirmation__disclaimer-message {
  background: gold;
  margin-top: 20px;
}
.credit-card-payment .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-default.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=VISA] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-visa.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=VISA] .flip-card-back {
  background-color: #1254a6;
}
.credit-card-payment .flip-card-inner[data-card-brand=DINERS] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-diners.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=DINERS] .flip-card-back {
  background-color: #333333;
}
.credit-card-payment .flip-card-inner[data-card-brand=MASTERCARD] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-mastercard.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=MASTERCARD] .flip-card-back {
  background-color: #12354c;
}
.credit-card-payment .flip-card-inner[data-card-brand=HIPER] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-hiper.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=HIPER] .flip-card-back {
  background-color: #fab10e;
}
.credit-card-payment .flip-card-inner[data-card-brand=HIPERCARD] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-hiper.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=HIPERCARD] .flip-card-back {
  background-color: #fab10e;
}
.credit-card-payment .flip-card-inner[data-card-brand=AMEX] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-amex.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=AMEX] .flip-card-back {
  background-color: #063a59;
}
.credit-card-payment .flip-card-inner[data-card-brand=ELO] .flip-card-front {
  background-image: url(https://cdn.leroymerlin.com.br/assets/lizard/images/checkout/card-flag-elo.png);
}
.credit-card-payment .flip-card-inner[data-card-brand=ELO] .flip-card-back {
  background-color: #eeeeee;
}
.credit-card-payment .flip-card-back {
  transform: rotateY(180deg);
}

#popup-minimum-billet-invoiced .modal-header {
  display: flex;
  justify-content: end;
}
#popup-minimum-billet-invoiced .modal-content {
  width: 422px;
  height: 366px;
}
#popup-minimum-billet-invoiced .modal-dialog {
  justify-content: center;
}
#popup-minimum-billet-invoiced .bi-x-lg {
  border: none;
  background: transparent;
  color: #797979;
  font-size: 20px;
  padding: 5px 10px;
}
#popup-minimum-billet-invoiced .modal-body {
  padding: 43px 40px 30px 40px;
}
#popup-minimum-billet-invoiced .billet_invoiced_error_modal .billet_error_message {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #54595e;
  padding: 23px 12px 10px 13px;
}
#popup-minimum-billet-invoiced .billet_invoiced_error_modal .attention_message {
  color: #54595e;
  text-align-last: center;
  padding: 16px 0px 0px 0px;
  font-weight: bold;
  font-size: 20px;
}
#popup-minimum-billet-invoiced .billet_invoiced_error_modal .billet_attention {
  text-align-last: center;
}
#popup-minimum-billet-invoiced .billet_invoiced_error_modal .btn {
  margin-top: 10px;
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 44px;
  font-weight: 500;
}
#popup-minimum-billet-invoiced .billet_invoiced_error_modal .btn.disabled, #popup-minimum-billet-invoiced .billet_invoiced_error_modal .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}

.container-leroy-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  background-color: #fff;
  padding: 20px 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.container-leroy-consent .consent-component {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 1023px) {
  .container-leroy-consent .consent-component {
    flex-wrap: wrap;
  }
  .container-leroy-consent .consent-component > div {
    width: 100%;
  }
}
.container-leroy-consent .consent-component .left {
  text-align: left;
}
.container-leroy-consent .consent-component .left p:not(:last-child) {
  margin-bottom: 4px;
}
@media all and (max-width: 1023px) {
  .container-leroy-consent .consent-component .left p:not(:last-child) {
    margin-bottom: 20px;
  }
}
.container-leroy-consent .consent-component .btn-cookie-notification-accept {
  width: 200px;
  height: 40px;
}
@media all and (max-width: 1023px) {
  .container-leroy-consent .consent-component .btn-cookie-notification-accept {
    margin-top: 20px;
    width: 100%;
  }
}

.page-autonomousRegisterResultPage {
  background: #f7f7f7;
}
.page-autonomousRegisterResultPage .alert {
  margin: 0;
}
.page-autonomousRegisterResultPage .container-header {
  background-color: #eeeef0;
  padding: 10px 0;
  margin-bottom: 0;
  width: 100%;
  height: 100px;
}
.page-autonomousRegisterResultPage .main__inner-wrapper {
  margin-bottom: 0px;
}
.page-autonomousRegisterResultPage .yComponentWrapper {
  padding: 0px;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  height: fit-content;
  padding-bottom: 0px;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .titleOfResulPageForm,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .control-label {
  font-size: 16px;
  font-weight: 400;
  color: #222020;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .titleOfResulPageForm,
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .control-label {
    font-size: 14px;
    padding-bottom: 8px;
    line-height: 16px;
  }
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .titleOfResulPageForm {
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 28px;
    padding-bottom: 24px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal div[hidden] + .form-group {
  margin-bottom: 32px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal div[hidden] + .form-group {
    padding-bottom: 24px;
    margin-bottom: 0px;
  }
}
@media (max-width: 639px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal div[hidden] + .form-group {
    padding-bottom: 16px;
    margin-bottom: 0px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .form-group {
  margin-bottom: 24px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .form-group {
    padding-bottom: 24px;
    margin-bottom: 0px;
  }
}
@media (max-width: 639px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .form-group {
    padding-bottom: 16px;
    margin-bottom: 0px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .form-group #stateRegistration {
  width: 50%;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .form-group #stateRegistration {
    height: 36px;
    padding: 12px 16px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons {
    flex-direction: column-reverse;
  }
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons button {
    height: 36px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-group,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-actions {
  width: 49%;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-group,
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-actions {
    width: 100%;
    margin-bottom: 0px;
  }
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-group:last-child,
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons .form-actions:last-child {
    padding-bottom: 16px;
  }
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons #registerButtonCancel {
  background-color: #eaf3e2;
  border-color: var(--cx-color-primary);
  border-width: 1px;
  color: var(--cx-color-primary);
  margin-right: 8px;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row_buttons > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row .form-group, .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .cart__content .form-group,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row .form-actions,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .cart__content .form-actions {
  width: 50%;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .row #registerButtonCancel, .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .cart__content #registerButtonCancel {
  background-color: #eaf3e2;
  border-color: var(--cx-color-primary);
  border-width: 1px;
  color: var(--cx-color-primary);
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal #cnpj,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal #fantasyName.fantasyName-has-name,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .address-form-css,
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal .stateRegistrationFilled {
  border-color: transparent;
  padding-top: 0px;
  padding-left: 0px;
  font-weight: 300;
  border-radius: 0px;
  height: auto;
}
.page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal #fantasyName {
  height: 44px;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register-validate-form .register__section .formOfResulPageModal #fantasyName {
    height: 36px;
  }
}
.page-autonomousRegisterResultPage .register__section {
  width: 544px;
  max-width: 80%;
  background-color: #fff;
  margin: 0 auto;
  padding: 70px 64px 70px 64px;
  border-radius: 10px;
}
@media (max-width: 1023px) {
  .page-autonomousRegisterResultPage .register__section {
    margin: 76px auto;
  }
}

.page-customerSearchPage .alert {
  margin-top: -20px;
}

@media (max-width: 768px) {
  .page-customerRegisterPage .main__inner-wrapper {
    background: url(./../../common/images/assisted_registration_background4.svg);
    background-size: contain;
    margin-bottom: 0px;
    background-repeat: no-repeat;
  }
}
@media (min-width: 769px) {
  .page-customerRegisterPage .main__inner-wrapper {
    background: url(./../../common/images/assisted_registration_background2.svg);
    background-size: cover;
    margin-bottom: 0px;
    background-repeat: no-repeat;
  }
}
.page-customerRegisterPage .alert {
  margin-top: -20px;
}
@media (max-width: 1023px) {
  .page-customerRegisterPage .navigation--middle {
    display: none;
  }
}
.page-customerRegisterPage .main__inner-wrapper {
  margin-bottom: 0px;
}
.page-customerRegisterPage .marketingCommunicationLabel {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .page-customerRegisterPage .marketingCommunicationLabel {
    margin-top: 16px;
  }
}
.page-customerRegisterPage #findCustomer {
  width: 100%;
  margin-right: 8px;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 60px;
  border: 1px solid var(--cx-color-primary);
  background-color: #f9fbf6;
}
.page-customerRegisterPage #findCustomer:hover {
  background-color: #eaf3e2;
}
.page-customerRegisterPage .js-change-fantasyName-after-registering .previousOrNext #updateButton {
  margin-top: 0px;
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage .js-change-fantasyName-after-registering .previousOrNext #updateButton {
    margin-top: 21px;
  }
}
.page-customerRegisterPage .registeredBtn {
  width: 50%;
  margin-right: 8px;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 60px;
  border: 1px solid var(--cx-color-primary);
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage .registeredBtn {
    width: 100%;
    height: 23px;
    border-radius: 3.84px;
    font-size: 12px;
    line-height: 12px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage .registeredBtn {
    width: 100%;
    height: 36px;
  }
}
.page-customerRegisterPage #registerButton {
  width: 100%;
  margin: 0;
  border-radius: 8px;
  height: 48px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage #registerButton {
    height: 36px;
    font-size: 14px;
    opacity: inherit;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage #registerButton {
    height: 23px;
    line-height: 8px;
    border-radius: 3.84px;
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.page-customerRegisterPage .addressNumberForm .row .form-group, .page-customerRegisterPage .addressNumberForm .cart__content .form-group,
.page-customerRegisterPage .addreddCityAndState .row .form-group,
.page-customerRegisterPage .addreddCityAndState .cart__content .form-group {
  width: 50%;
}
.page-customerRegisterPage .checkmark {
  border-radius: 6px;
}
.page-customerRegisterPage .address-form:read-only,
.page-customerRegisterPage #stateRegistration:read-only,
.page-customerRegisterPage #socialName:read-only {
  border-color: transparent;
  padding: 0px;
}
.page-customerRegisterPage #cnpj,
.page-customerRegisterPage .fantasyName-has-name,
.page-customerRegisterPage .address-form-css {
  border-color: transparent;
  padding-top: 0px;
  padding-left: 0px;
  height: fit-content;
  font-weight: 400;
  border-radius: 0px;
  font-size: 16px;
  line-height: 23px;
  color: #6f676c;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage #cnpj,
  .page-customerRegisterPage .fantasyName-has-name,
  .page-customerRegisterPage .address-form-css {
    font-size: 14px;
    line-height: 23px;
  }
}
@media screen and (max-width: 480px) {
  .page-customerRegisterPage #cnpj,
  .page-customerRegisterPage .fantasyName-has-name,
  .page-customerRegisterPage .address-form-css {
    font-size: 12px;
    line-height: 11px;
  }
}
.page-customerRegisterPage #stateRegistration {
  width: 50%;
}
.page-customerRegisterPage #stateRegistration input:disabled {
  padding-left: 0px;
}
.page-customerRegisterPage .line2 {
  margin-left: 12px;
  width: 212px;
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage .line2 {
    width: 170px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage .line2 {
    width: 210px;
  }
}
.page-customerRegisterPage .line2 .control-label {
  margin-left: 12px;
}
.page-customerRegisterPage .form-select {
  height: 46px;
  border: 1px solid #bab6bc;
  border-radius: 8px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage .form-select {
    height: 35px;
    font-size: 14px;
    border-radius: 6.4px;
  }
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage .form-select {
    height: 35px;
    font-size: 12px;
    border-radius: 3.84px;
  }
}
.page-customerRegisterPage select:disabled,
.page-customerRegisterPage input:disabled {
  background-color: transparent;
  border: none;
  background-image: none;
  color: #6f676c;
  padding-left: 0px;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage select:disabled,
  .page-customerRegisterPage input:disabled {
    font-size: 12px;
  }
}
.page-customerRegisterPage #stateRegistration,
.page-customerRegisterPage #fantasyName {
  border-radius: 8px;
  height: 43px;
  background: white !important;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage #stateRegistration,
  .page-customerRegisterPage #fantasyName {
    height: 35px;
    font-size: 14px;
  }
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage #stateRegistration,
  .page-customerRegisterPage #fantasyName {
    height: 21px;
    font-size: 12px;
    border-radius: 3.84px;
    padding: 0px 6px;
  }
  .page-customerRegisterPage #stateRegistration#fantasyName:read-only,
  .page-customerRegisterPage #fantasyName#fantasyName:read-only {
    padding: 0px;
  }
  .page-customerRegisterPage #stateRegistration:disabled,
  .page-customerRegisterPage #fantasyName:disabled {
    padding: 0px;
  }
}
.page-customerRegisterPage .form-control,
.page-customerRegisterPage .cellphoneBuyer {
  border-radius: 8px;
  background: #ffffff;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .page-customerRegisterPage .form-control,
  .page-customerRegisterPage .cellphoneBuyer {
    height: 35px;
    border-radius: 6.4px;
  }
}
@media screen and (max-width: 639px) {
  .page-customerRegisterPage .form-control,
  .page-customerRegisterPage .cellphoneBuyer {
    height: 22.44px;
    font-size: 12px;
    border-radius: 3.84px;
    padding: 6px;
  }
}
@media screen and (max-width: 640px) {
  .page-customerRegisterPage .cellphoneBuyer {
    width: 50% !important;
  }
}
.page-customerRegisterPage .bttnsNextForm {
  display: flex;
  margin-top: 10px;
  width: 100%;
}
@media (max-width: 479px) {
  .page-customerRegisterPage .bttnsNextForm {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-customerRegisterPage .bttnsNextForm {
    display: flex;
    flex-direction: column-reverse !important;
  }
  .page-customerRegisterPage .bttnsNextForm .col-sm-6 {
    width: 100%;
  }
}
.page-customerRegisterPage .bttnsNextForm #updateButton,
.page-customerRegisterPage .bttnsNextForm #registerBuyerButton {
  width: 50%;
  margin-top: 0px;
}
@media (max-width: 479px) {
  .page-customerRegisterPage .bttnsNextForm #updateButton,
  .page-customerRegisterPage .bttnsNextForm #registerBuyerButton {
    margin-bottom: 8px;
  }
}
.page-customerRegisterPage .bttnsNextForm #updateButton {
  width: 100%;
  margin-top: 0px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-customerRegisterPage .bttnsNextForm #updateButton {
    margin-bottom: 16px;
  }
}
@media (max-width: 479px) {
  .page-customerRegisterPage .bttnsNextForm #updateButton {
    margin-bottom: 8px;
  }
}
.page-customerRegisterPage .bttnsNextForm #registeredBtn {
  margin-top: 0px;
}
@media (min-width: 480px) and (max-width: 1023px) {
  .page-customerRegisterPage .bttnsNextForm #findCustomer,
  .page-customerRegisterPage .bttnsNextForm #registeredBtn,
  .page-customerRegisterPage .bttnsNextForm #updateButton,
  .page-customerRegisterPage .bttnsNextForm #registerBuyerButton {
    height: 36px;
    font-size: 14px;
    opacity: inherit;
  }
}
@media (max-width: 479px) {
  .page-customerRegisterPage .bttnsNextForm #findCustomer,
  .page-customerRegisterPage .bttnsNextForm #registeredBtn,
  .page-customerRegisterPage .bttnsNextForm #updateButton,
  .page-customerRegisterPage .bttnsNextForm #registerBuyerButton {
    height: 23px;
    font-size: 12px;
    line-height: 8px;
    border-radius: 3.84px;
  }
}
@media (max-width: 639px) {
  .page-customerRegisterPage #cboxTitle {
    padding: 0;
    height: 0;
  }
}
@media (max-width: 639px) {
  .page-customerRegisterPage #cboxLoadedContent {
    margin-top: 0;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.page-customerRegisterPage #cboxWrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

@media (min-width: 480px) {
  .page-customerSearchPage {
    background: url(./../../common/images/assisted_registration_background3.svg);
    background-size: 470px;
    background-position: right;
    background-repeat: no-repeat;
  }
}
@media (min-width: 769px) {
  .page-customerSearchPage {
    background: url(./../../common/images/assisted_registration_background3.svg);
    background-size: 870px;
    background-position: right;
    background-repeat: no-repeat;
  }
}
@media (max-width: 480px) {
  .page-customerSearchPage .main__inner-wrapper {
    background: url(./../../common/images/assisted_registration_background3.svg);
    background-size: 225px;
    background-position: right top;
    background-repeat: no-repeat;
  }
}
.page-customerSearchPage #customerFinderForm #errorMessageCnpjSearch {
  margin-top: 42px;
}
.page-customerSearchPage #customerFinderForm #errorMessageCnpjSearch.help-block {
  margin-top: 10px;
  margin-bottom: 32px;
}
.page-customerSearchPage #customerFinderForm .has-error input {
  background: #ffffff;
  border-color: #ea5d58;
}
.page-customerSearchPage #findCustomer {
  margin: 0;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  margin-bottom: 80px;
  border-color: var(--cx-color-primary);
}
.page-customerSearchPage #findCustomer[disabled] {
  border-color: transparent;
}
@media (max-width: 768px) {
  .page-customerSearchPage #findCustomer {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 480px) {
  .page-customerSearchPage #findCustomer {
    width: 50%;
    float: left;
    height: 24px;
    min-height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    margin-bottom: 0px;
  }
}

.titleOfResulPageModal {
  background-color: var(--cx-color-primary);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 38.29px;
  display: flex;
  align-items: center;
}
.titleOfResulPageModal .titleOfResulPageText {
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  text-align: left;
  font-family: "Inter";
  font-style: normal;
  margin: 0px;
  padding-left: 48px;
}
@media (max-width: 1023px) {
  .titleOfResulPageModal .titleOfResulPageText {
    font-size: 14px;
    padding-left: 32px;
  }
}

.customer-register {
  margin: 0 auto;
  max-width: 1120px;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .customer-register {
    padding: 0px 44px;
  }
}
@media screen and (max-width: 639px) {
  .customer-register {
    padding: 0px 24px;
  }
}
.customer-register .row, .customer-register .cart__content {
  --bs-gutter-x: 0rem;
}

.customer_register_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.customer-register-section {
  width: 448px;
  max-width: 100%;
}

.customerSearchTitle,
.checkCustomer,
#text {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 40px;
  font-weight: 600;
  color: #222020;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .customerSearchTitle,
  .checkCustomer,
  #text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 480px) {
  .customerSearchTitle,
  .checkCustomer,
  #text {
    font-size: 12px;
    line-height: 11px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 639px) {
  .form-group {
    margin-bottom: 16px;
  }
}

.control-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #222020;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .control-label {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .control-label {
    font-size: 12px;
    line-height: 11px;
  }
}

.form-action-flex {
  display: flex;
}

.previousOrNext {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .previousOrNext {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .previousOrNext {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .previousOrNext #findCustomer {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 639px) {
  .previousOrNext #registerButton,
  .previousOrNext #updateButton {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .previousOrNext #findCustomer,
  .previousOrNext #updateButton {
    height: 36px;
    font-size: 14px;
    opacity: inherit;
  }
}
@media screen and (max-width: 639px) {
  .previousOrNext #findCustomer,
  .previousOrNext #updateButton {
    height: 23px;
    line-height: 8px;
    border-radius: 3.84px;
    font-size: 12px;
  }
}

.register_newAddr {
  padding: 0 !important;
}

.register_newCustomer {
  background-color: transparent;
  border: none;
  color: var(--cx-color-primary);
  font-weight: 400;
  font-size: 18px;
  padding: 0;
  margin-bottom: 32px;
  display: flex;
  margin-bottom: 32px;
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  .register_newCustomer {
    font-size: 16px;
  }
}
.register_newCustomer[disabled], .register_newCustomer.disabled {
  color: #d3d2d6;
}
.register_newCustomer[disabled] img, .register_newCustomer.disabled img {
  filter: invert(0%) sepia(1%) saturate(100%) hue-rotate(197deg) brightness(0%) contrast(0%);
}

.editAddNewCustomer {
  margin-bottom: 22px;
  margin-top: 24px;
}
@media screen and (max-width: 639px) {
  .editAddNewCustomer {
    font-size: 12px;
    margin-bottom: 6px;
  }
}

.js-add-new-customer .buyerTitle {
  margin-top: 36px;
}
@media screen and (max-width: 639px) {
  .js-add-new-customer .buyerTitle {
    margin-top: 24px;
  }
}

.buyerTitle {
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #222020;
  margin-bottom: 24px;
  align-items: end;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .buyerTitle {
    font-size: 14px;
  }
}
@media screen and (max-width: 639px) {
  .buyerTitle {
    font-size: 12px;
    align-items: center;
    padding-top: 7px;
    margin-bottom: 16px;
  }
}

.customerRegistrationImg {
  margin-right: 16px;
}
@media screen and (max-width: 639px) {
  .customerRegistrationImg {
    width: 15px;
    margin-right: 4px;
  }
}

#customerRegistrationImg {
  margin-right: 8px;
}
@media screen and (max-width: 639px) {
  #customerRegistrationImg {
    margin-right: 6px;
  }
  #customerRegistrationImg img {
    width: 15px;
  }
}

.select_customer {
  width: 106px;
  max-width: 100%;
  height: 32px;
  border-radius: 8px !important;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
}

.js-selected-customer {
  display: flex;
  margin-bottom: 25px;
}

.selected__container {
  margin-left: 10px;
}

#nameBuyerSelected,
#emailBuyerSelected {
  color: #000000;
}

.checkbox label {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-left: 34px;
}
@media screen and (max-width: 480px) {
  .checkbox label {
    font-size: 12px;
  }
}

.btn-primary {
  height: 48px;
}

#errorMessageCnpj {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #b42a27;
}

#customer__profile {
  display: flex;
}

#name_and_mail_customer {
  margin-left: 15px;
}

#button__customer {
  display: flex;
  align-items: center;
  margin-top: 7px;
}

.form-register-company {
  width: 447px !important;
}

.existing-customer-container {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
}
@media screen and (min-width: 1024px) {
  .existing-customer-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .existing-customer-container {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-top: 24px;
  }
}
@media screen and (max-width: 639px) {
  .existing-customer-container {
    display: flex;
    flex-flow: column;
    max-width: 276px;
    width: 100%;
    margin-top: 24px;
  }
}

.existing-customer.row, .existing-customer.cart__content {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
}

.existing-customer {
  padding: 24px 16px;
  background-color: #fafafa;
  border-radius: 8px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3));
  width: 447px;
}
@media screen and (max-width: 1023px) {
  .existing-customer {
    width: 100%;
  }
}
.existing-customer label {
  font-weight: normal;
}
.existing-customer .customerInformation {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #6f676c;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .existing-customer .customerInformation {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 639px) {
  .existing-customer .customerInformation {
    line-height: 11px;
    font-size: 12px;
    padding-bottom: 16px;
  }
}
.existing-customer .control-label {
  padding-bottom: 16px;
}
@media screen and (max-width: 639px) {
  .existing-customer .control-label {
    padding-bottom: 10px;
    font-size: 12px;
  }
}
.existing-customer .checkbox.mt-lg-32 > .control-label {
  padding-bottom: 0px;
}
.existing-customer .checkbox.mt-lg-32 {
  margin-bottom: 0px;
}

.removeCustomerComponent button {
  border: none;
  background: transparent;
}

#confirmNewCustomer .newCustomer_attention {
  gap: 16px;
}
#confirmNewCustomer .newCustomer_attentionMessage {
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #54595e;
  margin: 0;
}
#confirmNewCustomer .newCustomerMessage {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(84, 89, 94, 0.6);
  text-align: center;
  padding: 20px 64px 31px 64px;
}
@media (max-width: 479px) {
  #confirmNewCustomer .newCustomerMessage {
    padding: 0.725rem;
  }
}
#confirmNewCustomer .newCustomerBtns {
  gap: 16px;
}
#confirmNewCustomer .newCustomerBtns button.btn {
  width: 464px;
  height: 48px;
}
@media (max-width: 520px) {
  #confirmNewCustomer .newCustomerBtns button.btn {
    width: 268px;
  }
}
#confirmNewCustomer .modal-header {
  align-self: center;
  padding-top: 40px;
  flex-direction: column;
}
#confirmNewCustomer .modal-content {
  max-width: 608px;
  width: 100%;
  height: 425px;
}
#confirmNewCustomer .modal-dialog {
  max-width: fit-content;
}

#removeCustomerModals {
  margin-bottom: 0px;
}
#removeCustomerModals .removeCustomer_attention {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 480px) {
  #removeCustomerModals .removeCustomer_attention {
    margin: auto;
    margin-bottom: 10px;
    width: 24px;
  }
  #removeCustomerModals .removeCustomer_attention img {
    width: 24px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #removeCustomerModals .removeCustomer_attention {
    margin-bottom: 24px;
  }
}
#removeCustomerModals .modal-header {
  align-self: center;
  padding-top: 40px;
}
@media (max-width: 479px) {
  #removeCustomerModals .modal-header {
    padding-top: 20px;
  }
}
#removeCustomerModals .modal-content {
  width: 608px;
  height: 395px;
}
@media (max-width: 479px) {
  #removeCustomerModals .modal-content {
    width: 248px;
    height: 189px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #removeCustomerModals .modal-content {
    width: 531px;
    height: 370px;
  }
}
#removeCustomerModals .modal-dialog {
  max-width: fit-content;
}
@media (max-width: 479px) {
  #removeCustomerModals .modal-dialog {
    justify-content: center;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  #removeCustomerModals #removeCustomerModalError {
    padding: 40px 72px 0px 72px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #removeCustomerModals #removeCustomerModalError {
    padding-top: 40px;
  }
}
#removeCustomerModals .removecustomerErrorCancel {
  padding: 0px 18px;
}
#removeCustomerModals .removeCustomer_attentionMessage {
  color: #54595e;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 28.83px;
  line-height: 35px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  #removeCustomerModals .removeCustomer_attentionMessage {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #removeCustomerModals .removeCustomer_attentionMessage {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
  }
}
#removeCustomerModals .removeCustomerMessage {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: rgba(84, 89, 94, 0.6);
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  #removeCustomerModals .removeCustomerMessage {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 7px;
    padding: 0px 28px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  #removeCustomerModals .removeCustomerMessage {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 480px) {
  #removeCustomerModals .removeCustomerBtns {
    padding: 0px 18px;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  #removeCustomerModals .removeCustomerMessage,
  #removeCustomerModals .removeCustomerBtns,
  #removeCustomerModals .removecustomerErrorCancel {
    padding: 0px 40px;
  }
}
#removeCustomerModals .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: normal;
  width: 100%;
  height: 48px;
  font-weight: 400;
  font-size: 18px;
}
#removeCustomerModals .btn.disabled, #removeCustomerModals .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  #removeCustomerModals .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 22px;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #removeCustomerModals .btn.disabled, #removeCustomerModals .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #removeCustomerModals .btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: normal;
    width: 100%;
    height: 36px;
    font-weight: 400;
    font-size: 14px;
  }
  #removeCustomerModals .btn.disabled, #removeCustomerModals .btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
#removeCustomerModals .btn-remove-customer {
  margin-bottom: 22px;
}
@media screen and (max-width: 480px) {
  #removeCustomerModals .btn-remove-customer {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #removeCustomerModals .btn-remove-customer {
    margin-bottom: 14px;
  }
}

.addressBlock_register_customer .row, .addressBlock_register_customer .cart__content {
  --bs-gutter-x: 0rem;
}
.addressBlock_register_customer .row-addressNumberForm .form-group:nth-child(2) .control-label {
  margin-left: 12px;
}

@media screen and (max-width: 639px) {
  #leroyB2BCustomerForm {
    max-width: 276px;
  }
  #leroyB2BCustomerForm .checkmark,
  #leroyB2BCustomerForm .check-container input:checked ~ .checkmark {
    border-radius: 2px;
    width: 10px;
    height: 10px;
  }
  #leroyB2BCustomerForm .check-container .checkmark:after {
    margin-left: 2px;
    width: 4px;
    height: 6px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
  }
  #leroyB2BCustomerForm .checkmark:after {
    position: initial;
  }
  #leroyB2BCustomerForm .checkbox label {
    padding-left: 16px;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    width: 100%;
    max-width: 252px;
  }
  #leroyB2BCustomerForm .js-removeCustomerModal {
    width: 15px;
  }
  #leroyB2BCustomerForm .js-add-new-customer .form-group:nth-child(4),
  #leroyB2BCustomerForm .js-add-new-customer .form-group:nth-child(5) {
    width: 48%;
    display: inline-grid;
    margin-bottom: 0px;
  }
  #leroyB2BCustomerForm .js-add-new-customer .form-group:nth-child(4) .control-label,
  #leroyB2BCustomerForm .js-add-new-customer .form-group:nth-child(5) .control-label {
    margin-bottom: 8px;
  }
  #leroyB2BCustomerForm .js-add-new-customer .form-group:nth-child(4) {
    margin-right: 5px;
  }
}

.asmAutoComplete .card {
  border: none;
}

.js-submit-search-customer {
  float: right;
  width: -webkit-fill-available;
}
@media screen and (max-width: 480px) {
  .js-submit-search-customer {
    width: 50%;
    float: left;
  }
}

.col-form__cnpj {
  width: 447px;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .col-form__cnpj #customerFinderForm {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
  }
}

#cnpjSearch {
  padding: 5px;
  margin-top: 2px;
  background: #ffffff;
  border: 1px solid #bab6bc;
  border-radius: 8px;
  max-width: 100%;
  padding: 12px 16px;
  color: #6f676c;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #cnpjSearch {
    margin-top: 2px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 480px) {
  #cnpjSearch {
    max-width: 50%;
    margin-bottom: 4px;
    min-height: 24px;
    height: 24px;
    font-size: 12px;
  }
}

.headline-assisted {
  font-size: 32px;
  line-height: 39px;
  color: #233636;
  font-weight: 600;
  font-style: normal;
  margin-top: 15px !important;
  margin-bottom: 44px;
  text-decoration: underline solid var(--cx-color-primary);
  text-decoration-thickness: 5px;
  text-underline-offset: 18px;
}
@media screen and (max-width: 1023px) {
  .headline-assisted {
    font-size: 14px;
    line-height: 14px;
    text-decoration-thickness: 2.5px;
    text-underline-offset: 4px;
    margin-bottom: 21px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .headline-assisted {
    font-size: 24px;
    line-height: 29px;
    text-underline-offset: 6px;
  }
}

.searchTitleCustomerAssisted {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #222020;
}
@media (max-width: 480px) {
  .searchTitleCustomerAssisted {
    font-size: 12px;
    line-height: 11px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  .searchTitleCustomerAssisted {
    font-size: 14px;
    line-height: 17px;
  }
}

.headline {
  font-size: 28px;
  line-height: 33px;
  color: var(--cx-color-primary);
  font-weight: normal;
  margin-bottom: 15px !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .headline {
    font-size: 24px;
    line-height: 34px;
  }
}

.searchTitleCustomer {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #222020;
}
@media (max-width: 1023px) {
  .searchTitleCustomer {
    font-size: 14px;
    line-height: 20px;
  }
}

#cnpjSearchLabel {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 32px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  color: #8d9091;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
  #cnpjSearchLabel {
    margin-top: 16px;
    line-height: 17px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  #cnpjSearchLabel {
    font-size: 12px;
    line-height: 15px;
    margin-top: 9px;
  }
}

#js-clients-results #title-search-customer {
  font-size: 24px;
  line-height: 29px;
  color: #222020;
}

.js-leroy-customer-list-modal-content .modal-dialog,
.js-leroy-customer-list-modal-content .modal-content {
  max-width: 1172px;
  width: 100%;
}
.js-leroy-customer-list-modal-content .modal-dialog {
  padding: 40px;
}
@media (max-width: 1023px) {
  .js-leroy-customer-list-modal-content .modal-dialog {
    padding: 24px;
  }
}
@media (min-width: 1024px) {
  .js-leroy-customer-list-modal-content .modal-dialog {
    background: rgb(238, 238, 240);
    justify-content: end;
    width: 96%;
  }
}
.js-leroy-customer-list-modal-content .modal-content {
  border: none;
  background: rgb(238, 238, 240);
}
@media (max-width: 1023px) {
  .js-leroy-customer-list-modal-content .modal-content {
    padding: 40px;
  }
}
.js-leroy-customer-list-modal-content .table-link-color {
  color: #41a017;
  text-decoration: underline;
}
.js-leroy-customer-list-modal-content #title-search-customer {
  font-size: 24px;
  line-height: 29px;
  color: #222020;
}
.js-leroy-customer-list-modal-content .js-customer-search-select div > div input,
.js-leroy-customer-list-modal-content select {
  display: block;
  height: 48px;
  margin: 12px 0px;
  padding: 5px;
  border: 1px solid #efefef;
  border-radius: 4px;
  outline: none;
}
.js-leroy-customer-list-modal-content .js-customer-search-select div > div input div > div,
.js-leroy-customer-list-modal-content select div > div {
  margin-top: 15px;
}
.js-leroy-customer-list-modal-content #asmCustomerSearchField {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 768px) and (min-width: 320px) {
  .js-leroy-customer-list-modal-content #asmCustomerSearchField {
    justify-content: center;
  }
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div {
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 320px) and (max-width: 576px) {
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div {
    width: 100%;
  }
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div input,
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div select {
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 320px) {
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div input,
  .js-leroy-customer-list-modal-content #asmCustomerSearchField div select {
    width: 100%;
  }
}
.js-leroy-customer-list-modal-content .i-line input {
  width: 524px;
}
.js-leroy-customer-list-modal-content .s-line input,
.js-leroy-customer-list-modal-content select {
  width: 337px;
}
.js-leroy-customer-list-modal-content .modal-actions {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  margin-top: 20px;
}
.js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit {
  margin-left: 44px;
}
@media (max-width: 1023px) and (min-width: 480px) {
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 336px;
    height: 44px;
    font-weight: 500;
  }
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn.disabled, .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn[disabled],
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn.disabled,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 1023px) {
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn {
    --bs-btn-padding-y: 10px;
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 8px;
    line-height: 22.6px;
    width: 100%;
    height: 44px;
    font-weight: 500;
  }
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn.disabled, .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn[disabled],
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn.disabled,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn[disabled] {
    cursor: not-allowed;
    background-color: #d3d2d6;
    border-color: #d3d2d6;
    color: #ffffff;
  }
}
@media (max-width: 576px) {
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit.btn,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear.btn {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .js-leroy-customer-list-modal-content .modal-actions {
    gap: 16px;
    justify-content: center;
  }
  .js-leroy-customer-list-modal-content .modal-actions > div {
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 320px) {
  .js-leroy-customer-list-modal-content .modal-actions {
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
  }
  .js-leroy-customer-list-modal-content .modal-actions div {
    width: 100%;
  }
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-submit,
  .js-leroy-customer-list-modal-content .modal-actions .js-customer-search-clear {
    margin: 0;
    width: 100%;
  }
}

.account-overview-table table.techne-table > tbody > tr:nth-child(1n),
.ASM_customer360-modal table.techne-table > tbody > tr:nth-child(1n) {
  background: #eeeef0 !important; /* techne styleguide color*/
}

.account-overview-table table.techne-table > tbody > tr:nth-child(2n),
.ASM_customer360-modal table.techne-table > tbody > tr:nth-child(2n) {
  background: #ffffff !important; /* techne styleguide color*/
}

.banner-image {
  display: none;
}

.owl-carousel2 {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1920/240;
}
@media all and (max-width: 1023px) {
  .owl-carousel2 {
    aspect-ratio: 992/400;
  }
}
@media all and (max-width: 991px) {
  .owl-carousel2 {
    aspect-ratio: 768/320;
  }
}
@media all and (max-width: 479px) {
  .owl-carousel2 {
    aspect-ratio: 430/240;
  }
}
.owl-carousel2 .owl-stage .banner-image {
  display: block;
}
.owl-carousel2 .owl-item img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.owl-carousel2 .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
  height: 0px;
  padding: 0 var(--cx-grid-col-gutter);
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.owl-carousel2 .owl-nav .owl-prev,
.owl-carousel2 .owl-nav .owl-next {
  color: #000000;
  font-size: 14px;
  padding: 8px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-size: 62px;
}

.owl-theme-banner-leroy .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme-banner-leroy .owl-dots {
  grid-column-start: 1;
  grid-row-start: 2;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: -36px;
}
@media (max-width: 479px) {
  .owl-theme-banner-leroy .owl-dots {
    top: 176px;
  }
}

.owl-theme-banner-leroy .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  margin: 4px;
}

.owl-theme-banner-leroy .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: #bab6bc;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
}

.owl-theme-banner-leroy .owl-dots .owl-dot.active span {
  background: var(--cx-color-primary);
}

.owl-theme-banner-leroy .owl-nav .owl-prev {
  background-image: url(./../../common/images/arrow-right-path.svg);
  width: 36px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: 36px 38px;
}

.owl-theme-banner-leroy .owl-nav .owl-next {
  background-image: url(./../../common/images/arrow-left-path.svg);
  width: 36px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: 36px 38px;
}

.owl-theme-banner-leroy .owl-nav .owl-prev:hover {
  background-image: url(./../../common/images/arrow-path-right-hover.svg);
  width: 36px;
  height: 38px;
  height: 38px;
  transition: 0.3s;
  background-size: 36px 38px;
  background-repeat: no-repeat;
}

.owl-theme-banner-leroy .owl-nav .owl-next:hover {
  background-image: url(./../../common/images/arrow-path-left-hover.svg);
  width: 36px;
  height: 38px;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-size: 36px 38px;
}

.carousel-banner-leroy-colorpicker {
  width: 100%;
  height: 100%;
}

.carousel-banner-leroy {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.carousel-banner-leroy--item {
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.carousel-banner-leroy--item__img {
  width: 100%;
  display: block;
  float: left;
  margin: 0;
}

.scroll-down-arrow a {
  text-decoration: none;
  font-size: 62px;
}
.scroll-down-arrow .arrow {
  text-align: center;
  margin: 1% 0;
  margin-top: -8px;
  margin-bottom: 24px;
  z-index: 2000;
  position: relative;
}
.scroll-down-arrow .bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.owl-theme-bannerH .owl-nav {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.owl-theme-bannerH .owl-nav .owl-prev {
  color: #000000;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-size: 62px;
  position: absolute;
  left: 0;
}

.owl-theme-bannerH .owl-nav .owl-next {
  color: #000000;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  display: inline-block;
  cursor: pointer;
  border: 0;
  font-size: 62px;
  position: absolute;
  right: 0;
}

.owl-theme-bannerH .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme-bannerH .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: auto;
  margin: 10px 0 50px 0;
}
@media ((max-width: 639px)) {
  .owl-theme-bannerH .owl-dots {
    margin: 10px 0 30px 0;
  }
}

.owl-theme-bannerH .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  margin: 0 0 0 0;
}

.owl-theme-bannerH .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
}

.talkWithSeller-section .talkWithSeller-component h1, .talkWithSeller-section .talkWithSeller-component .h1 {
  justify-content: left;
  margin-top: 24px;
}
.talkWithSeller-section .talkWithSeller-component .item-action .btn {
  --bs-btn-padding-y: 10px;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 8px;
  line-height: 22.6px;
  width: 100%;
  height: 44px;
  font-weight: 0;
}
.talkWithSeller-section .talkWithSeller-component .item-action .btn.disabled, .talkWithSeller-section .talkWithSeller-component .item-action .btn[disabled] {
  cursor: not-allowed;
  background-color: #d3d2d6;
  border-color: #d3d2d6;
  color: #ffffff;
}
.talkWithSeller-section .talkWithSeller-component .component-page-headline {
  margin-left: 0px;
  padding-bottom: 24px;
}
@media (min-width: 639px) {
  .talkWithSeller-section .talkWithSeller-component .component-page-headline {
    height: 76px;
  }
}
.talkWithSeller-section .talkWithSeller-title {
  text-transform: uppercase;
}
.talkWithSeller-section .talkWithSeller-subtitle {
  font-weight: bold;
  font-size: 20px;
}
.talkWithSeller-section .talkWithSeller-body {
  height: 238px;
}
.talkWithSeller-section .talkWithSeller-input {
  width: 90%;
}
@media all and (max-width: 991px) {
  .talkWithSeller-section .talkWithSeller-input {
    width: 100%;
  }
}
.talkWithSeller-section .talkWithSeller-input-area {
  height: 44px;
}
.talkWithSeller-section .talkWithSeller-button {
  height: 48px;
}
.talkWithSeller-section .talkWithSeller-vendor {
  border-radius: 8px;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 4px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 30px 24px;
}
.talkWithSeller-section .talkWithSeller-icon {
  color: var(--cx-color-primary);
}
@media all and (max-width: 991px) {
  .talkWithSeller-section .talkWithSeller-seller-container {
    margin-top: 24px;
  }
}

.talkWithSeller-sellerName .form-control,
.talkWithSeller-store .form-control {
  background: transparent;
  border: none;
  box-shadow: none;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  padding: 0px;
}
.talkWithSeller-sellerName .control-label,
.talkWithSeller-store .control-label {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: var(--cx-color-primary);
  display: block !important;
}

.talkWithSeller-section .control-div-info {
  padding-top: 16px;
}
@media (min-width: 639px) {
  .talkWithSeller-section .control-div-info {
    padding: 40px 0px;
  }
}
.talkWithSeller-section .control-div-info .control-label-title {
  font-size: 20px;
  font-weight: 500;
  height: 24px;
  color: var(--cx-color-primary);
}
@media (min-width: 639px) {
  .talkWithSeller-section .control-div-info .control-label-title {
    color: #41a017;
  }
}
.talkWithSeller-section .control-div-info .content-info {
  display: flex;
  padding: 16px 0px;
}
@media (max-width: 479px) {
  .talkWithSeller-section .control-div-info .content-info {
    flex-direction: column;
  }
}
@media (min-width: 639px) {
  .talkWithSeller-section .control-div-info .content-info .col-sm-4 {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}
.talkWithSeller-section .control-div-info .control-label {
  font-size: 16px;
  font-weight: 500;
  height: 16px;
  color: var(--cx-color-primary);
}
@media (min-width: 639px) {
  .talkWithSeller-section .control-div-info .control-label {
    height: 24px;
    font-size: 20px;
    color: #41a017;
  }
}

@media (min-width: 639px) {
  .talkWithSeller-component h1.component-page-headline, .talkWithSeller-component .component-page-headline.h1 {
    margin-top: 48px;
  }
}
@media (max-width: 639px) {
  .talkWithSeller-component h1.component-page-headline, .talkWithSeller-component .component-page-headline.h1 {
    font-size: 17px !important;
  }
}
.popup-sended-email_modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-sended-email_modal .sended_email_message {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #54595e;
  padding-bottom: 36px;
  color: rgba(84, 89, 94, 0.6);
}
@media (max-width: 479px) {
  .popup-sended-email_modal .sended_email_message {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.797px;
    padding-bottom: 16px;
  }
}
.popup-sended-email_modal .btn_back_send_email {
  border-radius: 8px;
  border: none;
  background: #41a017;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 12px 68px 12px 62px;
}
.popup-sended-email_modal .sended_email_success_title {
  color: #54595e;
  padding: 24px 0px 16px;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 479px) {
  .popup-sended-email_modal .sended_email_success_title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 16px 0px 16px;
    margin: 0px;
  }
}

#popup-send-email-error .modal-content {
  max-width: 553px;
  height: 390px;
  justify-content: center;
}
@media (max-width: 479px) {
  #popup-send-email-error .modal-content {
    width: 285px;
    height: 213px;
    margin: 0 auto;
  }
}
#popup-send-email-error .modal-footer {
  padding: 0px;
  width: 100%;
  max-width: 363px;
  justify-content: center;
}
@media (max-width: 479px) {
  #popup-send-email-error .modal-footer {
    padding: 0px 24px;
  }
}
#popup-send-email-error .modal-header .btn-close {
  margin-right: 20px;
}
@media (max-width: 479px) {
  #popup-send-email-error .modal-header {
    justify-content: center;
  }
}
#popup-send-email-error .modal-dialog {
  max-width: 553px;
}

#popup-sended-email .modal-dialog {
  max-width: 553px;
}
@media (max-width: 479px) {
  #popup-sended-email .modal-dialog {
    width: 285px;
    margin: 0 auto;
  }
}
#popup-sended-email .modal-content {
  max-width: 553px;
  height: 394px;
  padding: 49px 39px;
}
@media (max-width: 479px) {
  #popup-sended-email .modal-content {
    width: 285px;
    padding: 18px;
    height: 213px;
  }
}
#popup-sended-email .modal-footer {
  width: 474.176px;
  height: 54.192px;
}
#popup-sended-email .modal-footer button {
  width: 474.176px;
  height: 54.192px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 479px) {
  #popup-sended-email .modal-footer {
    width: 237px;
    height: 29px;
  }
  #popup-sended-email .modal-footer button {
    width: 237px;
    height: 29px;
    padding: 0px;
    font-weight: 300;
    font-size: 12px;
    font-style: normal;
  }
}
#popup-sended-email .sended-email_attention {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#popup-sended-email .sended-email_attention img {
  width: 68px;
}
@media (max-width: 479px) {
  #popup-sended-email .sended-email_attention img {
    width: 37px;
  }
}
#popup-sended-email .modal-footer {
  padding: 0px;
}

.popup-send-email_error_modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 553px;
  width: 100%;
}
@media (max-width: 479px) {
  .popup-send-email_error_modal .sended-email_attention img {
    width: 37px;
  }
}
.popup-send-email_error_modal .send_email_error_message {
  width: 415px;
  color: rgba(84, 89, 94, 0.6);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  padding-bottom: 44px;
}
.popup-send-email_error_modal .send_email_error_message.modal-body {
  flex: none;
}
@media (max-width: 479px) {
  .popup-send-email_error_modal .send_email_error_message {
    font-size: 12px;
    width: 237px;
    padding-bottom: 14px;
    line-height: normal;
  }
}
.popup-send-email_error_modal .btn_back_send_email {
  border-radius: 8px;
  border: none;
  background: #41a017;
  color: #ffffff;
  text-align: center;
  padding: 12px 68px 12px 62px;
  font-weight: 500;
  width: 363px;
  height: 54px;
  font-size: 20px;
}
@media (max-width: 479px) {
  .popup-send-email_error_modal .btn_back_send_email {
    height: 32px;
    padding: 0px;
    font-size: 12px;
    padding: 0px;
  }
}
.popup-send-email_error_modal .send_email_error_title {
  color: #54595e;
  padding: 16px 0px 24px 0px;
  margin: 0px;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 479px) {
  .popup-send-email_error_modal .send_email_error_title {
    font-size: 16px;
    padding: 16px 0px 16px 0px;
  }
}

.talkWithSeller-component {
  float: none;
}
.talkWithSeller-component .titleMySeller {
  justify-content: flex-start;
  color: #383636;
  font-weight: 600;
  text-underline-offset: 6.8px;
  text-decoration: underline solid var(--cx-color-primary);
  text-decoration-thickness: 2.15px;
  padding-bottom: 39px;
}
@media (min-width: 639px) {
  .talkWithSeller-component .titleMySeller {
    height: 80px;
    text-decoration-thickness: 4.37px;
  }
}
.talkWithSeller-component #emailToSellerForm {
  padding-top: 0px;
  padding-bottom: 37.5px;
}
@media (min-width: 639px) {
  .talkWithSeller-component #emailToSellerForm {
    border: 1px solid var(--cx-color-primary);
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 25px;
    padding-top: 37.5px;
  }
}
.talkWithSeller-component #emailToSellerForm .labelMySeller {
  display: flex;
}
.talkWithSeller-component #emailToSellerForm .form-container {
  display: flex;
  height: 40px;
  background: #f3f3f3;
}
.talkWithSeller-component #emailToSellerForm .form-group .control-label {
  display: none;
}
.talkWithSeller-component #emailToSellerForm .form-image {
  padding-top: 10px;
  margin-right: 10px;
}
.talkWithSeller-component #emailToSellerForm .headerOfEmail {
  display: flex;
}
.talkWithSeller-component #emailToSellerForm .headerOfEmail .item-value {
  font-size: 20px;
}
.talkWithSeller-component #emailToSellerForm .firstColumnHeader {
  width: 50%;
}
.talkWithSeller-component #emailToSellerForm #createEmail-subject {
  grid-row-start: auto;
  border-radius: 0;
  border: 1px solid #f3f3f3;
  box-shadow: none;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  background-color: #f3f3f3;
}
@media (max-width: 639px) {
  .talkWithSeller-component #emailToSellerForm #createEmail-subject {
    height: 28px;
    font-size: 12px;
    font-weight: 300;
  }
}
.talkWithSeller-component #emailToSellerForm #createEmail-message {
  border: 1px solid #f3f3f3;
  background-color: #f3f3f3;
  font-size: 18px;
  box-shadow: none;
  resize: none;
  height: 231px;
}
@media (max-width: 639px) {
  .talkWithSeller-component #emailToSellerForm #createEmail-message {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .talkWithSeller-component {
    margin-left: 0;
  }
}

.label1mySeller .form-group .control-label {
  font-size: 16px;
  font-weight: 600;
  color: var(--cx-color-primary);
  height: 16px;
  margin-bottom: 0px;
}
@media (min-width: 639px) {
  .label1mySeller .form-group .control-label {
    height: 24px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
  }
}

.label1mySeller #nameSeller,
.label1mySeller #store {
  font-size: 20px;
  color: #000;
  border: 0px;
  box-shadow: none;
  padding-left: 0;
}
@media (max-width: 639px) {
  .label1mySeller #nameSeller,
  .label1mySeller #store {
    padding-top: 10px !important;
    padding-bottom: 0px;
    font-size: 16px;
    height: 30px;
    font-weight: 300;
  }
}

#createEmail-customerName,
#createEmail-customerFone,
#createEmail-email {
  font-size: 20px;
  color: #000;
  border: 0px;
  box-shadow: none;
  background-color: #f3f3f3;
  height: 40px;
}

.talkWithSeller-section .control-label {
  font-size: 16px;
  font-weight: 500;
  height: 16px;
  color: var(--cx-color-primary);
  margin-bottom: 10px;
}
@media (min-width: 639px) {
  .talkWithSeller-section .control-label {
    font-size: 20px;
    height: 24px;
    margin-bottom: 15px;
    color: #41a017;
  }
}

.message {
  font-size: 16px;
}
@media (max-width: 639px) {
  .message {
    font-size: 10px;
  }
}

#createEmail-subject::placeholder {
  color: #bab6bc;
}

.accountButtons {
  padding: 0px !important;
  font-size: 24px;
  font-weight: 300;
}
@media (min-width: 639px) {
  .accountButtons {
    padding: 10px !important;
  }
}

.myseller-section h1.component-page-headline, .myseller-section .component-page-headline.h1 {
  margin-top: 24px;
  padding-bottom: 56px;
  justify-content: flex-start;
}
.myseller-section h1.myseller-title, .myseller-section .myseller-title.h1 {
  text-transform: uppercase;
}
.myseller-section .myseller-icon {
  color: var(--cx-color-primary);
}
.myseller-section .myseller-icon-button {
  color: white;
}
.myseller-section .myseller-container {
  width: 100%;
  min-height: 257px;
  background: #fafafa;
  border-radius: 8px;
  padding: 40px;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1), 4px 4px 8px rgba(0, 0, 0, 0.1);
}
.myseller-section .myseller-button {
  width: 216px;
}
@media all and (max-width: 991px) {
  .myseller-section .myseller-button {
    height: 50px;
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .myseller-section .myseller-info-row {
    margin-bottom: 16px;
  }
}
.myseller-section .myseller-input {
  max-width: 25%;
}
@media all and (max-width: 991px) {
  .myseller-section .myseller-input {
    max-width: 100%;
  }
}
.myseller-section .myseller-tab-container {
  position: relative;
}
.myseller-section .myseller-tab-container .myseller-tab-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myseller-section .myseller-tab-container .myseller-tabs {
  display: flex;
  justify-content: start;
  gap: 20px;
}
.myseller-section .myseller-tab-container .myseller-tab {
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  color: var(--cx-color-primary);
  padding: 8px 0;
}
@media all and (max-width: 991px) {
  .myseller-section .myseller-tab-container .myseller-tab {
    font-size: 12px;
  }
}
.myseller-section .myseller-tab-container .myseller-tab-underline {
  position: absolute;
  height: 3px;
  background-color: #063a44;
  transition: all 0.3s ease;
}
.myseller-section .myseller-tab-container .myseller-underline {
  width: 100%;
  height: 3px;
  background-color: lightgray;
  position: absolute;
  left: 0;
}
.myseller-section .myseller-tab-container .myseller-underline-container {
  position: relative;
  width: 100%;
  height: 3px;
}
.myseller-section .myseller-footer-message {
  border-radius: 8px;
}
@media all and (max-width: 991px) {
  .myseller-section .myseller-footer-message {
    padding: 16px 8px !important;
    text-align: center;
  }
}
.myseller-section .myseller-footer-message .myseller-footer-message-text {
  cursor: pointer;
}
.myseller-section .noseller-title-info {
  color: var(--cx-color-gray-900);
}

.page-homepage .informative-footer {
  background: #eeeef0;
}
@media (max-width: 1023px) {
  .page-homepage .informative-footer {
    background: #ffffff;
  }
}
.page-homepage .informative-footer-container {
  display: flex;
  padding: 64px;
  justify-content: center;
  align-items: flex-start;
  gap: 59px;
  align-self: stretch;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .page-homepage .informative-footer-container {
    padding: 0px;
    flex-direction: column;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container {
    gap: 24px;
    padding: 16px 16px 40px;
  }
}
@media (max-width: 479px) {
  .page-homepage .informative-footer-container {
    gap: 24px;
    padding: 16px 16px 32px;
  }
}
.page-homepage .informative-footer-container .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}
@media (max-width: 1023px) {
  .page-homepage .informative-footer-container .content {
    background: #eeeef0;
    flex: none;
  }
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container .content {
    padding: 24px;
  }
}
@media (max-width: 479px) {
  .page-homepage .informative-footer-container .content {
    padding: 16px;
    gap: 16px;
  }
}
.page-homepage .informative-footer-container h2, .page-homepage .informative-footer-container .h2 {
  color: #222020;
  font-size: 20px;
  font-family: Inter;
  font-weight: 600;
  margin-bottom: 0px;
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container h2, .page-homepage .informative-footer-container .h2 {
    font-size: 24px;
    padding-bottom: 12px;
  }
}
@media (max-width: 479px) {
  .page-homepage .informative-footer-container h2, .page-homepage .informative-footer-container .h2 {
    font-size: 17px;
    gap: 11px;
  }
}
.page-homepage .informative-footer-container P {
  display: flex;
  width: 268px;
  flex-direction: column;
  color: #bab6bc;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container P {
    font-size: 18px;
    line-height: 22px;
    width: 442px;
  }
}
@media (max-width: 479px) {
  .page-homepage .informative-footer-container P {
    font-size: 12px;
    line-height: 15px;
    width: 290px;
  }
}
.page-homepage .informative-footer-container a {
  font-size: 18px;
  font-weight: 600;
  text-decoration-line: underline;
  color: var(--cx-color-primary);
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container a {
    font-size: 24px;
    padding-top: 18px;
  }
}
@media (max-width: 479px) {
  .page-homepage .informative-footer-container a {
    font-size: 16px;
  }
}
.page-homepage .informative-footer-container .social-medias {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-homepage .informative-footer-container .social-medias img {
  width: 24px;
  height: 24px;
}
.page-homepage .informative-footer-container .buy-through-whatsapp {
  align-items: center;
}
.page-homepage .informative-footer-container .buy-through-whatsapp h2, .page-homepage .informative-footer-container .buy-through-whatsapp .h2 {
  margin-right: 8px;
}
.page-homepage .informative-footer-container .buy-through-whatsapp img {
  width: 24px;
  height: 24px;
}
@media (max-width: 1023px) and (min-width: 480px) {
  .page-homepage .informative-footer-container .buy-through-whatsapp img {
    margin-bottom: 12px;
  }
}

[data-page-uid=cartDownloadPDF],
[data-page-uid=quoteDownloadPDF],
[data-page-uid=orderDownloadPDF],
[data-page-uid=quoteEditDownloadPDF] {
  padding: 4px;
}

.download-pdf-container {
  --pdf-container-width: 670px;
  width: var(--pdf-container-width);
  zoom: 130%;
  print-color-adjust: exact !important;
  -webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
}
.download-pdf-container .download-pdf-body {
  padding: 0px 8px;
}
.download-pdf-container .download-pdf-header {
  height: 118px;
  display: flex;
  background: #102739;
}
.download-pdf-container .download-pdf-header-info-autonomous p:first-child,
.download-pdf-container .download-pdf-header-info p:first-child {
  font-weight: 600;
}
.download-pdf-container .download-pdf-header-info-autonomous {
  width: 385px;
  min-height: 118px;
  background: #102739;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-pdf-container .download-pdf-header-info-autonomous .download-pdf-autonomous-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.download-pdf-container .download-pdf-header-info-autonomous p {
  margin-bottom: 0px;
  color: #ffffff;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
  text-align: center;
}
.download-pdf-container .download-pdf-header-info {
  display: flex;
  justify-content: flex-end;
  background: #102739;
  color: #ffffff;
  width: 370px;
  padding: 16px 0px;
  margin-left: -15px;
  margin: auto;
}
.download-pdf-container .download-pdf-header-info .download-pdf-leroy-info,
.download-pdf-container .download-pdf-header-info .download-pdf-client-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
}
.download-pdf-container .download-pdf-header-info .download-pdf-leroy-info {
  padding: 0px 12px 0px 0px;
  width: 176px;
  margin-left: -2px;
}
.download-pdf-container .download-pdf-header-info .download-pdf-client-info {
  border-left: 1px solid #ffffff;
  width: 246px;
  align-self: flex-start;
  padding-left: 12px;
  padding-right: 8px;
}
.download-pdf-container .download-pdf-header-info .download-pdf-client-info p:nth-child(3) {
  word-break: break-all;
}
.download-pdf-container .download-pdf-header-info p {
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
  margin-bottom: 0px;
}
.download-pdf-container .download-pdf-leroy-logo {
  background: linear-gradient(-135deg, #102739 37%, #ffffff 0%);
  width: 240px;
  height: 118px;
  display: flex;
  align-items: center;
}
.download-pdf-container .download-pdf-leroy-logo img {
  width: 141px;
}
.download-pdf-container .download-pdf-border {
  background: var(--cx-color-primary);
  width: var(--pdf-container-width);
  height: 16px;
}
.download-pdf-container .download-pdf-address,
.download-pdf-container .download-pdf-zipcode-district,
.download-pdf-container .download-pdf-city-state,
.download-pdf-container .download-pdf-number-complement {
  display: flex;
}
.download-pdf-container .download-pdf-number-complement p:first-child {
  padding-right: 12px;
}
.download-pdf-container .download-pdf-zipcode-district,
.download-pdf-container .download-pdf-city-state {
  justify-content: space-between;
}
.download-pdf-container .download-pdf-zipcode-district p,
.download-pdf-container .download-pdf-city-state p {
  width: 50%;
}
.download-pdf-container .download-pdf-client-company h2, .download-pdf-container .download-pdf-client-company .h2,
.download-pdf-container .download-pdf-billing-address h2,
.download-pdf-container .download-pdf-billing-address .h2,
.download-pdf-container .download-pdf-delivery-address h2,
.download-pdf-container .download-pdf-delivery-address .h2 {
  color: var(--cx-color-primary);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0.13px;
  padding-top: 16px;
  margin-bottom: 8px;
}
.download-pdf-container .download-pdf-client-company p,
.download-pdf-container .download-pdf-billing-address p,
.download-pdf-container .download-pdf-delivery-address p {
  color: #222020;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
  margin-bottom: 0px;
}
.download-pdf-container .download-pdf-billing-address,
.download-pdf-container .download-pdf-delivery-address {
  width: 50%;
}
.download-pdf-container .download-pdf-billing-address {
  padding-right: 24px;
}
.download-pdf-container .download-pdf-billing-address p,
.download-pdf-container .download-pdf-delivery-address p {
  margin-bottom: 8px;
}
.download-pdf-container .download-pdf-delivery-address {
  border-left: 1px solid #887f87;
  padding-left: 36px;
}
.download-pdf-container .download-pdf-quote-items table {
  table-layout: fixed;
  width: 100%;
}
.download-pdf-container .download-pdf-quote-items th {
  color: #ffffff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0.1px;
  text-transform: none;
}
.download-pdf-container .download-pdf-quote-items th.col-image,
.download-pdf-container .download-pdf-quote-items th.col-cod,
.download-pdf-container .download-pdf-quote-items th.col-desc {
  background: #102739;
}
.download-pdf-container .download-pdf-quote-items th:nth-child(n+4) {
  background: var(--cx-color-primary);
}
.download-pdf-container .download-pdf-quote-items th {
  text-align: center;
  vertical-align: middle;
}
.download-pdf-container .download-pdf-quote-items .col-image {
  width: 52px;
  height: 52px;
}
.download-pdf-container .download-pdf-quote-items .col-image img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.download-pdf-container .download-pdf-quote-items .col-cod {
  width: 80px;
}
.download-pdf-container .download-pdf-quote-items .col-desc {
  width: 140px;
  line-height: 115%;
}
.download-pdf-container .download-pdf-quote-items td.col-desc {
  text-align: left;
}
.download-pdf-container .download-pdf-quote-items .col-qty {
  width: 53px;
}
.download-pdf-container .download-pdf-quote-items .col-unid {
  width: 34px;
  padding: 4px;
}
.download-pdf-container .download-pdf-quote-items .col-deliveryType {
  width: 96px;
}
.download-pdf-container .download-pdf-quote-items .col-lvUnit {
  width: 82px;
}
.download-pdf-container .download-pdf-quote-items .col-discount {
  width: 57px;
}
.download-pdf-container .download-pdf-quote-items .col-total {
  width: 67px;
}
.download-pdf-container .download-pdf-quote-items td {
  color: #000000;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 8px;
  letter-spacing: 0.08px;
  line-height: 12px;
}
.download-pdf-container .download-pdf-quote-items td:nth-child(-n+8) {
  border-right: 1px solid var(--cx-color-primary);
}
.download-pdf-container .download-pdf-quote-items td.col-qty,
.download-pdf-container .download-pdf-quote-items td.col-unid,
.download-pdf-container .download-pdf-quote-items td.col-deliveryType,
.download-pdf-container .download-pdf-quote-items th.col-desc {
  text-align: center;
}
.download-pdf-container .download-pdf-quote-items td.col-lvUnit p {
  margin-bottom: 0px;
}
.download-pdf-container .download-pdf-quote-items td.col-lvUnit p:first-child {
  color: #887f87;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 8px;
  letter-spacing: 0.08px;
  line-height: 12px;
  line-height: 12px;
}
.download-pdf-container .download-pdf-quote-items td.col-lvUnit p:first-child span {
  text-decoration: line-through;
}
.download-pdf-container .download-pdf-quote-items td.col-lvUnit p:last-child {
  color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 8px;
  letter-spacing: 0.08px;
  line-height: 12px;
  line-height: 12px;
}
.download-pdf-container table td {
  height: 28px;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
}
.download-pdf-container tbody tr:nth-child(even) {
  background-color: #eeeef0;
}
.download-pdf-container tbody tr:nth-child(odd) {
  background-color: #f9fafc;
}
.download-pdf-container thead tr {
  background: var(--cx-color-primary);
}
.download-pdf-container .download-pdf-centralized-content {
  margin: auto;
  text-align: left;
  width: fit-content;
}
.download-pdf-container .download-pdf-footer {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
}
.download-pdf-container .download-pdf-footer-info-left {
  max-width: 50%;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode {
  flex-direction: column;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode h2, .download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode .h2 {
  color: var(--cx-color-primary);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 12.65px */
  letter-spacing: 0.11px;
  margin-bottom: 8px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode .download-pdf-pickup-mode-description {
  margin-bottom: 14px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode .download-pdf-pickup-address {
  display: flex;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-mode .download-pdf-pickup-address p:first-child {
  padding-right: 24px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-shipping-type {
  margin-bottom: 8px;
}
.download-pdf-container .download-pdf-footer-info-left h2, .download-pdf-container .download-pdf-footer-info-left .h2 {
  color: #000000;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0.1px;
  margin-bottom: 0px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-footer-qty-totals {
  display: flex;
  align-items: baseline;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-footer-qty-totals h2, .download-pdf-container .download-pdf-footer-info-left .download-pdf-footer-qty-totals .h2 {
  padding-right: 10px;
}
.download-pdf-container .download-pdf-footer-info-left #download-pdf-delivery-title-cart {
  margin-bottom: 4px;
}
.download-pdf-container .download-pdf-footer-info-left p,
.download-pdf-container .download-pdf-footer-info-left span {
  color: #000000;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: 0.1px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-pickup-address-number {
  min-width: 51px;
}
.download-pdf-container .download-pdf-footer-info-left .download-pdf-voucher {
  color: #222020;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: 0.1px;
}
.download-pdf-container .download-pdf-footer-info-left #download-pdf-voucher-wrapper {
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
}
.download-pdf-container .download-pdf-footer-info-right {
  width: 206px;
  max-width: 50%;
}
.download-pdf-container .download-pdf-footer-info-right p {
  margin-bottom: 6px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-subtotal p span:first-child,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-shipping p span:first-child,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount p span:first-child {
  color: #000000;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-subtotal .col,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-subtotal .col-4,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-shipping .col,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-shipping .col-4,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount .col,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount .col-4 {
  padding-right: 0px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-shipping,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount {
  padding-top: 6px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-shipping,
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount {
  border-top: 1px solid var(--cx-color-primary);
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-discount span:nth-child(2) {
  color: var(--cx-color-primary);
  font-weight: 600;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-subtotals .download-pdf-subtotal p span:nth-child(2),
.download-pdf-container .download-pdf-footer-info-right .download-pdf-subtotals .download-pdf-shipping p span:nth-child(2) {
  color: #000000;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 11px;
  letter-spacing: 0.11px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-totals {
  background: var(--cx-color-primary);
  height: 20px;
  padding: 0px 4px;
}
.download-pdf-container .download-pdf-footer-info-right .download-pdf-totals p {
  height: 20px;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0.13px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-top: 1px;
}
.download-pdf-container .download-pdf-disclaimer {
  display: flex;
  align-items: flex-start;
}
.download-pdf-container .download-pdf-disclaimer p {
  color: #887f87;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  margin-bottom: 0px;
  text-align: left;
}
.download-pdf-container .download-pdf-disclaimer-quote {
  gap: 6px;
}
.download-pdf-container .download-pdf-disclaimer-cart-gap {
  gap: 4px;
}
.download-pdf-container .download-pdf-disclaimer-cart-gap p {
  padding-top: 2px;
}
.download-pdf-container .download-pdf-disclaimer-cart-subtotals {
  padding-top: 2px;
}
.download-pdf-container .download-pdf-disclaimer-subtotals {
  padding-top: 24px;
  width: 176px;
}
.download-pdf-container .download-pdf-disclaimer-cart {
  align-items: flex-start;
  width: 129px;
}
.download-pdf-container .download-pdf-order-footer p,
.download-pdf-container .download-pdf-order-footer h2,
.download-pdf-container .download-pdf-order-footer .h2,
.download-pdf-container .download-pdf-order-footer .download-pdf-footer-info-left .download-pdf-pickup-mode h2,
.download-pdf-container .download-pdf-order-footer .download-pdf-footer-info-left .download-pdf-shipping-type {
  margin-bottom: 4px;
}
.download-pdf-container .download-pdf-order-disclaimer h2, .download-pdf-container .download-pdf-order-disclaimer .h2 {
  padding-top: 20px;
  padding-bottom: 12px;
  color: #222020;
  text-decoration: underline solid var(--cx-color-primary);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
}
.download-pdf-container .download-pdf-order-disclaimer p {
  color: #887f87;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  margin-bottom: 0px;
  text-align: left;
  width: 164px;
}
.download-pdf-container .download-pdf-order-consignments {
  width: 285px;
  display: flex;
  justify-content: space-between;
}
.download-pdf-container .download-pdf-order-consignments div p:last-child {
  margin-top: 12px;
}

.page-downloadPDF footer {
  display: none;
}

.download-pdf-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--cx-grid-col-gutter) * 2);
  margin-top: 20px;
}
.download-pdf-info .download-pdf-info-left p {
  font-size: 13px;
}
.download-pdf-info .download-pdf-info-right {
  display: flex;
  gap: 8px;
}
.download-pdf-info .download-pdf-info-right .label,
.download-pdf-info .download-pdf-info-right .value {
  font-size: 11px;
}
.download-pdf-info .download-pdf-info-right .label {
  font-family: var(--cx-font-family-default);
  font-weight: 500;
  font-style: normal;
}
.download-pdf-info .download-pdf-info-right .value {
  font-family: var(--cx-font-family-default);
  font-weight: 400;
  font-style: normal;
}

.order-overview {
  font-family: Inter;
  position: relative;
  margin-top: 48px;
}
.order-title {
  margin-bottom: 53px;
}
.order-head-title {
  text-transform: uppercase;
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 21.78px;
  letter-spacing: 0%;
}
.order-header-row {
  background-color: #063a44;
  padding: 10px 66px;
  border-radius: 8px 8px 0 0;
}
@media (max-width: 480px) {
  .order-header-row {
    display: none;
  }
}
.order-navigation {
  margin-bottom: 40px;
}
.order-tabs {
  display: flex;
  justify-content: start;
  gap: 20px;
}
.order-tabs-container {
  position: relative;
}
.order-tabs-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-tab {
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  color: var(--cx-color-primary);
  padding: 10px 0;
}
@media (max-width: 1024px) {
  .order-tab {
    font-size: 12px;
  }
}
.order-tab-underline {
  position: absolute;
  height: 3px;
  background-color: #063a44;
  transition: all 0.3s ease;
}
.order-tab-icon {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.order-extra-text {
  display: flex;
}
@media (max-width: 768px) {
  .order-extra-text {
    display: none;
  }
}
.order-extra-text-mobile {
  font-weight: bold;
  color: gray;
  text-align: start;
  display: none;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .order-extra-text-mobile {
    display: block;
  }
}
.order-extra-text-mobile-container {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.order-underline {
  width: 100%;
  height: 3px;
  background-color: lightgray;
  position: absolute;
  left: 0;
}
.order-underline-container {
  position: relative;
  width: 100%;
  height: 3px;
}
.order-product-list-container {
  overflow: hidden;
  margin-top: 10px;
}
@media (min-width: 480px) {
  .order-product-container {
    margin-bottom: 55px;
  }
}
.order-product-base-price {
  text-decoration: line-through;
}
.order-product-image {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .order-product-image {
    width: 71px;
    height: 65px;
  }
}
.order-product-image img {
  height: 120px;
  width: 120px;
}
@media (max-width: 1024px) {
  .order-product-image img {
    height: 65px;
    width: 71px;
  }
}
.order-product-name {
  color: var(--cx-color-primary);
  font-weight: bold;
}
.order-authorization {
  padding: 10px 20px;
  font-size: 18px;
  position: relative;
}
.order-authorization-download {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 19.36px;
  letter-spacing: 0%;
}
.order-download {
  display: flex;
  align-items: center;
  color: var(--cx-color-primary);
}
.order-download-segment {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .order-download-segment {
    font-size: 12px;
  }
}
.order-download-segment:first-child {
  cursor: pointer;
  margin-right: 8px;
}
.order-download-segment:nth-child(2) {
  margin-left: 8px;
}
@media (max-width: 768px) {
  .order-download-segment:nth-child(2) {
    margin: 16px 0;
  }
}
.order-segment-title {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}
@media (max-width: 480px) {
  .order-segment-title {
    margin-bottom: 16px;
  }
}
.order-item-row {
  padding: 40px 66px;
  display: flex;
  align-items: center;
  border: solid #d3d2d6;
  border-width: 1px 0 0 0;
}
.order-item-row:first-child {
  border: none;
}
@media (max-width: 1024px) {
  .order-item-row {
    padding: 50px 30px;
  }
}
@media (max-width: 768px) {
  .order-item-row {
    padding: 24px 16px;
    font-size: 12px;
  }
}
.order-consignments-group {
  border: solid #d3d2d6;
  border-width: 1px;
}
@media (max-width: 768px) {
  .order-consignments-group {
    border-radius: 8px;
  }
}
.order-non-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.order-footer-row {
  font-family: Inter;
  background-color: rgba(238, 238, 240, 0.3019607843);
  padding: 30px 60px;
  border-radius: 0 0 8px 8px;
  font-size: 16px;
  order: 2;
  border: solid #d3d2d6;
  border-width: 0 1px 1px 1px;
}
@media (max-width: 1024px) {
  .order-footer-row {
    font-size: 14px;
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .order-footer-row {
    font-size: 12px;
    padding: 16px 16px;
  }
}
@media (max-width: 480px) {
  .order-footer-row {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-top: 8px;
  }
}
.order-default-green {
  color: var(--cx-color-primary);
}
.order-saved-value {
  padding: 3px;
  border-radius: 4px;
  background-color: var(--cx-color-primary);
  color: white;
}
.order-address-footer {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 480px) {
  .order-address-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.order-store-column {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .order-store-column {
    margin: 4px 0 4px 0;
  }
}
.order-withdraw-responsible {
  justify-content: flex-end;
}
@media (min-width: 1400px) {
  .order-withdraw-responsible {
    justify-content: flex-end;
  }
}
@media (max-width: 480px) {
  .order-colon {
    display: none;
  }
}
.order-delivery-method-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0%;
}
.order-divider-line {
  width: 100%;
  border: none;
  border-top: 1px dotted #eeeef0;
  color: #fff;
  background-color: #fff;
  height: 1px;
}
.order-entry-margin {
  cursor: pointer;
  margin: 8px 0 !important;
}
@media (max-width: 480px) {
  .order-footer-label {
    margin-bottom: -25%;
  }
}
.order-svg-icon {
  height: 25px;
  width: 25px;
}
@media (max-width: 1024px) {
  .order-svg-icon {
    height: 20px;
    width: 20px;
  }
}

.order-address-container {
  font-size: 16px;
  margin-bottom: 56px;
}
.order-address-card {
  background-color: rgba(238, 238, 240, 0.3019607843);
  border: 2px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  padding: 24px 20px;
}
@media (max-width: 480px) {
  .order-address-card {
    font-size: 14px;
    margin-top: 24px;
  }
}
.order-address-card-title {
  margin-bottom: 26px;
}
.order-address-card-property {
  margin-bottom: 8px;
}
.order-address-card-property-bottom {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .order-address-overview-shipping-column {
    padding: 0 30px 0 0;
  }
}

.collapse-order-title {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--cx-color-primary);
}
.collapse-order-promotion-icon {
  width: 24px;
  height: 24px;
}
.collapse-order-promotion-text {
  color: var(--cx-color-primary);
}
.collapse-order-list {
  margin-left: 10px;
}
.collapse-order-body {
  border-bottom: 1px solid #d3d2d6;
  font-size: 16px;
}
.collapse-order-cardlink-body {
  border-top: 1px solid #d3d2d6;
  font-size: 16px;
}
.collapse-payment-title {
  font-size: 18px;
}
.collapse-divider {
  width: 1px;
  height: 100%;
  background-color: #f3f2f3;
}

.order-help-container {
  margin: 64px 0 80px 0;
}
@media all and (max-width: 991px) {
  .order-help-container {
    background-color: rgba(238, 239, 240, 0.6509803922);
  }
}
.order-help-text {
  text-align: center;
}

.order-table-listing {
  margin: 40px 0 40px 0;
}
.order-table-listing-title {
  font-weight: 600;
}
.order-table-listing-document {
  font-weight: 400;
}
.order-table-listing-search {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}
@media all and (max-width: 991px) {
  .order-table-listing-search {
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }
}
.order-table-listing-search-container {
  position: relative;
}
@media all and (max-width: 991px) {
  .order-table-listing-search-container {
    width: 100%;
  }
}
.order-table-listing-search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  cursor: pointer;
}
.order-table-listing-search-input {
  padding: 8px 8px 8px 40px !important;
}
@media all and (max-width: 991px) {
  .order-table-listing-search-input {
    width: 75%;
  }
}
.order-table-listing-items-container {
  border: 1px solid #d3d2d6;
  border-radius: 8px;
}
.order-table-listing-card-header {
  width: 100%;
  padding: 16px;
  background-color: #063a44;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: white;
}
@media all and (max-width: 991px) {
  .order-table-listing-card-header {
    display: none;
  }
}
.order-table-listing-card-header-title {
  width: 20%;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
}
.order-table-listing-card-infos {
  width: 100%;
  padding: 28px;
}
@media all and (max-width: 991px) {
  .order-table-listing-card-infos {
    display: none;
  }
}
.order-table-listing-card-infos-column {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-table-listing-card-infos-column-date {
  font-size: var(--cx-font-size-7);
}
@media all and (max-width: 991px) {
  .order-table-listing-card-infos-column-date {
    margin-top: 6px;
    font-size: var(--cx-font-size-8);
  }
}
@media all and (max-width: 991px) {
  .order-table-listing-card-infos-column-order {
    font-size: 14px;
  }
}
.order-table-listing-card-infos-mobile {
  width: 100%;
  padding: 20px 8px 12px 8px;
}
@media all and (min-width: 991px) {
  .order-table-listing-card-infos-mobile {
    display: none;
  }
}
@media all and (max-width: 991px) {
  .order-table-listing-card-infos-mobile-column {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .order-table-listing-card-infos-mobile-column {
    font-size: 12px;
  }
}
.order-table-listing-card-footer {
  width: 100%;
  padding: 16px 36px 16px 36px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(238, 238, 240, 0.2509803922);
}
@media all and (max-width: 991px) {
  .order-table-listing-card-footer {
    padding: 10px;
  }
}
.order-table-listing-card-footer-text {
  text-decoration: underline;
  cursor: pointer;
}
.order-table-listing-card-footer-text-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media all and (max-width: 991px) {
  .order-table-listing-card-footer-text-container {
    justify-content: space-between;
  }
}
.order-table-listing-card-footer-text-container .reorder-button {
  all: unset;
  cursor: pointer;
}
.order-table-listing-card-footer-text-container .custom-col {
  width: 100%;
  max-width: 200px;
  text-align: center;
}
@media all and (max-width: 991px) {
  .order-table-listing-card-footer-text-container .custom-col {
    text-align: left;
  }
}
.order-table-listing-card-divider {
  width: 1px;
  height: 50%;
  margin: 0 10px;
  background-color: var(--cx-color-primary);
}
@media all and (max-width: 991px) {
  .order-table-listing-card-divider {
    height: 20px;
  }
}

.status-display-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border-radius: 6px;
  min-width: 155px;
  max-width: 200px;
  color: var(--cx-color-gray-900);
  border: 1px solid var(--cx-color-gray-900);
}
@media (max-width: 1023.98px) {
  .status-display-container {
    min-width: 128px;
  }
}
@media (max-width: 480px) {
  .status-display-container {
    width: 105px;
  }
}
.status-display-container-name {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .status-display-container-name {
    font-size: 12px;
  }
}
.status-display-container-CANCELLED {
  color: var(--cx-color-danger);
  border: 1px solid var(--cx-color-danger);
}
.status-display-container-OPEN {
  color: var(--cx-color-info);
  border: 1px solid var(--cx-color-info);
}
.status-display-container-COMPLETED {
  color: var(--cx-color-success);
  border: 1px solid var(--cx-color-success);
}
.status-display-container-REJECTED {
  color: var(--cx-color-danger);
  border: 1px solid var(--cx-color-danger);
}

.saved-carts-custom-table thead,
.saved-carts-custom-table thead th {
  color: white !important;
}
.saved-carts-custom-table tbody tr {
  background-color: white !important;
}
.saved-carts-custom-table .cart-code {
  font-size: var(--cx-font-size-8);
}
@media all and (max-width: 991px) {
  .saved-carts-custom-table .cart-code {
    font-size: var(--cx-font-size-5);
  }
}

.order-help-container {
  margin: 64px 0 80px 0;
}
@media all and (max-width: 991px) {
  .order-help-container {
    background-color: rgba(238, 239, 240, 0.6509803922);
  }
}
.order-help-text {
  text-align: center;
}

:root {
  --cx-color-common: #212529;
  --cx-color-white: #ffffff;
  --cx-color-primary: #158110;
  --cx-color-primary-light: #eaf3e2;
  --cx-color-primary-dark: #0e540a;
  --cx-color-secondary: #102739;
  --cx-color-secondary-light: #c4d9ea;
  --cx-color-secondary-dark: #050c11;
  --cx-color-assets-1: #fcd64c;
  --cx-color-assets-1-light: #fff8de;
  --cx-color-assets-1-dark: #fbcb1a;
  --cx-color-assets-2: #78be20;
  --cx-color-assets-2-light: #fff8de;
  --cx-color-assets-2-dark: #5c9219;
  --cx-color-success: #41a017;
  --cx-color-success-light: #eaf3e2;
  --cx-color-success-dark: #2f7311;
  --cx-color-danger: #df3828;
  --cx-color-danger-light: #feedee;
  --cx-color-danger-dark: #b9291b;
  --cx-color-warning: #fd7e14;
  --cx-color-warning-light: #fde7d1;
  --cx-color-warning-dark: #dc6502;
  --cx-color-info: #0085a9;
  --cx-color-info-light: #d1ecf1;
  --cx-color-info-dark: #005d76;
  --cx-color-white: #ffffff;
  --cx-color-gray-50: #e9e9e9;
  --cx-color-gray-100: #e1e1e1;
  --cx-color-gray-200: #d5d5d5;
  --cx-color-gray-300: #c8c8c8;
  --cx-color-gray-400: #bbbbbb;
  --cx-color-gray-500: #aeaeae;
  --cx-color-gray-600: #a2a2a2;
  --cx-color-gray-700: #959595;
  --cx-color-gray-800: #888888;
  --cx-color-gray-900: #7b7b7b;
  --cx-color-black: #000000;
  --cx-simple-card-bg-color: #fff;
}

:root {
  --cx-default-border-radius: 4px;
}

:root {
  --cx-form-text-error-color: var(--cx-color-danger);
  --cx-form-input-height: 40px;
  --cx-form-input-border-color: var(--cx-color-gray-300);
  --cx-form-checkables-height: calc(var(--cx-form-input-height) / 2);
  --cx-toaster-success-bg-color: var(--cx-color-success);
  --cx-toaster-success-text-color: #212529;
  --cx-toaster-success-icon-color: var(--cx-color-success);
  --cx-toaster-danger-bg-color: var(--cx-color-danger);
  --cx-toaster-danger-text-color: #212529;
  --cx-toaster-danger-icon-color: var(--cx-color-danger);
  --cx-toaster-warning-bg-color: var(--cx-color-warning);
  --cx-toaster-warning-text-color: #212529;
  --cx-toaster-warning-icon-color: var(--cx-color-warning);
  --cx-toaster-info-bg-color: var(--cx-color-info);
  --cx-toaster-info-text-color: #212529;
  --cx-toaster-info-icon-color: var(--cx-color-info);
  --cx-alert-spacers: 12px;
  --cx-alert-title-font-size: var(--cx-font-size-5);
  --cx-alert-content-font-size: var(--cx-font-size-6);
  --cx-alert-general-line-height: 1.6;
  --cx-alert-container-border-radius: 12px;
  --cx-alert-success-background-color: #fff;
  --cx-alert-success-border-left-color: var(--cx-color-success);
  --cx-alert-success-border-color: var(--cx-color-success);
  --cx-alert-success-text-color: #333;
  --cx-alert-danger-background-color: #fff;
  --cx-alert-danger-border-left-color: var(--cx-color-danger);
  --cx-alert-danger-border-color: var(--cx-color-danger);
  --cx-alert-danger-text-color: #333;
  --cx-alert-warning-background-color: #fff;
  --cx-alert-warning-border-left-color: var(--cx-color-warning);
  --cx-alert-warning-border-color: var(--cx-color-warning);
  --cx-alert-warning-text-color: #333;
  --cx-alert-info-background-color: #fff;
  --cx-alert-info-border-left-color: var(--cx-color-info);
  --cx-alert-info-border-color: var(--cx-color-info);
  --cx-alert-info-text-color: #333;
  --cx-loader-ellipses-size: 10px;
  --cx-loader-color: var(--cx-color-primary);
  --cx-loader-color-contrast: #fff;
  --cx-table-header-background-color: #063a44;
  --cx-table-header-text-color: var(--cx-color-primary);
  --cx-table-tr-bg-color: var(--cx-color-gray-100);
  --cx-table-tr-even-bg-color: #f7f7f7;
  --cx-table-tr-text-color: var(--cx-color-common);
}

/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v19/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*# sourceMappingURL=style.css.map */