:root {
  --clr-primary: #FFFFFF;
  --clr-secondary: #1F1F1F;
  --clr-tertiary: #D9D9D9;
  --clr-accent-1: #084B83;
  --clr-accent-2: #00A5BE;
  --clr-accent-3: #EAF6FF;
  --clr-accent-4: #F4FAFF;
  --clr-warning: #f08c1e;
  --clr-error: #be0000;
  --fnt-family: "peridot-pe-variable", sans-serif;
  --fnt-var-settings: "ital" 0, "wdth" 100, "wght" 400;
  --fnt-size-small: 0.75rem;
  --fnt-size-smaller: 0.9rem;
  --fnt-size-normal: 1rem;
  --fnt-size-medium: 1.25rem;
  --fnt-size-large: 1.5rem;
  --fnt-size-xlarge: 1.875rem;
  --fnt-size-xxlarge: 2rem;
  --fnt-size-xxxlarge: 2.2rem;
  --fnt-size-xxxxlarge: 2.5rem;
  --fnt-weight-normal: 400;
  --fnt-weight-medium: 500;
  --fnt-weight-bold: 700;
  --fnt-weight-xbold: 800;
  --brd-radius: 0;
  --box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  list-style-type: none;
}
.block-grid ol,
.block-grid ul {
  margin: 0 0 1rem 0;
  padding: 0 0 0 2rem;
}
.block-grid ul li {
  list-style-type: square;
}
.block-grid ol li {
  list-style-type: decimal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
tbody,
tfoot,
thead,
tr,
th,
td {
  vertical-align: top;
  font-size: 100%;
  font: inherit;
  outline: none;
  line-height: 150%;
}
td {
  padding: 0.25rem 0.25rem;
}
td:first-of-type {
  padding-left: 0;
}
td:last-of-type {
  padding-right: 0;
}
.brd-radius-5 {
  --brd-radius: 5px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.brd-radius-10 {
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.brd-radius-20 {
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.brd-radius-full {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.box-shadow {
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
.fnt-weight-normal {
  font-weight: var(--fnt-weight-normal);
  font-variation-settings: 'wght' var(--fnt-weight-normal);
}
.fnt-weight-medium {
  font-weight: var(--fnt-weight-medium);
  font-variation-settings: 'wght' var(--fnt-weight-medium);
}
.fnt-weight-bold {
  font-weight: var(--fnt-weight-bold);
  font-variation-settings: 'wght' var(--fnt-weight-bold);
}
.fnt-weight-xbold {
  font-weight: var(--fnt-weight-xbold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-xbold);
}
:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  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;
}
.row [class^="col"] {
  position: relative;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --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 > * {
  box-sizing: border-box;
  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.33333333%;
}
.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.66666667%;
}
.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: 576px) {
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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: 992px) {
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-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;
}
.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;
}
@media (min-width: 576px) {
  .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-inline-grid {
    display: inline-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;
  }
}
@media (min-width: 768px) {
  .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-inline-grid {
    display: inline-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;
  }
}
@media (min-width: 992px) {
  .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-inline-grid {
    display: inline-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;
  }
}
@media (min-width: 1200px) {
  .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-inline-grid {
    display: inline-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;
  }
}
@media (min-width: 1400px) {
  .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-inline-grid {
    display: inline-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;
  }
}
@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-inline-grid {
    display: inline-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;
  }
}
.btn {
  display: inline-block;
  padding: 18px 34px 14px 34px;
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-accent-2);
  color: var(--clr-accent-2);
  outline: none;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  transition: all 0.2s;
}
.btn.medium {
  padding: 12px 12px 10px 12px;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.btn.small {
  padding: 8px 16px 6px 16px;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.btn:is(:hover, :focus) {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
.btn.remove-design,
.btn.view-design,
.btn.design {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
  border: 1px solid var(--clr-accent-2);
  padding: 8px 16px 6px 16px;
  margin: 0 0 0.5rem 4px;
  width: 100%;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  text-align: left;
}
.btn.remove-design.design,
.btn.view-design.design,
.btn.design.design {
  width: auto;
}
.btn.remove-design i,
.btn.view-design i,
.btn.design i {
  display: inline-block;
  margin: 0 0.25rem 0 0;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  background-color: var(--clr-primary);
  --svg: url('data:image/svg+xml,\
            <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <path d="M12 5H9C7.11438 5 6.17157 5 5.58579 5.58579C5 6.17157 5 7.11438 5 9V15C5 16.8856 5 17.8284 5.58579 18.4142C6.17157 19 7.11438 19 9 19H15C16.8856 19 17.8284 19 18.4142 18.4142C19 17.8284 19 16.8856 19 15V12M9.31899 12.6911L15.2486 6.82803C15.7216 6.36041 16.4744 6.33462 16.9782 6.76876C17.5331 7.24688 17.5723 8.09299 17.064 8.62034L11.2329 14.6702L9 15L9.31899 12.6911Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>\
            </svg>');
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 28px 28px;
}
.btn.remove-design:is(:hover, :focus),
.btn.view-design:is(:hover, :focus),
.btn.design:is(:hover, :focus) {
  background-color: var(--clr-primary);
  color: var(--clr-accent-2);
}
.btn.remove-design:is(:hover, :focus) i,
.btn.view-design:is(:hover, :focus) i,
.btn.design:is(:hover, :focus) i {
  background-color: var(--clr-accent-2);
}
.btn.view-design i {
  --svg: url('data:image/svg+xml,\
            <svg width="800px" height="800px" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">\
            <path d="M4.356,15.73a8.027,8.027,0,0,0,10.619.659l5.318,5.318a1,1,0,0,0,1.414-1.414l-5.318-5.318a8.031,8.031,0,0,0-.659-10.62A8.043,8.043,0,1,0,4.356,15.73ZM5.77,5.77A6.043,6.043,0,1,1,4,10.043,6.025,6.025,0,0,1,5.77,5.77Zm.273,4.273a1,1,0,0,1,1-1h6a1,1,0,0,1,0,2h-6A1,1,0,0,1,6.043,10.043Z"/>\
            </svg>');
  mask-size: 21px;
}
.btn.remove-design {
  background-color: var(--clr-primary);
  color: var(--clr-accent-2);
}
.btn.remove-design i {
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
            <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <path d="M10 12V17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
            <path d="M14 12V17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
            <path d="M4 7H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
            <path d="M6 10V18C6 19.6569 7.34315 21 9 21H15C16.6569 21 18 19.6569 18 18V10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
            <path d="M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
            </svg>');
  mask-size: 21px;
}
.btn.remove-design:is(:hover, :focus) {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
.btn.remove-design:is(:hover, :focus) i {
  background-color: var(--clr-primary);
}
.btn:is(:hover, :focus) {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
.btn:is(:hover, :focus) i {
  background-color: var(--clr-primary);
}
.btn.cart-remove {
  border: 1px solid red;
  background-color: var(--clr-accent-2);
  padding: 0;
  width: 32px;
  height: 32px;
  margin-left: 1rem;
  --svg: url('data:image/svg+xml,\
            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <path id="circle1" style="fill:white" d="M 14 0 A 14 14 0 0 0 0 14 A 14 14 0 0 0 14 28 A 14 14 0 0 0 28 14 A 14 14 0 0 0 14 0 z M 12.091797 6.3632812 L 15.910156 6.3632812 C 16.247756 6.3632813 16.571847 6.4976487 16.810547 6.7363281 C 17.049147 6.9750077 17.183594 7.2991794 17.183594 7.6367188 L 17.183594 8.9082031 L 19.728516 8.9082031 C 20.079914 8.9082031 20.365234 9.1934725 20.365234 9.5449219 C 20.365234 9.8963811 20.079914 10.181641 19.728516 10.181641 L 19.091797 10.181641 L 19.091797 19.726562 C 19.091797 20.232762 18.891203 20.720125 18.533203 21.078125 C 18.175203 21.436125 17.689992 21.636719 17.183594 21.636719 L 10.820312 21.636719 C 10.314014 21.636719 9.8267792 21.436125 9.46875 21.078125 C 9.1107308 20.720125 8.9101562 20.232762 8.9101562 19.726562 L 8.9101562 10.181641 L 8.2734375 10.181641 C 7.9219883 10.181641 7.6386719 9.8963811 7.6386719 9.5449219 C 7.6386719 9.1934725 7.9219883 8.9082031 8.2734375 8.9082031 L 10.820312 8.9082031 L 10.820312 7.6367188 C 10.820313 7.2991794 10.952706 6.9750077 11.191406 6.7363281 C 11.430106 6.4976487 11.754297 6.3632812 12.091797 6.3632812 z M 12.091797 7.6367188 L 12.091797 8.9082031 L 15.910156 8.9082031 L 15.910156 7.6367188 L 12.091797 7.6367188 z M 10.183594 10.181641 L 10.183594 19.726562 C 10.183594 19.895262 10.249841 20.058434 10.369141 20.177734 C 10.488541 20.297034 10.651514 20.363281 10.820312 20.363281 L 17.183594 20.363281 C 17.352494 20.363281 17.513414 20.297034 17.632812 20.177734 C 17.752112 20.058434 17.820312 19.895262 17.820312 19.726562 L 17.820312 10.181641 L 10.183594 10.181641 z M 12.728516 12.726562 C 13.079915 12.726563 13.365234 13.011882 13.365234 13.363281 L 13.365234 17.181641 C 13.365234 17.53314 13.079915 17.818359 12.728516 17.818359 C 12.377016 17.818359 12.091797 17.53314 12.091797 17.181641 L 12.091797 13.363281 C 12.091797 13.011882 12.377016 12.726562 12.728516 12.726562 z M 15.273438 12.726562 C 15.624835 12.726563 15.910156 13.011884 15.910156 13.363281 L 15.910156 17.181641 C 15.910156 17.533138 15.624835 17.818359 15.273438 17.818359 C 14.921938 17.818359 14.636719 17.533138 14.636719 17.181641 L 14.636719 13.363281 C 14.636719 13.011884 14.921938 12.726563 15.273438 12.726562 z " />\
            </svg>');
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 28px;
}
.btn.approve {
  background-color: #4caf50;
  /* #2bc37c; */
  color: var(--clr-primary);
}
.btn.decline {
  background-color: #d42054;
  color: var(--clr-primary);
}
.btn.cart {
  font-weight: var(--fnt-weight-bold);
  border: 1px solid var(--clr-accent-3);
}
.btn.cart i {
  display: inline-block;
  margin: 0 0.25rem;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  --svg: url('data:image/svg+xml,\
            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <path d="M13.774 13.4998H2.86449C2.16399 13.4998 1.55649 13.0153 1.40049 12.3328L0.0369908 6.3328C-0.063509 5.8873 0.0429904 5.4208 0.32949 5.0638C0.612989 4.7083 1.04499 4.4998 1.50099 4.4998H14.1715L15.049 1.12331C15.2575 0.319309 16.081 -0.16069 16.8775 0.0493095C17.68 0.257809 18.16 1.07681 17.953 1.87781L15.226 12.3778C15.0535 13.0378 14.4565 13.4998 13.774 13.4998Z" fill="white"/>\
            <path d="M6.00146 18C5.17496 18 4.50146 17.328 4.50146 16.5C4.50146 15.672 5.17496 15 6.00146 15C6.82796 15 7.50146 15.672 7.50146 16.5C7.50146 17.328 6.82796 18 6.00146 18Z" fill="white"/>\
            <path d="M12.001 18C11.1745 18 10.501 17.328 10.501 16.5C10.501 15.672 11.1745 15 12.001 15C12.8275 15 13.501 15.672 13.501 16.5C13.501 17.328 12.8275 18 12.001 18Z" fill="white"/>\
            </svg>');
  background: var(--svg) no-repeat;
}
ul.usp li,
.phone,
.check-white,
.check-blue {
  display: inline-block;
  padding-left: 24px;
  background-size: 19px 16px;
  background-repeat: no-repeat;
  background-position: center left;
  padding-top: 3px;
}
.check-white {
  height: 12px;
  background-color: var(--clr-primary);
  --svg: url('data:image/svg+xml,\
        <svg width="18" height="16" viewBox="0 0 18 16" fill="white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m 8.2100765,15.999843 c -0.054449,0 -0.1083092,-0.01139 -0.1581913,-0.03346 -0.049894,-0.02197 -0.094712,-0.05423 -0.1316657,-0.09455 L 0.10487342,7.3412071 C 0.05277458,7.2843405 0.01823617,7.2133697 0.0054855,7.1370035 -0.00726514,7.060628 0.00232502,6.9821608 0.03308237,6.9112092 0.06383975,6.8402477 0.11443064,6.7798768 0.17866213,6.7374777 c 0.0642306,-0.04239 0.13931769,-0.064974 0.2160694,-0.064974 H 4.1566002 c 0.056486,9e-6 0.1123127,0.012246 0.1637088,0.035877 0.051394,0.023625 0.09718,0.058108 0.1342488,0.101109 L 7.0664711,9.8416566 C 7.3487479,9.2327997 7.8951887,8.218993 8.8540953,6.9836314 10.271671,5.1573276 12.908481,2.4714102 17.419723,0.04674284 c 0.08719,-0.0468537724 0.18861,-0.05901424 0.284286,-0.03407991 0.09568,0.02493423 0.178574,0.08515109 0.232327,0.16875853 0.05374,0.0836086 0.07458,0.18453069 0.05823,0.28283841 -0.01638,0.0983077 -0.06862,0.18685597 -0.146494,0.24815803 -0.0172,0.0135829 -1.756611,1.3957639 -3.758419,3.9274495 C 12.2473,6.9696512 9.7982426,10.77921 8.5931618,15.697317 8.5719958,15.783648 8.5227518,15.860421 8.453301,15.915332 8.38385,15.970165 8.2981943,16 8.2099853,16 Z" fill="white" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: left center;
}
.check-blue,
ul.usp li {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--clr-accent-1);
  padding: 0 0 5px 30px;
  font-weight: var(--fnt-weight-bold);
  font-variation-settings: 'wght' var(--fnt-weight-bold);
}
.check-blue i,
ul.usp li i {
  display: inline-block;
  width: 16px;
  height: 20px;
  margin: 0 5px 2px 0;
  background-color: var(--clr-accent-1);
  vertical-align: sub;
  --svg: url('data:image/svg+xml,\
        <svg width="18" height="16" viewBox="0 0 18 16" fill="white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m 8.2100765,15.999843 c -0.054449,0 -0.1083092,-0.01139 -0.1581913,-0.03346 -0.049894,-0.02197 -0.094712,-0.05423 -0.1316657,-0.09455 L 0.10487342,7.3412071 C 0.05277458,7.2843405 0.01823617,7.2133697 0.0054855,7.1370035 -0.00726514,7.060628 0.00232502,6.9821608 0.03308237,6.9112092 0.06383975,6.8402477 0.11443064,6.7798768 0.17866213,6.7374777 c 0.0642306,-0.04239 0.13931769,-0.064974 0.2160694,-0.064974 H 4.1566002 c 0.056486,9e-6 0.1123127,0.012246 0.1637088,0.035877 0.051394,0.023625 0.09718,0.058108 0.1342488,0.101109 L 7.0664711,9.8416566 C 7.3487479,9.2327997 7.8951887,8.218993 8.8540953,6.9836314 10.271671,5.1573276 12.908481,2.4714102 17.419723,0.04674284 c 0.08719,-0.0468537724 0.18861,-0.05901424 0.284286,-0.03407991 0.09568,0.02493423 0.178574,0.08515109 0.232327,0.16875853 0.05374,0.0836086 0.07458,0.18453069 0.05823,0.28283841 -0.01638,0.0983077 -0.06862,0.18685597 -0.146494,0.24815803 -0.0172,0.0135829 -1.756611,1.3957639 -3.758419,3.9274495 C 12.2473,6.9696512 9.7982426,10.77921 8.5931618,15.697317 8.5719958,15.783648 8.5227518,15.860421 8.453301,15.915332 8.38385,15.970165 8.2981943,16 8.2099853,16 Z" fill="white" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 18px 16px;
}
.question i {
  display: inline-block;
  width: 18px;
  height: 16px;
  margin: 0 0 2px 5px;
  background-color: var(--clr-accent-1);
  vertical-align: sub;
  --svg: url('data:image/svg+xml,\
            <svg width="20.624901" height="18.56255" viewBox="0 0 20.624901 18.56255" fill="white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
                <path d="m 17.8508,16.19405 c 1.7463,-1.2615 2.7741,-3.2347 2.7741,-5.3728 0,-2.3616 -1.2409,-4.46874 -3.1934,-5.66155 0.2887,0.88344 0.4434,1.82531 0.4434,2.80156 0,4.24529 -2.9356,7.83749 -6.9437,8.96499 0.8765,0.3884 1.8321,0.5913 2.8187,0.5913 0.3644,0 0.7322,-0.0275 1.0966,-0.086 1.32,1.1172 3.3309,1.131 3.4237,1.131 0.2922,0 0.5535,-0.1857 0.6497,-0.4607 0.0963,-0.2784 0.0069,-0.5843 -0.2234,-0.7665 -0.4057,-0.3197 -0.691,-0.7047 -0.8457,-1.1413 z" fill="white" />\
                <path d="M 16.5,7.96125 C 16.5,3.57156 12.7978,0 8.25,0 3.70219,0 0,3.57156 0,7.96125 c 0,2.5781 1.26844,4.9534 3.41687,6.4487 -0.1925,0.6016 -0.56375,1.1172 -1.11375,1.5469 -0.23374,0.1788 -0.32312,0.4881 -0.23031,0.7666 0.09625,0.2784 0.3575,0.464 0.64969,0.464 0.11,0 2.57125,-0.0171 4.13875,-1.3784 0.46062,0.0756 0.92469,0.1134 1.38875,0.1134 4.5478,0 8.25,-3.5715 8.25,-7.9612 z m -7.5625,4.07 c 0,0.3781 -0.30937,0.6875 -0.6875,0.6875 -0.37813,0 -0.6875,-0.3094 -0.6875,-0.6875 v -0.3438 c 0,-0.3781 0.30937,-0.6874 0.6875,-0.6874 0.37813,0 0.6875,0.3093 0.6875,0.6874 z m 0.5637,-3.3962 c -0.34714,0.1787 -0.5637,0.5018 -0.5637,0.8456 v 0.1444 c 0,0.3781 -0.30937,0.6874 -0.6875,0.6874 -0.37813,0 -0.6875,-0.3093 -0.6875,-0.6874 v -0.1444 c 0,-0.8628 0.50187,-1.65346 1.31312,-2.0694 C 9.3431,7.17406 9.7453,6.60687 9.5941,5.88156 9.4875,5.36594 9.06812,4.95 8.55594,4.84344 8.12969,4.75406 7.71375,4.85031 7.38719,5.11844 7.06406,5.37969 6.87844,5.77156 6.87844,6.1875 c 0,0.37813 -0.30938,0.6875 -0.6875,0.6875 -0.37813,0 -0.6875,-0.30937 -0.6875,-0.6875 0,-0.83187 0.37125,-1.60875 1.0175,-2.13469 C 7.16719,3.52688 8.01281,3.3275 8.83781,3.49938 9.8794,3.71594 10.725,4.56156 10.9416,5.60312 11.1994,6.84406 10.6219,8.06437 9.5047,8.63505 Z" fill="white"/>\
            </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: right center;
  mask-size: 18px 16px;
}
.phone {
  height: 16px;
  vertical-align: sub;
  background-color: var(--clr-primary);
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">\
            <path d="M21.5231 16.7829C20.8364 16.2069 16.8088 13.6565 16.1394 13.7736C15.8251 13.8294 15.5846 14.0973 14.9411 14.8649C14.6436 15.2428 14.3167 15.5966 13.9637 15.9233C13.3169 15.767 12.6908 15.535 12.0984 15.2319C9.77529 14.1008 7.8985 12.2235 6.76814 9.9C6.46504 9.30762 6.23296 8.68153 6.07671 8.03471C6.40336 7.68169 6.75723 7.35488 7.13507 7.05729C7.90193 6.41379 8.17064 6.17493 8.22643 5.85907C8.3435 5.18807 5.79071 1.16207 5.21714 0.475357C4.97671 0.190929 4.75829 0 4.47857 0C3.66771 0 0 4.53514 0 5.12286C0 5.17079 0.0785713 9.89214 6.04136 15.9586C12.1079 21.9214 16.8292 22 16.8771 22C17.4649 22 22 18.3323 22 17.5214C22 17.2417 21.8091 17.0233 21.5231 16.7829Z" fill="white"/>\
            <path d="M16.5 10.2143H18.0714C18.0695 8.54779 17.4067 6.95008 16.2283 5.77168C15.0499 4.59329 13.4522 3.93044 11.7857 3.92857V5.5C13.0356 5.50125 14.234 5.99833 15.1178 6.88216C16.0017 7.76599 16.4987 8.96436 16.5 10.2143Z" fill="white"/>\
            <path d="M20.4286 10.2143H22C21.9969 7.50625 20.9197 4.91001 19.0049 2.99514C17.09 1.08027 14.4937 0.00311927 11.7857 0V1.57143C14.0771 1.57413 16.2739 2.48558 17.8941 4.10585C19.5144 5.72611 20.4259 7.92289 20.4286 10.2143Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 16px;
}
.top-btn-search,
.top-btn-account,
.top-btn-menu {
  mask-repeat: no-repeat;
  mask-position: center center;
}
.top-btn-search {
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">\
            <circle cx="25" cy="25" r="24.5" stroke="white"/>\
            <path d="M34.5264 32.2037L29.9282 27.5423C30.7095 26.2815 31.1629 24.7913 31.1629 23.192C31.1629 18.6674 27.5446 15 23.0813 15C18.618 15 15 18.6674 15 23.192C15 27.7167 18.6179 31.3838 23.0813 31.3838C24.7982 31.3838 26.3885 30.8397 27.6971 29.9151L32.2405 34.5211C32.5562 34.8408 32.9701 35 33.3835 35C33.7973 35 34.2107 34.8408 34.5269 34.5211C35.1578 33.8808 35.1578 32.8438 34.5264 32.2037ZM23.0813 28.7297C20.0645 28.7297 17.6187 26.2506 17.6187 23.1923C17.6187 20.1341 20.0645 17.6548 23.0813 17.6548C26.0982 17.6548 28.5439 20.1341 28.5439 23.1923C28.5439 26.2506 26.0982 28.7297 23.0813 28.7297Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.top-btn-account {
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">\
            <circle cx="25" cy="25" r="24.5" stroke="white"/>\
            <path d="M25.2705 24.6969C26.6027 24.6969 27.7562 24.2191 28.6988 23.2764C29.6413 22.3339 30.1191 21.1806 30.1191 19.8483C30.1191 18.5164 29.6413 17.363 28.6986 16.4202C27.7559 15.4778 26.6025 15 25.2705 15C23.9382 15 22.7849 15.4778 21.8424 16.4203C20.8998 17.3629 20.4219 18.5163 20.4219 19.8483C20.4219 21.1806 20.8998 22.3341 21.8425 23.2766C22.7852 24.219 23.9386 24.6969 25.2705 24.6969Z" fill="white"/>\
            <path d="M33.7542 30.4793C33.727 30.0871 33.6721 29.6592 33.5911 29.2074C33.5094 28.7521 33.4042 28.3218 33.2783 27.9285C33.1482 27.5219 32.9713 27.1205 32.7526 26.7357C32.5256 26.3364 32.2589 25.9887 31.9598 25.7026C31.6469 25.4033 31.2639 25.1626 30.8209 24.987C30.3795 24.8124 29.8904 24.724 29.3671 24.724C29.1616 24.724 28.9629 24.8083 28.5791 25.0582C28.3429 25.2122 28.0666 25.3904 27.7582 25.5874C27.4945 25.7554 27.1373 25.9128 26.696 26.0554C26.2655 26.1947 25.8284 26.2653 25.397 26.2653C24.9656 26.2653 24.5286 26.1947 24.0977 26.0554C23.6569 25.913 23.2997 25.7556 23.0363 25.5876C22.7308 25.3924 22.4544 25.2142 22.2146 25.058C21.8313 24.8081 21.6324 24.7238 21.4269 24.7238C20.9035 24.7238 20.4145 24.8124 19.9732 24.9872C19.5306 25.1624 19.1474 25.4031 18.8342 25.7027C18.5352 25.989 18.2684 26.3366 18.0418 26.7357C17.8232 27.1205 17.6463 27.5218 17.516 27.9286C17.3903 28.322 17.2851 28.7521 17.2033 29.2074C17.1224 29.6586 17.0674 30.0866 17.0402 30.4798C17.0135 30.865 17 31.2648 17 31.6685C17 32.7193 17.334 33.57 17.9928 34.1974C18.6433 34.8165 19.5042 35.1306 20.551 35.1306H30.2439C31.2908 35.1306 32.1513 34.8167 32.802 34.1974C33.4609 33.5705 33.7949 32.7197 33.7949 31.6684C33.7948 31.2628 33.7811 30.8627 33.7542 30.4793Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.top-btn-menu {
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
        <svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <circle cx="22.5" cy="22.5" r="22" stroke="white"/>\
            <line x1="12" y1="17.5" x2="34" y2="17.5" stroke="white"/>\
            <line x1="12" y1="22.5" x2="34" y2="22.5" stroke="white"/>\
            <line x1="12" y1="27.5" x2="34" y2="27.5" stroke="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  transition: all 300ms;
}
.top-btn-cart i {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  background-color: var(--clr-accent-2);
  z-index: 1;
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">\
            <circle cx="25" cy="25" r="24.5" stroke="white" />\
            <path d="M31.3653 30.9998H16.8193C15.8853 30.9998 15.0753 30.3538 14.8673 29.4438L13.0493 21.4438C12.9153 20.8498 13.0573 20.2278 13.4393 19.7518C13.8173 19.2778 14.3933 18.9998 15.0013 18.9998H31.8953L33.0653 14.4977C33.3433 13.4257 34.4413 12.7857 35.5033 13.0657C36.5733 13.3437 37.2134 14.4357 36.9374 15.5037L33.3013 29.5038C33.0713 30.3838 32.2753 30.9998 31.3653 30.9998Z" fill="white" />\
            <path d="M21.0015 36.9998C19.8995 36.9998 19.0015 36.1038 19.0015 34.9998C19.0015 33.8958 19.8995 32.9998 21.0015 32.9998C22.1035 32.9998 23.0015 33.8958 23.0015 34.9998C23.0015 36.1038 22.1035 36.9998 21.0015 36.9998Z" fill="white"/>\
            <path d="M29.0013 36.9998C27.8993 36.9998 27.0013 36.1038 27.0013 34.9998C27.0013 33.8958 27.8993 32.9998 29.0013 32.9998C30.1033 32.9998 31.0013 33.8958 31.0013 34.9998C31.0013 36.1038 30.1033 36.9998 29.0013 36.9998Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.top-btn-cart span {
  position: absolute;
  font-size: var(--fnt-size-small);
  background-color: var(--clr-accent-1);
  color: var(--clr-primary);
  width: 24px;
  height: 24px;
  line-height: 26px;
  left: -5px;
  top: -5px;
  z-index: 2;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.top-btn-search,
.top-btn-account,
.top-btn-menu,
.top-btn-cart {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 50px;
  height: 50px;
  transform: scale(0.8);
  margin-left: -10px;
}
a.circle-phone,
a.circle-email,
a.circle-help,
a.circle-whatsapp,
a.circe-delete {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
  margin: 0.5rem 0 0 0;
}
a.circle-phone i,
a.circle-email i,
a.circle-help i,
a.circle-whatsapp i,
a.circe-delete i {
  border: 1px solid var(--clr-accent-2);
  vertical-align: middle;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 0.5rem;
  background-color: var(--clr-accent-1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center center;
}
a.circe-delete {
  cursor: pointer;
}
a.circe-delete i {
  background-color: var(--clr-accent-1);
  --svg: url('data:image/svg+xml,\
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\
            <mask id="mask0_106_1707" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">\
                <path d="M0.364258 0.363617H15.637V15.6363H0.364258V0.363617Z" fill="white"/>\
            </mask>\
            <g mask="url(../../../Repository/Assets/Less/#mask0_106_1707)">\
                <path d="M14.3649 3.54543C14.3649 3.19398 14.08 2.90907 13.7286 2.90907H11.1831V1.63634C11.1831 1.2988 11.049 0.975073 10.8104 0.73639C10.5717 0.497707 10.248 0.363617 9.9104 0.363617H6.09224C5.75469 0.363617 5.43097 0.497707 5.19229 0.73639C4.95361 0.975073 4.81951 1.2988 4.81951 1.63634V2.90907H2.27406C1.92261 2.90907 1.6377 3.19398 1.6377 3.54543C1.6377 3.89689 1.92261 4.1818 2.27406 4.1818H2.91042V13.7273C2.91042 14.2335 3.11156 14.7192 3.46958 15.0772C3.82761 15.4352 4.31319 15.6363 4.81951 15.6363H11.1831C11.6895 15.6363 12.1751 15.4352 12.5331 15.0772C12.8911 14.7192 13.0922 14.2335 13.0922 13.7273V4.1818H13.7286C14.08 4.1818 14.3649 3.89689 14.3649 3.54543ZM6.09224 1.63634H9.9104V2.90907H6.09224V1.63634ZM11.8195 13.7273C11.8195 13.896 11.7525 14.0579 11.6332 14.1772C11.5138 14.2965 11.352 14.3636 11.1831 14.3636H4.81951C4.65074 14.3636 4.48888 14.2965 4.36954 14.1772C4.2502 14.0579 4.18315 13.896 4.18315 13.7273V4.1818H11.8195V13.7273Z" fill="white"/>\
                <path d="M7.36452 11.1814V7.36324C7.36452 7.01178 7.07962 6.72687 6.72816 6.72687C6.3767 6.72687 6.0918 7.01178 6.0918 7.36324V11.1814C6.0918 11.5329 6.3767 11.8178 6.72816 11.8178C7.07962 11.8178 7.36452 11.5329 7.36452 11.1814Z" fill="white"/>\
                <path d="M9.90945 11.1814V7.36324C9.90945 7.01178 9.62455 6.72687 9.27308 6.72687C8.92162 6.72687 8.63672 7.01178 8.63672 7.36324V11.1814C8.63672 11.5329 8.92162 11.8178 9.27308 11.8178C9.62455 11.8178 9.90945 11.5329 9.90945 11.1814Z" fill="white"/>\
            </g>\
            </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.circe-delete i,
a.circle-phone i {
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\
            <circle cx="12" cy="12" r="11.5" stroke="white"/>\
            <path d="M18.6461 15.6524C18.2124 15.2887 15.6687 13.6779 15.2459 13.7518C15.0474 13.7871 14.8955 13.9563 14.4891 14.4411C14.3012 14.6797 14.0948 14.9032 13.8718 15.1095C13.4633 15.0109 13.0679 14.8643 12.6937 14.6729C11.2265 13.9585 10.0411 12.7728 9.32723 11.3054C9.1358 10.9312 8.98922 10.5358 8.89054 10.1273C9.09684 9.90433 9.32034 9.69792 9.55897 9.50997C10.0433 9.10355 10.213 8.95269 10.2483 8.7532C10.3222 8.32941 8.70991 5.78667 8.34765 5.35296C8.1958 5.17332 8.05785 5.05273 7.88118 5.05273C7.36906 5.05273 5.05261 7.91704 5.05261 8.28822C5.05261 8.31849 5.10224 11.3004 8.86821 15.1319C12.6997 18.8978 15.6816 18.9475 15.7119 18.9475C16.083 18.9475 18.9473 16.631 18.9473 16.1189C18.9473 15.9422 18.8268 15.8043 18.6461 15.6524Z" fill="white"/>\
            <path d="M15.4737 11.5039H16.4661C16.465 10.4513 16.0463 9.44225 15.3021 8.69801C14.5578 7.95376 13.5487 7.53512 12.4962 7.53394V8.52642C13.2856 8.5272 14.0425 8.84115 14.6007 9.39936C15.1589 9.95757 15.4729 10.7144 15.4737 11.5039Z" fill="white"/>\
            <path d="M17.9549 11.5039H18.9473C18.9454 9.79352 18.2651 8.1538 17.0557 6.9444C15.8463 5.73501 14.2066 5.0547 12.4962 5.05273V6.04522C13.9434 6.04692 15.3309 6.62258 16.3542 7.6459C17.3775 8.66923 17.9532 10.0567 17.9549 11.5039Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.circle-email i {
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\
            <circle cx="12" cy="12" r="11.5" stroke="white"/>\
            <path d="M10.9971 13.8459C11.2957 14.045 11.6425 14.1502 12 14.1502C12.3575 14.1502 12.7043 14.045 13.0029 13.8459L17.9201 10.5677C17.9474 10.5495 17.974 10.5305 18 10.511V15.8828C18 16.4987 17.5002 16.9875 16.8953 16.9875H7.10472C6.48883 16.9875 6.00005 16.4877 6.00005 15.8828V10.511C6.02613 10.5305 6.05276 10.5495 6.08011 10.5678L10.9971 13.8459Z" fill="white"/>\
            <path d="M17.5301 9.98262L12.6128 13.2609C12.4267 13.385 12.2134 13.4471 12 13.4471C11.7867 13.4471 11.5733 13.385 11.3872 13.2609L6.46994 9.98262C6.17569 9.78657 6.00002 9.45844 6.00002 9.1043C6.00002 8.49537 6.49542 8 7.10433 8H16.8957C17.5046 8.00002 18 8.4954 18 9.10489C18 9.45844 17.8243 9.78657 17.5301 9.98262Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.circle-help i {
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\
            <circle cx="12" cy="12" r="11.5" stroke="white"/>\
            <path d="M7.33948 8.79206C7.33948 8.21754 7.52393 7.63544 7.89284 7.04575C8.26175 6.45606 8.80002 5.96767 9.50765 5.58058C10.2153 5.19373 11.0409 5.00021 11.9842 5C12.861 5 13.6351 5.16179 14.3066 5.48538C14.9781 5.80896 15.4967 6.24896 15.8626 6.80537C16.2224 7.34186 16.4135 7.9737 16.4114 8.61968C16.4114 9.13374 16.307 9.58432 16.0982 9.97141C15.9024 10.3413 15.6516 10.6793 15.3543 10.9738C15.0671 11.2551 14.5515 11.7284 13.8076 12.3936C13.6338 12.5491 13.4688 12.7142 13.3132 12.888C13.2058 13.0066 13.1129 13.1376 13.0366 13.2782C12.978 13.3912 12.9309 13.5097 12.896 13.6321C12.8626 13.75 12.8127 13.9571 12.7462 14.2534C12.6313 14.8825 12.2715 15.1969 11.6668 15.1968C11.5206 15.2006 11.3752 15.1753 11.2389 15.1223C11.1026 15.0694 10.9782 14.9899 10.8729 14.8884C10.6582 14.683 10.5508 14.3776 10.5509 13.9722C10.5509 13.4642 10.6295 13.0243 10.7867 12.6525C10.9367 12.2918 11.1485 11.96 11.4127 11.6722C11.7463 11.3205 12.0975 10.9859 12.465 10.6698C12.852 10.3312 13.1318 10.0756 13.3042 9.90321C13.4754 9.73238 13.622 9.53849 13.7396 9.32715C13.8572 9.11652 13.9182 8.87895 13.9164 8.6377C13.92 8.40674 13.8736 8.17773 13.7805 7.96636C13.6873 7.75498 13.5496 7.56623 13.3767 7.41301C13.0168 7.08053 12.5526 6.91422 11.9842 6.91408C11.3189 6.91408 10.8291 7.08183 10.5147 7.41733C10.2002 7.75283 9.93411 8.24722 9.71624 8.90052C9.51059 9.58435 9.12052 9.92627 8.54604 9.92627C8.38607 9.92947 8.2272 9.89925 8.07958 9.83755C7.93195 9.77585 7.79883 9.68402 7.68872 9.56794C7.45589 9.32895 7.33948 9.07032 7.33948 8.79206ZM11.7666 18.7347C11.4111 18.7398 11.0666 18.612 10.8004 18.3764C10.5251 18.1376 10.3875 17.8034 10.3876 17.374C10.3838 17.1947 10.4173 17.0167 10.486 16.8511C10.5547 16.6856 10.6571 16.5362 10.7867 16.4123C10.9154 16.2848 11.0686 16.1845 11.2369 16.1174C11.4053 16.0504 11.5854 16.018 11.7666 16.0221C11.9448 16.0195 12.1217 16.0527 12.2869 16.1197C12.452 16.1868 12.6021 16.2862 12.7281 16.4123C12.8541 16.5384 12.9536 16.6884 13.0206 16.8536C13.0875 17.0188 13.1207 17.1957 13.1181 17.374C13.1181 17.7974 12.982 18.13 12.7098 18.3718C12.4527 18.6079 12.1156 18.7376 11.7666 18.7347Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.circle-whatsapp i {
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">\
            <circle cx="12" cy="12" r="11.5" stroke="white"/>\
            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2516 7.7439C15.1236 6.61992 13.6233 6.00066 12.0251 6C8.73175 6 6.05144 8.66741 6.05012 11.9459C6.04968 12.9939 6.32477 14.0169 6.84766 14.9187L6 18L9.16743 17.1731C10.0402 17.6469 11.0227 17.8966 12.0227 17.8969H12.0252C15.3181 17.8969 17.9987 15.2292 18 11.9506C18.0007 10.3617 17.3797 8.8678 16.2516 7.7439ZM12.0251 16.8927H12.023C11.132 16.8923 10.258 16.654 9.49544 16.2037L9.31417 16.0966L7.43457 16.5873L7.93627 14.7635L7.81815 14.5765C7.32102 13.7896 7.05851 12.8801 7.05895 11.9462C7.05998 9.22126 9.28783 7.0043 12.0271 7.0043C13.3535 7.00474 14.6005 7.51948 15.538 8.45369C16.4756 9.38789 16.9917 10.6296 16.9912 11.9503C16.9901 14.6755 14.7624 16.8927 12.0251 16.8927ZM14.7491 13.1911C14.5999 13.1167 13.8658 12.7573 13.729 12.7077C13.5922 12.6581 13.4926 12.6334 13.3931 12.7821C13.2936 12.9308 13.0075 13.2655 12.9204 13.3646C12.8332 13.4637 12.7462 13.4762 12.5969 13.4018C12.4476 13.3274 11.9666 13.1705 11.3963 12.6643C10.9525 12.2703 10.6529 11.7838 10.5658 11.6351C10.4788 11.4863 10.5651 11.4136 10.6313 11.3319C10.7929 11.1322 10.9547 10.9228 11.0045 10.8237C11.0543 10.7245 11.0294 10.6377 10.992 10.5634C10.9547 10.489 10.6562 9.75769 10.5318 9.46011C10.4105 9.17051 10.2875 9.20962 10.1958 9.20508C10.1088 9.20076 10.0093 9.19988 9.9097 9.19988C9.8102 9.19988 9.64844 9.23701 9.51155 9.38584C9.37474 9.53459 8.98911 9.89399 8.98911 10.6253C8.98911 11.3566 9.52407 12.0631 9.59869 12.1623C9.67331 12.2615 10.6515 13.7622 12.149 14.4057C12.5052 14.5589 12.7833 14.6503 13.0001 14.7188C13.3578 14.8318 13.6832 14.8159 13.9405 14.7776C14.2273 14.7349 14.8237 14.4182 14.9482 14.0711C15.0726 13.724 15.0726 13.4266 15.0352 13.3646C14.9979 13.3026 14.8984 13.2655 14.7491 13.1911Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.cart {
  display: inline-block;
  margin-right: 0.25rem;
  width: 35px;
  height: 35px;
  mask-size: 35px;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
        <svg width="46" height="39" version="1.1" fill="white" viewBox="0 0 46 39" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
        <path d="M 10 0 C 4.4600165 0 0 4.4600165 0 10 L 0 29 C 0 34.539982 4.4600165 39 10 39 L 36 39 C 41.539982 39 46 34.539982 46 29 L 46 10 C 46 4.4600165 41.539982 0 36 0 L 10 0 z M 29.431641 11.001953 C 29.578649 10.995225 29.72761 11.009453 29.876953 11.048828 C 30.67945 11.257328 31.160125 12.075956 30.953125 12.876953 L 28.226562 23.376953 C 28.054065 24.03695 27.455935 24.5 26.773438 24.5 L 15.865234 24.5 C 15.164737 24.5 14.556388 24.014531 14.400391 23.332031 L 13.037109 17.332031 C 12.936609 16.886534 13.043578 16.421453 13.330078 16.064453 C 13.613578 15.708953 14.045956 15.5 14.501953 15.5 L 27.171875 15.5 L 28.048828 12.123047 C 28.218234 11.4698 28.794597 11.031108 29.431641 11.001953 z M 19.001953 26 C 19.828452 26 20.501953 26.672001 20.501953 27.5 C 20.501953 28.327999 19.828452 29 19.001953 29 C 18.175454 29 17.501953 28.327999 17.501953 27.5 C 17.501953 26.672001 18.175454 26 19.001953 26 z M 25.001953 26 C 25.828451 26 26.501953 26.672002 26.501953 27.5 C 26.501953 28.327998 25.828451 29 25.001953 29 C 24.175455 29 23.501953 28.327998 23.501953 27.5 C 23.501953 26.672002 24.175455 26 25.001953 26 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
button.cart {
  display: inline-block;
  padding: 22px 34px 18px 34px;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  transition: all 0.2s;
  background-color: var(--clr-accent-1);
  color: var(--clr-primary);
}
button.cart:is(:hover, :focus) {
  background-color: var(--clr-accent-1);
}
button.cart:is(:disabled) {
  background-color: lightgray;
}
a.cart-large {
  display: inline-block;
  padding: 18px 34px 14px 34px;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  transition: all 0.2s;
  background-color: var(--clr-accent-1);
  color: var(--clr-primary);
}
a.cart-large:is(:hover, :focus) {
  background-color: var(--clr-accent-1);
}
a.cart-large.disabled,
a.cart-large:is(:disabled) {
  background-color: lightgray;
}
a.cart-large i {
  background-color: var(--clr-primary);
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  mask-size: 15px;
  mask-repeat: no-repeat;
  mask-position: center left;
  --svg: url('data:image/svg+xml,\
        <svg width="25" height="25" version="1.1" fill="none" viewBox="0 0 25 25" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
        <path style="fill:white;stroke:none;stroke-width:1.3908" d="M 22.852802,0.0022296 C 21.966804,0.0427783 21.1652,0.6529109 20.929591,1.5614431 L 19.709928,6.2580966 H 2.0886473 c -0.634198,0 -1.23554896,0.290611 -1.62983996,0.78504 -0.398463,0.496514 -0.547235,1.143348 -0.40746,1.762942 L 1.9473953,17.150857 c 0.216958,0.949219 1.063051,1.624407 2.037298,1.624407 H 19.155783 c 0.949213,0 1.781093,-0.644009 2.021,-1.561929 L 24.968877,2.6099728 C 25.256771,1.4959505 24.588249,0.3574042 23.47214,0.0674232 23.264435,0.0126606 23.057259,-0.0071277 22.852802,0.0022296 Z M 8.3472303,20.861459 c -1.14949,0 -2.086194,0.934618 -2.086194,2.086194 0,1.151577 0.936704,2.086195 2.086194,2.086195 1.149491,0 2.0861947,-0.934618 2.0861947,-2.086195 0,-1.151576 -0.9367037,-2.086194 -2.0861947,-2.086194 z m 8.3447777,0 c -1.149489,0 -2.086194,0.934619 -2.086194,2.086194 0,1.151576 0.936705,2.086195 2.086194,2.086195 1.149489,0 2.086195,-0.934619 2.086195,-2.086195 0,-1.151575 -0.936706,-2.086194 -2.086195,-2.086194 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
a.cart-large span {
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
}
a.cart-large.disabled,
a.cart-large:is(:disabled) {
  background-color: lightgray;
  cursor: default;
}
a.cart-large.disabled i,
a.cart-large:is(:disabled) i {
  background-color: gray;
}
@media (min-width: 992px) {
  .top-btn-search,
  .top-btn-account,
  .top-btn-menu,
  .top-btn-cart {
    transform: scale(1);
    margin-left: 10px;
  }
  .top-btn-menu {
    display: none;
  }
  .main-menu-holder li.button {
    display: none;
  }
  body.iframe .main-menu-holder .top-btn-search,
  body.iframe .main-menu-holder .top-btn-account,
  body.iframe .main-menu-holder .top-btn-menu,
  body.iframe .main-menu-holder .top-btn-cart {
    transform: scale(0.6);
    margin-left: 0;
  }
  body.iframe .main-menu-holder li.button {
    display: inline-block;
    margin-left: 5px;
    width: 40px;
  }
}
.soc-fb,
.soc-ig,
.soc-li,
.soc-pi,
.soc-sc,
.soc-tt,
.soc-x,
.soc-yt {
  display: inline-block;
  margin-right: 0.25rem;
  width: 35px;
  height: 35px;
  mask-size: 35px;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--clr-accent-1);
}
.soc-fb {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" fill="white" viewBox="-143 145 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m -111,145 c -17.675,0 -32,14.325 -32,32 0,17.675 14.325,32 32,32 17.675,0 32,-14.325 32,-32 0,-17.675 -14.325,-32 -32,-32 z m 7.0625,26.575 -0.3625,4.7875 h -4.9125 v 16.625 h -6.2 v -16.625 h -3.3125 v -4.7875 h 3.3125 v -3.2125 c 0,-1.4125 0.0375,-3.6 1.0625,-4.9625 1.0875,-1.4375 2.575,-2.4125 5.1375,-2.4125 4.175,0 5.925,0.6 5.925,0.6 l -0.825,4.9 c 0,0 -1.375,-0.4 -2.6625,-0.4 -1.2875,0 -2.4375,0.4625 -2.4375,1.75 v 3.7375 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-ig {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" fill="white" viewBox="-143 145 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m -111,182.625 c 3.1,0 5.6375,-2.525 5.6375,-5.6375 0,-1.225 -0.4,-2.3625 -1.0625,-3.2875 -1.025,-1.4125 -2.6875,-2.35 -4.5625,-2.35 -1.875,0 -3.5375,0.925 -4.5625,2.35 -0.6625,0.925 -1.0625,2.0625 -1.0625,3.2875 -0.0125,3.1125 2.5125,5.6375 5.6125,5.6375 z" fill="white" />\
            <polygon points="168.2,346 211.4,345.9 211.4,308.1 211.4,302.5 205.8,302.5 168,302.6" fill="white" transform="matrix(0.125,0,0,0.125,-125.125,126.875)" />\
            <path d="m -102.25,177 c 0,4.825 -3.925,8.75 -8.75,8.75 -4.825,0 -8.75,-3.925 -8.75,-8.75 0,-1.1625 0.2375,-2.275 0.65,-3.2875 h -4.775 v 13.1 c 0,1.6875 1.375,3.0625 3.0625,3.0625 h 19.625 c 1.6875,0 3.0625,-1.375 3.0625,-3.0625 v -13.1 h -4.775 c 0.425,1.0125 0.65,2.125 0.65,3.2875 z" fill="white" />\
            <path d="m -111,145 c -17.675,0 -32,14.325 -32,32 0,17.675 14.325,32 32,32 17.675,0 32,-14.325 32,-32 0,-17.675 -14.325,-32 -32,-32 z m 16,28.7125 v 13.1 c 0,3.4125 -2.775,6.1875 -6.1875,6.1875 h -19.625 C -124.225,193 -127,190.225 -127,186.8125 v -13.1 -6.5375 c 0,-3.4125 2.775,-6.1875 6.1875,-6.1875 h 19.625 c 3.4125,0 6.1875,2.775 6.1875,6.1875 z" fill="white" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-li {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" fill="white" viewBox="-143 145 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m -111,145 c -17.675,0 -32,14.325 -32,32 0,17.675 14.325,32 32,32 17.675,0 32,-14.325 32,-32 0,-17.675 -14.325,-32 -32,-32 z m -8.95,45.3875 h -6.2375 V 170.425 h 6.2375 z m -3.2875,-22.4625 h -0.05 c -2.2625,0 -3.725,-1.525 -3.725,-3.4625 0,-1.975 1.5125,-3.4625 3.8125,-3.4625 2.3,0 3.7125,1.4875 3.7625,3.4625 0.0125,1.925 -1.45,3.4625 -3.8,3.4625 z M -95,190.3875 h -7.075 v -10.325 c 0,-2.7 -1.1,-4.55 -3.5375,-4.55 -1.8625,0 -2.9,1.25 -3.375,2.45 -0.175,0.425 -0.15,1.025 -0.15,1.6375 v 10.7875 h -7.0125 c 0,0 0.0875,-18.3 0,-19.9625 h 7.0125 v 3.1375 c 0.4125,-1.375 2.65,-3.325 6.225,-3.325 4.4375,0 7.9125,2.875 7.9125,9.05 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-pi {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" fill="white" viewBox="-143 145 64 64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="m -111,145 c -17.675,0 -32,14.325 -32,32 0,17.675 14.325,32 32,32 17.675,0 32,-14.325 32,-32 0,-17.675 -14.325,-32 -32,-32 z m 0,47.9125 c -1.575,0 -3.1,-0.2375 -4.5375,-0.6625 0.6125,-0.9625 1.275,-2.2 1.6125,-3.425 0.2,-0.7125 1.125,-4.4 1.125,-4.4 0.55,1.0625 2.175,1.9875 3.9125,1.9875 5.15,0 8.6375,-4.6875 8.6375,-10.9625 0,-4.75 -4.025,-9.1625 -10.125,-9.1625 -7.6,0 -11.4375,5.45 -11.4375,10 0,2.75 1.0375,5.2 3.275,6.1125 0.3625,0.15 0.6875,0 0.8,-0.4 0.075,-0.275 0.25,-0.9875 0.325,-1.2875 0.1125,-0.4 0.0625,-0.5375 -0.225,-0.8875 -0.6375,-0.7625 -1.05,-1.7375 -1.05,-3.1375 0,-4.0375 3.025,-7.6625 7.875,-7.6625 4.3,0 6.6625,2.625 6.6625,6.125 0,4.6125 -2.0375,8.5 -5.075,8.5 -1.675,0 -2.925,-1.3875 -2.525,-3.075 0.475,-2.025 1.4125,-4.2125 1.4125,-5.675 0,-1.3125 -0.7,-2.4 -2.1625,-2.4 -1.7125,0 -3.0875,1.775 -3.0875,4.1375 0,1.5125 0.5125,2.525 0.5125,2.525 0,0 -1.75,7.425 -2.0625,8.7125 -0.2875,1.2125 -0.325,2.5625 -0.275,3.675 -5.65,-2.45 -9.5875,-8.0875 -9.5875,-14.6375 0,-8.8375 7.1625,-16 16,-16 8.8375,0 16,7.1625 16,16 0,8.8375 -7.1625,16 -16,16 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-sc {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" viewBox="0 0 128 128" fill="white" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="M 64,0 A 64,64 0 0 0 0,64 64,64 0 0 0 64,128 64,64 0 0 0 128,64 64,64 0 0 0 64,0 Z m 0.4,34.1 0.15,0.0125 c 2.637498,0 11.587504,0.73751 15.8125,10.1875 1.412499,3.187496 1.075,8.587504 0.8,12.925 L 81.15,57.3875 c -0.0375,0.475 -0.0625,0.925 -0.075,1.3625 0.2,0.125 0.5375,0.2375 1.075,0.2375 0.799999,-0.0375 1.762501,-0.325 2.75,-0.8 0.4375,-0.2375 0.9125,-0.275 1.2375,-0.275 0.4875,0 0.9625,0.075 1.3625,0.2375 1.199999,0.4 1.9625,1.275001 1.9625,2.2375 0.0375,1.199999 -1.037502,2.237501 -3.2375,3.1125 -0.2375,0.075 -0.5625,0.2 -0.9125,0.3125 -1.199999,0.3625 -3.0375,0.962501 -3.55,2.1625 -0.2375,0.6 -0.1625,1.400001 0.325,2.3125 l 0.0375,0.0375 c 0.1625,0.3625 4.075009,9.262501 12.775,10.7 0.674999,0.1125 1.1625,0.725001 1.125,1.3625 0,0.2 -0.0375,0.4 -0.125,0.6 -0.637499,1.512499 -3.400005,2.637501 -8.3875,3.3875 -0.1625,0.2375 -0.325,1 -0.4375,1.525 -0.075,0.475 -0.2,0.9625 -0.3625,1.475 -0.2,0.724999 -0.725001,1.075 -1.475,1.075 h -0.075 c -0.3625,0 -0.8375,-0.0875 -1.4375,-0.2 -0.962499,-0.2 -2.037501,-0.3625 -3.4,-0.3625 -0.799999,0 -1.600001,0.0375 -2.4375,0.2 -1.599999,0.275 -3.000001,1.237501 -4.6,2.3625 -2.274998,1.599999 -4.875004,3.4375 -8.7875,3.4375 -0.1625,0 -0.3125,-0.0375 -0.475,-0.0375 h -0.4 c -3.912496,0 -6.475003,-1.800001 -8.75,-3.4375 -1.599999,-1.124999 -2.950001,-2.075 -4.55,-2.3625 -0.837499,-0.125 -1.675001,-0.2 -2.475,-0.2 -1.437499,0 -2.550001,0.2375 -3.3875,0.4 -0.5625,0.1125 -1.0375,0.2 -1.4375,0.2 -0.999999,0 -1.4,-0.6 -1.55,-1.125 -0.1625,-0.5125 -0.2375,-1.0375 -0.3625,-1.5125 -0.125,-0.4875 -0.275,-1.3125 -0.4375,-1.525 -5.112495,-0.5875 -7.862501,-1.712501 -8.5,-3.275 -0.0875,-0.1625 -0.1375,-0.4 -0.15,-0.6 C 31.9875,79.762501 32.462501,79.175 33.15,79.05 41.849991,77.612501 45.7625,68.7 45.925,68.325 l 0.0375,-0.075 c 0.475,-0.924999 0.6,-1.725 0.3125,-2.3125 -0.525,-1.162499 -2.362501,-1.75 -3.55,-2.1625 C 42.4,63.7 42.0875,63.575 41.8,63.4625 38.850003,62.300001 38.45,60.987499 38.6125,60.0625 38.85,58.787501 40.412501,57.95 41.725,57.95 c 0.3875,0 0.725,0.075 1.025,0.2 1.124999,0.5125 2.100001,0.8 2.95,0.8 0.624999,0 1.025,-0.1625 1.2375,-0.275 l -0.125,-1.5125 c -0.2625,-4.337496 -0.599999,-9.737504 0.8125,-12.9 4.099996,-9.39999 13.025002,-10.125 15.6625,-10.125 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-tt {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" viewBox="0 0 100 100" fill="white" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="M 50,0 C 22.38281,0 0,22.382812 0,50 0,77.61719 22.38281,100 50,100 77.61719,100 100,77.61719 100,50 100,22.382812 77.61719,0 50,0 Z m 25.07812,38.261719 v 6.777343 c -3.18359,0 -6.28906,-0.625 -9.21875,-1.855468 -1.875,-0.800782 -3.63281,-1.816407 -5.23437,-3.046875 l 0.0391,20.839841 c -0.0195,4.6875 -1.875,9.10157 -5.23437,12.42188 -2.73438,2.69531 -6.19141,4.41406 -9.96094,4.98047 -0.87891,0.13672 -1.77734,0.19531 -2.69531,0.19531 -4.02344,0 -7.83203,-1.30859 -10.95703,-3.71094 -0.58594,-0.44922 -1.15235,-0.9375 -1.67969,-1.46484 -3.63281,-3.59375 -5.52735,-8.47656 -5.19531,-13.61328 0.23437,-3.906254 1.79687,-7.636722 4.41406,-10.546879 3.45703,-3.867187 8.28125,-6.015625 13.4375,-6.015625 0.89844,0 1.79687,0.05859 2.69531,0.195313 v 2.5 6.972656 c -0.83984,-0.273437 -1.73828,-0.429687 -2.65625,-0.429687 -4.70703,0 -8.53516,3.847656 -8.45703,8.554692 0.0391,3.02734 1.69922,5.66406 4.12109,7.10937 1.15235,0.68359 2.46094,1.11328 3.86719,1.19141 1.09375,0.0586 2.14844,-0.0977 3.125,-0.41016 3.35938,-1.11328 5.80078,-4.27734 5.80078,-8.00781 L 51.3086,46.953125 V 21.445312 h 9.31641 c 0,0.917969 0.0977,1.816407 0.27344,2.695313 0.70312,3.535156 2.69531,6.601562 5.46875,8.691406 2.42187,1.816406 5.42968,2.910156 8.6914,2.910156 0,0 0.0195,0 0.0195,0 v 2.519532 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-x {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" viewBox="0 0 100 100" fill="white" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <path d="M 49.999999,0.0518855 A 49.948104,49.948104 0 0 0 0.0518855,49.999999 49.948104,49.948104 0 0 0 49.999999,99.948114 49.948104,49.948104 0 0 0 99.948115,49.999999 49.948104,49.948104 0 0 0 49.999999,0.0518855 Z M 19.231891,21.061464 H 37.6326 L 53.284393,41.98916 72.655319,21.061464 h 5.407643 L 55.700312,45.220453 80.918699,78.937724 H 62.517986 L 45.523454,56.213897 24.488947,78.937724 H 19.081505 L 43.106522,52.983618 Z m 7.952063,3.982821 37.328584,49.910821 h 8.453077 L 35.637035,25.044285 Z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.soc-yt {
  --svg: url('data:image/svg+xml,\
        <svg height="100" width="100" version="1.1" viewBox="-143 145 64 64" fill="white" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">\
            <polygon points="78.9,351.9 78.9,450.3 162.7,401.1" transform="matrix(0.125,0,0,0.125,-125.125,126.875)" />\
            <path d="m -111,145 c -17.675,0 -32,14.325 -32,32 0,17.675 14.325,32 32,32 17.675,0 32,-14.325 32,-32 0,-17.675 -14.325,-32 -32,-32 z m 16,37.725 v 0 c 0,5.5125 -5.5125,5.5125 -5.5125,5.5125 h -20.975 C -127,188.2375 -127,182.725 -127,182.725 v -11.4375 c 0,-5.5125 5.5125,-5.5125 5.5125,-5.5125 h 20.975 c 5.5125,0 5.5125,5.5125 5.5125,5.5125 z" />\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.category-card {
  position: relative;
  aspect-ratio: 44/25;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  background-image: var(--cat-img);
}
.category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transition: inherit;
}
.category-card:is(:hover, :focus)::before {
  transform: scale(1.1);
}
.category-card span {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  color: var(--clr-primary);
  font-size: var(--fnt-size-xlarge);
  font-weight: var(--fnt-weight-xbold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-xbold);
  text-shadow: 1px 1px 2px var(--clr-accent-1);
}
.category-card.large {
  height: unset;
  aspect-ratio: 44/25;
}
.category-card.large a {
  left: auto;
  right: 1rem;
  font-size: var(--fnt-size-xxxxlarge);
}
.product-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
.product-card.slider {
  width: 100%;
  max-width: 312px;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  margin-bottom: 30px;
}
.product-card figure {
  position: relative;
  aspect-ratio: 288/394;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  background-image: var(--prod-img);
}
.product-card figure::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transition: inherit;
}
.product-card:is(:hover, :focus) figure::before {
  transform: scale(1.1);
}
.product-card .content {
  padding: 2rem 1.25rem 5rem 1.25rem;
  color: var(--clr-accent-2);
}
.product-card .content h6 {
  margin-bottom: 0.5rem;
}
.product-card .content h6 a {
  color: var(--clr-accent-1);
}
.product-card price,
.product-card .cart {
  position: absolute;
  bottom: 2rem;
}
.product-card price {
  left: 1.25rem;
  font-size: var(--fnt-size-large);
  color: var(--clr-secondary);
  font-weight: var(--fnt-weight-xbold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-xbold);
}
.product-card price s {
  font-size: var(--fnt-size-medium);
  font-weight: var(--fnt-weight-medium);
  font-variation-settings: 'wght' var(--fnt-weight-medium);
}
.product-card .cart {
  right: 1.25rem;
}
.cart-card {
  position: sticky;
  top: 210px;
  background-color: var(--clr-primary);
  padding: 2rem 1.5rem;
  transition: all 0.3s ease-in-out;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
.cart-card .product {
  color: var(--clr-accent-1);
}
.cart-card .product b.product-title {
  display: block;
  margin-bottom: 0.5rem;
}
.cart-card hr {
  margin: 0.75rem 0;
}
.cart-card label {
  margin: 0.75rem 0;
  display: block;
}
.cart-card label price {
  float: right;
}
.box {
  position: relative;
  background-color: var(--clr-primary);
  padding: 2rem 1.5rem;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
.box .nr {
  position: absolute;
  top: -25px;
  left: -5px;
  width: 50px;
  height: 50px;
  line-height: 55px;
  font-size: var(--fnt-size-large);
  text-align: center;
  font-weight: var(--fnt-weight-bold);
  font-variation-settings: 'wght' var(--fnt-weight-bold);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
@media (min-width: 992px) {
  .box .nr {
    left: -25px;
  }
}
.box h5,
.box h6 {
  display: inline-block;
}
.box h6 {
  font-weight: var(--fnt-weight-normal);
  font-variation-settings: 'wght' var(--fnt-weight-normal);
}
.box h5 .divider,
.box h6 .divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.qtycol i,
.box h5 i,
.box h6 i {
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 0.25rem;
  mask-size: 18px;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">\
                <path d="M 9 0 A 9 9 0 0 0 0 9 A 9 9 0 0 0 9 18 A 9 9 0 0 0 18 9 A 9 9 0 0 0 9 0 z M 7.7695312 3.7382812 L 9.9257812 3.7382812 L 9.9257812 5.6289062 L 7.7695312 5.6289062 L 7.7695312 3.7382812 z M 7.8964844 6.9160156 L 9.8007812 6.9160156 L 9.8007812 14 L 7.8964844 14 L 7.8964844 6.9160156 z" fill="white" />\
            </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.qtycol i a,
.box h5 i a,
.box h6 i a {
  display: block;
  width: 18px;
  height: 18px;
}
.qtycol {
  position: relative;
}
.qtycol i {
  position: absolute;
  right: 5px;
  top: 8px;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: var(--clr-primary);
}
.qtycol i::before {
  --svg: url('data:image/svg+xml,\
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">\
                <path d="M 9 0 A 9 9 0 0 0 0 9 A 9 9 0 0 0 9 18 A 9 9 0 0 0 18 9 A 9 9 0 0 0 9 0 z M 7.7695312 3.7382812 L 9.9257812 3.7382812 L 9.9257812 5.6289062 L 7.7695312 5.6289062 L 7.7695312 3.7382812 z M 7.8964844 6.9160156 L 9.8007812 6.9160156 L 9.8007812 14 L 7.8964844 14 L 7.8964844 6.9160156 z" fill="white" />\
            </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--clr-accent-2);
}
.qtycol i.wrn::before {
  background-color: var(--clr-warning);
}
.qtycol i.err::before {
  background-color: var(--clr-error);
}
.extra-info-box {
  position: relative;
  display: block;
  margin: 0.5rem 0;
  padding: 1rem 1rem 1rem 2.5rem;
  background-color: var(--clr-accent-4);
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.extra-info-box i {
  position: absolute;
  left: 0.6rem;
  top: 0.9rem;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 0.25rem;
  mask-size: 18px;
  mask-repeat: no-repeat;
  mask-position: center center;
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">\
                <path d="M 9 0 A 9 9 0 0 0 0 9 A 9 9 0 0 0 9 18 A 9 9 0 0 0 18 9 A 9 9 0 0 0 9 0 z M 7.7695312 3.7382812 L 9.9257812 3.7382812 L 9.9257812 5.6289062 L 7.7695312 5.6289062 L 7.7695312 3.7382812 z M 7.8964844 6.9160156 L 9.8007812 6.9160156 L 9.8007812 14 L 7.8964844 14 L 7.8964844 6.9160156 z" fill="white" />\
            </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.news-card {
  position: relative;
}
.news-card .news-card-img {
  position: relative;
  aspect-ratio: 44/25;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  background-image: var(--news-img);
}
.news-card .news-card-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  transition: inherit;
}
.news-card:is(:hover, :focus) .news-card-img::before {
  transform: scale(1.1);
}
.news-card h3 {
  font-size: var(--fnt-size-large);
  padding: 1.25rem 1rem;
}
@media (min-width: 992px) {
  .category-card.large {
    height: 100%;
    aspect-ratio: 0;
  }
}
.quicklinks-top {
  display: none;
  background-color: var(--clr-accent-2);
  height: 43px;
  line-height: 40px;
}
.quicklinks-top a {
  color: var(--clr-primary);
}
.quicklinks-top ul,
.quicklinks-top li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.quicklinks-top ul {
  display: flex;
}
.quicklinks-top nav.top-usp {
  padding-top: 3px;
}
.quicklinks-top nav.top-usp li {
  margin-right: 1.5rem;
}
.quicklinks-top nav.top-usp li i.check-white {
  padding-left: 17px;
}
.quicklinks-top nav.top-usp li a {
  font-size: var(--fnt-size-small);
}
.quicklinks-top nav.top-menu {
  float: right;
}
.quicklinks-top nav.top-menu li {
  margin-left: 1.5rem;
  padding-top: 3px;
}
nav.middle-menu {
  float: right;
}
nav.middle-menu ul,
nav.middle-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav.middle-menu ul {
  display: flex;
}
nav.middle-menu ul li {
  margin-left: 1.5rem;
  padding-top: 3px;
}
nav.middle-menu ul li a {
  color: var(--clr-secondary);
}
header {
  display: none;
  --header-height: 75px;
  z-index: 999999;
  position: sticky;
  background: var(--clr-primary);
  top: 0;
  height: var(--header-height);
  line-height: var(--header-height);
}
header .logo {
  height: var(--header-height);
  margin-right: 1rem;
}
header .logo img {
  height: calc(var(--header-height) - 2rem);
  vertical-align: middle;
}
.main-menu-holder {
  --mainmenuholder-height: 70px;
  --header-height: 75px;
  background: var(--clr-primary);
  border-top: solid 1px var(--clr-accent-3);
  height: var(--mainmenuholder-height);
  line-height: var(--mainmenuholder-height);
  position: sticky;
  top: 0;
  z-index: 999999;
}
.main-menu-holder nav.main-menu ul,
.main-menu-holder nav.main-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-menu-holder nav.main-menu ul {
  display: flex;
}
.main-menu-holder nav.main-menu ul li {
  margin-left: 1.5rem;
}
.main-menu-holder nav.main-menu ul li a {
  color: var(--clr-secondary);
}
.main-menu-holder nav.main-menu ul .dropdown-toggle-split {
  background-color: transparent;
  border: none;
}
.main-menu-holder nav.main-menu ul .dropdown-toggle-split::after {
  content: 'v';
  border: none;
  line-height: 68px;
  transition: all 200ms;
}
.main-menu-holder nav.main-menu ul .dropdown-toggle-split.show::after {
  transform: rotate(180deg);
}
.main-menu-holder nav.main-menu ul .dropdown-toggle-split + .dropdown-menu {
  box-shadow: var(--box-shadow);
  transform: translate(0px, 57px) !important;
  border: none;
  padding: 9px;
  margin: 9px;
}
.main-menu-holder nav.main-menu ul .dropdown-toggle-split + .dropdown-menu:before {
  content: "";
  display: block;
  position: absolute;
  left: var(--offset-arrow);
  top: -6px;
  border-bottom: 7px solid var(--clr-primary);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.main-menu-holder nav.main-menu ul .dropdown-item {
  background-color: transparent;
  line-height: 25px;
  border-top: 1px solid var(--clr-accent-3);
}
.main-menu-holder nav.main-menu ul .dropdown-item:last-of-type {
  border-bottom: 1px solid var(--clr-accent-3);
}
.main-menu-holder nav.main-menu .dropdown-menu {
  left: -5px !important;
}
nav.breadcrumb {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
nav.breadcrumb ul {
  display: flex;
}
nav.breadcrumb ul li {
  font-size: var(--fnt-size-smaller);
}
nav.breadcrumb ul li a {
  color: var(--clr-secondary);
}
nav.breadcrumb ul li a.home {
  display: inline-block;
  margin-right: 0.25rem;
  width: 9px;
  height: 16px;
  mask-size: 9px 10px;
  mask-repeat: no-repeat;
  mask-position: 0 5px;
  background-color: var(--clr-secondary);
  --svg: url('data:image/svg+xml,\
                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="10" viewBox="0 0 9 10" fill="none">\
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.07515V7.9834C9 9.09715 8.10455 10 7 10H2C0.89543 10 0 9.09715 0 7.9834V4.07515C0 3.46969 0.26982 2.89625 0.73493 2.51326L3.23493 0.454674C3.97115 -0.151556 5.02885 -0.151561 5.76505 0.454674L8.26505 2.51326C8.7302 2.89625 9 3.46969 9 4.07515Z" fill="white"/>\
                    </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
nav.breadcrumb ul li::after {
  color: var(--clr-secondary);
  content: '/';
  margin: 0 0.25rem;
}
nav.breadcrumb ul li:last-child::after {
  display: none;
}
nav.mobile-menu {
  position: fixed;
  display: none;
  inset: 0;
  background: var(--clr-accent-1);
  z-index: 9999997;
}
nav.mobile-menu div.close {
  width: 100vw;
  height: 70px;
}
nav.mobile-menu div.close a.top-btn-menu-close {
  background-color: var(--clr-primary);
  --svg: url('data:image/svg+xml,\
                <svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">\
                    <circle cx="22.5" cy="22.5" r="22" stroke="white"/>\
                    <line x1="15.221826" y1="30.278175" x2="30.778175" y2="14.721826" stroke="white" />\
                    <line x1="15.221826" y1="14.721826" x2="30.778175" y2="30.278175" stroke="white" />\
                </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  transition: all 300ms;
  mask-repeat: no-repeat;
  mask-position: center center;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  transform: scale(0.8);
  margin-left: -10px;
}
nav.mobile-menu ul {
  margin: 0;
  padding: 0;
  height: 100vh;
  z-index: 999;
  position: relative;
  transition: all 0.5s;
}
nav.mobile-menu ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: relative;
  border-bottom: 1px solid var(--clr-accent-3);
}
nav.mobile-menu ul li:first-child {
  border-top: 1px solid var(--clr-accent-3);
}
nav.mobile-menu ul li a {
  display: block;
  padding: 1rem 2rem;
  position: relative;
  text-decoration: none;
  color: var(--clr-primary);
  font-weight: var(--fnt-weight-medium);
}
nav.mobile-menu ul li.hasChildren > ul {
  position: fixed;
  top: 0;
  width: 100vw;
  right: -100%;
}
nav.mobile-menu ul li.hasChildren > a::after {
  display: inline-block;
  margin-left: 1em;
  vertical-align: 0.155em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  transform: rotate(-90deg);
}
nav.mobile-menu ul li .mob-submenu {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100vw;
  height: 100vh;
  background: var(--clr-accent-1);
  z-index: 9999998;
  transition: all 0.3s;
}
nav.mobile-menu ul li .mob-submenu li {
  width: 100vw;
  position: relative;
}
nav.mobile-menu ul li .mob-submenu li:first-child {
  border-top: none !important;
}
nav.mobile-menu ul li .mob-submenu .mob-submenu-close {
  background: var(--mnu-grey-4);
}
nav.mobile-menu ul li .mob-submenu .mob-submenu-close a::before {
  display: inline-block;
  margin-right: 1.2em;
  vertical-align: 0.155em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  transform: rotate(90deg);
}
nav.mobile-menu ul li.open > .mob-submenu {
  right: 0;
}
nav.mobile-menu.open {
  display: block;
}
body.fullsite header,
body.fullsite .quicklinks-top {
  display: block;
}
body.fullsite .main-menu-holder {
  top: var(--header-height);
}
@media (min-width: 992px) {
  header {
    --header-height: 115px;
  }
  .main-menu-holder {
    --header-height: 115px;
  }
  nav.top-usp {
    padding-top: 3px;
  }
  nav.top-usp li {
    margin-right: 1.5rem;
  }
  nav.top-usp li i.check-white {
    padding-left: 24px !important;
  }
  nav.top-usp li a {
    font-size: var(--fnt-size-normal) !important;
  }
}
.hero {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
  transition: all 500ms;
}
.hero.striped--light {
  background-image: url('/lib/img/header-striped-light.svg');
}
.hero.striped--dark {
  background-image: url('/lib/img/header-striped-dark.svg');
}
.hero.wavy--light {
  background-image: url('/lib/img/header-wavy-light.svg');
}
.hero.wavy--dark {
  background-image: url('/lib/img/header-wavy-dark.svg');
}
.hero div.hero-dots {
  width: 100%;
  position: absolute;
  bottom: 3rem;
  z-index: 999;
}
.hero a.hero-prev,
.hero a.hero-next {
  position: absolute;
  display: none;
  top: 50%;
  width: 65px;
  height: 65px;
  background-color: var(--clr-accent-3);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.hero a.hero-prev i,
.hero a.hero-next i {
  position: absolute;
  inset: 0;
  display: block;
  background-color: var(--clr-accent-2);
  cursor: pointer;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center center;
}
.hero a.hero-prev {
  left: 20px;
}
.hero a.hero-prev i {
  --svg: url('data:image/svg+xml,\
                <svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65" fill="none">\
                <path d="M42 21L42 26.96L29.48 32.68L42 38.4V44.4L22 35.32L22 30.08L42 21Z" fill="white"/>\
                </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.hero a.hero-next {
  right: 20px;
}
.hero a.hero-next i {
  --svg: url('data:image/svg+xml,\
                <svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65" fill="none">\
                <path d="M23.0002 44L23.0002 38.04L35.5202 32.32L23.0002 26.6L23.0002 20.6L43.0002 29.68L43.0002 34.92L23.0002 44Z" fill="white"/>\
                </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
.hero .hero-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1px;
  /*
        &.striped {
            background: url('/lib/img/header-bg-1.svg') no-repeat center center;
        }

        &.wavy {
            background: url('/lib/img/header-bg-2.svg') no-repeat center center;
        }
*/
}
.hero .hero-slide .hero-txt {
  width: 100%;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  margin: 1rem 0;
}
.hero .hero-slide .hero-txt .btn {
  margin-top: 1.5rem;
}
.hero .hero-slide .hero-txt p {
  margin: 1rem 2rem 3rem 0;
  color: var(--clr-accent-1);
  /*  font-size: 40px;
                font-weight: 900;
                */
}
.hero .hero-slide .hero-img {
  aspect-ratio: 1;
  width: 100%;
  margin-right: 2px;
  background: no-repeat center center;
  background-size: cover;
  background-image: var(--hero-bgimg);
}
@media (min-width: 992px) {
  .hero .hero-slide {
    flex-direction: row;
  }
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 0.15em solid var(--clr-secondary) !important;
  margin: 0;
  cursor: pointer;
  font: inherit;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.15em solid var(--clr-secondary);
  box-shadow: none !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #fff;
  border: 0.15em solid var(--clr-secondary) !important;
}
input[type="checkbox"].is-invalid,
input[type="radio"].is-invalid {
  background-color: var(--bs-form-invalid-border-color);
}
input[type="checkbox"] {
  margin-top: -6px;
}
input[type="checkbox"].filter-cb {
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  background: none !important;
}
input[type="checkbox"].filter-cb + label {
  position: relative;
  padding: 1rem 2rem;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: var(--clr-primary);
  font-weight: var(--fnt-weight-bold);
  color: var(--clr-accent-2);
  border: 1px solid var(--clr-accent-2);
}
input[type="checkbox"].filter-cb:checked + label {
  background-color: var(--clr-accent-4);
  padding-right: 3.2rem;
}
input[type="checkbox"].filter-cb:checked + label::after {
  position: absolute;
  content: '';
  width: 19px;
  height: 16px;
  top: 14px;
  right: 20px;
  background-color: var(--clr-accent-1);
  --svg: url('data:image/svg+xml,\
                <svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">\
                <path d="M8.66619 15.9998C8.60872 15.9998 8.55186 15.9885 8.49921 15.9664C8.44656 15.9444 8.39924 15.9122 8.36023 15.8719L0.1107 7.34121C0.0557065 7.28433 0.0192492 7.21337 0.00579024 7.137C-0.00766876 7.06063 0.0024542 6.98216 0.0349203 6.9112C0.0673864 6.84025 0.120787 6.77988 0.188587 6.73748C0.256387 6.69509 0.335645 6.67251 0.416661 6.6725H4.38753C4.44715 6.67251 4.50607 6.68474 4.56033 6.70837C4.61458 6.73201 4.6629 6.76648 4.70203 6.80949L7.45905 9.84167C7.75702 9.2328 8.33381 8.21899 9.34599 6.98363C10.8423 5.15733 13.6256 2.47141 18.3875 0.0467428C18.4795 -0.000110955 18.5866 -0.0122714 18.6876 0.0126629C18.7885 0.0375972 18.876 0.0978135 18.9328 0.181422C18.9896 0.26503 19.0115 0.365952 18.9943 0.46426C18.977 0.562568 18.9218 0.651115 18.8396 0.712418C18.8214 0.726001 16.9854 2.10818 14.8724 4.63987C12.9277 6.96965 10.3426 10.7792 9.07053 15.6973C9.04818 15.7837 8.99621 15.8604 8.9229 15.9153C8.84959 15.9702 8.75917 16 8.66607 16L8.66619 15.9998Z" fill="white"/>\
                </svg>');
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 19px 16px;
}
label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
  display: inline-block;
  width: 2.2rem;
  height: 1.6rem;
}
label:has(input[type="checkbox"]:not(:disabled):checked) input[type="checkbox"]::after,
label:has(input[type="radio"]:not(:disabled):checked) input[type="checkbox"]::after,
label:has(input[type="checkbox"]:not(:disabled):checked) input[type="radio"]::after,
label:has(input[type="radio"]:not(:disabled):checked) input[type="radio"]::after {
  pointer-events: none;
  position: absolute;
  content: '';
  top: -0.3rem;
  left: -0.1rem;
  width: 2.2rem;
  height: 2.2rem;
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="23" viewBox="0 0 26 23" fill="none">\
            <path d="M10.0441 12.7464L7.14948 9.41622L7.14935 9.41608C7.05439 9.30692 6.93713 9.21939 6.80546 9.1594L6.59815 9.61439L6.80546 9.15939C6.67379 9.09941 6.53079 9.06835 6.38611 9.06833H6.38603H1.51148C1.3148 9.06834 1.1224 9.12568 0.95781 9.23333L0.957807 9.23333C0.793219 9.34099 0.663585 9.49429 0.584771 9.67448C0.505957 9.85467 0.481383 10.0539 0.514056 10.2479C0.546728 10.4418 0.635231 10.622 0.768732 10.7664L0.768744 10.7664L10.8876 21.7121L10.6363 22.0461L11.6383 22.046C11.8643 22.046 12.0838 21.9703 12.2618 21.8309L12.1536 21.6927L12.2618 21.8309C12.4397 21.6916 12.5659 21.4967 12.6202 21.2773C14.1589 15.0541 17.2886 10.2266 19.6478 7.27003L19.6478 7.27001C20.9286 5.66472 22.1249 4.42463 23.0021 3.58513C23.8718 2.75273 24.426 2.3158 24.4349 2.30878C24.6343 2.15312 24.7681 1.9284 24.81 1.67894L24.3169 1.59617L24.81 1.67893C24.8519 1.42929 24.7987 1.17302 24.6609 0.960704C24.523 0.748385 24.3106 0.595473 24.0655 0.532155L23.9404 1.01615L24.0655 0.532155C23.8204 0.468837 23.5605 0.499718 23.337 0.618697L23.337 0.61872C17.4255 3.76739 13.956 7.26345 12.0793 9.65955C11.1188 10.8859 10.4684 11.9493 10.0441 12.7464Z" fill="black" stroke="white"/>\
        </svg>');
  background: var(--svg) no-repeat center center;
  background-size: 80%;
}
label:has(input[type="checkbox"]:not(:disabled):checked) input[type="checkbox"]::after,
label:has(input[type="radio"]:not(:disabled):checked) input[type="checkbox"]::after {
  top: -0.7rem;
}
/*label:has(input[type="checkbox"]:not(:disabled):checked) input[type="checkbox"]::after {
    left: -0.2rem;
    top: -0.4rem;
}*/
textarea.form-control {
  min-height: 200px !important;
}
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: transparent !important;
}
.color-list {
  margin: 1.5rem 0 0 0;
}
.color-list input[type="radio"] {
  position: relative;
  margin: 0 0.5rem 0 0;
  background-color: transparent;
  border: none;
}
.color-list input[type="radio"] + .example {
  display: none;
  position: absolute;
  pointer-events: none;
  left: -2px;
  bottom: 39px;
  width: fit-content;
  height: fit-content;
  /*width: 74px;
            height: 132px;*/
  text-align: center;
  color: var(--clr-accent-1);
  padding: 0.75rem 0.5rem;
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-secondary);
}
.color-list input[type="radio"] + .example::before,
.color-list input[type="radio"] + .example::after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  left: 4px;
}
.color-list input[type="radio"] + .example::before {
  bottom: -22px;
  border-width: 22px 11px 0 11px;
  border-color: black transparent transparent transparent;
}
.color-list input[type="radio"] + .example::after {
  bottom: -20px;
  border-width: 22px 11px 0 11px;
  border-color: white transparent transparent transparent;
}
.color-list input[type="radio"] + .example img {
  width: 100%;
  max-width: 59px;
  margin-bottom: 0.25rem;
}
.color-list input[type="radio"]:hover + .example {
  display: block;
}
.color-list input[type="radio"].color-ball-1 {
  background-color: rgb(var(--color1));
}
.color-list input[type="radio"].color-ball-2 {
  background-image: linear-gradient(rgb(var(--color1)), rgb(var(--color1))), linear-gradient(rgb(var(--color2)), rgb(var(--color2)));
  background-size: calc(1 * (100% / 2)) 100%, calc(2 * (100% / 2)) 100%;
  background-repeat: no-repeat;
}
.color-list input[type="radio"].color-ball-3 {
  background-image: linear-gradient(rgb(var(--color1)), rgb(var(--color1))), linear-gradient(rgb(var(--color2)), rgb(var(--color2))), linear-gradient(rgb(var(--color3)), rgb(var(--color3)));
  background-size: calc(1 * (100% / 3)) 100%, calc(2 * (100% / 3)) 100%, calc(3 * (100% / 3)) 100%;
  background-repeat: no-repeat;
}
.color-list input[type="radio"].color-ball-4 {
  background-image: linear-gradient(rgb(var(--color1)), rgb(var(--color1))), linear-gradient(rgb(var(--color2)), rgb(var(--color2))), linear-gradient(rgb(var(--color3)), rgb(var(--color3))), linear-gradient(rgb(var(--color4)), rgb(var(--color4)));
  background-size: calc(1 * (100% / 4)) 100%, calc(2 * (100% / 4)) 100%, calc(3 * (100% / 4)) 100%, calc(4 * (100% / 4)) 100%;
  background-repeat: no-repeat;
}
.color-list input[type="radio"].color-ball-5 {
  background-image: linear-gradient(rgb(var(--color1)), rgb(var(--color1))), linear-gradient(rgb(var(--color2)), rgb(var(--color2))), linear-gradient(rgb(var(--color3)), rgb(var(--color3))), linear-gradient(rgb(var(--color4)), rgb(var(--color4))), linear-gradient(rgb(var(--color5)), rgb(var(--color5)));
  background-size: calc(1 * (100% / 5)) 100%, calc(2 * (100% / 5)) 100%, calc(3 * (100% / 5)) 100%, calc(4 * (100% / 5)) 100%, calc(5 * (100% / 5)) 100%;
  background-repeat: no-repeat;
}
label.inline {
  margin: 0.5rem 0;
  width: auto !important;
}
label.inline span {
  cursor: pointer;
  vertical-align: super;
  margin: 0 1rem 0 0.5rem;
}
label.inline.d-flex input[type="checkbox"] {
  margin-top: 0;
}
label.inline.d-flex input[type="checkbox"]::after {
  top: -0.3rem !important;
}
label.design-option {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  margin: 0.5rem 1rem 2rem 0;
  vertical-align: top;
  /*@media(min-width: 1300px) {
        width: 45% !important;
    }*/
}
label.design-option input[type="checkbox"],
label.design-option input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
}
label.design-option input[type="checkbox"]::after,
label.design-option input[type="radio"]::after {
  top: -0.4rem !important;
  left: -0.2rem !important;
}
label.design-option span {
  display: block;
  position: relative;
  margin: 10px 0 0 10px;
  cursor: pointer;
  --brd-radius: 5px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  padding: 1rem 1rem 0 1rem;
  border: 1px solid var(--clr-accent-3);
}
label.design-option span h5,
label.design-option span h6 {
  margin: 1rem 0;
}
label.design-option span h5 {
  display: block;
  /*text-align: center;*/
}
input[type="file"]::file-selector-button {
  border: 2px solid var(--clr-accent-1);
  padding: 16px;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  background-color: var(--clr-accent-1);
  transition: 1s;
  color: var(--clr-primary);
}
input[type="file"]::-ms-browse:hover {
  background-color: var(--clr-accent-1);
  border: 2px solid var(--clr-accent-1);
}
input[type="file"]::-webkit-file-upload-button:hover {
  background-color: var(--clr-accent-1);
  border: 2px solid var(--clr-accent-1);
}
input[type="file"]::file-selector-button:hover {
  background-color: var(--clr-accent-1);
  border: 2px solid var(--clr-accent-1);
}
.print-positions {
  margin: 1rem 0;
}
.print-positions label {
  width: 20% !important;
  height: auto !important;
  color: var(--clr-accent-1);
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  margin: 1rem 1rem 1rem 0;
}
.print-positions label input[type="checkbox"],
.print-positions label input[type="radio"] {
  position: relative;
  float: right;
  margin: -1rem 0.75rem 0 0;
}
.print-positions label input[type="checkbox"]:disabled + label::before,
.print-positions label input[type="radio"]:disabled + label::before {
  color: red;
}
.print-positions label input[type="checkbox"]:disabled + label:hover::before,
.print-positions label input[type="radio"]:disabled + label:hover::before {
  background: red;
  border: 1px solid #d4d4d5;
}
.print-positions label figure {
  width: 100%;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.print-positions label span {
  text-align: center;
  margin-top: 1rem;
  font-weight: var(--fnt-weight-bold);
  font-size: var(--fnt-size-small);
  clear: both;
  display: block;
  /*white-space: nowrap;*/
}
.print-positions label input[type="checkbox"]:disabled {
  border-color: var(--clr-tertiary);
}
.print-positions label input[type="checkbox"]:disabled + span {
  color: var(--clr-tertiary);
}
.form-floating input,
.form-floating textarea {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: var(--clr-accent-3) !important;
}
.form-floating > label {
  top: 8px;
  background: none !important;
  border: none;
}
.text-danger {
  pointer-events: none;
  opacity: 0;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.75) translateY(-1.1rem) translateX(0.15rem);
}
#fs input {
  position: relative;
}
#fs .form-control.is-valid,
#fs .was-validated .form-control:valid,
#fs .form-control.is-valid:focus,
#fs .was-validated .form-control:valid:focus,
#fs .form-control.is-invalid,
#fs .was-validated .form-control:invalid {
  background-position-x: calc(100% - 56px);
}
#fs button {
  position: absolute;
  border: none;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
        <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none">\
            <circle cx="25" cy="25" r="24.5" stroke="white"/>\
            <path d="M34.5264 32.2037L29.9282 27.5423C30.7095 26.2815 31.1629 24.7913 31.1629 23.192C31.1629 18.6674 27.5446 15 23.0813 15C18.618 15 15 18.6674 15 23.192C15 27.7167 18.6179 31.3838 23.0813 31.3838C24.7982 31.3838 26.3885 30.8397 27.6971 29.9151L32.2405 34.5211C32.5562 34.8408 32.9701 35 33.3835 35C33.7973 35 34.2107 34.8408 34.5269 34.5211C35.1578 33.8808 35.1578 32.8438 34.5264 32.2037ZM23.0813 28.7297C20.0645 28.7297 17.6187 26.2506 17.6187 23.1923C17.6187 20.1341 20.0645 17.6548 23.0813 17.6548C26.0982 17.6548 28.5439 20.1341 28.5439 23.1923C28.5439 26.2506 26.0982 28.7297 23.0813 28.7297Z" fill="white"/>\
        </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 38px;
}
.grecaptcha-badge {
  display: none !important;
  opacity: 0 !important;
}
.grecaptcha-disclaimer {
  font-size: var(--fnt-size-small);
}
label.spinner.active {
  pointer-events: none !important;
  overflow: hidden !important;
  text-indent: -1000px !important;
  border-color: var(--clr-accent-3) !important;
  background-color: var(--clr-accent-3);
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner_6kVp{transform-origin:center;animation:spinner_irSm .75s infinite linear}@keyframes spinner_irSm{100%{transform:rotate(360deg)}}</style><path d="M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z" class="spinner_6kVp"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
}
footer {
  display: none;
  background-color: var(--clr-accent-3);
  padding-block: 2rem;
  color: var(--clr-accent-1);
}
footer h6 {
  margin-bottom: 0.25rem;
}
footer a {
  display: inline-block;
  color: var(--clr-secondary);
  margin: 0.5rem 0;
}
footer ul.links li {
  color: var(--clr-accent-1);
  list-style-type: disc;
  margin-left: 12px;
}
.quicklinks-bottom {
  display: none;
  background-color: var(--clr-primary);
  padding-block: 1rem;
}
.quicklinks-bottom a {
  color: var(--clr-secondary);
}
.quicklinks-bottom ul {
  display: flex;
}
.quicklinks-bottom ul li {
  margin-right: 1rem;
}
body.fullsite footer,
body.fullsite .quicklinks-bottom {
  display: block;
}
.filter-column h6 {
  font-weight: 500;
}
.filter-column ul {
  flex-direction: column;
  gap: 0.5rem;
}
.filter-column ul li input[type="checkbox"].filter-cb + label {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}
.filter-column ul li input[type="checkbox"].filter-cb:checked + label {
  color: var(--clr-accent-1);
  padding: 0.5rem 2.5rem 0.5rem 1rem;
}
.filter-column ul li input[type="checkbox"].filter-cb:checked + label::after {
  top: 10px;
  right: 15px;
}
.product-list .content {
  font-size: 0.875rem;
}
.product-list price {
  font-size: 1.25rem;
}
.filter-column__title button {
  display: none;
}
@media (max-width: 767px) {
  .filter-column__title {
    display: flex;
    justify-content: space-between;
  }
  .filter-column__title button {
    background-color: transparent;
    border: none;
    display: inline-block;
    height: fit-content;
  }
  .filter-column__title button svg {
    height: 32px;
    width: auto;
    fill: var(--clr-accent-1);
  }
  .filter-column__title button.toggled svg {
    transform: rotate(180deg);
  }
  .filter-column__container {
    display: none;
  }
  .filter-column__container.show {
    display: block;
  }
}
.side-sliders {
  position: relative;
  color: var(--clr-accent-2);
  /** {
        position: relative;
    }*/
}
.side-sliders .col-4 {
  padding-right: 3rem;
}
.side-sliders h2 {
  margin-bottom: 1rem;
  color: var(--clr-secondary);
  font-weight: var(--fnt-weight-xbold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-xbold);
}
.side-sliders a.btn {
  margin-top: 1rem;
}
.side-sliders .slider-container {
  --gap: 1rem;
  width: 100%;
  padding-top: var(--gap);
  padding-bottom: var(--gap);
  position: relative;
}
.side-sliders .slider-container .product-slider {
  position: absolute;
  top: var(--gap);
  left: 0;
  bottom: var(--gap);
  right: 0;
}
figure.product-main {
  transform-origin: 0% 0%;
}
@media (min-width: 992px) {
  figure.product-main {
    margin-bottom: 50px;
    position: relative;
    width: 120%;
  }
}
figure.product-main a {
  position: relative;
  display: block;
}
figure.product-main a img {
  position: relative;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  width: 100%;
  opacity: 1;
  transition: all 0.3s;
}
figure.product-main a .bg-img {
  position: absolute;
  inset: 0;
  transition: all 0.3s;
  opacity: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
figure.product-main a.mouseover img {
  opacity: 0.2;
}
figure.product-main a.mouseover .bg-img {
  opacity: 1;
}
div.prod-slider {
  position: relative;
  width: 80%;
  left: 10%;
  margin-top: 40px;
}
div.prod-slider a.prod-prev,
div.prod-slider a.prod-next {
  position: absolute;
  display: block;
  top: 44px;
  width: 32px;
  height: 32px;
  background-color: var(--clr-primary);
  transform: translate(0, -50%);
  cursor: pointer;
  z-index: 999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--clr-accent-2);
}
div.prod-slider a.prod-prev i,
div.prod-slider a.prod-next i {
  position: absolute;
  inset: 0;
  display: block;
  background-color: var(--clr-accent-2);
  cursor: pointer;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center center;
}
div.prod-slider a.prod-prev {
  left: 16px;
}
div.prod-slider a.prod-prev i {
  --svg: url('data:image/svg+xml,\
                <svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65" fill="none">\
                <path d="M42 21L42 26.96L29.48 32.68L42 38.4V44.4L22 35.32L22 30.08L42 21Z" fill="white"/>\
                </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
div.prod-slider a.prod-next {
  right: 16px;
}
div.prod-slider a.prod-next i {
  --svg: url('data:image/svg+xml,\
                <svg xmlns="http://www.w3.org/2000/svg" width="65" height="65" viewBox="0 0 65 65" fill="none">\
                <path d="M23.0002 44L23.0002 38.04L35.5202 32.32L23.0002 26.6L23.0002 20.6L43.0002 29.68L43.0002 34.92L23.0002 44Z" fill="white"/>\
                </svg>');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}
div.prod-slider a.prod-next {
  right: 16px;
  left: auto;
}
div.prod-slider div.prod-imgs-slider {
  /*background: red;*/
  display: none;
  height: 120px;
  bottom: 0px;
  width: 80%;
  left: 10%;
}
div.prod-slider div.prod-imgs-slider a {
  height: 120px;
  margin: 0 0.25rem;
}
div.prod-slider div.prod-imgs-slider a img {
  width: 100%;
  max-height: 100%;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  border: 1px solid var(--clr-accent-1);
}
.quantity-row {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid var(--clr-accent-3);
}
.quantity-row:first-of-type {
  border-top: 1px solid var(--clr-accent-3);
  margin-top: 1rem;
}
.quantity-row [class^="col-"] {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.quantity-row [class^="col-"] .row {
  border-left: 1px solid var(--clr-secondary);
}
.quantity-row [class^="col-"] .row [class^="col-"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.quantity-row [class^="col-"]:first-of-type .row {
  border-left: none;
}
.quantity-row input.quantity {
  background: var(--clr-primary);
  --brd-radius: 5px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  border: 1px solid var(--clr-accent-1);
  width: 100px;
  padding: 0.5rem;
}
.quantity-row input.quantity:focus-visible {
  outline-color: var(--clr-accent-1);
}
.quantity-row input.quantity.warning {
  border-color: var(--clr-warning) !important;
}
@media (max-width: 1025px) {
  .quantity-row [class^="col-"] .row [class^="col-"] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .quantity-row [class^="col-"] .row [class^="col-"].qtycol {
    padding-top: 0;
  }
  .quantity-row [class^="col-"] .row [class^="col-"].qtycol input.quantity {
    width: 100%;
  }
  .quantity-row [class^="col-"] .row [class^="col-"].qtycol i {
    top: -9px;
  }
}
.color-link {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.step .content {
  display: none;
}
.step.active .content,
.step.filled .content {
  display: block;
}
.sizes-variants.step.active,
.sizes-variants.step.filled {
  min-height: 200px;
  background-color: lightgray;
  width: 100%;
}
.filter-list ul.no-bul {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.filter-list + .filter-list {
  margin-top: 2rem;
}
.cart {
  border-top: 1px solid var(--clr-accent-1);
}
.cart .orderline {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--clr-accent-1);
}
.cart .orderline fieldset {
  border: 1px solid var(--clr-accent-2);
  padding: 1rem;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.cart .orderline fieldset legend {
  float: none;
  width: auto;
  border: 1px solid var(--clr-accent-2);
  padding: 0.5rem;
  --brd-radius: 5px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
.cart .orderline small {
  font-size: var(--fnt-size-small);
}
.cart .info-row {
  display: block;
}
.cart-total table {
  margin-left: auto;
}
.file {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.file-input {
  width: 100%;
  margin: 0 0 0 4px;
  padding: 0;
}
.file-input label {
  display: inline-block;
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-accent-2);
  color: var(--clr-accent-2);
  outline: none;
  padding: 8px 16px 6px 23px;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  transition: all 0.2s;
  cursor: pointer;
  width: 100%;
}
.file-input label i {
  display: inline-block;
  margin: 0 0.25rem;
  vertical-align: middle;
  width: 19px;
  height: 24px;
  background-color: var(--clr-accent-2);
  --svg: url('data:image/svg+xml,\
            <svg width="19" height="24" viewBox="0 0 19 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.4749 4.98131L12.9551 0.705281C12.4743 0.250453 11.8451 0 11.1833 0H2.57812C1.15655 0 0 1.15655 0 2.57812V21.4219C0 22.8435 1.15655 24 2.57812 24H15.7031C17.1247 24 18.2812 22.8435 18.2812 21.4219V6.85416C18.2812 6.14873 17.9873 5.46609 17.4749 4.98131ZM16.1091 5.625H12.6094C12.4801 5.625 12.375 5.51986 12.375 5.39062V2.09231L16.1091 5.625ZM15.7031 22.5938H2.57812C1.93195 22.5938 1.40625 22.068 1.40625 21.4219V2.57812C1.40625 1.93195 1.93195 1.40625 2.57812 1.40625H10.9688V5.39062C10.9688 6.29527 11.7047 7.03125 12.6094 7.03125H16.875V21.4219C16.875 22.068 16.3493 22.5938 15.7031 22.5938Z" fill="white"/> <path d="M14.1562 9.375H3.84375C3.45544 9.375 3.14062 9.68981 3.14062 10.0781C3.14062 10.4664 3.45544 10.7812 3.84375 10.7812H14.1562C14.5446 10.7812 14.8594 10.4664 14.8594 10.0781C14.8594 9.68981 14.5446 9.375 14.1562 9.375Z" fill="white"/> <path d="M14.1562 13.125H3.84375C3.45544 13.125 3.14062 13.4398 3.14062 13.8281C3.14062 14.2164 3.45544 14.5312 3.84375 14.5312H14.1562C14.5446 14.5312 14.8594 14.2164 14.8594 13.8281C14.8594 13.4398 14.5446 13.125 14.1562 13.125Z" fill="white"/> <path d="M7.2525 16.875H3.84375C3.45544 16.875 3.14062 17.1898 3.14062 17.5781C3.14062 17.9664 3.45544 18.2812 3.84375 18.2812H7.2525C7.64081 18.2812 7.95563 17.9664 7.95563 17.5781C7.95563 17.1898 7.64081 16.875 7.2525 16.875Z" fill="white"/> </svg> ');
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-position: left center;
  mask-size: 15px;
}
.file-input:is(:hover, :focus) label {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
.file-input:is(:hover, :focus) label i {
  background-color: var(--clr-primary);
}
.file-name {
  position: absolute;
  bottom: -35px;
  left: 10px;
  font-size: 0.85rem;
  color: #555;
}
.hero-dots {
  padding-left: 15px;
}
.slick-list {
  padding: 1rem 0;
}
.home .slick-list {
  padding: 0;
}
.slick-dots {
  display: flex;
}
.slick-dots li button {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: red;
  border-radius: 50%;
  border: none;
  margin-right: 0.5rem;
  font-size: 0;
  cursor: pointer;
  background-color: var(--clr-tertiary);
}
.slick-dots li.slick-active {
  color: yellow;
}
.slick-dots li.slick-active button {
  background-color: var(--clr-accent-2);
}
.spotlight-slider .slick-slide {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.wl-popover {
  /*$popover-max-width: 500px;*/
  --bs-popover-max-width: 500px;
  --bs-popover-border-color: var(--clr-accent-2);
  --bs-popover-header-bg: var(--clr-accent-2);
  --bs-popover-header-color: var(--clr-primary);
  --bs-popover-body-color: var(--clr-secondary);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 0.5rem;
  box-shadow: var(--box-shadow);
}
nav.paging {
  width: 100%;
  display: flex;
}
nav.paging ul {
  width: auto;
  margin: 0 auto;
  display: flex;
  list-style: none;
}
nav.paging ul li {
  list-style: none !important;
  margin: 0 0.5rem;
}
nav.paging ul li a {
  display: inline-block;
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-accent-2);
  color: var(--clr-accent-2);
  outline: none;
  padding: 8px 16px 6px 16px;
  transition: all 0.2s;
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  transition: all 300ms;
}
nav.paging ul li a:hover {
  background-color: var(--clr-accent-3);
}
nav.paging ul li a.active {
  background-color: var(--clr-accent-2);
  color: var(--clr-primary);
}
.BS-SIZES {
  position: fixed;
  top: 0;
  left: -70px;
  padding: 1rem 1rem 1rem 0;
  background: darkred;
  width: 200px;
  text-align: center;
  z-index: 999999;
  transform: rotateY(0deg) rotate(-45deg);
}
.BS-SIZES > div {
  font-weight: var(--fnt-weight-bold);
  font-variation-settings: 'wght' var(--fnt-weight-bold);
  color: white;
}
body {
  background-color: var(--clr-primary);
  color: var(--clr-secondary);
  font-family: var(--fnt-family);
  font-size: var(--fnt-size-normal);
  font-variation-settings: var(--fnt-var-settings);
  line-height: 150%;
  font-weight: var(--fnt-weight-normal);
  font-variation-settings: 'wght' var(--fnt-weight-normal);
}
body.product-detail {
  background-color: var(--clr-accent-4);
}
.umb-block-grid ul {
  list-style: disc;
  margin-left: 20px;
}
.umb-block-grid ul li {
  line-height: 150%;
}
.umb-block-grid ul li::marker {
  color: var(--clr-accent-1);
}
.grid-img img {
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
}
h6,
h5,
h4,
h3,
h2,
h1 {
  margin: 0;
  font-weight: var(--fnt-weight-bold);
  font-variation-settings: 'wght' var(--fnt-weight-bold);
  line-height: 1.5;
  color: var(--clr-accent-1);
}
h1 {
  font-size: var(--fnt-size-xxxxlarge);
  font-weight: var(--fnt-weight-xbold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-xbold);
}
h2 {
  font-size: var(--fnt-size-xxxlarge);
}
h3 {
  font-size: var(--fnt-size-xxlarge);
}
h4 {
  font-size: var(--fnt-size-xlarge);
}
h5 {
  font-size: var(--fnt-size-large);
}
h6 {
  font-size: var(--fnt-size-medium);
}
b,
strong,
.b,
.strong {
  font-weight: var(--fnt-weight-bold) !important;
  font-variation-settings: 'wght' var(--fnt-weight-bold) !important;
}
em {
  font-style: italic;
}
.small,
small {
  font-size: var(--fnt-size-small) !important;
}
address {
  line-height: 150%;
}
label {
  position: relative;
}
hr {
  border: 1px solid var(--clr-accent-2);
  opacity: 1;
  margin: 1.5rem 0;
}
a {
  color: var(--clr-accent-2);
  text-decoration: none;
}
p {
  line-height: 150%;
  margin-bottom: 0.5rem;
}
label {
  cursor: pointer;
}
main section ul {
  padding-left: 2rem !important;
}
main section ul li {
  list-style: square !important;
}
.clr-1 {
  color: var(--clr-accent-1);
}
.clr-2 {
  color: var(--clr-accent-2);
}
.clr-3 {
  color: var(--clr-accent-3);
}
.clr-4 {
  color: var(--clr-accent-4);
}
.clr-pr {
  color: var(--clr-accent-primary);
}
.clr-se {
  color: var(--clr-secondary);
}
.clr-te {
  color: var(--clr-tertiary);
}
.clr-error {
  color: var(--clr-error);
}
.bg-clr-1 {
  background-color: var(--clr-accent-1);
}
.bg-clr-2 {
  background-color: var(--clr-accent-2);
}
.bg-clr-3 {
  background-color: var(--clr-accent-3);
}
.bg-clr-4 {
  background-color: var(--clr-accent-4);
}
.bg-clr-pr {
  background-color: var(--clr-primary);
}
.bg-clr-se {
  background-color: var(--clr-secondary);
}
.bg-clr-te {
  background-color: var(--clr-tertiary);
}
.block-grid a,
.intro a {
  text-decoration: underline;
}
.intro.clr-2 a {
  color: var(--clr-secondary);
}
.block-grid {
  margin-left: -12px;
  margin-right: -12px;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.mt-n10 {
  font-size: 0.75rem;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.blockgrid__richtext ul {
  padding-left: 13px;
}
.blockgrid__richtext ul li {
  line-height: 150%;
  list-style-type: square;
}
nav.pagination {
  display: flex;
  justify-content: center;
}
nav.pagination ul.pagination {
  display: flex;
}
nav.pagination ul.pagination li a {
  display: block;
  border: 1px solid var(--clr-accent-1);
  width: 40px;
  height: 40px;
  --brd-radius: 20px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  text-align: center;
  line-height: 40px;
  margin: 0 5px 1rem 5px;
  color: var(--clr-accent-1);
  background-color: var(--clr-primary);
}
nav.pagination ul.pagination li a.active {
  color: var(--clr-primary);
  background-color: var(--clr-accent-1);
}
.nowrap {
  white-space: nowrap;
}
.ipsis {
  font-size: var(--fnt-size-small);
}
@media (min-width: 576px) {
  .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) {
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .clmns-2 {
    columns: 2;
  }
}
@media (min-width: 1200px) {
  .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) {
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.modal-backdrop.show {
  z-index: 9999998;
}
.modal.show {
  z-index: 9999999;
}
.sitemap ul {
  margin: 0 12px 12px 12px !important;
  padding: 0 !important;
}
.sitemap ul li {
  padding-left: 4px !important;
  list-style-type: disc !important;
}
.cookie-bar {
  background-color: var(--clr-tertiary);
  bottom: 0;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  color: var(--clr-secondary);
  font-size: 1rem;
  left: 0;
  padding: 10px 0;
  position: fixed;
  right: 0;
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 500ms ease-in-out;
}
.cookie-bar.show {
  transform: translateY(0);
  transition: transform 500ms 500ms ease-in-out;
}
.cookie-bar .text a {
  color: var(--clr-accent-1);
}
.cookie-bar a {
  color: var(--clr-accent-1);
}
.cookie-bar .cookie-bar-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: nowrap;
  height: 100%;
}
@media (max-width: 991px) {
  .cookie-bar {
    text-align: center;
  }
  .cookie-bar .cookie-bar-button-container {
    padding-block: 0.5rem;
    justify-content: space-around;
  }
}
.account-menu {
  border-right: solid 2px var(--clr-accent-2);
}
.account-menu a.active {
  font-weight: var(--fnt-weight-bold);
}
.order-status {
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  padding: 13px 16px 11px 16px;
  border: solid 1px;
  color: var(--clr-primary);
  width: 100%;
  text-align: center;
  /* BG Colors */
}
.order-status.grey {
  color: #68676b;
  background-color: #d8d7d9;
}
.order-status.dark-grey {
  color: white;
  background-color: #667684;
}
.order-status.red {
  color: white;
  background-color: #d42054;
}
.order-status.orange {
  color: white;
  background-color: #ff9800;
}
.order-status.deep-orange {
  color: white;
  background-color: #ff5722;
}
.order-status.yellow {
  color: #655b12;
  background-color: #ffeb3b;
}
.order-status.amber {
  color: #544c0f;
  background-color: #ffc107;
}
.order-status.green {
  color: white;
  background-color: #4caf50;
  /* #2bc37c; */
}
.order-status.light-green {
  color: white;
  background-color: #8bc34a;
}
.order-status.lime {
  color: white;
  background-color: #cddc39;
}
.order-status.blue {
  color: white;
  background-color: #2196f3;
}
.order-status.light-blue {
  color: white;
  background-color: #03a9f4;
}
.order-status.indigo {
  color: white;
  background-color: #3f51b5;
}
.order-status.pink {
  color: white;
  background-color: #e91e63;
}
.order-status.purple {
  color: white;
  background-color: #9c27b0;
}
.order-status.deep-purple {
  color: white;
  background-color: #673ab7;
}
.order-status.cyan {
  color: white;
  background-color: #00bcd4;
}
.order-status.brown {
  color: white;
  background-color: #795548;
}
.oh-search {
  display: inline;
}
.oh-search button {
  border: none;
  background-color: transparent;
  color: var(--clr-accent-2);
  position: relative;
  left: -32px;
}
.oh-status {
  --brd-radius: 10px;
  -webkit-border-radius: var(--brd-radius);
  -moz-border-radius: var(--brd-radius);
  border-radius: var(--brd-radius);
  padding: 13px 16px 11px 16px;
  border: solid 1px var(--clr-accent-2);
  background-color: var(--clr-accent-3);
  color: var(--clr-accent-2);
}
.oh-status::placeholder {
  /* Edge 12-18 */
  color: var(--clr-accent-2);
}
.oh-status[type="text"] {
  padding-right: 35px;
}
.table-container {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  color: var(--clr-accent-1);
  /*box-shadow: 0px 1px 4px rgba(0, 0, 0, .08);*/
}
.table-container .table-row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  border-top: 1px solid var(--clr-accent-1);
  border-bottom: 1px solid var(--clr-accent-1);
  margin-bottom: 5px;
}
.table-container .heading {
  background-color: #ececec;
  color: #3e3e3e;
  font-weight: bold;
}
.table-container .row-item {
  display: flex;
  flex: 1;
  font-size: 14px;
  padding: 15px 0;
  justify-content: left;
  align-items: center;
  transition: all 0.15s ease-in-out;
}
.table-container .row-item.center {
  justify-content: center;
}
.table-container .row-item.btns {
  flex: 0.75;
  padding-right: 1rem;
}
.table-container .row-item.end {
  flex: 0.15;
}
.table-container .row-item.newline {
  flex-direction: column;
  flex: 1 1 100%;
  border-top: 1px solid var(--clr-accent-1);
}
.table-container .row-item.newline .cart-total {
  align-self: flex-end;
}
.table-container .row-sub-container {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}
.table-container .row-sub-container .row-item {
  padding: 8px 0;
  border-bottom: 1px solid #dadada;
}
.table-container .row-sub-container .row-item:last-child {
  border-bottom: 0;
}
.invoiceAddress {
  display: none;
}
.invoiceAddress.show {
  display: block;
}
/* #region Standaard */
.umb-block-grid {
  --umb-block-grid--areas-row-gap: var(--umb-grid-row-gap, 1rem);
  --umb-block-grid--areas-column-gap: var(--umb-grid-column-gap, 1rem);
  --umb-block-grid--column-gap: 0;
  --umb-block-grid--row-gap: 1rem;
  padding-block: 2rem;
}
.umb-block-grid__layout-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--column-gap, 0);
  column-gap: var(--umb-block-grid--column-gap, 0);
  row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
  position: relative;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
}
.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
  column-gap: var(--umb-block-grid--areas-column-gap, 0);
  row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
  grid-row: span var(--umb-block-grid--area-row-span, 1);
}
.site-container--sidebar .umb-block-grid__area-container {
  padding-inline: 0;
}
.site-container--sidebar .umb-block-grid__layout-item .umb-block-grid__layout-item {
  padding-left: 4rem;
}
@media (min-width: 1024px) {
  .umb-block-grid__layout-item {
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
}
/* #endregion */
/* #region Overrides */
.umb-block-grid {
  margin-bottom: 3.5rem;
  max-width: 100vw;
  overflow-x: hidden;
}
.umb-block-grid__area-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 15px;
  max-width: var(--max-container-width);
}
.umb-block-grid__layout-item.row--alt-color {
  background-color: var(--clr-blockgrid-row-alt-bg);
  color: var(--clr-blockgrid-row-alt-txt);
  padding-block: 1rem;
}
/* #endregion */