/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden;
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.has-scroll-smooth body {
    overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%;
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

.c-scrollbar:hover {
    transform: scaleX(1.45);
}

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3);
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: black;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
}

:root {
    --br-min: 320;
    --br-max: 1440;
}

html {
    font-size: calc(14px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

:root {
    --font-size-12: calc(10px + (12 - 10) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-14: calc(12px + (14 - 12) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-16: calc(14px + (16 - 14) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-18: calc(16px + (18 - 16) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-20: calc(16px + (20 - 16) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-24: calc(20px + (24 - 20) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-28: calc(22px + (28 - 22) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-32: calc(24px + (32 - 24) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-40: calc(26px + (40 - 26) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-48: calc(32px + (48 - 32) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --font-size-64: calc(40px + (64 - 40) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-4: calc(3px + (4 - 3) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-8: calc(7px + (8 - 7) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-12: calc(10px + (12 - 10) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-16: calc(14px + (16 - 14) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-18: calc(16px + (20 - 16) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-20: calc(18px + (20 - 18) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-24: calc(20px + (24 - 20) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-32: calc(24px + (32 - 24) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-40: calc(26px + (40 - 26) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-48: calc(28px + (48 - 28) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-60: calc(32px + (60 - 32) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-80: calc(44px + (80 - 44) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-120: calc(60px + (120 - 60) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --spacer-160: calc(80px + (160 - 80) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    --grid-gutter-width: 12px;
    --grid-gutter-width-d2: 6px;
    --container-padding-x: 20px;
    --logo-height: calc(28px + (52 - 28) * ((100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
}

@media (min-width: 992px) {
    :root {
        --container-padding-x: 12px;
    }
}

@media (min-width: 1441px) {
    :root {
        --container-padding-x: 16px;
    }
}

:root {
    --bs-blue: #0085FF;
    --bs-red: #ff000b;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #959696;
    --bs-gray-100: #F0F0F0;
    --bs-gray-200: #E6E6E7;
    --bs-gray-300: #DADADA;
    --bs-gray-400: #C9C9C9;
    --bs-gray-500: #B3B3B3;
    --bs-gray-600: #959696;
    --bs-gray-700: #707171;
    --bs-gray-800: #5F6060;
    --bs-gray-900: #535454;
    --bs-gray-black: #535454;
    --bs-primary: #090A0B;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #ff000b;
    --bs-white: #fff;
    --bs-gray-100: #F0F0F0;
    --bs-gray-200: #E6E6E7;
    --bs-gray-300: #DADADA;
    --bs-gray-400: #C9C9C9;
    --bs-gray-800: #5F6060;
    --bs-gray-900: #535454;
    --bs-black: #090A0B;
    --bs-eco-dark: #282924;
    --bs-primary-rgb: 9, 10, 11;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 255, 0, 11;
    --bs-white-rgb: 255, 255, 255;
    --bs-gray-100-rgb: 240, 240, 240;
    --bs-gray-200-rgb: 230, 230, 231;
    --bs-gray-300-rgb: 218, 218, 218;
    --bs-gray-400-rgb: 201, 201, 201;
    --bs-gray-800-rgb: 95, 96, 96;
    --bs-gray-900-rgb: 83, 84, 84;
    --bs-black-rgb: 9, 10, 11;
    --bs-eco-dark-rgb: 40, 41, 36;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 9, 10, 11;
    --bs-body-color-rgb: 83, 84, 84;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #535454;
    --bs-body-bg: #fff;
}

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

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

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(9, 10, 11, 0);
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

hr:not([size]) {
    height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: var(--spacer-16);
    font-weight: 400;
    line-height: 1.2;
    color: #090A0B;
}

h1, .h1 {
    font-size: var(--font-size-32);
}

h2, .h2 {
    font-size: var(--font-size-28);
}

h3, .h3 {
    font-size: var(--font-size-24);
}

h4, .h4 {
    font-size: var(--font-size-20);
}

h5, .h5 {
    font-size: var(--font-size-18);
}

h6, .h6 {
    font-size: var(--font-size-16);
}

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

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

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

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

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

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

dt {
    font-weight: 700;
}

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

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

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

mark, .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #090A0B;
    text-decoration: none;
}

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

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: #ff000b;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #535454;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

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

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #959696;
    text-align: left;
}

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

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

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

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

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

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

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

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

textarea {
    resize: vertical;
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend + * {
    clear: left;
}

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

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

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

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

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

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

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

output {
    display: inline-block;
}

iframe {
    border: 0;
}

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

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

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

.display-40 {
    font-size: var(--font-size-40);
    font-weight: 300;
    line-height: 1.2;
}

.display-48 {
    font-size: var(--font-size-48);
    font-weight: 300;
    line-height: 1.2;
}

.display-64 {
    font-size: var(--font-size-64);
    font-weight: 300;
    line-height: 1.2;
}

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

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

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

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

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

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote > :last-child {
    margin-bottom: 0;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #959696;
}

.blockquote-footer::before {
    content: "— ";
}

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #DADADA;
    border-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

.figure-caption {
    font-size: 0.875em;
    color: #959696;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, var(--container-padding-x));
    padding-left: var(--bs-gutter-x, var(--container-padding-x));
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: var(--grid-gutter-width);
    --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 > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-4,
.gx-4 {
    --bs-gutter-x: var(--spacer-4);
}

.g-4,
.gy-4 {
    --bs-gutter-y: var(--spacer-4);
}

.g-8,
.gx-8 {
    --bs-gutter-x: var(--spacer-8);
}

.g-8,
.gy-8 {
    --bs-gutter-y: var(--spacer-8);
}

.g-12,
.gx-12 {
    --bs-gutter-x: var(--spacer-12);
}

.g-12,
.gy-12 {
    --bs-gutter-y: var(--spacer-12);
}

.g-16,
.gx-16 {
    --bs-gutter-x: var(--spacer-16);
}

.g-16,
.gy-16 {
    --bs-gutter-y: var(--spacer-16);
}

.g-18,
.gx-18 {
    --bs-gutter-x: var(--spacer-18);
}

.g-18,
.gy-18 {
    --bs-gutter-y: var(--spacer-18);
}

.g-20,
.gx-20 {
    --bs-gutter-x: var(--spacer-20);
}

.g-20,
.gy-20 {
    --bs-gutter-y: var(--spacer-20);
}

.g-24,
.gx-24 {
    --bs-gutter-x: var(--spacer-24);
}

.g-24,
.gy-24 {
    --bs-gutter-y: var(--spacer-24);
}

.g-32,
.gx-32 {
    --bs-gutter-x: var(--spacer-32);
}

.g-32,
.gy-32 {
    --bs-gutter-y: var(--spacer-32);
}

.g-40,
.gx-40 {
    --bs-gutter-x: var(--spacer-40);
}

.g-40,
.gy-40 {
    --bs-gutter-y: var(--spacer-40);
}

.g-48,
.gx-48 {
    --bs-gutter-x: var(--spacer-48);
}

.g-48,
.gy-48 {
    --bs-gutter-y: var(--spacer-48);
}

.g-60,
.gx-60 {
    --bs-gutter-x: var(--spacer-60);
}

.g-60,
.gy-60 {
    --bs-gutter-y: var(--spacer-60);
}

.g-80,
.gx-80 {
    --bs-gutter-x: var(--spacer-80);
}

.g-80,
.gy-80 {
    --bs-gutter-y: var(--spacer-80);
}

.g-96,
.gx-96 {
    --bs-gutter-x: var(--spacer-96);
}

.g-96,
.gy-96 {
    --bs-gutter-y: var(--spacer-96);
}

.g-120,
.gx-120 {
    --bs-gutter-x: var(--spacer-120);
}

.g-120,
.gy-120 {
    --bs-gutter-y: var(--spacer-120);
}

.g-160,
.gx-160 {
    --bs-gutter-x: var(--spacer-160);
}

.g-160,
.gy-160 {
    --bs-gutter-y: var(--spacer-160);
}

.g-cpx,
.gx-cpx {
    --bs-gutter-x: var(--container-padding-x);
}

.g-cpx,
.gy-cpx {
    --bs-gutter-y: var(--container-padding-x);
}

.g-ggw,
.gx-ggw {
    --bs-gutter-x: var(--grid-gutter-width);
}

.g-ggw,
.gy-ggw {
    --bs-gutter-y: var(--grid-gutter-width);
}

@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.3333333333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-sm-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: var(--spacer-4);
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: var(--spacer-4);
    }

    .g-sm-8,
    .gx-sm-8 {
        --bs-gutter-x: var(--spacer-8);
    }

    .g-sm-8,
    .gy-sm-8 {
        --bs-gutter-y: var(--spacer-8);
    }

    .g-sm-12,
    .gx-sm-12 {
        --bs-gutter-x: var(--spacer-12);
    }

    .g-sm-12,
    .gy-sm-12 {
        --bs-gutter-y: var(--spacer-12);
    }

    .g-sm-16,
    .gx-sm-16 {
        --bs-gutter-x: var(--spacer-16);
    }

    .g-sm-16,
    .gy-sm-16 {
        --bs-gutter-y: var(--spacer-16);
    }

    .g-sm-18,
    .gx-sm-18 {
        --bs-gutter-x: var(--spacer-18);
    }

    .g-sm-18,
    .gy-sm-18 {
        --bs-gutter-y: var(--spacer-18);
    }

    .g-sm-20,
    .gx-sm-20 {
        --bs-gutter-x: var(--spacer-20);
    }

    .g-sm-20,
    .gy-sm-20 {
        --bs-gutter-y: var(--spacer-20);
    }

    .g-sm-24,
    .gx-sm-24 {
        --bs-gutter-x: var(--spacer-24);
    }

    .g-sm-24,
    .gy-sm-24 {
        --bs-gutter-y: var(--spacer-24);
    }

    .g-sm-32,
    .gx-sm-32 {
        --bs-gutter-x: var(--spacer-32);
    }

    .g-sm-32,
    .gy-sm-32 {
        --bs-gutter-y: var(--spacer-32);
    }

    .g-sm-40,
    .gx-sm-40 {
        --bs-gutter-x: var(--spacer-40);
    }

    .g-sm-40,
    .gy-sm-40 {
        --bs-gutter-y: var(--spacer-40);
    }

    .g-sm-48,
    .gx-sm-48 {
        --bs-gutter-x: var(--spacer-48);
    }

    .g-sm-48,
    .gy-sm-48 {
        --bs-gutter-y: var(--spacer-48);
    }

    .g-sm-60,
    .gx-sm-60 {
        --bs-gutter-x: var(--spacer-60);
    }

    .g-sm-60,
    .gy-sm-60 {
        --bs-gutter-y: var(--spacer-60);
    }

    .g-sm-80,
    .gx-sm-80 {
        --bs-gutter-x: var(--spacer-80);
    }

    .g-sm-80,
    .gy-sm-80 {
        --bs-gutter-y: var(--spacer-80);
    }

    .g-sm-96,
    .gx-sm-96 {
        --bs-gutter-x: var(--spacer-96);
    }

    .g-sm-96,
    .gy-sm-96 {
        --bs-gutter-y: var(--spacer-96);
    }

    .g-sm-120,
    .gx-sm-120 {
        --bs-gutter-x: var(--spacer-120);
    }

    .g-sm-120,
    .gy-sm-120 {
        --bs-gutter-y: var(--spacer-120);
    }

    .g-sm-160,
    .gx-sm-160 {
        --bs-gutter-x: var(--spacer-160);
    }

    .g-sm-160,
    .gy-sm-160 {
        --bs-gutter-y: var(--spacer-160);
    }

    .g-sm-cpx,
    .gx-sm-cpx {
        --bs-gutter-x: var(--container-padding-x);
    }

    .g-sm-cpx,
    .gy-sm-cpx {
        --bs-gutter-y: var(--container-padding-x);
    }

    .g-sm-ggw,
    .gx-sm-ggw {
        --bs-gutter-x: var(--grid-gutter-width);
    }

    .g-sm-ggw,
    .gy-sm-ggw {
        --bs-gutter-y: var(--grid-gutter-width);
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-md-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: var(--spacer-4);
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: var(--spacer-4);
    }

    .g-md-8,
    .gx-md-8 {
        --bs-gutter-x: var(--spacer-8);
    }

    .g-md-8,
    .gy-md-8 {
        --bs-gutter-y: var(--spacer-8);
    }

    .g-md-12,
    .gx-md-12 {
        --bs-gutter-x: var(--spacer-12);
    }

    .g-md-12,
    .gy-md-12 {
        --bs-gutter-y: var(--spacer-12);
    }

    .g-md-16,
    .gx-md-16 {
        --bs-gutter-x: var(--spacer-16);
    }

    .g-md-16,
    .gy-md-16 {
        --bs-gutter-y: var(--spacer-16);
    }

    .g-md-18,
    .gx-md-18 {
        --bs-gutter-x: var(--spacer-18);
    }

    .g-md-18,
    .gy-md-18 {
        --bs-gutter-y: var(--spacer-18);
    }

    .g-md-20,
    .gx-md-20 {
        --bs-gutter-x: var(--spacer-20);
    }

    .g-md-20,
    .gy-md-20 {
        --bs-gutter-y: var(--spacer-20);
    }

    .g-md-24,
    .gx-md-24 {
        --bs-gutter-x: var(--spacer-24);
    }

    .g-md-24,
    .gy-md-24 {
        --bs-gutter-y: var(--spacer-24);
    }

    .g-md-32,
    .gx-md-32 {
        --bs-gutter-x: var(--spacer-32);
    }

    .g-md-32,
    .gy-md-32 {
        --bs-gutter-y: var(--spacer-32);
    }

    .g-md-40,
    .gx-md-40 {
        --bs-gutter-x: var(--spacer-40);
    }

    .g-md-40,
    .gy-md-40 {
        --bs-gutter-y: var(--spacer-40);
    }

    .g-md-48,
    .gx-md-48 {
        --bs-gutter-x: var(--spacer-48);
    }

    .g-md-48,
    .gy-md-48 {
        --bs-gutter-y: var(--spacer-48);
    }

    .g-md-60,
    .gx-md-60 {
        --bs-gutter-x: var(--spacer-60);
    }

    .g-md-60,
    .gy-md-60 {
        --bs-gutter-y: var(--spacer-60);
    }

    .g-md-80,
    .gx-md-80 {
        --bs-gutter-x: var(--spacer-80);
    }

    .g-md-80,
    .gy-md-80 {
        --bs-gutter-y: var(--spacer-80);
    }

    .g-md-96,
    .gx-md-96 {
        --bs-gutter-x: var(--spacer-96);
    }

    .g-md-96,
    .gy-md-96 {
        --bs-gutter-y: var(--spacer-96);
    }

    .g-md-120,
    .gx-md-120 {
        --bs-gutter-x: var(--spacer-120);
    }

    .g-md-120,
    .gy-md-120 {
        --bs-gutter-y: var(--spacer-120);
    }

    .g-md-160,
    .gx-md-160 {
        --bs-gutter-x: var(--spacer-160);
    }

    .g-md-160,
    .gy-md-160 {
        --bs-gutter-y: var(--spacer-160);
    }

    .g-md-cpx,
    .gx-md-cpx {
        --bs-gutter-x: var(--container-padding-x);
    }

    .g-md-cpx,
    .gy-md-cpx {
        --bs-gutter-y: var(--container-padding-x);
    }

    .g-md-ggw,
    .gx-md-ggw {
        --bs-gutter-x: var(--grid-gutter-width);
    }

    .g-md-ggw,
    .gy-md-ggw {
        --bs-gutter-y: var(--grid-gutter-width);
    }
}

@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.3333333333%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-lg-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: var(--spacer-4);
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: var(--spacer-4);
    }

    .g-lg-8,
    .gx-lg-8 {
        --bs-gutter-x: var(--spacer-8);
    }

    .g-lg-8,
    .gy-lg-8 {
        --bs-gutter-y: var(--spacer-8);
    }

    .g-lg-12,
    .gx-lg-12 {
        --bs-gutter-x: var(--spacer-12);
    }

    .g-lg-12,
    .gy-lg-12 {
        --bs-gutter-y: var(--spacer-12);
    }

    .g-lg-16,
    .gx-lg-16 {
        --bs-gutter-x: var(--spacer-16);
    }

    .g-lg-16,
    .gy-lg-16 {
        --bs-gutter-y: var(--spacer-16);
    }

    .g-lg-18,
    .gx-lg-18 {
        --bs-gutter-x: var(--spacer-18);
    }

    .g-lg-18,
    .gy-lg-18 {
        --bs-gutter-y: var(--spacer-18);
    }

    .g-lg-20,
    .gx-lg-20 {
        --bs-gutter-x: var(--spacer-20);
    }

    .g-lg-20,
    .gy-lg-20 {
        --bs-gutter-y: var(--spacer-20);
    }

    .g-lg-24,
    .gx-lg-24 {
        --bs-gutter-x: var(--spacer-24);
    }

    .g-lg-24,
    .gy-lg-24 {
        --bs-gutter-y: var(--spacer-24);
    }

    .g-lg-32,
    .gx-lg-32 {
        --bs-gutter-x: var(--spacer-32);
    }

    .g-lg-32,
    .gy-lg-32 {
        --bs-gutter-y: var(--spacer-32);
    }

    .g-lg-40,
    .gx-lg-40 {
        --bs-gutter-x: var(--spacer-40);
    }

    .g-lg-40,
    .gy-lg-40 {
        --bs-gutter-y: var(--spacer-40);
    }

    .g-lg-48,
    .gx-lg-48 {
        --bs-gutter-x: var(--spacer-48);
    }

    .g-lg-48,
    .gy-lg-48 {
        --bs-gutter-y: var(--spacer-48);
    }

    .g-lg-60,
    .gx-lg-60 {
        --bs-gutter-x: var(--spacer-60);
    }

    .g-lg-60,
    .gy-lg-60 {
        --bs-gutter-y: var(--spacer-60);
    }

    .g-lg-80,
    .gx-lg-80 {
        --bs-gutter-x: var(--spacer-80);
    }

    .g-lg-80,
    .gy-lg-80 {
        --bs-gutter-y: var(--spacer-80);
    }

    .g-lg-96,
    .gx-lg-96 {
        --bs-gutter-x: var(--spacer-96);
    }

    .g-lg-96,
    .gy-lg-96 {
        --bs-gutter-y: var(--spacer-96);
    }

    .g-lg-120,
    .gx-lg-120 {
        --bs-gutter-x: var(--spacer-120);
    }

    .g-lg-120,
    .gy-lg-120 {
        --bs-gutter-y: var(--spacer-120);
    }

    .g-lg-160,
    .gx-lg-160 {
        --bs-gutter-x: var(--spacer-160);
    }

    .g-lg-160,
    .gy-lg-160 {
        --bs-gutter-y: var(--spacer-160);
    }

    .g-lg-cpx,
    .gx-lg-cpx {
        --bs-gutter-x: var(--container-padding-x);
    }

    .g-lg-cpx,
    .gy-lg-cpx {
        --bs-gutter-y: var(--container-padding-x);
    }

    .g-lg-ggw,
    .gx-lg-ggw {
        --bs-gutter-x: var(--grid-gutter-width);
    }

    .g-lg-ggw,
    .gy-lg-ggw {
        --bs-gutter-y: var(--grid-gutter-width);
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xl-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: var(--spacer-4);
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: var(--spacer-4);
    }

    .g-xl-8,
    .gx-xl-8 {
        --bs-gutter-x: var(--spacer-8);
    }

    .g-xl-8,
    .gy-xl-8 {
        --bs-gutter-y: var(--spacer-8);
    }

    .g-xl-12,
    .gx-xl-12 {
        --bs-gutter-x: var(--spacer-12);
    }

    .g-xl-12,
    .gy-xl-12 {
        --bs-gutter-y: var(--spacer-12);
    }

    .g-xl-16,
    .gx-xl-16 {
        --bs-gutter-x: var(--spacer-16);
    }

    .g-xl-16,
    .gy-xl-16 {
        --bs-gutter-y: var(--spacer-16);
    }

    .g-xl-18,
    .gx-xl-18 {
        --bs-gutter-x: var(--spacer-18);
    }

    .g-xl-18,
    .gy-xl-18 {
        --bs-gutter-y: var(--spacer-18);
    }

    .g-xl-20,
    .gx-xl-20 {
        --bs-gutter-x: var(--spacer-20);
    }

    .g-xl-20,
    .gy-xl-20 {
        --bs-gutter-y: var(--spacer-20);
    }

    .g-xl-24,
    .gx-xl-24 {
        --bs-gutter-x: var(--spacer-24);
    }

    .g-xl-24,
    .gy-xl-24 {
        --bs-gutter-y: var(--spacer-24);
    }

    .g-xl-32,
    .gx-xl-32 {
        --bs-gutter-x: var(--spacer-32);
    }

    .g-xl-32,
    .gy-xl-32 {
        --bs-gutter-y: var(--spacer-32);
    }

    .g-xl-40,
    .gx-xl-40 {
        --bs-gutter-x: var(--spacer-40);
    }

    .g-xl-40,
    .gy-xl-40 {
        --bs-gutter-y: var(--spacer-40);
    }

    .g-xl-48,
    .gx-xl-48 {
        --bs-gutter-x: var(--spacer-48);
    }

    .g-xl-48,
    .gy-xl-48 {
        --bs-gutter-y: var(--spacer-48);
    }

    .g-xl-60,
    .gx-xl-60 {
        --bs-gutter-x: var(--spacer-60);
    }

    .g-xl-60,
    .gy-xl-60 {
        --bs-gutter-y: var(--spacer-60);
    }

    .g-xl-80,
    .gx-xl-80 {
        --bs-gutter-x: var(--spacer-80);
    }

    .g-xl-80,
    .gy-xl-80 {
        --bs-gutter-y: var(--spacer-80);
    }

    .g-xl-96,
    .gx-xl-96 {
        --bs-gutter-x: var(--spacer-96);
    }

    .g-xl-96,
    .gy-xl-96 {
        --bs-gutter-y: var(--spacer-96);
    }

    .g-xl-120,
    .gx-xl-120 {
        --bs-gutter-x: var(--spacer-120);
    }

    .g-xl-120,
    .gy-xl-120 {
        --bs-gutter-y: var(--spacer-120);
    }

    .g-xl-160,
    .gx-xl-160 {
        --bs-gutter-x: var(--spacer-160);
    }

    .g-xl-160,
    .gy-xl-160 {
        --bs-gutter-y: var(--spacer-160);
    }

    .g-xl-cpx,
    .gx-xl-cpx {
        --bs-gutter-x: var(--container-padding-x);
    }

    .g-xl-cpx,
    .gy-xl-cpx {
        --bs-gutter-y: var(--container-padding-x);
    }

    .g-xl-ggw,
    .gx-xl-ggw {
        --bs-gutter-x: var(--grid-gutter-width);
    }

    .g-xl-ggw,
    .gy-xl-ggw {
        --bs-gutter-y: var(--grid-gutter-width);
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .offset-xxl-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: var(--spacer-4);
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: var(--spacer-4);
    }

    .g-xxl-8,
    .gx-xxl-8 {
        --bs-gutter-x: var(--spacer-8);
    }

    .g-xxl-8,
    .gy-xxl-8 {
        --bs-gutter-y: var(--spacer-8);
    }

    .g-xxl-12,
    .gx-xxl-12 {
        --bs-gutter-x: var(--spacer-12);
    }

    .g-xxl-12,
    .gy-xxl-12 {
        --bs-gutter-y: var(--spacer-12);
    }

    .g-xxl-16,
    .gx-xxl-16 {
        --bs-gutter-x: var(--spacer-16);
    }

    .g-xxl-16,
    .gy-xxl-16 {
        --bs-gutter-y: var(--spacer-16);
    }

    .g-xxl-18,
    .gx-xxl-18 {
        --bs-gutter-x: var(--spacer-18);
    }

    .g-xxl-18,
    .gy-xxl-18 {
        --bs-gutter-y: var(--spacer-18);
    }

    .g-xxl-20,
    .gx-xxl-20 {
        --bs-gutter-x: var(--spacer-20);
    }

    .g-xxl-20,
    .gy-xxl-20 {
        --bs-gutter-y: var(--spacer-20);
    }

    .g-xxl-24,
    .gx-xxl-24 {
        --bs-gutter-x: var(--spacer-24);
    }

    .g-xxl-24,
    .gy-xxl-24 {
        --bs-gutter-y: var(--spacer-24);
    }

    .g-xxl-32,
    .gx-xxl-32 {
        --bs-gutter-x: var(--spacer-32);
    }

    .g-xxl-32,
    .gy-xxl-32 {
        --bs-gutter-y: var(--spacer-32);
    }

    .g-xxl-40,
    .gx-xxl-40 {
        --bs-gutter-x: var(--spacer-40);
    }

    .g-xxl-40,
    .gy-xxl-40 {
        --bs-gutter-y: var(--spacer-40);
    }

    .g-xxl-48,
    .gx-xxl-48 {
        --bs-gutter-x: var(--spacer-48);
    }

    .g-xxl-48,
    .gy-xxl-48 {
        --bs-gutter-y: var(--spacer-48);
    }

    .g-xxl-60,
    .gx-xxl-60 {
        --bs-gutter-x: var(--spacer-60);
    }

    .g-xxl-60,
    .gy-xxl-60 {
        --bs-gutter-y: var(--spacer-60);
    }

    .g-xxl-80,
    .gx-xxl-80 {
        --bs-gutter-x: var(--spacer-80);
    }

    .g-xxl-80,
    .gy-xxl-80 {
        --bs-gutter-y: var(--spacer-80);
    }

    .g-xxl-96,
    .gx-xxl-96 {
        --bs-gutter-x: var(--spacer-96);
    }

    .g-xxl-96,
    .gy-xxl-96 {
        --bs-gutter-y: var(--spacer-96);
    }

    .g-xxl-120,
    .gx-xxl-120 {
        --bs-gutter-x: var(--spacer-120);
    }

    .g-xxl-120,
    .gy-xxl-120 {
        --bs-gutter-y: var(--spacer-120);
    }

    .g-xxl-160,
    .gx-xxl-160 {
        --bs-gutter-x: var(--spacer-160);
    }

    .g-xxl-160,
    .gy-xxl-160 {
        --bs-gutter-y: var(--spacer-160);
    }

    .g-xxl-cpx,
    .gx-xxl-cpx {
        --bs-gutter-x: var(--container-padding-x);
    }

    .g-xxl-cpx,
    .gy-xxl-cpx {
        --bs-gutter-y: var(--container-padding-x);
    }

    .g-xxl-ggw,
    .gx-xxl-ggw {
        --bs-gutter-x: var(--grid-gutter-width);
    }

    .g-xxl-ggw,
    .gy-xxl-ggw {
        --bs-gutter-y: var(--grid-gutter-width);
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.2;
    color: #535454;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 1rem 1.5rem;
    font-size: var(--font-size-12);
    border-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #535454;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}

.btn-primary {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-primary:hover {
    color: #fff;
    background-color: #080909;
    border-color: #070809;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #080909;
    border-color: #070809;
    box-shadow: 0 0 0 0.25rem rgba(46, 47, 48, 0.5);
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #070809;
    border-color: #070808;
}

.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(46, 47, 48, 0.5);
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f;
}

.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}

.btn-success:disabled, .btn-success.disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-info {
    color: #090A0B;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-info:hover {
    color: #090A0B;
    background-color: #31d2f2;
    border-color: #25cff2;
}

.btn-check:focus + .btn-info, .btn-info:focus {
    color: #090A0B;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(12, 173, 206, 0.5);
}

.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #090A0B;
    background-color: #3dd5f3;
    border-color: #25cff2;
}

.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(12, 173, 206, 0.5);
}

.btn-info:disabled, .btn-info.disabled {
    color: #090A0B;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-warning {
    color: #090A0B;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #090A0B;
    background-color: #ffca2c;
    border-color: #ffc720;
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #090A0B;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgba(218, 166, 8, 0.5);
}

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #090A0B;
    background-color: #ffcd39;
    border-color: #ffc720;
}

.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(218, 166, 8, 0.5);
}

.btn-warning:disabled, .btn-warning.disabled {
    color: #090A0B;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-danger {
    color: #fff;
    background-color: #ff000b;
    border-color: #ff000b;
}

.btn-danger:hover {
    color: #fff;
    background-color: #d90009;
    border-color: #cc0009;
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #d90009;
    border-color: #cc0009;
    box-shadow: 0 0 0 0.25rem rgba(255, 38, 48, 0.5);
}

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #cc0009;
    border-color: #bf0008;
}

.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 38, 48, 0.5);
}

.btn-danger:disabled, .btn-danger.disabled {
    color: #fff;
    background-color: #ff000b;
    border-color: #ff000b;
}

.btn-white {
    color: #090A0B;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover {
    color: #090A0B;
    background-color: white;
    border-color: white;
}

.btn-check:focus + .btn-white, .btn-white:focus {
    color: #090A0B;
    background-color: white;
    border-color: white;
    box-shadow: 0 0 0 0.25rem rgba(218, 218, 218, 0.5);
}

.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle {
    color: #090A0B;
    background-color: white;
    border-color: white;
}

.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(218, 218, 218, 0.5);
}

.btn-white:disabled, .btn-white.disabled {
    color: #090A0B;
    background-color: #fff;
    border-color: #fff;
}

.btn-gray-100 {
    color: #090A0B;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-gray-100:hover {
    color: #090A0B;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.btn-check:focus + .btn-gray-100, .btn-gray-100:focus {
    color: #090A0B;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    box-shadow: 0 0 0 0.25rem rgba(205, 206, 206, 0.5);
}

.btn-check:checked + .btn-gray-100, .btn-check:active + .btn-gray-100, .btn-gray-100:active, .btn-gray-100.active, .show > .btn-gray-100.dropdown-toggle {
    color: #090A0B;
    background-color: #f3f3f3;
    border-color: #f2f2f2;
}

.btn-check:checked + .btn-gray-100:focus, .btn-check:active + .btn-gray-100:focus, .btn-gray-100:active:focus, .btn-gray-100.active:focus, .show > .btn-gray-100.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(205, 206, 206, 0.5);
}

.btn-gray-100:disabled, .btn-gray-100.disabled {
    color: #090A0B;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-gray-200 {
    color: #090A0B;
    background-color: #E6E6E7;
    border-color: #E6E6E7;
}

.btn-gray-200:hover {
    color: #090A0B;
    background-color: #eaeaeb;
    border-color: #e9e9e9;
}

.btn-check:focus + .btn-gray-200, .btn-gray-200:focus {
    color: #090A0B;
    background-color: #eaeaeb;
    border-color: #e9e9e9;
    box-shadow: 0 0 0 0.25rem rgba(197, 197, 198, 0.5);
}

.btn-check:checked + .btn-gray-200, .btn-check:active + .btn-gray-200, .btn-gray-200:active, .btn-gray-200.active, .show > .btn-gray-200.dropdown-toggle {
    color: #090A0B;
    background-color: #ebebec;
    border-color: #e9e9e9;
}

.btn-check:checked + .btn-gray-200:focus, .btn-check:active + .btn-gray-200:focus, .btn-gray-200:active:focus, .btn-gray-200.active:focus, .show > .btn-gray-200.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(197, 197, 198, 0.5);
}

.btn-gray-200:disabled, .btn-gray-200.disabled {
    color: #090A0B;
    background-color: #E6E6E7;
    border-color: #E6E6E7;
}

.btn-gray-300 {
    color: #090A0B;
    background-color: #DADADA;
    border-color: #DADADA;
}

.btn-gray-300:hover {
    color: #090A0B;
    background-color: #e0e0e0;
    border-color: #dedede;
}

.btn-check:focus + .btn-gray-300, .btn-gray-300:focus {
    color: #090A0B;
    background-color: #e0e0e0;
    border-color: #dedede;
    box-shadow: 0 0 0 0.25rem rgba(187, 187, 187, 0.5);
}

.btn-check:checked + .btn-gray-300, .btn-check:active + .btn-gray-300, .btn-gray-300:active, .btn-gray-300.active, .show > .btn-gray-300.dropdown-toggle {
    color: #090A0B;
    background-color: #e1e1e1;
    border-color: #dedede;
}

.btn-check:checked + .btn-gray-300:focus, .btn-check:active + .btn-gray-300:focus, .btn-gray-300:active:focus, .btn-gray-300.active:focus, .show > .btn-gray-300.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(187, 187, 187, 0.5);
}

.btn-gray-300:disabled, .btn-gray-300.disabled {
    color: #090A0B;
    background-color: #DADADA;
    border-color: #DADADA;
}

.btn-gray-400 {
    color: #090A0B;
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}

.btn-gray-400:hover {
    color: #090A0B;
    background-color: #d1d1d1;
    border-color: #cecece;
}

.btn-check:focus + .btn-gray-400, .btn-gray-400:focus {
    color: #090A0B;
    background-color: #d1d1d1;
    border-color: #cecece;
    box-shadow: 0 0 0 0.25rem rgba(172, 172, 173, 0.5);
}

.btn-check:checked + .btn-gray-400, .btn-check:active + .btn-gray-400, .btn-gray-400:active, .btn-gray-400.active, .show > .btn-gray-400.dropdown-toggle {
    color: #090A0B;
    background-color: #d4d4d4;
    border-color: #cecece;
}

.btn-check:checked + .btn-gray-400:focus, .btn-check:active + .btn-gray-400:focus, .btn-gray-400:active:focus, .btn-gray-400.active:focus, .show > .btn-gray-400.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(172, 172, 173, 0.5);
}

.btn-gray-400:disabled, .btn-gray-400.disabled {
    color: #090A0B;
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}

.btn-gray-800 {
    color: #fff;
    background-color: #5F6060;
    border-color: #5F6060;
}

.btn-gray-800:hover {
    color: #fff;
    background-color: #515252;
    border-color: #4c4d4d;
}

.btn-check:focus + .btn-gray-800, .btn-gray-800:focus {
    color: #fff;
    background-color: #515252;
    border-color: #4c4d4d;
    box-shadow: 0 0 0 0.25rem rgba(119, 120, 120, 0.5);
}

.btn-check:checked + .btn-gray-800, .btn-check:active + .btn-gray-800, .btn-gray-800:active, .btn-gray-800.active, .show > .btn-gray-800.dropdown-toggle {
    color: #fff;
    background-color: #4c4d4d;
    border-color: #474848;
}

.btn-check:checked + .btn-gray-800:focus, .btn-check:active + .btn-gray-800:focus, .btn-gray-800:active:focus, .btn-gray-800.active:focus, .show > .btn-gray-800.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(119, 120, 120, 0.5);
}

.btn-gray-800:disabled, .btn-gray-800.disabled {
    color: #fff;
    background-color: #5F6060;
    border-color: #5F6060;
}

.btn-gray-900 {
    color: #fff;
    background-color: #535454;
    border-color: #535454;
}

.btn-gray-900:hover {
    color: #fff;
    background-color: #474747;
    border-color: #424343;
}

.btn-check:focus + .btn-gray-900, .btn-gray-900:focus {
    color: #fff;
    background-color: #474747;
    border-color: #424343;
    box-shadow: 0 0 0 0.25rem rgba(109, 110, 110, 0.5);
}

.btn-check:checked + .btn-gray-900, .btn-check:active + .btn-gray-900, .btn-gray-900:active, .btn-gray-900.active, .show > .btn-gray-900.dropdown-toggle {
    color: #fff;
    background-color: #424343;
    border-color: #3e3f3f;
}

.btn-check:checked + .btn-gray-900:focus, .btn-check:active + .btn-gray-900:focus, .btn-gray-900:active:focus, .btn-gray-900.active:focus, .show > .btn-gray-900.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(109, 110, 110, 0.5);
}

.btn-gray-900:disabled, .btn-gray-900.disabled {
    color: #fff;
    background-color: #535454;
    border-color: #535454;
}

.btn-black {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-black:hover {
    color: #fff;
    background-color: #080909;
    border-color: #070809;
}

.btn-check:focus + .btn-black, .btn-black:focus {
    color: #fff;
    background-color: #080909;
    border-color: #070809;
    box-shadow: 0 0 0 0.25rem rgba(46, 47, 48, 0.5);
}

.btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #070809;
    border-color: #070808;
}

.btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .show > .btn-black.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(46, 47, 48, 0.5);
}

.btn-black:disabled, .btn-black.disabled {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-eco-dark {
    color: #fff;
    background-color: #282924;
    border-color: #282924;
}

.btn-eco-dark:hover {
    color: #fff;
    background-color: #22231f;
    border-color: #20211d;
}

.btn-check:focus + .btn-eco-dark, .btn-eco-dark:focus {
    color: #fff;
    background-color: #22231f;
    border-color: #20211d;
    box-shadow: 0 0 0 0.25rem rgba(72, 73, 69, 0.5);
}

.btn-check:checked + .btn-eco-dark, .btn-check:active + .btn-eco-dark, .btn-eco-dark:active, .btn-eco-dark.active, .show > .btn-eco-dark.dropdown-toggle {
    color: #fff;
    background-color: #20211d;
    border-color: #1e1f1b;
}

.btn-check:checked + .btn-eco-dark:focus, .btn-check:active + .btn-eco-dark:focus, .btn-eco-dark:active:focus, .btn-eco-dark.active:focus, .show > .btn-eco-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(72, 73, 69, 0.5);
}

.btn-eco-dark:disabled, .btn-eco-dark.disabled {
    color: #fff;
    background-color: #282924;
    border-color: #282924;
}

.btn-outline-primary {
    color: #090A0B;
    border-color: #090A0B;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 10, 11, 0.5);
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 10, 11, 0.5);
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #090A0B;
    background-color: transparent;
}

.btn-outline-success {
    color: #198754;
    border-color: #198754;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}

.btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #198754;
    background-color: transparent;
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-info:hover {
    color: #090A0B;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #090A0B;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}

.btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #0dcaf0;
    background-color: transparent;
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #090A0B;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #090A0B;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-danger {
    color: #ff000b;
    border-color: #ff000b;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ff000b;
    border-color: #ff000b;
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 11, 0.5);
}

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #ff000b;
    border-color: #ff000b;
}

.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 11, 0.5);
}

.btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #ff000b;
    background-color: transparent;
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
}

.btn-outline-white:hover {
    color: #090A0B;
    background-color: #fff;
    border-color: #fff;
}

.btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
    color: #090A0B;
    background-color: #fff;
    border-color: #fff;
}

.btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white:disabled, .btn-outline-white.disabled {
    color: #fff;
    background-color: transparent;
}

.btn-outline-gray-100 {
    color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-outline-gray-100:hover {
    color: #090A0B;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-check:focus + .btn-outline-gray-100, .btn-outline-gray-100:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
}

.btn-check:checked + .btn-outline-gray-100, .btn-check:active + .btn-outline-gray-100, .btn-outline-gray-100:active, .btn-outline-gray-100.active, .btn-outline-gray-100.dropdown-toggle.show {
    color: #090A0B;
    background-color: #F0F0F0;
    border-color: #F0F0F0;
}

.btn-check:checked + .btn-outline-gray-100:focus, .btn-check:active + .btn-outline-gray-100:focus, .btn-outline-gray-100:active:focus, .btn-outline-gray-100.active:focus, .btn-outline-gray-100.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
}

.btn-outline-gray-100:disabled, .btn-outline-gray-100.disabled {
    color: #F0F0F0;
    background-color: transparent;
}

.btn-outline-gray-200 {
    color: #E6E6E7;
    border-color: #E6E6E7;
}

.btn-outline-gray-200:hover {
    color: #090A0B;
    background-color: #E6E6E7;
    border-color: #E6E6E7;
}

.btn-check:focus + .btn-outline-gray-200, .btn-outline-gray-200:focus {
    box-shadow: 0 0 0 0.25rem rgba(230, 230, 231, 0.5);
}

.btn-check:checked + .btn-outline-gray-200, .btn-check:active + .btn-outline-gray-200, .btn-outline-gray-200:active, .btn-outline-gray-200.active, .btn-outline-gray-200.dropdown-toggle.show {
    color: #090A0B;
    background-color: #E6E6E7;
    border-color: #E6E6E7;
}

.btn-check:checked + .btn-outline-gray-200:focus, .btn-check:active + .btn-outline-gray-200:focus, .btn-outline-gray-200:active:focus, .btn-outline-gray-200.active:focus, .btn-outline-gray-200.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(230, 230, 231, 0.5);
}

.btn-outline-gray-200:disabled, .btn-outline-gray-200.disabled {
    color: #E6E6E7;
    background-color: transparent;
}

.btn-outline-gray-300 {
    color: #DADADA;
    border-color: #DADADA;
}

.btn-outline-gray-300:hover {
    color: #090A0B;
    background-color: #DADADA;
    border-color: #DADADA;
}

.btn-check:focus + .btn-outline-gray-300, .btn-outline-gray-300:focus {
    box-shadow: 0 0 0 0.25rem rgba(218, 218, 218, 0.5);
}

.btn-check:checked + .btn-outline-gray-300, .btn-check:active + .btn-outline-gray-300, .btn-outline-gray-300:active, .btn-outline-gray-300.active, .btn-outline-gray-300.dropdown-toggle.show {
    color: #090A0B;
    background-color: #DADADA;
    border-color: #DADADA;
}

.btn-check:checked + .btn-outline-gray-300:focus, .btn-check:active + .btn-outline-gray-300:focus, .btn-outline-gray-300:active:focus, .btn-outline-gray-300.active:focus, .btn-outline-gray-300.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(218, 218, 218, 0.5);
}

.btn-outline-gray-300:disabled, .btn-outline-gray-300.disabled {
    color: #DADADA;
    background-color: transparent;
}

.btn-outline-gray-400 {
    color: #C9C9C9;
    border-color: #C9C9C9;
}

.btn-outline-gray-400:hover {
    color: #090A0B;
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}

.btn-check:focus + .btn-outline-gray-400, .btn-outline-gray-400:focus {
    box-shadow: 0 0 0 0.25rem rgba(201, 201, 201, 0.5);
}

.btn-check:checked + .btn-outline-gray-400, .btn-check:active + .btn-outline-gray-400, .btn-outline-gray-400:active, .btn-outline-gray-400.active, .btn-outline-gray-400.dropdown-toggle.show {
    color: #090A0B;
    background-color: #C9C9C9;
    border-color: #C9C9C9;
}

.btn-check:checked + .btn-outline-gray-400:focus, .btn-check:active + .btn-outline-gray-400:focus, .btn-outline-gray-400:active:focus, .btn-outline-gray-400.active:focus, .btn-outline-gray-400.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(201, 201, 201, 0.5);
}

.btn-outline-gray-400:disabled, .btn-outline-gray-400.disabled {
    color: #C9C9C9;
    background-color: transparent;
}

.btn-outline-gray-800 {
    color: #5F6060;
    border-color: #5F6060;
}

.btn-outline-gray-800:hover {
    color: #fff;
    background-color: #5F6060;
    border-color: #5F6060;
}

.btn-check:focus + .btn-outline-gray-800, .btn-outline-gray-800:focus {
    box-shadow: 0 0 0 0.25rem rgba(95, 96, 96, 0.5);
}

.btn-check:checked + .btn-outline-gray-800, .btn-check:active + .btn-outline-gray-800, .btn-outline-gray-800:active, .btn-outline-gray-800.active, .btn-outline-gray-800.dropdown-toggle.show {
    color: #fff;
    background-color: #5F6060;
    border-color: #5F6060;
}

.btn-check:checked + .btn-outline-gray-800:focus, .btn-check:active + .btn-outline-gray-800:focus, .btn-outline-gray-800:active:focus, .btn-outline-gray-800.active:focus, .btn-outline-gray-800.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(95, 96, 96, 0.5);
}

.btn-outline-gray-800:disabled, .btn-outline-gray-800.disabled {
    color: #5F6060;
    background-color: transparent;
}

.btn-outline-gray-900 {
    color: #535454;
    border-color: #535454;
}

.btn-outline-gray-900:hover {
    color: #fff;
    background-color: #535454;
    border-color: #535454;
}

.btn-check:focus + .btn-outline-gray-900, .btn-outline-gray-900:focus {
    box-shadow: 0 0 0 0.25rem rgba(83, 84, 84, 0.5);
}

.btn-check:checked + .btn-outline-gray-900, .btn-check:active + .btn-outline-gray-900, .btn-outline-gray-900:active, .btn-outline-gray-900.active, .btn-outline-gray-900.dropdown-toggle.show {
    color: #fff;
    background-color: #535454;
    border-color: #535454;
}

.btn-check:checked + .btn-outline-gray-900:focus, .btn-check:active + .btn-outline-gray-900:focus, .btn-outline-gray-900:active:focus, .btn-outline-gray-900.active:focus, .btn-outline-gray-900.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(83, 84, 84, 0.5);
}

.btn-outline-gray-900:disabled, .btn-outline-gray-900.disabled {
    color: #535454;
    background-color: transparent;
}

.btn-outline-black {
    color: #090A0B;
    border-color: #090A0B;
}

.btn-outline-black:hover {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-check:focus + .btn-outline-black, .btn-outline-black:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 10, 11, 0.5);
}

.btn-check:checked + .btn-outline-black, .btn-check:active + .btn-outline-black, .btn-outline-black:active, .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show {
    color: #fff;
    background-color: #090A0B;
    border-color: #090A0B;
}

.btn-check:checked + .btn-outline-black:focus, .btn-check:active + .btn-outline-black:focus, .btn-outline-black:active:focus, .btn-outline-black.active:focus, .btn-outline-black.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(9, 10, 11, 0.5);
}

.btn-outline-black:disabled, .btn-outline-black.disabled {
    color: #090A0B;
    background-color: transparent;
}

.btn-outline-eco-dark {
    color: #282924;
    border-color: #282924;
}

.btn-outline-eco-dark:hover {
    color: #fff;
    background-color: #282924;
    border-color: #282924;
}

.btn-check:focus + .btn-outline-eco-dark, .btn-outline-eco-dark:focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 41, 36, 0.5);
}

.btn-check:checked + .btn-outline-eco-dark, .btn-check:active + .btn-outline-eco-dark, .btn-outline-eco-dark:active, .btn-outline-eco-dark.active, .btn-outline-eco-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #282924;
    border-color: #282924;
}

.btn-check:checked + .btn-outline-eco-dark:focus, .btn-check:active + .btn-outline-eco-dark:focus, .btn-outline-eco-dark:active:focus, .btn-outline-eco-dark.active:focus, .btn-outline-eco-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 41, 36, 0.5);
}

.btn-outline-eco-dark:disabled, .btn-outline-eco-dark.disabled {
    color: #282924;
    background-color: transparent;
}

.btn-link {
    font-weight: 400;
    color: #090A0B;
    text-decoration: none;
}

.btn-link:disabled, .btn-link.disabled {
    color: #959696;
}

.btn-lg {
    padding: 1.25rem 3rem;
    font-size: calc(1.275rem + 0.3vw);
    border-radius: 1.25rem;
}

@media (min-width: 1200px) {
    .btn-lg {
        font-size: 1.5rem;
    }
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

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

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #090A0B;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}

.nav-link.disabled {
    color: #959696;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #DADADA;
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    border-top-right-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #E6E6E7 #E6E6E7 #DADADA;
    isolation: isolate;
}

.nav-tabs .nav-link.disabled {
    color: #959696;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #707171;
    background-color: #fff;
    border-color: #DADADA #DADADA #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #090A0B;
    background-color: #fff;
}

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

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

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

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

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

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #090A0B;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    opacity: 0.5;
}

.btn-close:hover {
    color: #090A0B;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
    opacity: 1;
}

.btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.link-primary {
    color: #090A0B;
}

.link-primary:hover, .link-primary:focus {
    color: #070809;
}

.link-success {
    color: #198754;
}

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

.link-info {
    color: #0dcaf0;
}

.link-info:hover, .link-info:focus {
    color: #3dd5f3;
}

.link-warning {
    color: #ffc107;
}

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

.link-danger {
    color: #ff000b;
}

.link-danger:hover, .link-danger:focus {
    color: #cc0009;
}

.link-white {
    color: #fff;
}

.link-white:hover, .link-white:focus {
    color: white;
}

.link-gray-100 {
    color: #F0F0F0;
}

.link-gray-100:hover, .link-gray-100:focus {
    color: #f3f3f3;
}

.link-gray-200 {
    color: #E6E6E7;
}

.link-gray-200:hover, .link-gray-200:focus {
    color: #ebebec;
}

.link-gray-300 {
    color: #DADADA;
}

.link-gray-300:hover, .link-gray-300:focus {
    color: #e1e1e1;
}

.link-gray-400 {
    color: #C9C9C9;
}

.link-gray-400:hover, .link-gray-400:focus {
    color: #d4d4d4;
}

.link-gray-800 {
    color: #5F6060;
}

.link-gray-800:hover, .link-gray-800:focus {
    color: #4c4d4d;
}

.link-gray-900 {
    color: #535454;
}

.link-gray-900:hover, .link-gray-900:focus {
    color: #424343;
}

.link-black {
    color: #090A0B;
}

.link-black:hover, .link-black:focus {
    color: #070809;
}

.link-eco-dark {
    color: #282924;
}

.link-eco-dark:hover, .link-eco-dark:focus {
    color: #20211d;
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.ratio-1x2 {
    --bs-aspect-ratio: 50%;
}

.ratio-3x2 {
    --bs-aspect-ratio: 66.6666666667%;
}

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

.ratio-4x5 {
    --bs-aspect-ratio: 80%;
}

.ratio-6x3 {
    --bs-aspect-ratio: 50%;
}

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

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

.ratio-58x33 {
    --bs-aspect-ratio: 56.8965517241%;
}

.ratio-35x39 {
    --bs-aspect-ratio: 136.0544217687%;
}

.ratio-9x27 {
    --bs-aspect-ratio: 32.7272727273%;
}

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

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

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

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(9, 10, 11, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(9, 10, 11, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(9, 10, 11, 0.175) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border {
    border: 1px solid #707171 !important;
}

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

.border-top {
    border-top: 1px solid #707171 !important;
}

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

.border-end {
    border-right: 1px solid #707171 !important;
}

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

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

.border-bottom-100 {
    border-bottom: 1px solid #E0E0E0 !important;
}

.border-start {
    border-left: 1px solid #707171 !important;
}

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

.border-primary {
    border-color: #090A0B !important;
}

.border-success {
    border-color: #198754 !important;
}

.border-info {
    border-color: #0dcaf0 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #ff000b !important;
}

.border-white {
    border-color: #fff !important;
}

.border-gray-100 {
    border-color: #F0F0F0 !important;
}

.border-gray-200 {
    border-color: #E6E6E7 !important;
}

.border-gray-300 {
    border-color: #DADADA !important;
}

.border-gray-400 {
    border-color: #C9C9C9 !important;
}

.border-gray-800 {
    border-color: #5F6060 !important;
}

.border-gray-900 {
    border-color: #535454 !important;
}

.border-black {
    border-color: #090A0B !important;
}

.border-eco-dark {
    border-color: #282924 !important;
}

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-4 {
    gap: var(--spacer-4) !important;
}

.gap-8 {
    gap: var(--spacer-8) !important;
}

.gap-12 {
    gap: var(--spacer-12) !important;
}

.gap-16 {
    gap: var(--spacer-16) !important;
}

.gap-18 {
    gap: var(--spacer-18) !important;
}

.gap-20 {
    gap: var(--spacer-20) !important;
}

.gap-24 {
    gap: var(--spacer-24) !important;
}

.gap-32 {
    gap: var(--spacer-32) !important;
}

.gap-40 {
    gap: var(--spacer-40) !important;
}

.gap-48 {
    gap: var(--spacer-48) !important;
}

.gap-60 {
    gap: var(--spacer-60) !important;
}

.gap-80 {
    gap: var(--spacer-80) !important;
}

.gap-96 {
    gap: var(--spacer-96) !important;
}

.gap-120 {
    gap: var(--spacer-120) !important;
}

.gap-160 {
    gap: var(--spacer-160) !important;
}

.gap-cpx {
    gap: var(--container-padding-x) !important;
}

.gap-ggw {
    gap: var(--grid-gutter-width) !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-4 {
    margin: var(--spacer-4) !important;
}

.m-8 {
    margin: var(--spacer-8) !important;
}

.m-12 {
    margin: var(--spacer-12) !important;
}

.m-16 {
    margin: var(--spacer-16) !important;
}

.m-18 {
    margin: var(--spacer-18) !important;
}

.m-20 {
    margin: var(--spacer-20) !important;
}

.m-24 {
    margin: var(--spacer-24) !important;
}

.m-32 {
    margin: var(--spacer-32) !important;
}

.m-40 {
    margin: var(--spacer-40) !important;
}

.m-48 {
    margin: var(--spacer-48) !important;
}

.m-60 {
    margin: var(--spacer-60) !important;
}

.m-80 {
    margin: var(--spacer-80) !important;
}

.m-96 {
    margin: var(--spacer-96) !important;
}

.m-120 {
    margin: var(--spacer-120) !important;
}

.m-160 {
    margin: var(--spacer-160) !important;
}

.m-cpx {
    margin: var(--container-padding-x) !important;
}

.m-ggw {
    margin: var(--grid-gutter-width) !important;
}

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

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

.mx-4 {
    margin-right: var(--spacer-4) !important;
    margin-left: var(--spacer-4) !important;
}

.mx-8 {
    margin-right: var(--spacer-8) !important;
    margin-left: var(--spacer-8) !important;
}

.mx-12 {
    margin-right: var(--spacer-12) !important;
    margin-left: var(--spacer-12) !important;
}

.mx-16 {
    margin-right: var(--spacer-16) !important;
    margin-left: var(--spacer-16) !important;
}

.mx-18 {
    margin-right: var(--spacer-18) !important;
    margin-left: var(--spacer-18) !important;
}

.mx-20 {
    margin-right: var(--spacer-20) !important;
    margin-left: var(--spacer-20) !important;
}

.mx-24 {
    margin-right: var(--spacer-24) !important;
    margin-left: var(--spacer-24) !important;
}

.mx-32 {
    margin-right: var(--spacer-32) !important;
    margin-left: var(--spacer-32) !important;
}

.mx-40 {
    margin-right: var(--spacer-40) !important;
    margin-left: var(--spacer-40) !important;
}

.mx-48 {
    margin-right: var(--spacer-48) !important;
    margin-left: var(--spacer-48) !important;
}

.mx-60 {
    margin-right: var(--spacer-60) !important;
    margin-left: var(--spacer-60) !important;
}

.mx-80 {
    margin-right: var(--spacer-80) !important;
    margin-left: var(--spacer-80) !important;
}

.mx-96 {
    margin-right: var(--spacer-96) !important;
    margin-left: var(--spacer-96) !important;
}

.mx-120 {
    margin-right: var(--spacer-120) !important;
    margin-left: var(--spacer-120) !important;
}

.mx-160 {
    margin-right: var(--spacer-160) !important;
    margin-left: var(--spacer-160) !important;
}

.mx-cpx {
    margin-right: var(--container-padding-x) !important;
    margin-left: var(--container-padding-x) !important;
}

.mx-ggw {
    margin-right: var(--grid-gutter-width) !important;
    margin-left: var(--grid-gutter-width) !important;
}

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

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

.my-4 {
    margin-top: var(--spacer-4) !important;
    margin-bottom: var(--spacer-4) !important;
}

.my-8 {
    margin-top: var(--spacer-8) !important;
    margin-bottom: var(--spacer-8) !important;
}

.my-12 {
    margin-top: var(--spacer-12) !important;
    margin-bottom: var(--spacer-12) !important;
}

.my-16 {
    margin-top: var(--spacer-16) !important;
    margin-bottom: var(--spacer-16) !important;
}

.my-18 {
    margin-top: var(--spacer-18) !important;
    margin-bottom: var(--spacer-18) !important;
}

.my-20 {
    margin-top: var(--spacer-20) !important;
    margin-bottom: var(--spacer-20) !important;
}

.my-24 {
    margin-top: var(--spacer-24) !important;
    margin-bottom: var(--spacer-24) !important;
}

.my-32 {
    margin-top: var(--spacer-32) !important;
    margin-bottom: var(--spacer-32) !important;
}

.my-40 {
    margin-top: var(--spacer-40) !important;
    margin-bottom: var(--spacer-40) !important;
}

.my-48 {
    margin-top: var(--spacer-48) !important;
    margin-bottom: var(--spacer-48) !important;
}

.my-60 {
    margin-top: var(--spacer-60) !important;
    margin-bottom: var(--spacer-60) !important;
}

.my-80 {
    margin-top: var(--spacer-80) !important;
    margin-bottom: var(--spacer-80) !important;
}

.my-96 {
    margin-top: var(--spacer-96) !important;
    margin-bottom: var(--spacer-96) !important;
}

.my-120 {
    margin-top: var(--spacer-120) !important;
    margin-bottom: var(--spacer-120) !important;
}

.my-160 {
    margin-top: var(--spacer-160) !important;
    margin-bottom: var(--spacer-160) !important;
}

.my-cpx {
    margin-top: var(--container-padding-x) !important;
    margin-bottom: var(--container-padding-x) !important;
}

.my-ggw {
    margin-top: var(--grid-gutter-width) !important;
    margin-bottom: var(--grid-gutter-width) !important;
}

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

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

.mt-4 {
    margin-top: var(--spacer-4) !important;
}

.mt-8 {
    margin-top: var(--spacer-8) !important;
}

.mt-12 {
    margin-top: var(--spacer-12) !important;
}

.mt-16 {
    margin-top: var(--spacer-16) !important;
}

.mt-18 {
    margin-top: var(--spacer-18) !important;
}

.mt-20 {
    margin-top: var(--spacer-20) !important;
}

.mt-24 {
    margin-top: var(--spacer-24) !important;
}

.mt-32 {
    margin-top: var(--spacer-32) !important;
}

.mt-40 {
    margin-top: var(--spacer-40) !important;
}

.mt-48 {
    margin-top: var(--spacer-48) !important;
}

.mt-60 {
    margin-top: var(--spacer-60) !important;
}

.mt-80 {
    margin-top: var(--spacer-80) !important;
}

.mt-96 {
    margin-top: var(--spacer-96) !important;
}

.mt-120 {
    margin-top: var(--spacer-120) !important;
}

.mt-160 {
    margin-top: var(--spacer-160) !important;
}

.mt-cpx {
    margin-top: var(--container-padding-x) !important;
}

.mt-ggw {
    margin-top: var(--grid-gutter-width) !important;
}

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

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

.me-4 {
    margin-right: var(--spacer-4) !important;
}

.me-8 {
    margin-right: var(--spacer-8) !important;
}

.me-12 {
    margin-right: var(--spacer-12) !important;
}

.me-16 {
    margin-right: var(--spacer-16) !important;
}

.me-18 {
    margin-right: var(--spacer-18) !important;
}

.me-20 {
    margin-right: var(--spacer-20) !important;
}

.me-24 {
    margin-right: var(--spacer-24) !important;
}

.me-32 {
    margin-right: var(--spacer-32) !important;
}

.me-40 {
    margin-right: var(--spacer-40) !important;
}

.me-48 {
    margin-right: var(--spacer-48) !important;
}

.me-60 {
    margin-right: var(--spacer-60) !important;
}

.me-80 {
    margin-right: var(--spacer-80) !important;
}

.me-96 {
    margin-right: var(--spacer-96) !important;
}

.me-120 {
    margin-right: var(--spacer-120) !important;
}

.me-160 {
    margin-right: var(--spacer-160) !important;
}

.me-cpx {
    margin-right: var(--container-padding-x) !important;
}

.me-ggw {
    margin-right: var(--grid-gutter-width) !important;
}

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

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

.mb-4 {
    margin-bottom: var(--spacer-4) !important;
}

.mb-8 {
    margin-bottom: var(--spacer-8) !important;
}

.mb-12 {
    margin-bottom: var(--spacer-12) !important;
}

.mb-16 {
    margin-bottom: var(--spacer-16) !important;
}

.mb-18 {
    margin-bottom: var(--spacer-18) !important;
}

.mb-20 {
    margin-bottom: var(--spacer-20) !important;
}

.mb-24 {
    margin-bottom: var(--spacer-24) !important;
}

.mb-32 {
    margin-bottom: var(--spacer-32) !important;
}

.mb-40 {
    margin-bottom: var(--spacer-40) !important;
}

.mb-48 {
    margin-bottom: var(--spacer-48) !important;
}

.mb-60 {
    margin-bottom: var(--spacer-60) !important;
}

.mb-80 {
    margin-bottom: var(--spacer-80) !important;
}

.mb-96 {
    margin-bottom: var(--spacer-96) !important;
}

.mb-120 {
    margin-bottom: var(--spacer-120) !important;
}

.mb-160 {
    margin-bottom: var(--spacer-160) !important;
}

.mb-cpx {
    margin-bottom: var(--container-padding-x) !important;
}

.mb-ggw {
    margin-bottom: var(--grid-gutter-width) !important;
}

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

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

.ms-4 {
    margin-left: var(--spacer-4) !important;
}

.ms-8 {
    margin-left: var(--spacer-8) !important;
}

.ms-12 {
    margin-left: var(--spacer-12) !important;
}

.ms-16 {
    margin-left: var(--spacer-16) !important;
}

.ms-18 {
    margin-left: var(--spacer-18) !important;
}

.ms-20 {
    margin-left: var(--spacer-20) !important;
}

.ms-24 {
    margin-left: var(--spacer-24) !important;
}

.ms-32 {
    margin-left: var(--spacer-32) !important;
}

.ms-40 {
    margin-left: var(--spacer-40) !important;
}

.ms-48 {
    margin-left: var(--spacer-48) !important;
}

.ms-60 {
    margin-left: var(--spacer-60) !important;
}

.ms-80 {
    margin-left: var(--spacer-80) !important;
}

.ms-96 {
    margin-left: var(--spacer-96) !important;
}

.ms-120 {
    margin-left: var(--spacer-120) !important;
}

.ms-160 {
    margin-left: var(--spacer-160) !important;
}

.ms-cpx {
    margin-left: var(--container-padding-x) !important;
}

.ms-ggw {
    margin-left: var(--grid-gutter-width) !important;
}

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

.m-n4 {
    margin: calc(-1 * var(--spacer-4)) !important;
}

.m-n8 {
    margin: calc(-1 * var(--spacer-8)) !important;
}

.m-n12 {
    margin: calc(-1 * var(--spacer-12)) !important;
}

.m-n16 {
    margin: calc(-1 * var(--spacer-16)) !important;
}

.m-n18 {
    margin: calc(-1 * var(--spacer-18)) !important;
}

.m-n20 {
    margin: calc(-1 * var(--spacer-20)) !important;
}

.m-n24 {
    margin: calc(-1 * var(--spacer-24)) !important;
}

.m-n32 {
    margin: calc(-1 * var(--spacer-32)) !important;
}

.m-n40 {
    margin: calc(-1 * var(--spacer-40)) !important;
}

.m-n48 {
    margin: calc(-1 * var(--spacer-48)) !important;
}

.m-n60 {
    margin: calc(-1 * var(--spacer-60)) !important;
}

.m-n80 {
    margin: calc(-1 * var(--spacer-80)) !important;
}

.m-n96 {
    margin: calc(-1 * var(--spacer-96)) !important;
}

.m-n120 {
    margin: calc(-1 * var(--spacer-120)) !important;
}

.m-n160 {
    margin: calc(-1 * var(--spacer-160)) !important;
}

.m-ncpx {
    margin: calc(-1 * var(--container-padding-x)) !important;
}

.m-nggw {
    margin: calc(-1 * var(--grid-gutter-width)) !important;
}

.mx-n4 {
    margin-right: calc(-1 * var(--spacer-4)) !important;
    margin-left: calc(-1 * var(--spacer-4)) !important;
}

.mx-n8 {
    margin-right: calc(-1 * var(--spacer-8)) !important;
    margin-left: calc(-1 * var(--spacer-8)) !important;
}

.mx-n12 {
    margin-right: calc(-1 * var(--spacer-12)) !important;
    margin-left: calc(-1 * var(--spacer-12)) !important;
}

.mx-n16 {
    margin-right: calc(-1 * var(--spacer-16)) !important;
    margin-left: calc(-1 * var(--spacer-16)) !important;
}

.mx-n18 {
    margin-right: calc(-1 * var(--spacer-18)) !important;
    margin-left: calc(-1 * var(--spacer-18)) !important;
}

.mx-n20 {
    margin-right: calc(-1 * var(--spacer-20)) !important;
    margin-left: calc(-1 * var(--spacer-20)) !important;
}

.mx-n24 {
    margin-right: calc(-1 * var(--spacer-24)) !important;
    margin-left: calc(-1 * var(--spacer-24)) !important;
}

.mx-n32 {
    margin-right: calc(-1 * var(--spacer-32)) !important;
    margin-left: calc(-1 * var(--spacer-32)) !important;
}

.mx-n40 {
    margin-right: calc(-1 * var(--spacer-40)) !important;
    margin-left: calc(-1 * var(--spacer-40)) !important;
}

.mx-n48 {
    margin-right: calc(-1 * var(--spacer-48)) !important;
    margin-left: calc(-1 * var(--spacer-48)) !important;
}

.mx-n60 {
    margin-right: calc(-1 * var(--spacer-60)) !important;
    margin-left: calc(-1 * var(--spacer-60)) !important;
}

.mx-n80 {
    margin-right: calc(-1 * var(--spacer-80)) !important;
    margin-left: calc(-1 * var(--spacer-80)) !important;
}

.mx-n96 {
    margin-right: calc(-1 * var(--spacer-96)) !important;
    margin-left: calc(-1 * var(--spacer-96)) !important;
}

.mx-n120 {
    margin-right: calc(-1 * var(--spacer-120)) !important;
    margin-left: calc(-1 * var(--spacer-120)) !important;
}

.mx-n160 {
    margin-right: calc(-1 * var(--spacer-160)) !important;
    margin-left: calc(-1 * var(--spacer-160)) !important;
}

.mx-ncpx {
    margin-right: calc(-1 * var(--container-padding-x)) !important;
    margin-left: calc(-1 * var(--container-padding-x)) !important;
}

.mx-nggw {
    margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    margin-left: calc(-1 * var(--grid-gutter-width)) !important;
}

.my-n4 {
    margin-top: calc(-1 * var(--spacer-4)) !important;
    margin-bottom: calc(-1 * var(--spacer-4)) !important;
}

.my-n8 {
    margin-top: calc(-1 * var(--spacer-8)) !important;
    margin-bottom: calc(-1 * var(--spacer-8)) !important;
}

.my-n12 {
    margin-top: calc(-1 * var(--spacer-12)) !important;
    margin-bottom: calc(-1 * var(--spacer-12)) !important;
}

.my-n16 {
    margin-top: calc(-1 * var(--spacer-16)) !important;
    margin-bottom: calc(-1 * var(--spacer-16)) !important;
}

.my-n18 {
    margin-top: calc(-1 * var(--spacer-18)) !important;
    margin-bottom: calc(-1 * var(--spacer-18)) !important;
}

.my-n20 {
    margin-top: calc(-1 * var(--spacer-20)) !important;
    margin-bottom: calc(-1 * var(--spacer-20)) !important;
}

.my-n24 {
    margin-top: calc(-1 * var(--spacer-24)) !important;
    margin-bottom: calc(-1 * var(--spacer-24)) !important;
}

.my-n32 {
    margin-top: calc(-1 * var(--spacer-32)) !important;
    margin-bottom: calc(-1 * var(--spacer-32)) !important;
}

.my-n40 {
    margin-top: calc(-1 * var(--spacer-40)) !important;
    margin-bottom: calc(-1 * var(--spacer-40)) !important;
}

.my-n48 {
    margin-top: calc(-1 * var(--spacer-48)) !important;
    margin-bottom: calc(-1 * var(--spacer-48)) !important;
}

.my-n60 {
    margin-top: calc(-1 * var(--spacer-60)) !important;
    margin-bottom: calc(-1 * var(--spacer-60)) !important;
}

.my-n80 {
    margin-top: calc(-1 * var(--spacer-80)) !important;
    margin-bottom: calc(-1 * var(--spacer-80)) !important;
}

.my-n96 {
    margin-top: calc(-1 * var(--spacer-96)) !important;
    margin-bottom: calc(-1 * var(--spacer-96)) !important;
}

.my-n120 {
    margin-top: calc(-1 * var(--spacer-120)) !important;
    margin-bottom: calc(-1 * var(--spacer-120)) !important;
}

.my-n160 {
    margin-top: calc(-1 * var(--spacer-160)) !important;
    margin-bottom: calc(-1 * var(--spacer-160)) !important;
}

.my-ncpx {
    margin-top: calc(-1 * var(--container-padding-x)) !important;
    margin-bottom: calc(-1 * var(--container-padding-x)) !important;
}

.my-nggw {
    margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
}

.mt-n4 {
    margin-top: calc(-1 * var(--spacer-4)) !important;
}

.mt-n8 {
    margin-top: calc(-1 * var(--spacer-8)) !important;
}

.mt-n12 {
    margin-top: calc(-1 * var(--spacer-12)) !important;
}

.mt-n16 {
    margin-top: calc(-1 * var(--spacer-16)) !important;
}

.mt-n18 {
    margin-top: calc(-1 * var(--spacer-18)) !important;
}

.mt-n20 {
    margin-top: calc(-1 * var(--spacer-20)) !important;
}

.mt-n24 {
    margin-top: calc(-1 * var(--spacer-24)) !important;
}

.mt-n32 {
    margin-top: calc(-1 * var(--spacer-32)) !important;
}

.mt-n40 {
    margin-top: calc(-1 * var(--spacer-40)) !important;
}

.mt-n48 {
    margin-top: calc(-1 * var(--spacer-48)) !important;
}

.mt-n60 {
    margin-top: calc(-1 * var(--spacer-60)) !important;
}

.mt-n80 {
    margin-top: calc(-1 * var(--spacer-80)) !important;
}

.mt-n96 {
    margin-top: calc(-1 * var(--spacer-96)) !important;
}

.mt-n120 {
    margin-top: calc(-1 * var(--spacer-120)) !important;
}

.mt-n160 {
    margin-top: calc(-1 * var(--spacer-160)) !important;
}

.mt-ncpx {
    margin-top: calc(-1 * var(--container-padding-x)) !important;
}

.mt-nggw {
    margin-top: calc(-1 * var(--grid-gutter-width)) !important;
}

.me-n4 {
    margin-right: calc(-1 * var(--spacer-4)) !important;
}

.me-n8 {
    margin-right: calc(-1 * var(--spacer-8)) !important;
}

.me-n12 {
    margin-right: calc(-1 * var(--spacer-12)) !important;
}

.me-n16 {
    margin-right: calc(-1 * var(--spacer-16)) !important;
}

.me-n18 {
    margin-right: calc(-1 * var(--spacer-18)) !important;
}

.me-n20 {
    margin-right: calc(-1 * var(--spacer-20)) !important;
}

.me-n24 {
    margin-right: calc(-1 * var(--spacer-24)) !important;
}

.me-n32 {
    margin-right: calc(-1 * var(--spacer-32)) !important;
}

.me-n40 {
    margin-right: calc(-1 * var(--spacer-40)) !important;
}

.me-n48 {
    margin-right: calc(-1 * var(--spacer-48)) !important;
}

.me-n60 {
    margin-right: calc(-1 * var(--spacer-60)) !important;
}

.me-n80 {
    margin-right: calc(-1 * var(--spacer-80)) !important;
}

.me-n96 {
    margin-right: calc(-1 * var(--spacer-96)) !important;
}

.me-n120 {
    margin-right: calc(-1 * var(--spacer-120)) !important;
}

.me-n160 {
    margin-right: calc(-1 * var(--spacer-160)) !important;
}

.me-ncpx {
    margin-right: calc(-1 * var(--container-padding-x)) !important;
}

.me-nggw {
    margin-right: calc(-1 * var(--grid-gutter-width)) !important;
}

.mb-n4 {
    margin-bottom: calc(-1 * var(--spacer-4)) !important;
}

.mb-n8 {
    margin-bottom: calc(-1 * var(--spacer-8)) !important;
}

.mb-n12 {
    margin-bottom: calc(-1 * var(--spacer-12)) !important;
}

.mb-n16 {
    margin-bottom: calc(-1 * var(--spacer-16)) !important;
}

.mb-n18 {
    margin-bottom: calc(-1 * var(--spacer-18)) !important;
}

.mb-n20 {
    margin-bottom: calc(-1 * var(--spacer-20)) !important;
}

.mb-n24 {
    margin-bottom: calc(-1 * var(--spacer-24)) !important;
}

.mb-n32 {
    margin-bottom: calc(-1 * var(--spacer-32)) !important;
}

.mb-n40 {
    margin-bottom: calc(-1 * var(--spacer-40)) !important;
}

.mb-n48 {
    margin-bottom: calc(-1 * var(--spacer-48)) !important;
}

.mb-n60 {
    margin-bottom: calc(-1 * var(--spacer-60)) !important;
}

.mb-n80 {
    margin-bottom: calc(-1 * var(--spacer-80)) !important;
}

.mb-n96 {
    margin-bottom: calc(-1 * var(--spacer-96)) !important;
}

.mb-n120 {
    margin-bottom: calc(-1 * var(--spacer-120)) !important;
}

.mb-n160 {
    margin-bottom: calc(-1 * var(--spacer-160)) !important;
}

.mb-ncpx {
    margin-bottom: calc(-1 * var(--container-padding-x)) !important;
}

.mb-nggw {
    margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
}

.ms-n4 {
    margin-left: calc(-1 * var(--spacer-4)) !important;
}

.ms-n8 {
    margin-left: calc(-1 * var(--spacer-8)) !important;
}

.ms-n12 {
    margin-left: calc(-1 * var(--spacer-12)) !important;
}

.ms-n16 {
    margin-left: calc(-1 * var(--spacer-16)) !important;
}

.ms-n18 {
    margin-left: calc(-1 * var(--spacer-18)) !important;
}

.ms-n20 {
    margin-left: calc(-1 * var(--spacer-20)) !important;
}

.ms-n24 {
    margin-left: calc(-1 * var(--spacer-24)) !important;
}

.ms-n32 {
    margin-left: calc(-1 * var(--spacer-32)) !important;
}

.ms-n40 {
    margin-left: calc(-1 * var(--spacer-40)) !important;
}

.ms-n48 {
    margin-left: calc(-1 * var(--spacer-48)) !important;
}

.ms-n60 {
    margin-left: calc(-1 * var(--spacer-60)) !important;
}

.ms-n80 {
    margin-left: calc(-1 * var(--spacer-80)) !important;
}

.ms-n96 {
    margin-left: calc(-1 * var(--spacer-96)) !important;
}

.ms-n120 {
    margin-left: calc(-1 * var(--spacer-120)) !important;
}

.ms-n160 {
    margin-left: calc(-1 * var(--spacer-160)) !important;
}

.ms-ncpx {
    margin-left: calc(-1 * var(--container-padding-x)) !important;
}

.ms-nggw {
    margin-left: calc(-1 * var(--grid-gutter-width)) !important;
}

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

.p-4 {
    padding: var(--spacer-4) !important;
}

.p-8 {
    padding: var(--spacer-8) !important;
}

.p-12 {
    padding: var(--spacer-12) !important;
}

.p-16 {
    padding: var(--spacer-16) !important;
}

.p-18 {
    padding: var(--spacer-18) !important;
}

.p-20 {
    padding: var(--spacer-20) !important;
}

.p-24 {
    padding: var(--spacer-24) !important;
}

.p-32 {
    padding: var(--spacer-32) !important;
}

.p-40 {
    padding: var(--spacer-40) !important;
}

.p-48 {
    padding: var(--spacer-48) !important;
}

.p-60 {
    padding: var(--spacer-60) !important;
}

.p-80 {
    padding: var(--spacer-80) !important;
}

.p-96 {
    padding: var(--spacer-96) !important;
}

.p-120 {
    padding: var(--spacer-120) !important;
}

.p-160 {
    padding: var(--spacer-160) !important;
}

.p-cpx {
    padding: var(--container-padding-x) !important;
}

.p-ggw {
    padding: var(--grid-gutter-width) !important;
}

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

.px-4 {
    padding-right: var(--spacer-4) !important;
    padding-left: var(--spacer-4) !important;
}

.px-8 {
    padding-right: var(--spacer-8) !important;
    padding-left: var(--spacer-8) !important;
}

.px-12 {
    padding-right: var(--spacer-12) !important;
    padding-left: var(--spacer-12) !important;
}

.px-16 {
    padding-right: var(--spacer-16) !important;
    padding-left: var(--spacer-16) !important;
}

.px-18 {
    padding-right: var(--spacer-18) !important;
    padding-left: var(--spacer-18) !important;
}

.px-20 {
    padding-right: var(--spacer-20) !important;
    padding-left: var(--spacer-20) !important;
}

.px-24 {
    padding-right: var(--spacer-24) !important;
    padding-left: var(--spacer-24) !important;
}

.px-32 {
    padding-right: var(--spacer-32) !important;
    padding-left: var(--spacer-32) !important;
}

.px-40 {
    padding-right: var(--spacer-40) !important;
    padding-left: var(--spacer-40) !important;
}

.px-48 {
    padding-right: var(--spacer-48) !important;
    padding-left: var(--spacer-48) !important;
}

.px-60 {
    padding-right: var(--spacer-60) !important;
    padding-left: var(--spacer-60) !important;
}

.px-80 {
    padding-right: var(--spacer-80) !important;
    padding-left: var(--spacer-80) !important;
}

.px-96 {
    padding-right: var(--spacer-96) !important;
    padding-left: var(--spacer-96) !important;
}

.px-120 {
    padding-right: var(--spacer-120) !important;
    padding-left: var(--spacer-120) !important;
}

.px-160 {
    padding-right: var(--spacer-160) !important;
    padding-left: var(--spacer-160) !important;
}

.px-cpx {
    padding-right: var(--container-padding-x) !important;
    padding-left: var(--container-padding-x) !important;
}

.px-ggw {
    padding-right: var(--grid-gutter-width) !important;
    padding-left: var(--grid-gutter-width) !important;
}

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

.py-4 {
    padding-top: var(--spacer-4) !important;
    padding-bottom: var(--spacer-4) !important;
}

.py-8 {
    padding-top: var(--spacer-8) !important;
    padding-bottom: var(--spacer-8) !important;
}

.py-12 {
    padding-top: var(--spacer-12) !important;
    padding-bottom: var(--spacer-12) !important;
}

.py-16 {
    padding-top: var(--spacer-16) !important;
    padding-bottom: var(--spacer-16) !important;
}

.py-18 {
    padding-top: var(--spacer-18) !important;
    padding-bottom: var(--spacer-18) !important;
}

.py-20 {
    padding-top: var(--spacer-20) !important;
    padding-bottom: var(--spacer-20) !important;
}

.py-24 {
    padding-top: var(--spacer-24) !important;
    padding-bottom: var(--spacer-24) !important;
}

.py-32 {
    padding-top: var(--spacer-32) !important;
    padding-bottom: var(--spacer-32) !important;
}

.py-40 {
    padding-top: var(--spacer-40) !important;
    padding-bottom: var(--spacer-40) !important;
}

.py-48 {
    padding-top: var(--spacer-48) !important;
    padding-bottom: var(--spacer-48) !important;
}

.py-60 {
    padding-top: var(--spacer-60) !important;
    padding-bottom: var(--spacer-60) !important;
}

.py-80 {
    padding-top: var(--spacer-80) !important;
    padding-bottom: var(--spacer-80) !important;
}

.py-96 {
    padding-top: var(--spacer-96) !important;
    padding-bottom: var(--spacer-96) !important;
}

.py-120 {
    padding-top: var(--spacer-120) !important;
    padding-bottom: var(--spacer-120) !important;
}

.py-160 {
    padding-top: var(--spacer-160) !important;
    padding-bottom: var(--spacer-160) !important;
}

.py-cpx {
    padding-top: var(--container-padding-x) !important;
    padding-bottom: var(--container-padding-x) !important;
}

.py-ggw {
    padding-top: var(--grid-gutter-width) !important;
    padding-bottom: var(--grid-gutter-width) !important;
}

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

.pt-4 {
    padding-top: var(--spacer-4) !important;
}

.pt-8 {
    padding-top: var(--spacer-8) !important;
}

.pt-12 {
    padding-top: var(--spacer-12) !important;
}

.pt-16 {
    padding-top: var(--spacer-16) !important;
}

.pt-18 {
    padding-top: var(--spacer-18) !important;
}

.pt-20 {
    padding-top: var(--spacer-20) !important;
}

.pt-24 {
    padding-top: var(--spacer-24) !important;
}

.pt-32 {
    padding-top: var(--spacer-32) !important;
}

.pt-40 {
    padding-top: var(--spacer-40) !important;
}

.pt-48 {
    padding-top: var(--spacer-48) !important;
}

.pt-60 {
    padding-top: var(--spacer-60) !important;
}

.pt-80 {
    padding-top: var(--spacer-80) !important;
}

.pt-96 {
    padding-top: var(--spacer-96) !important;
}

.pt-120 {
    padding-top: var(--spacer-120) !important;
}

.pt-160 {
    padding-top: var(--spacer-160) !important;
}

.pt-cpx {
    padding-top: var(--container-padding-x) !important;
}

.pt-ggw {
    padding-top: var(--grid-gutter-width) !important;
}

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

.pe-4 {
    padding-right: var(--spacer-4) !important;
}

.pe-8 {
    padding-right: var(--spacer-8) !important;
}

.pe-12 {
    padding-right: var(--spacer-12) !important;
}

.pe-16 {
    padding-right: var(--spacer-16) !important;
}

.pe-18 {
    padding-right: var(--spacer-18) !important;
}

.pe-20 {
    padding-right: var(--spacer-20) !important;
}

.pe-24 {
    padding-right: var(--spacer-24) !important;
}

.pe-32 {
    padding-right: var(--spacer-32) !important;
}

.pe-40 {
    padding-right: var(--spacer-40) !important;
}

.pe-48 {
    padding-right: var(--spacer-48) !important;
}

.pe-60 {
    padding-right: var(--spacer-60) !important;
}

.pe-80 {
    padding-right: var(--spacer-80) !important;
}

.pe-96 {
    padding-right: var(--spacer-96) !important;
}

.pe-120 {
    padding-right: var(--spacer-120) !important;
}

.pe-160 {
    padding-right: var(--spacer-160) !important;
}

.pe-cpx {
    padding-right: var(--container-padding-x) !important;
}

.pe-ggw {
    padding-right: var(--grid-gutter-width) !important;
}

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

.pb-4 {
    padding-bottom: var(--spacer-4) !important;
}

.pb-8 {
    padding-bottom: var(--spacer-8) !important;
}

.pb-12 {
    padding-bottom: var(--spacer-12) !important;
}

.pb-16 {
    padding-bottom: var(--spacer-16) !important;
}

.pb-18 {
    padding-bottom: var(--spacer-18) !important;
}

.pb-20 {
    padding-bottom: var(--spacer-20) !important;
}

.pb-24 {
    padding-bottom: var(--spacer-24) !important;
}

.pb-32 {
    padding-bottom: var(--spacer-32) !important;
}

.pb-40 {
    padding-bottom: var(--spacer-40) !important;
}

.pb-48 {
    padding-bottom: var(--spacer-48) !important;
}

.pb-60 {
    padding-bottom: var(--spacer-60) !important;
}

.pb-80 {
    padding-bottom: var(--spacer-80) !important;
}

.pb-96 {
    padding-bottom: var(--spacer-96) !important;
}

.pb-120 {
    padding-bottom: var(--spacer-120) !important;
}

.pb-160 {
    padding-bottom: var(--spacer-160) !important;
}

.pb-cpx {
    padding-bottom: var(--container-padding-x) !important;
}

.pb-ggw {
    padding-bottom: var(--grid-gutter-width) !important;
}

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

.ps-4 {
    padding-left: var(--spacer-4) !important;
}

.ps-8 {
    padding-left: var(--spacer-8) !important;
}

.ps-12 {
    padding-left: var(--spacer-12) !important;
}

.ps-16 {
    padding-left: var(--spacer-16) !important;
}

.ps-18 {
    padding-left: var(--spacer-18) !important;
}

.ps-20 {
    padding-left: var(--spacer-20) !important;
}

.ps-24 {
    padding-left: var(--spacer-24) !important;
}

.ps-32 {
    padding-left: var(--spacer-32) !important;
}

.ps-40 {
    padding-left: var(--spacer-40) !important;
}

.ps-48 {
    padding-left: var(--spacer-48) !important;
}

.ps-60 {
    padding-left: var(--spacer-60) !important;
}

.ps-80 {
    padding-left: var(--spacer-80) !important;
}

.ps-96 {
    padding-left: var(--spacer-96) !important;
}

.ps-120 {
    padding-left: var(--spacer-120) !important;
}

.ps-160 {
    padding-left: var(--spacer-160) !important;
}

.ps-cpx {
    padding-left: var(--container-padding-x) !important;
}

.ps-ggw {
    padding-left: var(--grid-gutter-width) !important;
}

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

.fs-12 {
    font-size: var(--font-size-12) !important;
}

.fs-14 {
    font-size: var(--font-size-14) !important;
}

.fs-16 {
    font-size: var(--font-size-16) !important;
}

.fs-18 {
    font-size: var(--font-size-18) !important;
}

.fs-20 {
    font-size: var(--font-size-20) !important;
}

.fs-24 {
    font-size: var(--font-size-24) !important;
}

.fs-28 {
    font-size: var(--font-size-28) !important;
}

.fs-32 {
    font-size: var(--font-size-32) !important;
}

.fs-40 {
    font-size: var(--font-size-40) !important;
}

.fs-48 {
    font-size: var(--font-size-48) !important;
}

.fs-64 {
    font-size: var(--font-size-64) !important;
}

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

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

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

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

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

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

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

.lh-110 {
    line-height: 1.1 !important;
}

.lh-120 {
    line-height: 1.2 !important;
}

.lh-130 {
    line-height: 1.3 !important;
}

.lh-140 {
    line-height: 1.4 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* rtl:end:remove */
.ls-0 {
    letter-spacing: 0 !important;
}

.ls-1 {
    letter-spacing: 1px !important;
}

.ls-n1 {
    letter-spacing: -0.01em !important;
}

.ls-n2 {
    letter-spacing: -0.02em !important;
}

.ls-n4 {
    letter-spacing: -0.04em !important;
}

.ls-n5 {
    letter-spacing: -0.05em !important;
}

.ls-n6 {
    letter-spacing: -0.06em !important;
}

.z-index-auto {
    z-index: auto !important;
}

.z-index-n1 {
    z-index: -1 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-100 {
    z-index: 100 !important;
}

.z-index-bolder {
    z-index: bolder !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    --bs-text-opacity: 1;
    color: #959696 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-10 {
    border-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-12 {
    border-radius: calc(8px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-16 {
    border-radius: calc(12px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-20 {
    border-radius: calc(16px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-24 {
    border-radius: calc(18px + 6 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-32 {
    border-radius: calc(24px + 8 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

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

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

.rounded-top {
    border-top-left-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
    border-top-right-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-end {
    border-top-right-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
    border-bottom-right-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

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

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

.rounded-bottom-32 {
    border-bottom-right-radius: calc(20px + 12 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
    border-bottom-left-radius: calc(20px + 12 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.rounded-start {
    border-bottom-left-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
    border-top-left-radius: calc(8px + 2 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))) !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-sm-4 {
        gap: var(--spacer-4) !important;
    }

    .gap-sm-8 {
        gap: var(--spacer-8) !important;
    }

    .gap-sm-12 {
        gap: var(--spacer-12) !important;
    }

    .gap-sm-16 {
        gap: var(--spacer-16) !important;
    }

    .gap-sm-18 {
        gap: var(--spacer-18) !important;
    }

    .gap-sm-20 {
        gap: var(--spacer-20) !important;
    }

    .gap-sm-24 {
        gap: var(--spacer-24) !important;
    }

    .gap-sm-32 {
        gap: var(--spacer-32) !important;
    }

    .gap-sm-40 {
        gap: var(--spacer-40) !important;
    }

    .gap-sm-48 {
        gap: var(--spacer-48) !important;
    }

    .gap-sm-60 {
        gap: var(--spacer-60) !important;
    }

    .gap-sm-80 {
        gap: var(--spacer-80) !important;
    }

    .gap-sm-96 {
        gap: var(--spacer-96) !important;
    }

    .gap-sm-120 {
        gap: var(--spacer-120) !important;
    }

    .gap-sm-160 {
        gap: var(--spacer-160) !important;
    }

    .gap-sm-cpx {
        gap: var(--container-padding-x) !important;
    }

    .gap-sm-ggw {
        gap: var(--grid-gutter-width) !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-4 {
        margin: var(--spacer-4) !important;
    }

    .m-sm-8 {
        margin: var(--spacer-8) !important;
    }

    .m-sm-12 {
        margin: var(--spacer-12) !important;
    }

    .m-sm-16 {
        margin: var(--spacer-16) !important;
    }

    .m-sm-18 {
        margin: var(--spacer-18) !important;
    }

    .m-sm-20 {
        margin: var(--spacer-20) !important;
    }

    .m-sm-24 {
        margin: var(--spacer-24) !important;
    }

    .m-sm-32 {
        margin: var(--spacer-32) !important;
    }

    .m-sm-40 {
        margin: var(--spacer-40) !important;
    }

    .m-sm-48 {
        margin: var(--spacer-48) !important;
    }

    .m-sm-60 {
        margin: var(--spacer-60) !important;
    }

    .m-sm-80 {
        margin: var(--spacer-80) !important;
    }

    .m-sm-96 {
        margin: var(--spacer-96) !important;
    }

    .m-sm-120 {
        margin: var(--spacer-120) !important;
    }

    .m-sm-160 {
        margin: var(--spacer-160) !important;
    }

    .m-sm-cpx {
        margin: var(--container-padding-x) !important;
    }

    .m-sm-ggw {
        margin: var(--grid-gutter-width) !important;
    }

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

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

    .mx-sm-4 {
        margin-right: var(--spacer-4) !important;
        margin-left: var(--spacer-4) !important;
    }

    .mx-sm-8 {
        margin-right: var(--spacer-8) !important;
        margin-left: var(--spacer-8) !important;
    }

    .mx-sm-12 {
        margin-right: var(--spacer-12) !important;
        margin-left: var(--spacer-12) !important;
    }

    .mx-sm-16 {
        margin-right: var(--spacer-16) !important;
        margin-left: var(--spacer-16) !important;
    }

    .mx-sm-18 {
        margin-right: var(--spacer-18) !important;
        margin-left: var(--spacer-18) !important;
    }

    .mx-sm-20 {
        margin-right: var(--spacer-20) !important;
        margin-left: var(--spacer-20) !important;
    }

    .mx-sm-24 {
        margin-right: var(--spacer-24) !important;
        margin-left: var(--spacer-24) !important;
    }

    .mx-sm-32 {
        margin-right: var(--spacer-32) !important;
        margin-left: var(--spacer-32) !important;
    }

    .mx-sm-40 {
        margin-right: var(--spacer-40) !important;
        margin-left: var(--spacer-40) !important;
    }

    .mx-sm-48 {
        margin-right: var(--spacer-48) !important;
        margin-left: var(--spacer-48) !important;
    }

    .mx-sm-60 {
        margin-right: var(--spacer-60) !important;
        margin-left: var(--spacer-60) !important;
    }

    .mx-sm-80 {
        margin-right: var(--spacer-80) !important;
        margin-left: var(--spacer-80) !important;
    }

    .mx-sm-96 {
        margin-right: var(--spacer-96) !important;
        margin-left: var(--spacer-96) !important;
    }

    .mx-sm-120 {
        margin-right: var(--spacer-120) !important;
        margin-left: var(--spacer-120) !important;
    }

    .mx-sm-160 {
        margin-right: var(--spacer-160) !important;
        margin-left: var(--spacer-160) !important;
    }

    .mx-sm-cpx {
        margin-right: var(--container-padding-x) !important;
        margin-left: var(--container-padding-x) !important;
    }

    .mx-sm-ggw {
        margin-right: var(--grid-gutter-width) !important;
        margin-left: var(--grid-gutter-width) !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-4 {
        margin-top: var(--spacer-4) !important;
        margin-bottom: var(--spacer-4) !important;
    }

    .my-sm-8 {
        margin-top: var(--spacer-8) !important;
        margin-bottom: var(--spacer-8) !important;
    }

    .my-sm-12 {
        margin-top: var(--spacer-12) !important;
        margin-bottom: var(--spacer-12) !important;
    }

    .my-sm-16 {
        margin-top: var(--spacer-16) !important;
        margin-bottom: var(--spacer-16) !important;
    }

    .my-sm-18 {
        margin-top: var(--spacer-18) !important;
        margin-bottom: var(--spacer-18) !important;
    }

    .my-sm-20 {
        margin-top: var(--spacer-20) !important;
        margin-bottom: var(--spacer-20) !important;
    }

    .my-sm-24 {
        margin-top: var(--spacer-24) !important;
        margin-bottom: var(--spacer-24) !important;
    }

    .my-sm-32 {
        margin-top: var(--spacer-32) !important;
        margin-bottom: var(--spacer-32) !important;
    }

    .my-sm-40 {
        margin-top: var(--spacer-40) !important;
        margin-bottom: var(--spacer-40) !important;
    }

    .my-sm-48 {
        margin-top: var(--spacer-48) !important;
        margin-bottom: var(--spacer-48) !important;
    }

    .my-sm-60 {
        margin-top: var(--spacer-60) !important;
        margin-bottom: var(--spacer-60) !important;
    }

    .my-sm-80 {
        margin-top: var(--spacer-80) !important;
        margin-bottom: var(--spacer-80) !important;
    }

    .my-sm-96 {
        margin-top: var(--spacer-96) !important;
        margin-bottom: var(--spacer-96) !important;
    }

    .my-sm-120 {
        margin-top: var(--spacer-120) !important;
        margin-bottom: var(--spacer-120) !important;
    }

    .my-sm-160 {
        margin-top: var(--spacer-160) !important;
        margin-bottom: var(--spacer-160) !important;
    }

    .my-sm-cpx {
        margin-top: var(--container-padding-x) !important;
        margin-bottom: var(--container-padding-x) !important;
    }

    .my-sm-ggw {
        margin-top: var(--grid-gutter-width) !important;
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .mt-sm-4 {
        margin-top: var(--spacer-4) !important;
    }

    .mt-sm-8 {
        margin-top: var(--spacer-8) !important;
    }

    .mt-sm-12 {
        margin-top: var(--spacer-12) !important;
    }

    .mt-sm-16 {
        margin-top: var(--spacer-16) !important;
    }

    .mt-sm-18 {
        margin-top: var(--spacer-18) !important;
    }

    .mt-sm-20 {
        margin-top: var(--spacer-20) !important;
    }

    .mt-sm-24 {
        margin-top: var(--spacer-24) !important;
    }

    .mt-sm-32 {
        margin-top: var(--spacer-32) !important;
    }

    .mt-sm-40 {
        margin-top: var(--spacer-40) !important;
    }

    .mt-sm-48 {
        margin-top: var(--spacer-48) !important;
    }

    .mt-sm-60 {
        margin-top: var(--spacer-60) !important;
    }

    .mt-sm-80 {
        margin-top: var(--spacer-80) !important;
    }

    .mt-sm-96 {
        margin-top: var(--spacer-96) !important;
    }

    .mt-sm-120 {
        margin-top: var(--spacer-120) !important;
    }

    .mt-sm-160 {
        margin-top: var(--spacer-160) !important;
    }

    .mt-sm-cpx {
        margin-top: var(--container-padding-x) !important;
    }

    .mt-sm-ggw {
        margin-top: var(--grid-gutter-width) !important;
    }

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

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

    .me-sm-4 {
        margin-right: var(--spacer-4) !important;
    }

    .me-sm-8 {
        margin-right: var(--spacer-8) !important;
    }

    .me-sm-12 {
        margin-right: var(--spacer-12) !important;
    }

    .me-sm-16 {
        margin-right: var(--spacer-16) !important;
    }

    .me-sm-18 {
        margin-right: var(--spacer-18) !important;
    }

    .me-sm-20 {
        margin-right: var(--spacer-20) !important;
    }

    .me-sm-24 {
        margin-right: var(--spacer-24) !important;
    }

    .me-sm-32 {
        margin-right: var(--spacer-32) !important;
    }

    .me-sm-40 {
        margin-right: var(--spacer-40) !important;
    }

    .me-sm-48 {
        margin-right: var(--spacer-48) !important;
    }

    .me-sm-60 {
        margin-right: var(--spacer-60) !important;
    }

    .me-sm-80 {
        margin-right: var(--spacer-80) !important;
    }

    .me-sm-96 {
        margin-right: var(--spacer-96) !important;
    }

    .me-sm-120 {
        margin-right: var(--spacer-120) !important;
    }

    .me-sm-160 {
        margin-right: var(--spacer-160) !important;
    }

    .me-sm-cpx {
        margin-right: var(--container-padding-x) !important;
    }

    .me-sm-ggw {
        margin-right: var(--grid-gutter-width) !important;
    }

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

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

    .mb-sm-4 {
        margin-bottom: var(--spacer-4) !important;
    }

    .mb-sm-8 {
        margin-bottom: var(--spacer-8) !important;
    }

    .mb-sm-12 {
        margin-bottom: var(--spacer-12) !important;
    }

    .mb-sm-16 {
        margin-bottom: var(--spacer-16) !important;
    }

    .mb-sm-18 {
        margin-bottom: var(--spacer-18) !important;
    }

    .mb-sm-20 {
        margin-bottom: var(--spacer-20) !important;
    }

    .mb-sm-24 {
        margin-bottom: var(--spacer-24) !important;
    }

    .mb-sm-32 {
        margin-bottom: var(--spacer-32) !important;
    }

    .mb-sm-40 {
        margin-bottom: var(--spacer-40) !important;
    }

    .mb-sm-48 {
        margin-bottom: var(--spacer-48) !important;
    }

    .mb-sm-60 {
        margin-bottom: var(--spacer-60) !important;
    }

    .mb-sm-80 {
        margin-bottom: var(--spacer-80) !important;
    }

    .mb-sm-96 {
        margin-bottom: var(--spacer-96) !important;
    }

    .mb-sm-120 {
        margin-bottom: var(--spacer-120) !important;
    }

    .mb-sm-160 {
        margin-bottom: var(--spacer-160) !important;
    }

    .mb-sm-cpx {
        margin-bottom: var(--container-padding-x) !important;
    }

    .mb-sm-ggw {
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .ms-sm-4 {
        margin-left: var(--spacer-4) !important;
    }

    .ms-sm-8 {
        margin-left: var(--spacer-8) !important;
    }

    .ms-sm-12 {
        margin-left: var(--spacer-12) !important;
    }

    .ms-sm-16 {
        margin-left: var(--spacer-16) !important;
    }

    .ms-sm-18 {
        margin-left: var(--spacer-18) !important;
    }

    .ms-sm-20 {
        margin-left: var(--spacer-20) !important;
    }

    .ms-sm-24 {
        margin-left: var(--spacer-24) !important;
    }

    .ms-sm-32 {
        margin-left: var(--spacer-32) !important;
    }

    .ms-sm-40 {
        margin-left: var(--spacer-40) !important;
    }

    .ms-sm-48 {
        margin-left: var(--spacer-48) !important;
    }

    .ms-sm-60 {
        margin-left: var(--spacer-60) !important;
    }

    .ms-sm-80 {
        margin-left: var(--spacer-80) !important;
    }

    .ms-sm-96 {
        margin-left: var(--spacer-96) !important;
    }

    .ms-sm-120 {
        margin-left: var(--spacer-120) !important;
    }

    .ms-sm-160 {
        margin-left: var(--spacer-160) !important;
    }

    .ms-sm-cpx {
        margin-left: var(--container-padding-x) !important;
    }

    .ms-sm-ggw {
        margin-left: var(--grid-gutter-width) !important;
    }

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

    .m-sm-n4 {
        margin: calc(-1 * var(--spacer-4)) !important;
    }

    .m-sm-n8 {
        margin: calc(-1 * var(--spacer-8)) !important;
    }

    .m-sm-n12 {
        margin: calc(-1 * var(--spacer-12)) !important;
    }

    .m-sm-n16 {
        margin: calc(-1 * var(--spacer-16)) !important;
    }

    .m-sm-n18 {
        margin: calc(-1 * var(--spacer-18)) !important;
    }

    .m-sm-n20 {
        margin: calc(-1 * var(--spacer-20)) !important;
    }

    .m-sm-n24 {
        margin: calc(-1 * var(--spacer-24)) !important;
    }

    .m-sm-n32 {
        margin: calc(-1 * var(--spacer-32)) !important;
    }

    .m-sm-n40 {
        margin: calc(-1 * var(--spacer-40)) !important;
    }

    .m-sm-n48 {
        margin: calc(-1 * var(--spacer-48)) !important;
    }

    .m-sm-n60 {
        margin: calc(-1 * var(--spacer-60)) !important;
    }

    .m-sm-n80 {
        margin: calc(-1 * var(--spacer-80)) !important;
    }

    .m-sm-n96 {
        margin: calc(-1 * var(--spacer-96)) !important;
    }

    .m-sm-n120 {
        margin: calc(-1 * var(--spacer-120)) !important;
    }

    .m-sm-n160 {
        margin: calc(-1 * var(--spacer-160)) !important;
    }

    .m-sm-ncpx {
        margin: calc(-1 * var(--container-padding-x)) !important;
    }

    .m-sm-nggw {
        margin: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mx-sm-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .mx-sm-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .mx-sm-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .mx-sm-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .mx-sm-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .mx-sm-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .mx-sm-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .mx-sm-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .mx-sm-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .mx-sm-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .mx-sm-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .mx-sm-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .mx-sm-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .mx-sm-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .mx-sm-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .mx-sm-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .mx-sm-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .my-sm-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .my-sm-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .my-sm-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .my-sm-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .my-sm-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .my-sm-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .my-sm-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .my-sm-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .my-sm-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .my-sm-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .my-sm-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .my-sm-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .my-sm-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .my-sm-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .my-sm-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .my-sm-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .my-sm-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mt-sm-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
    }

    .mt-sm-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
    }

    .mt-sm-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
    }

    .mt-sm-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
    }

    .mt-sm-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
    }

    .mt-sm-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
    }

    .mt-sm-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
    }

    .mt-sm-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
    }

    .mt-sm-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
    }

    .mt-sm-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
    }

    .mt-sm-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
    }

    .mt-sm-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
    }

    .mt-sm-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
    }

    .mt-sm-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
    }

    .mt-sm-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
    }

    .mt-sm-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
    }

    .mt-sm-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .me-sm-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
    }

    .me-sm-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
    }

    .me-sm-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
    }

    .me-sm-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
    }

    .me-sm-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
    }

    .me-sm-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
    }

    .me-sm-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
    }

    .me-sm-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
    }

    .me-sm-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
    }

    .me-sm-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
    }

    .me-sm-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
    }

    .me-sm-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
    }

    .me-sm-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
    }

    .me-sm-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
    }

    .me-sm-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
    }

    .me-sm-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
    }

    .me-sm-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mb-sm-n4 {
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .mb-sm-n8 {
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .mb-sm-n12 {
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .mb-sm-n16 {
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .mb-sm-n18 {
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .mb-sm-n20 {
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .mb-sm-n24 {
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .mb-sm-n32 {
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .mb-sm-n40 {
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .mb-sm-n48 {
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .mb-sm-n60 {
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .mb-sm-n80 {
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .mb-sm-n96 {
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .mb-sm-n120 {
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .mb-sm-n160 {
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .mb-sm-ncpx {
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .mb-sm-nggw {
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .ms-sm-n4 {
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .ms-sm-n8 {
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .ms-sm-n12 {
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .ms-sm-n16 {
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .ms-sm-n18 {
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .ms-sm-n20 {
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .ms-sm-n24 {
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .ms-sm-n32 {
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .ms-sm-n40 {
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .ms-sm-n48 {
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .ms-sm-n60 {
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .ms-sm-n80 {
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .ms-sm-n96 {
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .ms-sm-n120 {
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .ms-sm-n160 {
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .ms-sm-ncpx {
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .ms-sm-nggw {
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

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

    .p-sm-4 {
        padding: var(--spacer-4) !important;
    }

    .p-sm-8 {
        padding: var(--spacer-8) !important;
    }

    .p-sm-12 {
        padding: var(--spacer-12) !important;
    }

    .p-sm-16 {
        padding: var(--spacer-16) !important;
    }

    .p-sm-18 {
        padding: var(--spacer-18) !important;
    }

    .p-sm-20 {
        padding: var(--spacer-20) !important;
    }

    .p-sm-24 {
        padding: var(--spacer-24) !important;
    }

    .p-sm-32 {
        padding: var(--spacer-32) !important;
    }

    .p-sm-40 {
        padding: var(--spacer-40) !important;
    }

    .p-sm-48 {
        padding: var(--spacer-48) !important;
    }

    .p-sm-60 {
        padding: var(--spacer-60) !important;
    }

    .p-sm-80 {
        padding: var(--spacer-80) !important;
    }

    .p-sm-96 {
        padding: var(--spacer-96) !important;
    }

    .p-sm-120 {
        padding: var(--spacer-120) !important;
    }

    .p-sm-160 {
        padding: var(--spacer-160) !important;
    }

    .p-sm-cpx {
        padding: var(--container-padding-x) !important;
    }

    .p-sm-ggw {
        padding: var(--grid-gutter-width) !important;
    }

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

    .px-sm-4 {
        padding-right: var(--spacer-4) !important;
        padding-left: var(--spacer-4) !important;
    }

    .px-sm-8 {
        padding-right: var(--spacer-8) !important;
        padding-left: var(--spacer-8) !important;
    }

    .px-sm-12 {
        padding-right: var(--spacer-12) !important;
        padding-left: var(--spacer-12) !important;
    }

    .px-sm-16 {
        padding-right: var(--spacer-16) !important;
        padding-left: var(--spacer-16) !important;
    }

    .px-sm-18 {
        padding-right: var(--spacer-18) !important;
        padding-left: var(--spacer-18) !important;
    }

    .px-sm-20 {
        padding-right: var(--spacer-20) !important;
        padding-left: var(--spacer-20) !important;
    }

    .px-sm-24 {
        padding-right: var(--spacer-24) !important;
        padding-left: var(--spacer-24) !important;
    }

    .px-sm-32 {
        padding-right: var(--spacer-32) !important;
        padding-left: var(--spacer-32) !important;
    }

    .px-sm-40 {
        padding-right: var(--spacer-40) !important;
        padding-left: var(--spacer-40) !important;
    }

    .px-sm-48 {
        padding-right: var(--spacer-48) !important;
        padding-left: var(--spacer-48) !important;
    }

    .px-sm-60 {
        padding-right: var(--spacer-60) !important;
        padding-left: var(--spacer-60) !important;
    }

    .px-sm-80 {
        padding-right: var(--spacer-80) !important;
        padding-left: var(--spacer-80) !important;
    }

    .px-sm-96 {
        padding-right: var(--spacer-96) !important;
        padding-left: var(--spacer-96) !important;
    }

    .px-sm-120 {
        padding-right: var(--spacer-120) !important;
        padding-left: var(--spacer-120) !important;
    }

    .px-sm-160 {
        padding-right: var(--spacer-160) !important;
        padding-left: var(--spacer-160) !important;
    }

    .px-sm-cpx {
        padding-right: var(--container-padding-x) !important;
        padding-left: var(--container-padding-x) !important;
    }

    .px-sm-ggw {
        padding-right: var(--grid-gutter-width) !important;
        padding-left: var(--grid-gutter-width) !important;
    }

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

    .py-sm-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .py-sm-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }

    .py-sm-12 {
        padding-top: var(--spacer-12) !important;
        padding-bottom: var(--spacer-12) !important;
    }

    .py-sm-16 {
        padding-top: var(--spacer-16) !important;
        padding-bottom: var(--spacer-16) !important;
    }

    .py-sm-18 {
        padding-top: var(--spacer-18) !important;
        padding-bottom: var(--spacer-18) !important;
    }

    .py-sm-20 {
        padding-top: var(--spacer-20) !important;
        padding-bottom: var(--spacer-20) !important;
    }

    .py-sm-24 {
        padding-top: var(--spacer-24) !important;
        padding-bottom: var(--spacer-24) !important;
    }

    .py-sm-32 {
        padding-top: var(--spacer-32) !important;
        padding-bottom: var(--spacer-32) !important;
    }

    .py-sm-40 {
        padding-top: var(--spacer-40) !important;
        padding-bottom: var(--spacer-40) !important;
    }

    .py-sm-48 {
        padding-top: var(--spacer-48) !important;
        padding-bottom: var(--spacer-48) !important;
    }

    .py-sm-60 {
        padding-top: var(--spacer-60) !important;
        padding-bottom: var(--spacer-60) !important;
    }

    .py-sm-80 {
        padding-top: var(--spacer-80) !important;
        padding-bottom: var(--spacer-80) !important;
    }

    .py-sm-96 {
        padding-top: var(--spacer-96) !important;
        padding-bottom: var(--spacer-96) !important;
    }

    .py-sm-120 {
        padding-top: var(--spacer-120) !important;
        padding-bottom: var(--spacer-120) !important;
    }

    .py-sm-160 {
        padding-top: var(--spacer-160) !important;
        padding-bottom: var(--spacer-160) !important;
    }

    .py-sm-cpx {
        padding-top: var(--container-padding-x) !important;
        padding-bottom: var(--container-padding-x) !important;
    }

    .py-sm-ggw {
        padding-top: var(--grid-gutter-width) !important;
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .pt-sm-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pt-sm-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pt-sm-12 {
        padding-top: var(--spacer-12) !important;
    }

    .pt-sm-16 {
        padding-top: var(--spacer-16) !important;
    }

    .pt-sm-18 {
        padding-top: var(--spacer-18) !important;
    }

    .pt-sm-20 {
        padding-top: var(--spacer-20) !important;
    }

    .pt-sm-24 {
        padding-top: var(--spacer-24) !important;
    }

    .pt-sm-32 {
        padding-top: var(--spacer-32) !important;
    }

    .pt-sm-40 {
        padding-top: var(--spacer-40) !important;
    }

    .pt-sm-48 {
        padding-top: var(--spacer-48) !important;
    }

    .pt-sm-60 {
        padding-top: var(--spacer-60) !important;
    }

    .pt-sm-80 {
        padding-top: var(--spacer-80) !important;
    }

    .pt-sm-96 {
        padding-top: var(--spacer-96) !important;
    }

    .pt-sm-120 {
        padding-top: var(--spacer-120) !important;
    }

    .pt-sm-160 {
        padding-top: var(--spacer-160) !important;
    }

    .pt-sm-cpx {
        padding-top: var(--container-padding-x) !important;
    }

    .pt-sm-ggw {
        padding-top: var(--grid-gutter-width) !important;
    }

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

    .pe-sm-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pe-sm-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pe-sm-12 {
        padding-right: var(--spacer-12) !important;
    }

    .pe-sm-16 {
        padding-right: var(--spacer-16) !important;
    }

    .pe-sm-18 {
        padding-right: var(--spacer-18) !important;
    }

    .pe-sm-20 {
        padding-right: var(--spacer-20) !important;
    }

    .pe-sm-24 {
        padding-right: var(--spacer-24) !important;
    }

    .pe-sm-32 {
        padding-right: var(--spacer-32) !important;
    }

    .pe-sm-40 {
        padding-right: var(--spacer-40) !important;
    }

    .pe-sm-48 {
        padding-right: var(--spacer-48) !important;
    }

    .pe-sm-60 {
        padding-right: var(--spacer-60) !important;
    }

    .pe-sm-80 {
        padding-right: var(--spacer-80) !important;
    }

    .pe-sm-96 {
        padding-right: var(--spacer-96) !important;
    }

    .pe-sm-120 {
        padding-right: var(--spacer-120) !important;
    }

    .pe-sm-160 {
        padding-right: var(--spacer-160) !important;
    }

    .pe-sm-cpx {
        padding-right: var(--container-padding-x) !important;
    }

    .pe-sm-ggw {
        padding-right: var(--grid-gutter-width) !important;
    }

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

    .pb-sm-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pb-sm-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pb-sm-12 {
        padding-bottom: var(--spacer-12) !important;
    }

    .pb-sm-16 {
        padding-bottom: var(--spacer-16) !important;
    }

    .pb-sm-18 {
        padding-bottom: var(--spacer-18) !important;
    }

    .pb-sm-20 {
        padding-bottom: var(--spacer-20) !important;
    }

    .pb-sm-24 {
        padding-bottom: var(--spacer-24) !important;
    }

    .pb-sm-32 {
        padding-bottom: var(--spacer-32) !important;
    }

    .pb-sm-40 {
        padding-bottom: var(--spacer-40) !important;
    }

    .pb-sm-48 {
        padding-bottom: var(--spacer-48) !important;
    }

    .pb-sm-60 {
        padding-bottom: var(--spacer-60) !important;
    }

    .pb-sm-80 {
        padding-bottom: var(--spacer-80) !important;
    }

    .pb-sm-96 {
        padding-bottom: var(--spacer-96) !important;
    }

    .pb-sm-120 {
        padding-bottom: var(--spacer-120) !important;
    }

    .pb-sm-160 {
        padding-bottom: var(--spacer-160) !important;
    }

    .pb-sm-cpx {
        padding-bottom: var(--container-padding-x) !important;
    }

    .pb-sm-ggw {
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .ps-sm-4 {
        padding-left: var(--spacer-4) !important;
    }

    .ps-sm-8 {
        padding-left: var(--spacer-8) !important;
    }

    .ps-sm-12 {
        padding-left: var(--spacer-12) !important;
    }

    .ps-sm-16 {
        padding-left: var(--spacer-16) !important;
    }

    .ps-sm-18 {
        padding-left: var(--spacer-18) !important;
    }

    .ps-sm-20 {
        padding-left: var(--spacer-20) !important;
    }

    .ps-sm-24 {
        padding-left: var(--spacer-24) !important;
    }

    .ps-sm-32 {
        padding-left: var(--spacer-32) !important;
    }

    .ps-sm-40 {
        padding-left: var(--spacer-40) !important;
    }

    .ps-sm-48 {
        padding-left: var(--spacer-48) !important;
    }

    .ps-sm-60 {
        padding-left: var(--spacer-60) !important;
    }

    .ps-sm-80 {
        padding-left: var(--spacer-80) !important;
    }

    .ps-sm-96 {
        padding-left: var(--spacer-96) !important;
    }

    .ps-sm-120 {
        padding-left: var(--spacer-120) !important;
    }

    .ps-sm-160 {
        padding-left: var(--spacer-160) !important;
    }

    .ps-sm-cpx {
        padding-left: var(--container-padding-x) !important;
    }

    .ps-sm-ggw {
        padding-left: var(--grid-gutter-width) !important;
    }

    .fs-sm-12 {
        font-size: var(--font-size-12) !important;
    }

    .fs-sm-14 {
        font-size: var(--font-size-14) !important;
    }

    .fs-sm-16 {
        font-size: var(--font-size-16) !important;
    }

    .fs-sm-18 {
        font-size: var(--font-size-18) !important;
    }

    .fs-sm-20 {
        font-size: var(--font-size-20) !important;
    }

    .fs-sm-24 {
        font-size: var(--font-size-24) !important;
    }

    .fs-sm-28 {
        font-size: var(--font-size-28) !important;
    }

    .fs-sm-32 {
        font-size: var(--font-size-32) !important;
    }

    .fs-sm-40 {
        font-size: var(--font-size-40) !important;
    }

    .fs-sm-48 {
        font-size: var(--font-size-48) !important;
    }

    .fs-sm-64 {
        font-size: var(--font-size-64) !important;
    }

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

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

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

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-md-4 {
        gap: var(--spacer-4) !important;
    }

    .gap-md-8 {
        gap: var(--spacer-8) !important;
    }

    .gap-md-12 {
        gap: var(--spacer-12) !important;
    }

    .gap-md-16 {
        gap: var(--spacer-16) !important;
    }

    .gap-md-18 {
        gap: var(--spacer-18) !important;
    }

    .gap-md-20 {
        gap: var(--spacer-20) !important;
    }

    .gap-md-24 {
        gap: var(--spacer-24) !important;
    }

    .gap-md-32 {
        gap: var(--spacer-32) !important;
    }

    .gap-md-40 {
        gap: var(--spacer-40) !important;
    }

    .gap-md-48 {
        gap: var(--spacer-48) !important;
    }

    .gap-md-60 {
        gap: var(--spacer-60) !important;
    }

    .gap-md-80 {
        gap: var(--spacer-80) !important;
    }

    .gap-md-96 {
        gap: var(--spacer-96) !important;
    }

    .gap-md-120 {
        gap: var(--spacer-120) !important;
    }

    .gap-md-160 {
        gap: var(--spacer-160) !important;
    }

    .gap-md-cpx {
        gap: var(--container-padding-x) !important;
    }

    .gap-md-ggw {
        gap: var(--grid-gutter-width) !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-4 {
        margin: var(--spacer-4) !important;
    }

    .m-md-8 {
        margin: var(--spacer-8) !important;
    }

    .m-md-12 {
        margin: var(--spacer-12) !important;
    }

    .m-md-16 {
        margin: var(--spacer-16) !important;
    }

    .m-md-18 {
        margin: var(--spacer-18) !important;
    }

    .m-md-20 {
        margin: var(--spacer-20) !important;
    }

    .m-md-24 {
        margin: var(--spacer-24) !important;
    }

    .m-md-32 {
        margin: var(--spacer-32) !important;
    }

    .m-md-40 {
        margin: var(--spacer-40) !important;
    }

    .m-md-48 {
        margin: var(--spacer-48) !important;
    }

    .m-md-60 {
        margin: var(--spacer-60) !important;
    }

    .m-md-80 {
        margin: var(--spacer-80) !important;
    }

    .m-md-96 {
        margin: var(--spacer-96) !important;
    }

    .m-md-120 {
        margin: var(--spacer-120) !important;
    }

    .m-md-160 {
        margin: var(--spacer-160) !important;
    }

    .m-md-cpx {
        margin: var(--container-padding-x) !important;
    }

    .m-md-ggw {
        margin: var(--grid-gutter-width) !important;
    }

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

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

    .mx-md-4 {
        margin-right: var(--spacer-4) !important;
        margin-left: var(--spacer-4) !important;
    }

    .mx-md-8 {
        margin-right: var(--spacer-8) !important;
        margin-left: var(--spacer-8) !important;
    }

    .mx-md-12 {
        margin-right: var(--spacer-12) !important;
        margin-left: var(--spacer-12) !important;
    }

    .mx-md-16 {
        margin-right: var(--spacer-16) !important;
        margin-left: var(--spacer-16) !important;
    }

    .mx-md-18 {
        margin-right: var(--spacer-18) !important;
        margin-left: var(--spacer-18) !important;
    }

    .mx-md-20 {
        margin-right: var(--spacer-20) !important;
        margin-left: var(--spacer-20) !important;
    }

    .mx-md-24 {
        margin-right: var(--spacer-24) !important;
        margin-left: var(--spacer-24) !important;
    }

    .mx-md-32 {
        margin-right: var(--spacer-32) !important;
        margin-left: var(--spacer-32) !important;
    }

    .mx-md-40 {
        margin-right: var(--spacer-40) !important;
        margin-left: var(--spacer-40) !important;
    }

    .mx-md-48 {
        margin-right: var(--spacer-48) !important;
        margin-left: var(--spacer-48) !important;
    }

    .mx-md-60 {
        margin-right: var(--spacer-60) !important;
        margin-left: var(--spacer-60) !important;
    }

    .mx-md-80 {
        margin-right: var(--spacer-80) !important;
        margin-left: var(--spacer-80) !important;
    }

    .mx-md-96 {
        margin-right: var(--spacer-96) !important;
        margin-left: var(--spacer-96) !important;
    }

    .mx-md-120 {
        margin-right: var(--spacer-120) !important;
        margin-left: var(--spacer-120) !important;
    }

    .mx-md-160 {
        margin-right: var(--spacer-160) !important;
        margin-left: var(--spacer-160) !important;
    }

    .mx-md-cpx {
        margin-right: var(--container-padding-x) !important;
        margin-left: var(--container-padding-x) !important;
    }

    .mx-md-ggw {
        margin-right: var(--grid-gutter-width) !important;
        margin-left: var(--grid-gutter-width) !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-4 {
        margin-top: var(--spacer-4) !important;
        margin-bottom: var(--spacer-4) !important;
    }

    .my-md-8 {
        margin-top: var(--spacer-8) !important;
        margin-bottom: var(--spacer-8) !important;
    }

    .my-md-12 {
        margin-top: var(--spacer-12) !important;
        margin-bottom: var(--spacer-12) !important;
    }

    .my-md-16 {
        margin-top: var(--spacer-16) !important;
        margin-bottom: var(--spacer-16) !important;
    }

    .my-md-18 {
        margin-top: var(--spacer-18) !important;
        margin-bottom: var(--spacer-18) !important;
    }

    .my-md-20 {
        margin-top: var(--spacer-20) !important;
        margin-bottom: var(--spacer-20) !important;
    }

    .my-md-24 {
        margin-top: var(--spacer-24) !important;
        margin-bottom: var(--spacer-24) !important;
    }

    .my-md-32 {
        margin-top: var(--spacer-32) !important;
        margin-bottom: var(--spacer-32) !important;
    }

    .my-md-40 {
        margin-top: var(--spacer-40) !important;
        margin-bottom: var(--spacer-40) !important;
    }

    .my-md-48 {
        margin-top: var(--spacer-48) !important;
        margin-bottom: var(--spacer-48) !important;
    }

    .my-md-60 {
        margin-top: var(--spacer-60) !important;
        margin-bottom: var(--spacer-60) !important;
    }

    .my-md-80 {
        margin-top: var(--spacer-80) !important;
        margin-bottom: var(--spacer-80) !important;
    }

    .my-md-96 {
        margin-top: var(--spacer-96) !important;
        margin-bottom: var(--spacer-96) !important;
    }

    .my-md-120 {
        margin-top: var(--spacer-120) !important;
        margin-bottom: var(--spacer-120) !important;
    }

    .my-md-160 {
        margin-top: var(--spacer-160) !important;
        margin-bottom: var(--spacer-160) !important;
    }

    .my-md-cpx {
        margin-top: var(--container-padding-x) !important;
        margin-bottom: var(--container-padding-x) !important;
    }

    .my-md-ggw {
        margin-top: var(--grid-gutter-width) !important;
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .mt-md-4 {
        margin-top: var(--spacer-4) !important;
    }

    .mt-md-8 {
        margin-top: var(--spacer-8) !important;
    }

    .mt-md-12 {
        margin-top: var(--spacer-12) !important;
    }

    .mt-md-16 {
        margin-top: var(--spacer-16) !important;
    }

    .mt-md-18 {
        margin-top: var(--spacer-18) !important;
    }

    .mt-md-20 {
        margin-top: var(--spacer-20) !important;
    }

    .mt-md-24 {
        margin-top: var(--spacer-24) !important;
    }

    .mt-md-32 {
        margin-top: var(--spacer-32) !important;
    }

    .mt-md-40 {
        margin-top: var(--spacer-40) !important;
    }

    .mt-md-48 {
        margin-top: var(--spacer-48) !important;
    }

    .mt-md-60 {
        margin-top: var(--spacer-60) !important;
    }

    .mt-md-80 {
        margin-top: var(--spacer-80) !important;
    }

    .mt-md-96 {
        margin-top: var(--spacer-96) !important;
    }

    .mt-md-120 {
        margin-top: var(--spacer-120) !important;
    }

    .mt-md-160 {
        margin-top: var(--spacer-160) !important;
    }

    .mt-md-cpx {
        margin-top: var(--container-padding-x) !important;
    }

    .mt-md-ggw {
        margin-top: var(--grid-gutter-width) !important;
    }

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

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

    .me-md-4 {
        margin-right: var(--spacer-4) !important;
    }

    .me-md-8 {
        margin-right: var(--spacer-8) !important;
    }

    .me-md-12 {
        margin-right: var(--spacer-12) !important;
    }

    .me-md-16 {
        margin-right: var(--spacer-16) !important;
    }

    .me-md-18 {
        margin-right: var(--spacer-18) !important;
    }

    .me-md-20 {
        margin-right: var(--spacer-20) !important;
    }

    .me-md-24 {
        margin-right: var(--spacer-24) !important;
    }

    .me-md-32 {
        margin-right: var(--spacer-32) !important;
    }

    .me-md-40 {
        margin-right: var(--spacer-40) !important;
    }

    .me-md-48 {
        margin-right: var(--spacer-48) !important;
    }

    .me-md-60 {
        margin-right: var(--spacer-60) !important;
    }

    .me-md-80 {
        margin-right: var(--spacer-80) !important;
    }

    .me-md-96 {
        margin-right: var(--spacer-96) !important;
    }

    .me-md-120 {
        margin-right: var(--spacer-120) !important;
    }

    .me-md-160 {
        margin-right: var(--spacer-160) !important;
    }

    .me-md-cpx {
        margin-right: var(--container-padding-x) !important;
    }

    .me-md-ggw {
        margin-right: var(--grid-gutter-width) !important;
    }

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

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

    .mb-md-4 {
        margin-bottom: var(--spacer-4) !important;
    }

    .mb-md-8 {
        margin-bottom: var(--spacer-8) !important;
    }

    .mb-md-12 {
        margin-bottom: var(--spacer-12) !important;
    }

    .mb-md-16 {
        margin-bottom: var(--spacer-16) !important;
    }

    .mb-md-18 {
        margin-bottom: var(--spacer-18) !important;
    }

    .mb-md-20 {
        margin-bottom: var(--spacer-20) !important;
    }

    .mb-md-24 {
        margin-bottom: var(--spacer-24) !important;
    }

    .mb-md-32 {
        margin-bottom: var(--spacer-32) !important;
    }

    .mb-md-40 {
        margin-bottom: var(--spacer-40) !important;
    }

    .mb-md-48 {
        margin-bottom: var(--spacer-48) !important;
    }

    .mb-md-60 {
        margin-bottom: var(--spacer-60) !important;
    }

    .mb-md-80 {
        margin-bottom: var(--spacer-80) !important;
    }

    .mb-md-96 {
        margin-bottom: var(--spacer-96) !important;
    }

    .mb-md-120 {
        margin-bottom: var(--spacer-120) !important;
    }

    .mb-md-160 {
        margin-bottom: var(--spacer-160) !important;
    }

    .mb-md-cpx {
        margin-bottom: var(--container-padding-x) !important;
    }

    .mb-md-ggw {
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .ms-md-4 {
        margin-left: var(--spacer-4) !important;
    }

    .ms-md-8 {
        margin-left: var(--spacer-8) !important;
    }

    .ms-md-12 {
        margin-left: var(--spacer-12) !important;
    }

    .ms-md-16 {
        margin-left: var(--spacer-16) !important;
    }

    .ms-md-18 {
        margin-left: var(--spacer-18) !important;
    }

    .ms-md-20 {
        margin-left: var(--spacer-20) !important;
    }

    .ms-md-24 {
        margin-left: var(--spacer-24) !important;
    }

    .ms-md-32 {
        margin-left: var(--spacer-32) !important;
    }

    .ms-md-40 {
        margin-left: var(--spacer-40) !important;
    }

    .ms-md-48 {
        margin-left: var(--spacer-48) !important;
    }

    .ms-md-60 {
        margin-left: var(--spacer-60) !important;
    }

    .ms-md-80 {
        margin-left: var(--spacer-80) !important;
    }

    .ms-md-96 {
        margin-left: var(--spacer-96) !important;
    }

    .ms-md-120 {
        margin-left: var(--spacer-120) !important;
    }

    .ms-md-160 {
        margin-left: var(--spacer-160) !important;
    }

    .ms-md-cpx {
        margin-left: var(--container-padding-x) !important;
    }

    .ms-md-ggw {
        margin-left: var(--grid-gutter-width) !important;
    }

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

    .m-md-n4 {
        margin: calc(-1 * var(--spacer-4)) !important;
    }

    .m-md-n8 {
        margin: calc(-1 * var(--spacer-8)) !important;
    }

    .m-md-n12 {
        margin: calc(-1 * var(--spacer-12)) !important;
    }

    .m-md-n16 {
        margin: calc(-1 * var(--spacer-16)) !important;
    }

    .m-md-n18 {
        margin: calc(-1 * var(--spacer-18)) !important;
    }

    .m-md-n20 {
        margin: calc(-1 * var(--spacer-20)) !important;
    }

    .m-md-n24 {
        margin: calc(-1 * var(--spacer-24)) !important;
    }

    .m-md-n32 {
        margin: calc(-1 * var(--spacer-32)) !important;
    }

    .m-md-n40 {
        margin: calc(-1 * var(--spacer-40)) !important;
    }

    .m-md-n48 {
        margin: calc(-1 * var(--spacer-48)) !important;
    }

    .m-md-n60 {
        margin: calc(-1 * var(--spacer-60)) !important;
    }

    .m-md-n80 {
        margin: calc(-1 * var(--spacer-80)) !important;
    }

    .m-md-n96 {
        margin: calc(-1 * var(--spacer-96)) !important;
    }

    .m-md-n120 {
        margin: calc(-1 * var(--spacer-120)) !important;
    }

    .m-md-n160 {
        margin: calc(-1 * var(--spacer-160)) !important;
    }

    .m-md-ncpx {
        margin: calc(-1 * var(--container-padding-x)) !important;
    }

    .m-md-nggw {
        margin: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mx-md-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .mx-md-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .mx-md-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .mx-md-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .mx-md-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .mx-md-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .mx-md-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .mx-md-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .mx-md-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .mx-md-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .mx-md-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .mx-md-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .mx-md-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .mx-md-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .mx-md-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .mx-md-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .mx-md-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .my-md-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .my-md-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .my-md-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .my-md-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .my-md-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .my-md-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .my-md-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .my-md-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .my-md-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .my-md-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .my-md-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .my-md-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .my-md-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .my-md-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .my-md-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .my-md-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .my-md-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mt-md-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
    }

    .mt-md-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
    }

    .mt-md-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
    }

    .mt-md-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
    }

    .mt-md-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
    }

    .mt-md-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
    }

    .mt-md-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
    }

    .mt-md-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
    }

    .mt-md-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
    }

    .mt-md-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
    }

    .mt-md-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
    }

    .mt-md-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
    }

    .mt-md-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
    }

    .mt-md-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
    }

    .mt-md-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
    }

    .mt-md-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
    }

    .mt-md-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .me-md-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
    }

    .me-md-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
    }

    .me-md-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
    }

    .me-md-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
    }

    .me-md-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
    }

    .me-md-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
    }

    .me-md-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
    }

    .me-md-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
    }

    .me-md-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
    }

    .me-md-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
    }

    .me-md-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
    }

    .me-md-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
    }

    .me-md-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
    }

    .me-md-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
    }

    .me-md-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
    }

    .me-md-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
    }

    .me-md-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mb-md-n4 {
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .mb-md-n8 {
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .mb-md-n12 {
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .mb-md-n16 {
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .mb-md-n18 {
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .mb-md-n20 {
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .mb-md-n24 {
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .mb-md-n32 {
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .mb-md-n40 {
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .mb-md-n48 {
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .mb-md-n60 {
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .mb-md-n80 {
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .mb-md-n96 {
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .mb-md-n120 {
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .mb-md-n160 {
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .mb-md-ncpx {
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .mb-md-nggw {
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .ms-md-n4 {
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .ms-md-n8 {
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .ms-md-n12 {
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .ms-md-n16 {
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .ms-md-n18 {
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .ms-md-n20 {
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .ms-md-n24 {
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .ms-md-n32 {
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .ms-md-n40 {
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .ms-md-n48 {
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .ms-md-n60 {
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .ms-md-n80 {
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .ms-md-n96 {
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .ms-md-n120 {
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .ms-md-n160 {
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .ms-md-ncpx {
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .ms-md-nggw {
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

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

    .p-md-4 {
        padding: var(--spacer-4) !important;
    }

    .p-md-8 {
        padding: var(--spacer-8) !important;
    }

    .p-md-12 {
        padding: var(--spacer-12) !important;
    }

    .p-md-16 {
        padding: var(--spacer-16) !important;
    }

    .p-md-18 {
        padding: var(--spacer-18) !important;
    }

    .p-md-20 {
        padding: var(--spacer-20) !important;
    }

    .p-md-24 {
        padding: var(--spacer-24) !important;
    }

    .p-md-32 {
        padding: var(--spacer-32) !important;
    }

    .p-md-40 {
        padding: var(--spacer-40) !important;
    }

    .p-md-48 {
        padding: var(--spacer-48) !important;
    }

    .p-md-60 {
        padding: var(--spacer-60) !important;
    }

    .p-md-80 {
        padding: var(--spacer-80) !important;
    }

    .p-md-96 {
        padding: var(--spacer-96) !important;
    }

    .p-md-120 {
        padding: var(--spacer-120) !important;
    }

    .p-md-160 {
        padding: var(--spacer-160) !important;
    }

    .p-md-cpx {
        padding: var(--container-padding-x) !important;
    }

    .p-md-ggw {
        padding: var(--grid-gutter-width) !important;
    }

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

    .px-md-4 {
        padding-right: var(--spacer-4) !important;
        padding-left: var(--spacer-4) !important;
    }

    .px-md-8 {
        padding-right: var(--spacer-8) !important;
        padding-left: var(--spacer-8) !important;
    }

    .px-md-12 {
        padding-right: var(--spacer-12) !important;
        padding-left: var(--spacer-12) !important;
    }

    .px-md-16 {
        padding-right: var(--spacer-16) !important;
        padding-left: var(--spacer-16) !important;
    }

    .px-md-18 {
        padding-right: var(--spacer-18) !important;
        padding-left: var(--spacer-18) !important;
    }

    .px-md-20 {
        padding-right: var(--spacer-20) !important;
        padding-left: var(--spacer-20) !important;
    }

    .px-md-24 {
        padding-right: var(--spacer-24) !important;
        padding-left: var(--spacer-24) !important;
    }

    .px-md-32 {
        padding-right: var(--spacer-32) !important;
        padding-left: var(--spacer-32) !important;
    }

    .px-md-40 {
        padding-right: var(--spacer-40) !important;
        padding-left: var(--spacer-40) !important;
    }

    .px-md-48 {
        padding-right: var(--spacer-48) !important;
        padding-left: var(--spacer-48) !important;
    }

    .px-md-60 {
        padding-right: var(--spacer-60) !important;
        padding-left: var(--spacer-60) !important;
    }

    .px-md-80 {
        padding-right: var(--spacer-80) !important;
        padding-left: var(--spacer-80) !important;
    }

    .px-md-96 {
        padding-right: var(--spacer-96) !important;
        padding-left: var(--spacer-96) !important;
    }

    .px-md-120 {
        padding-right: var(--spacer-120) !important;
        padding-left: var(--spacer-120) !important;
    }

    .px-md-160 {
        padding-right: var(--spacer-160) !important;
        padding-left: var(--spacer-160) !important;
    }

    .px-md-cpx {
        padding-right: var(--container-padding-x) !important;
        padding-left: var(--container-padding-x) !important;
    }

    .px-md-ggw {
        padding-right: var(--grid-gutter-width) !important;
        padding-left: var(--grid-gutter-width) !important;
    }

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

    .py-md-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .py-md-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }

    .py-md-12 {
        padding-top: var(--spacer-12) !important;
        padding-bottom: var(--spacer-12) !important;
    }

    .py-md-16 {
        padding-top: var(--spacer-16) !important;
        padding-bottom: var(--spacer-16) !important;
    }

    .py-md-18 {
        padding-top: var(--spacer-18) !important;
        padding-bottom: var(--spacer-18) !important;
    }

    .py-md-20 {
        padding-top: var(--spacer-20) !important;
        padding-bottom: var(--spacer-20) !important;
    }

    .py-md-24 {
        padding-top: var(--spacer-24) !important;
        padding-bottom: var(--spacer-24) !important;
    }

    .py-md-32 {
        padding-top: var(--spacer-32) !important;
        padding-bottom: var(--spacer-32) !important;
    }

    .py-md-40 {
        padding-top: var(--spacer-40) !important;
        padding-bottom: var(--spacer-40) !important;
    }

    .py-md-48 {
        padding-top: var(--spacer-48) !important;
        padding-bottom: var(--spacer-48) !important;
    }

    .py-md-60 {
        padding-top: var(--spacer-60) !important;
        padding-bottom: var(--spacer-60) !important;
    }

    .py-md-80 {
        padding-top: var(--spacer-80) !important;
        padding-bottom: var(--spacer-80) !important;
    }

    .py-md-96 {
        padding-top: var(--spacer-96) !important;
        padding-bottom: var(--spacer-96) !important;
    }

    .py-md-120 {
        padding-top: var(--spacer-120) !important;
        padding-bottom: var(--spacer-120) !important;
    }

    .py-md-160 {
        padding-top: var(--spacer-160) !important;
        padding-bottom: var(--spacer-160) !important;
    }

    .py-md-cpx {
        padding-top: var(--container-padding-x) !important;
        padding-bottom: var(--container-padding-x) !important;
    }

    .py-md-ggw {
        padding-top: var(--grid-gutter-width) !important;
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .pt-md-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pt-md-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pt-md-12 {
        padding-top: var(--spacer-12) !important;
    }

    .pt-md-16 {
        padding-top: var(--spacer-16) !important;
    }

    .pt-md-18 {
        padding-top: var(--spacer-18) !important;
    }

    .pt-md-20 {
        padding-top: var(--spacer-20) !important;
    }

    .pt-md-24 {
        padding-top: var(--spacer-24) !important;
    }

    .pt-md-32 {
        padding-top: var(--spacer-32) !important;
    }

    .pt-md-40 {
        padding-top: var(--spacer-40) !important;
    }

    .pt-md-48 {
        padding-top: var(--spacer-48) !important;
    }

    .pt-md-60 {
        padding-top: var(--spacer-60) !important;
    }

    .pt-md-80 {
        padding-top: var(--spacer-80) !important;
    }

    .pt-md-96 {
        padding-top: var(--spacer-96) !important;
    }

    .pt-md-120 {
        padding-top: var(--spacer-120) !important;
    }

    .pt-md-160 {
        padding-top: var(--spacer-160) !important;
    }

    .pt-md-cpx {
        padding-top: var(--container-padding-x) !important;
    }

    .pt-md-ggw {
        padding-top: var(--grid-gutter-width) !important;
    }

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

    .pe-md-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pe-md-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pe-md-12 {
        padding-right: var(--spacer-12) !important;
    }

    .pe-md-16 {
        padding-right: var(--spacer-16) !important;
    }

    .pe-md-18 {
        padding-right: var(--spacer-18) !important;
    }

    .pe-md-20 {
        padding-right: var(--spacer-20) !important;
    }

    .pe-md-24 {
        padding-right: var(--spacer-24) !important;
    }

    .pe-md-32 {
        padding-right: var(--spacer-32) !important;
    }

    .pe-md-40 {
        padding-right: var(--spacer-40) !important;
    }

    .pe-md-48 {
        padding-right: var(--spacer-48) !important;
    }

    .pe-md-60 {
        padding-right: var(--spacer-60) !important;
    }

    .pe-md-80 {
        padding-right: var(--spacer-80) !important;
    }

    .pe-md-96 {
        padding-right: var(--spacer-96) !important;
    }

    .pe-md-120 {
        padding-right: var(--spacer-120) !important;
    }

    .pe-md-160 {
        padding-right: var(--spacer-160) !important;
    }

    .pe-md-cpx {
        padding-right: var(--container-padding-x) !important;
    }

    .pe-md-ggw {
        padding-right: var(--grid-gutter-width) !important;
    }

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

    .pb-md-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pb-md-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pb-md-12 {
        padding-bottom: var(--spacer-12) !important;
    }

    .pb-md-16 {
        padding-bottom: var(--spacer-16) !important;
    }

    .pb-md-18 {
        padding-bottom: var(--spacer-18) !important;
    }

    .pb-md-20 {
        padding-bottom: var(--spacer-20) !important;
    }

    .pb-md-24 {
        padding-bottom: var(--spacer-24) !important;
    }

    .pb-md-32 {
        padding-bottom: var(--spacer-32) !important;
    }

    .pb-md-40 {
        padding-bottom: var(--spacer-40) !important;
    }

    .pb-md-48 {
        padding-bottom: var(--spacer-48) !important;
    }

    .pb-md-60 {
        padding-bottom: var(--spacer-60) !important;
    }

    .pb-md-80 {
        padding-bottom: var(--spacer-80) !important;
    }

    .pb-md-96 {
        padding-bottom: var(--spacer-96) !important;
    }

    .pb-md-120 {
        padding-bottom: var(--spacer-120) !important;
    }

    .pb-md-160 {
        padding-bottom: var(--spacer-160) !important;
    }

    .pb-md-cpx {
        padding-bottom: var(--container-padding-x) !important;
    }

    .pb-md-ggw {
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .ps-md-4 {
        padding-left: var(--spacer-4) !important;
    }

    .ps-md-8 {
        padding-left: var(--spacer-8) !important;
    }

    .ps-md-12 {
        padding-left: var(--spacer-12) !important;
    }

    .ps-md-16 {
        padding-left: var(--spacer-16) !important;
    }

    .ps-md-18 {
        padding-left: var(--spacer-18) !important;
    }

    .ps-md-20 {
        padding-left: var(--spacer-20) !important;
    }

    .ps-md-24 {
        padding-left: var(--spacer-24) !important;
    }

    .ps-md-32 {
        padding-left: var(--spacer-32) !important;
    }

    .ps-md-40 {
        padding-left: var(--spacer-40) !important;
    }

    .ps-md-48 {
        padding-left: var(--spacer-48) !important;
    }

    .ps-md-60 {
        padding-left: var(--spacer-60) !important;
    }

    .ps-md-80 {
        padding-left: var(--spacer-80) !important;
    }

    .ps-md-96 {
        padding-left: var(--spacer-96) !important;
    }

    .ps-md-120 {
        padding-left: var(--spacer-120) !important;
    }

    .ps-md-160 {
        padding-left: var(--spacer-160) !important;
    }

    .ps-md-cpx {
        padding-left: var(--container-padding-x) !important;
    }

    .ps-md-ggw {
        padding-left: var(--grid-gutter-width) !important;
    }

    .fs-md-12 {
        font-size: var(--font-size-12) !important;
    }

    .fs-md-14 {
        font-size: var(--font-size-14) !important;
    }

    .fs-md-16 {
        font-size: var(--font-size-16) !important;
    }

    .fs-md-18 {
        font-size: var(--font-size-18) !important;
    }

    .fs-md-20 {
        font-size: var(--font-size-20) !important;
    }

    .fs-md-24 {
        font-size: var(--font-size-24) !important;
    }

    .fs-md-28 {
        font-size: var(--font-size-28) !important;
    }

    .fs-md-32 {
        font-size: var(--font-size-32) !important;
    }

    .fs-md-40 {
        font-size: var(--font-size-40) !important;
    }

    .fs-md-48 {
        font-size: var(--font-size-48) !important;
    }

    .fs-md-64 {
        font-size: var(--font-size-64) !important;
    }

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

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

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

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-lg-4 {
        gap: var(--spacer-4) !important;
    }

    .gap-lg-8 {
        gap: var(--spacer-8) !important;
    }

    .gap-lg-12 {
        gap: var(--spacer-12) !important;
    }

    .gap-lg-16 {
        gap: var(--spacer-16) !important;
    }

    .gap-lg-18 {
        gap: var(--spacer-18) !important;
    }

    .gap-lg-20 {
        gap: var(--spacer-20) !important;
    }

    .gap-lg-24 {
        gap: var(--spacer-24) !important;
    }

    .gap-lg-32 {
        gap: var(--spacer-32) !important;
    }

    .gap-lg-40 {
        gap: var(--spacer-40) !important;
    }

    .gap-lg-48 {
        gap: var(--spacer-48) !important;
    }

    .gap-lg-60 {
        gap: var(--spacer-60) !important;
    }

    .gap-lg-80 {
        gap: var(--spacer-80) !important;
    }

    .gap-lg-96 {
        gap: var(--spacer-96) !important;
    }

    .gap-lg-120 {
        gap: var(--spacer-120) !important;
    }

    .gap-lg-160 {
        gap: var(--spacer-160) !important;
    }

    .gap-lg-cpx {
        gap: var(--container-padding-x) !important;
    }

    .gap-lg-ggw {
        gap: var(--grid-gutter-width) !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-4 {
        margin: var(--spacer-4) !important;
    }

    .m-lg-8 {
        margin: var(--spacer-8) !important;
    }

    .m-lg-12 {
        margin: var(--spacer-12) !important;
    }

    .m-lg-16 {
        margin: var(--spacer-16) !important;
    }

    .m-lg-18 {
        margin: var(--spacer-18) !important;
    }

    .m-lg-20 {
        margin: var(--spacer-20) !important;
    }

    .m-lg-24 {
        margin: var(--spacer-24) !important;
    }

    .m-lg-32 {
        margin: var(--spacer-32) !important;
    }

    .m-lg-40 {
        margin: var(--spacer-40) !important;
    }

    .m-lg-48 {
        margin: var(--spacer-48) !important;
    }

    .m-lg-60 {
        margin: var(--spacer-60) !important;
    }

    .m-lg-80 {
        margin: var(--spacer-80) !important;
    }

    .m-lg-96 {
        margin: var(--spacer-96) !important;
    }

    .m-lg-120 {
        margin: var(--spacer-120) !important;
    }

    .m-lg-160 {
        margin: var(--spacer-160) !important;
    }

    .m-lg-cpx {
        margin: var(--container-padding-x) !important;
    }

    .m-lg-ggw {
        margin: var(--grid-gutter-width) !important;
    }

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

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

    .mx-lg-4 {
        margin-right: var(--spacer-4) !important;
        margin-left: var(--spacer-4) !important;
    }

    .mx-lg-8 {
        margin-right: var(--spacer-8) !important;
        margin-left: var(--spacer-8) !important;
    }

    .mx-lg-12 {
        margin-right: var(--spacer-12) !important;
        margin-left: var(--spacer-12) !important;
    }

    .mx-lg-16 {
        margin-right: var(--spacer-16) !important;
        margin-left: var(--spacer-16) !important;
    }

    .mx-lg-18 {
        margin-right: var(--spacer-18) !important;
        margin-left: var(--spacer-18) !important;
    }

    .mx-lg-20 {
        margin-right: var(--spacer-20) !important;
        margin-left: var(--spacer-20) !important;
    }

    .mx-lg-24 {
        margin-right: var(--spacer-24) !important;
        margin-left: var(--spacer-24) !important;
    }

    .mx-lg-32 {
        margin-right: var(--spacer-32) !important;
        margin-left: var(--spacer-32) !important;
    }

    .mx-lg-40 {
        margin-right: var(--spacer-40) !important;
        margin-left: var(--spacer-40) !important;
    }

    .mx-lg-48 {
        margin-right: var(--spacer-48) !important;
        margin-left: var(--spacer-48) !important;
    }

    .mx-lg-60 {
        margin-right: var(--spacer-60) !important;
        margin-left: var(--spacer-60) !important;
    }

    .mx-lg-80 {
        margin-right: var(--spacer-80) !important;
        margin-left: var(--spacer-80) !important;
    }

    .mx-lg-96 {
        margin-right: var(--spacer-96) !important;
        margin-left: var(--spacer-96) !important;
    }

    .mx-lg-120 {
        margin-right: var(--spacer-120) !important;
        margin-left: var(--spacer-120) !important;
    }

    .mx-lg-160 {
        margin-right: var(--spacer-160) !important;
        margin-left: var(--spacer-160) !important;
    }

    .mx-lg-cpx {
        margin-right: var(--container-padding-x) !important;
        margin-left: var(--container-padding-x) !important;
    }

    .mx-lg-ggw {
        margin-right: var(--grid-gutter-width) !important;
        margin-left: var(--grid-gutter-width) !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-4 {
        margin-top: var(--spacer-4) !important;
        margin-bottom: var(--spacer-4) !important;
    }

    .my-lg-8 {
        margin-top: var(--spacer-8) !important;
        margin-bottom: var(--spacer-8) !important;
    }

    .my-lg-12 {
        margin-top: var(--spacer-12) !important;
        margin-bottom: var(--spacer-12) !important;
    }

    .my-lg-16 {
        margin-top: var(--spacer-16) !important;
        margin-bottom: var(--spacer-16) !important;
    }

    .my-lg-18 {
        margin-top: var(--spacer-18) !important;
        margin-bottom: var(--spacer-18) !important;
    }

    .my-lg-20 {
        margin-top: var(--spacer-20) !important;
        margin-bottom: var(--spacer-20) !important;
    }

    .my-lg-24 {
        margin-top: var(--spacer-24) !important;
        margin-bottom: var(--spacer-24) !important;
    }

    .my-lg-32 {
        margin-top: var(--spacer-32) !important;
        margin-bottom: var(--spacer-32) !important;
    }

    .my-lg-40 {
        margin-top: var(--spacer-40) !important;
        margin-bottom: var(--spacer-40) !important;
    }

    .my-lg-48 {
        margin-top: var(--spacer-48) !important;
        margin-bottom: var(--spacer-48) !important;
    }

    .my-lg-60 {
        margin-top: var(--spacer-60) !important;
        margin-bottom: var(--spacer-60) !important;
    }

    .my-lg-80 {
        margin-top: var(--spacer-80) !important;
        margin-bottom: var(--spacer-80) !important;
    }

    .my-lg-96 {
        margin-top: var(--spacer-96) !important;
        margin-bottom: var(--spacer-96) !important;
    }

    .my-lg-120 {
        margin-top: var(--spacer-120) !important;
        margin-bottom: var(--spacer-120) !important;
    }

    .my-lg-160 {
        margin-top: var(--spacer-160) !important;
        margin-bottom: var(--spacer-160) !important;
    }

    .my-lg-cpx {
        margin-top: var(--container-padding-x) !important;
        margin-bottom: var(--container-padding-x) !important;
    }

    .my-lg-ggw {
        margin-top: var(--grid-gutter-width) !important;
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .mt-lg-4 {
        margin-top: var(--spacer-4) !important;
    }

    .mt-lg-8 {
        margin-top: var(--spacer-8) !important;
    }

    .mt-lg-12 {
        margin-top: var(--spacer-12) !important;
    }

    .mt-lg-16 {
        margin-top: var(--spacer-16) !important;
    }

    .mt-lg-18 {
        margin-top: var(--spacer-18) !important;
    }

    .mt-lg-20 {
        margin-top: var(--spacer-20) !important;
    }

    .mt-lg-24 {
        margin-top: var(--spacer-24) !important;
    }

    .mt-lg-32 {
        margin-top: var(--spacer-32) !important;
    }

    .mt-lg-40 {
        margin-top: var(--spacer-40) !important;
    }

    .mt-lg-48 {
        margin-top: var(--spacer-48) !important;
    }

    .mt-lg-60 {
        margin-top: var(--spacer-60) !important;
    }

    .mt-lg-80 {
        margin-top: var(--spacer-80) !important;
    }

    .mt-lg-96 {
        margin-top: var(--spacer-96) !important;
    }

    .mt-lg-120 {
        margin-top: var(--spacer-120) !important;
    }

    .mt-lg-160 {
        margin-top: var(--spacer-160) !important;
    }

    .mt-lg-cpx {
        margin-top: var(--container-padding-x) !important;
    }

    .mt-lg-ggw {
        margin-top: var(--grid-gutter-width) !important;
    }

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

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

    .me-lg-4 {
        margin-right: var(--spacer-4) !important;
    }

    .me-lg-8 {
        margin-right: var(--spacer-8) !important;
    }

    .me-lg-12 {
        margin-right: var(--spacer-12) !important;
    }

    .me-lg-16 {
        margin-right: var(--spacer-16) !important;
    }

    .me-lg-18 {
        margin-right: var(--spacer-18) !important;
    }

    .me-lg-20 {
        margin-right: var(--spacer-20) !important;
    }

    .me-lg-24 {
        margin-right: var(--spacer-24) !important;
    }

    .me-lg-32 {
        margin-right: var(--spacer-32) !important;
    }

    .me-lg-40 {
        margin-right: var(--spacer-40) !important;
    }

    .me-lg-48 {
        margin-right: var(--spacer-48) !important;
    }

    .me-lg-60 {
        margin-right: var(--spacer-60) !important;
    }

    .me-lg-80 {
        margin-right: var(--spacer-80) !important;
    }

    .me-lg-96 {
        margin-right: var(--spacer-96) !important;
    }

    .me-lg-120 {
        margin-right: var(--spacer-120) !important;
    }

    .me-lg-160 {
        margin-right: var(--spacer-160) !important;
    }

    .me-lg-cpx {
        margin-right: var(--container-padding-x) !important;
    }

    .me-lg-ggw {
        margin-right: var(--grid-gutter-width) !important;
    }

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

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

    .mb-lg-4 {
        margin-bottom: var(--spacer-4) !important;
    }

    .mb-lg-8 {
        margin-bottom: var(--spacer-8) !important;
    }

    .mb-lg-12 {
        margin-bottom: var(--spacer-12) !important;
    }

    .mb-lg-16 {
        margin-bottom: var(--spacer-16) !important;
    }

    .mb-lg-18 {
        margin-bottom: var(--spacer-18) !important;
    }

    .mb-lg-20 {
        margin-bottom: var(--spacer-20) !important;
    }

    .mb-lg-24 {
        margin-bottom: var(--spacer-24) !important;
    }

    .mb-lg-32 {
        margin-bottom: var(--spacer-32) !important;
    }

    .mb-lg-40 {
        margin-bottom: var(--spacer-40) !important;
    }

    .mb-lg-48 {
        margin-bottom: var(--spacer-48) !important;
    }

    .mb-lg-60 {
        margin-bottom: var(--spacer-60) !important;
    }

    .mb-lg-80 {
        margin-bottom: var(--spacer-80) !important;
    }

    .mb-lg-96 {
        margin-bottom: var(--spacer-96) !important;
    }

    .mb-lg-120 {
        margin-bottom: var(--spacer-120) !important;
    }

    .mb-lg-160 {
        margin-bottom: var(--spacer-160) !important;
    }

    .mb-lg-cpx {
        margin-bottom: var(--container-padding-x) !important;
    }

    .mb-lg-ggw {
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .ms-lg-4 {
        margin-left: var(--spacer-4) !important;
    }

    .ms-lg-8 {
        margin-left: var(--spacer-8) !important;
    }

    .ms-lg-12 {
        margin-left: var(--spacer-12) !important;
    }

    .ms-lg-16 {
        margin-left: var(--spacer-16) !important;
    }

    .ms-lg-18 {
        margin-left: var(--spacer-18) !important;
    }

    .ms-lg-20 {
        margin-left: var(--spacer-20) !important;
    }

    .ms-lg-24 {
        margin-left: var(--spacer-24) !important;
    }

    .ms-lg-32 {
        margin-left: var(--spacer-32) !important;
    }

    .ms-lg-40 {
        margin-left: var(--spacer-40) !important;
    }

    .ms-lg-48 {
        margin-left: var(--spacer-48) !important;
    }

    .ms-lg-60 {
        margin-left: var(--spacer-60) !important;
    }

    .ms-lg-80 {
        margin-left: var(--spacer-80) !important;
    }

    .ms-lg-96 {
        margin-left: var(--spacer-96) !important;
    }

    .ms-lg-120 {
        margin-left: var(--spacer-120) !important;
    }

    .ms-lg-160 {
        margin-left: var(--spacer-160) !important;
    }

    .ms-lg-cpx {
        margin-left: var(--container-padding-x) !important;
    }

    .ms-lg-ggw {
        margin-left: var(--grid-gutter-width) !important;
    }

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

    .m-lg-n4 {
        margin: calc(-1 * var(--spacer-4)) !important;
    }

    .m-lg-n8 {
        margin: calc(-1 * var(--spacer-8)) !important;
    }

    .m-lg-n12 {
        margin: calc(-1 * var(--spacer-12)) !important;
    }

    .m-lg-n16 {
        margin: calc(-1 * var(--spacer-16)) !important;
    }

    .m-lg-n18 {
        margin: calc(-1 * var(--spacer-18)) !important;
    }

    .m-lg-n20 {
        margin: calc(-1 * var(--spacer-20)) !important;
    }

    .m-lg-n24 {
        margin: calc(-1 * var(--spacer-24)) !important;
    }

    .m-lg-n32 {
        margin: calc(-1 * var(--spacer-32)) !important;
    }

    .m-lg-n40 {
        margin: calc(-1 * var(--spacer-40)) !important;
    }

    .m-lg-n48 {
        margin: calc(-1 * var(--spacer-48)) !important;
    }

    .m-lg-n60 {
        margin: calc(-1 * var(--spacer-60)) !important;
    }

    .m-lg-n80 {
        margin: calc(-1 * var(--spacer-80)) !important;
    }

    .m-lg-n96 {
        margin: calc(-1 * var(--spacer-96)) !important;
    }

    .m-lg-n120 {
        margin: calc(-1 * var(--spacer-120)) !important;
    }

    .m-lg-n160 {
        margin: calc(-1 * var(--spacer-160)) !important;
    }

    .m-lg-ncpx {
        margin: calc(-1 * var(--container-padding-x)) !important;
    }

    .m-lg-nggw {
        margin: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mx-lg-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .mx-lg-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .mx-lg-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .mx-lg-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .mx-lg-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .mx-lg-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .mx-lg-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .mx-lg-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .mx-lg-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .mx-lg-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .mx-lg-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .mx-lg-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .mx-lg-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .mx-lg-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .mx-lg-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .mx-lg-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .mx-lg-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .my-lg-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .my-lg-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .my-lg-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .my-lg-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .my-lg-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .my-lg-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .my-lg-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .my-lg-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .my-lg-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .my-lg-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .my-lg-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .my-lg-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .my-lg-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .my-lg-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .my-lg-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .my-lg-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .my-lg-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mt-lg-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
    }

    .mt-lg-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
    }

    .mt-lg-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
    }

    .mt-lg-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
    }

    .mt-lg-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
    }

    .mt-lg-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
    }

    .mt-lg-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
    }

    .mt-lg-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
    }

    .mt-lg-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
    }

    .mt-lg-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
    }

    .mt-lg-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
    }

    .mt-lg-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
    }

    .mt-lg-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
    }

    .mt-lg-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
    }

    .mt-lg-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
    }

    .mt-lg-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
    }

    .mt-lg-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .me-lg-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
    }

    .me-lg-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
    }

    .me-lg-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
    }

    .me-lg-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
    }

    .me-lg-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
    }

    .me-lg-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
    }

    .me-lg-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
    }

    .me-lg-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
    }

    .me-lg-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
    }

    .me-lg-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
    }

    .me-lg-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
    }

    .me-lg-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
    }

    .me-lg-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
    }

    .me-lg-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
    }

    .me-lg-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
    }

    .me-lg-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
    }

    .me-lg-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mb-lg-n4 {
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .mb-lg-n8 {
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .mb-lg-n12 {
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .mb-lg-n16 {
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .mb-lg-n18 {
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .mb-lg-n20 {
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .mb-lg-n24 {
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .mb-lg-n32 {
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .mb-lg-n40 {
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .mb-lg-n48 {
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .mb-lg-n60 {
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .mb-lg-n80 {
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .mb-lg-n96 {
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .mb-lg-n120 {
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .mb-lg-n160 {
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .mb-lg-ncpx {
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .mb-lg-nggw {
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .ms-lg-n4 {
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .ms-lg-n8 {
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .ms-lg-n12 {
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .ms-lg-n16 {
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .ms-lg-n18 {
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .ms-lg-n20 {
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .ms-lg-n24 {
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .ms-lg-n32 {
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .ms-lg-n40 {
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .ms-lg-n48 {
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .ms-lg-n60 {
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .ms-lg-n80 {
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .ms-lg-n96 {
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .ms-lg-n120 {
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .ms-lg-n160 {
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .ms-lg-ncpx {
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .ms-lg-nggw {
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

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

    .p-lg-4 {
        padding: var(--spacer-4) !important;
    }

    .p-lg-8 {
        padding: var(--spacer-8) !important;
    }

    .p-lg-12 {
        padding: var(--spacer-12) !important;
    }

    .p-lg-16 {
        padding: var(--spacer-16) !important;
    }

    .p-lg-18 {
        padding: var(--spacer-18) !important;
    }

    .p-lg-20 {
        padding: var(--spacer-20) !important;
    }

    .p-lg-24 {
        padding: var(--spacer-24) !important;
    }

    .p-lg-32 {
        padding: var(--spacer-32) !important;
    }

    .p-lg-40 {
        padding: var(--spacer-40) !important;
    }

    .p-lg-48 {
        padding: var(--spacer-48) !important;
    }

    .p-lg-60 {
        padding: var(--spacer-60) !important;
    }

    .p-lg-80 {
        padding: var(--spacer-80) !important;
    }

    .p-lg-96 {
        padding: var(--spacer-96) !important;
    }

    .p-lg-120 {
        padding: var(--spacer-120) !important;
    }

    .p-lg-160 {
        padding: var(--spacer-160) !important;
    }

    .p-lg-cpx {
        padding: var(--container-padding-x) !important;
    }

    .p-lg-ggw {
        padding: var(--grid-gutter-width) !important;
    }

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

    .px-lg-4 {
        padding-right: var(--spacer-4) !important;
        padding-left: var(--spacer-4) !important;
    }

    .px-lg-8 {
        padding-right: var(--spacer-8) !important;
        padding-left: var(--spacer-8) !important;
    }

    .px-lg-12 {
        padding-right: var(--spacer-12) !important;
        padding-left: var(--spacer-12) !important;
    }

    .px-lg-16 {
        padding-right: var(--spacer-16) !important;
        padding-left: var(--spacer-16) !important;
    }

    .px-lg-18 {
        padding-right: var(--spacer-18) !important;
        padding-left: var(--spacer-18) !important;
    }

    .px-lg-20 {
        padding-right: var(--spacer-20) !important;
        padding-left: var(--spacer-20) !important;
    }

    .px-lg-24 {
        padding-right: var(--spacer-24) !important;
        padding-left: var(--spacer-24) !important;
    }

    .px-lg-32 {
        padding-right: var(--spacer-32) !important;
        padding-left: var(--spacer-32) !important;
    }

    .px-lg-40 {
        padding-right: var(--spacer-40) !important;
        padding-left: var(--spacer-40) !important;
    }

    .px-lg-48 {
        padding-right: var(--spacer-48) !important;
        padding-left: var(--spacer-48) !important;
    }

    .px-lg-60 {
        padding-right: var(--spacer-60) !important;
        padding-left: var(--spacer-60) !important;
    }

    .px-lg-80 {
        padding-right: var(--spacer-80) !important;
        padding-left: var(--spacer-80) !important;
    }

    .px-lg-96 {
        padding-right: var(--spacer-96) !important;
        padding-left: var(--spacer-96) !important;
    }

    .px-lg-120 {
        padding-right: var(--spacer-120) !important;
        padding-left: var(--spacer-120) !important;
    }

    .px-lg-160 {
        padding-right: var(--spacer-160) !important;
        padding-left: var(--spacer-160) !important;
    }

    .px-lg-cpx {
        padding-right: var(--container-padding-x) !important;
        padding-left: var(--container-padding-x) !important;
    }

    .px-lg-ggw {
        padding-right: var(--grid-gutter-width) !important;
        padding-left: var(--grid-gutter-width) !important;
    }

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

    .py-lg-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .py-lg-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }

    .py-lg-12 {
        padding-top: var(--spacer-12) !important;
        padding-bottom: var(--spacer-12) !important;
    }

    .py-lg-16 {
        padding-top: var(--spacer-16) !important;
        padding-bottom: var(--spacer-16) !important;
    }

    .py-lg-18 {
        padding-top: var(--spacer-18) !important;
        padding-bottom: var(--spacer-18) !important;
    }

    .py-lg-20 {
        padding-top: var(--spacer-20) !important;
        padding-bottom: var(--spacer-20) !important;
    }

    .py-lg-24 {
        padding-top: var(--spacer-24) !important;
        padding-bottom: var(--spacer-24) !important;
    }

    .py-lg-32 {
        padding-top: var(--spacer-32) !important;
        padding-bottom: var(--spacer-32) !important;
    }

    .py-lg-40 {
        padding-top: var(--spacer-40) !important;
        padding-bottom: var(--spacer-40) !important;
    }

    .py-lg-48 {
        padding-top: var(--spacer-48) !important;
        padding-bottom: var(--spacer-48) !important;
    }

    .py-lg-60 {
        padding-top: var(--spacer-60) !important;
        padding-bottom: var(--spacer-60) !important;
    }

    .py-lg-80 {
        padding-top: var(--spacer-80) !important;
        padding-bottom: var(--spacer-80) !important;
    }

    .py-lg-96 {
        padding-top: var(--spacer-96) !important;
        padding-bottom: var(--spacer-96) !important;
    }

    .py-lg-120 {
        padding-top: var(--spacer-120) !important;
        padding-bottom: var(--spacer-120) !important;
    }

    .py-lg-160 {
        padding-top: var(--spacer-160) !important;
        padding-bottom: var(--spacer-160) !important;
    }

    .py-lg-cpx {
        padding-top: var(--container-padding-x) !important;
        padding-bottom: var(--container-padding-x) !important;
    }

    .py-lg-ggw {
        padding-top: var(--grid-gutter-width) !important;
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .pt-lg-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pt-lg-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pt-lg-12 {
        padding-top: var(--spacer-12) !important;
    }

    .pt-lg-16 {
        padding-top: var(--spacer-16) !important;
    }

    .pt-lg-18 {
        padding-top: var(--spacer-18) !important;
    }

    .pt-lg-20 {
        padding-top: var(--spacer-20) !important;
    }

    .pt-lg-24 {
        padding-top: var(--spacer-24) !important;
    }

    .pt-lg-32 {
        padding-top: var(--spacer-32) !important;
    }

    .pt-lg-40 {
        padding-top: var(--spacer-40) !important;
    }

    .pt-lg-48 {
        padding-top: var(--spacer-48) !important;
    }

    .pt-lg-60 {
        padding-top: var(--spacer-60) !important;
    }

    .pt-lg-80 {
        padding-top: var(--spacer-80) !important;
    }

    .pt-lg-96 {
        padding-top: var(--spacer-96) !important;
    }

    .pt-lg-120 {
        padding-top: var(--spacer-120) !important;
    }

    .pt-lg-160 {
        padding-top: var(--spacer-160) !important;
    }

    .pt-lg-cpx {
        padding-top: var(--container-padding-x) !important;
    }

    .pt-lg-ggw {
        padding-top: var(--grid-gutter-width) !important;
    }

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

    .pe-lg-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pe-lg-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pe-lg-12 {
        padding-right: var(--spacer-12) !important;
    }

    .pe-lg-16 {
        padding-right: var(--spacer-16) !important;
    }

    .pe-lg-18 {
        padding-right: var(--spacer-18) !important;
    }

    .pe-lg-20 {
        padding-right: var(--spacer-20) !important;
    }

    .pe-lg-24 {
        padding-right: var(--spacer-24) !important;
    }

    .pe-lg-32 {
        padding-right: var(--spacer-32) !important;
    }

    .pe-lg-40 {
        padding-right: var(--spacer-40) !important;
    }

    .pe-lg-48 {
        padding-right: var(--spacer-48) !important;
    }

    .pe-lg-60 {
        padding-right: var(--spacer-60) !important;
    }

    .pe-lg-80 {
        padding-right: var(--spacer-80) !important;
    }

    .pe-lg-96 {
        padding-right: var(--spacer-96) !important;
    }

    .pe-lg-120 {
        padding-right: var(--spacer-120) !important;
    }

    .pe-lg-160 {
        padding-right: var(--spacer-160) !important;
    }

    .pe-lg-cpx {
        padding-right: var(--container-padding-x) !important;
    }

    .pe-lg-ggw {
        padding-right: var(--grid-gutter-width) !important;
    }

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

    .pb-lg-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pb-lg-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pb-lg-12 {
        padding-bottom: var(--spacer-12) !important;
    }

    .pb-lg-16 {
        padding-bottom: var(--spacer-16) !important;
    }

    .pb-lg-18 {
        padding-bottom: var(--spacer-18) !important;
    }

    .pb-lg-20 {
        padding-bottom: var(--spacer-20) !important;
    }

    .pb-lg-24 {
        padding-bottom: var(--spacer-24) !important;
    }

    .pb-lg-32 {
        padding-bottom: var(--spacer-32) !important;
    }

    .pb-lg-40 {
        padding-bottom: var(--spacer-40) !important;
    }

    .pb-lg-48 {
        padding-bottom: var(--spacer-48) !important;
    }

    .pb-lg-60 {
        padding-bottom: var(--spacer-60) !important;
    }

    .pb-lg-80 {
        padding-bottom: var(--spacer-80) !important;
    }

    .pb-lg-96 {
        padding-bottom: var(--spacer-96) !important;
    }

    .pb-lg-120 {
        padding-bottom: var(--spacer-120) !important;
    }

    .pb-lg-160 {
        padding-bottom: var(--spacer-160) !important;
    }

    .pb-lg-cpx {
        padding-bottom: var(--container-padding-x) !important;
    }

    .pb-lg-ggw {
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .ps-lg-4 {
        padding-left: var(--spacer-4) !important;
    }

    .ps-lg-8 {
        padding-left: var(--spacer-8) !important;
    }

    .ps-lg-12 {
        padding-left: var(--spacer-12) !important;
    }

    .ps-lg-16 {
        padding-left: var(--spacer-16) !important;
    }

    .ps-lg-18 {
        padding-left: var(--spacer-18) !important;
    }

    .ps-lg-20 {
        padding-left: var(--spacer-20) !important;
    }

    .ps-lg-24 {
        padding-left: var(--spacer-24) !important;
    }

    .ps-lg-32 {
        padding-left: var(--spacer-32) !important;
    }

    .ps-lg-40 {
        padding-left: var(--spacer-40) !important;
    }

    .ps-lg-48 {
        padding-left: var(--spacer-48) !important;
    }

    .ps-lg-60 {
        padding-left: var(--spacer-60) !important;
    }

    .ps-lg-80 {
        padding-left: var(--spacer-80) !important;
    }

    .ps-lg-96 {
        padding-left: var(--spacer-96) !important;
    }

    .ps-lg-120 {
        padding-left: var(--spacer-120) !important;
    }

    .ps-lg-160 {
        padding-left: var(--spacer-160) !important;
    }

    .ps-lg-cpx {
        padding-left: var(--container-padding-x) !important;
    }

    .ps-lg-ggw {
        padding-left: var(--grid-gutter-width) !important;
    }

    .fs-lg-12 {
        font-size: var(--font-size-12) !important;
    }

    .fs-lg-14 {
        font-size: var(--font-size-14) !important;
    }

    .fs-lg-16 {
        font-size: var(--font-size-16) !important;
    }

    .fs-lg-18 {
        font-size: var(--font-size-18) !important;
    }

    .fs-lg-20 {
        font-size: var(--font-size-20) !important;
    }

    .fs-lg-24 {
        font-size: var(--font-size-24) !important;
    }

    .fs-lg-28 {
        font-size: var(--font-size-28) !important;
    }

    .fs-lg-32 {
        font-size: var(--font-size-32) !important;
    }

    .fs-lg-40 {
        font-size: var(--font-size-40) !important;
    }

    .fs-lg-48 {
        font-size: var(--font-size-48) !important;
    }

    .fs-lg-64 {
        font-size: var(--font-size-64) !important;
    }

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

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

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

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-xl-4 {
        gap: var(--spacer-4) !important;
    }

    .gap-xl-8 {
        gap: var(--spacer-8) !important;
    }

    .gap-xl-12 {
        gap: var(--spacer-12) !important;
    }

    .gap-xl-16 {
        gap: var(--spacer-16) !important;
    }

    .gap-xl-18 {
        gap: var(--spacer-18) !important;
    }

    .gap-xl-20 {
        gap: var(--spacer-20) !important;
    }

    .gap-xl-24 {
        gap: var(--spacer-24) !important;
    }

    .gap-xl-32 {
        gap: var(--spacer-32) !important;
    }

    .gap-xl-40 {
        gap: var(--spacer-40) !important;
    }

    .gap-xl-48 {
        gap: var(--spacer-48) !important;
    }

    .gap-xl-60 {
        gap: var(--spacer-60) !important;
    }

    .gap-xl-80 {
        gap: var(--spacer-80) !important;
    }

    .gap-xl-96 {
        gap: var(--spacer-96) !important;
    }

    .gap-xl-120 {
        gap: var(--spacer-120) !important;
    }

    .gap-xl-160 {
        gap: var(--spacer-160) !important;
    }

    .gap-xl-cpx {
        gap: var(--container-padding-x) !important;
    }

    .gap-xl-ggw {
        gap: var(--grid-gutter-width) !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-4 {
        margin: var(--spacer-4) !important;
    }

    .m-xl-8 {
        margin: var(--spacer-8) !important;
    }

    .m-xl-12 {
        margin: var(--spacer-12) !important;
    }

    .m-xl-16 {
        margin: var(--spacer-16) !important;
    }

    .m-xl-18 {
        margin: var(--spacer-18) !important;
    }

    .m-xl-20 {
        margin: var(--spacer-20) !important;
    }

    .m-xl-24 {
        margin: var(--spacer-24) !important;
    }

    .m-xl-32 {
        margin: var(--spacer-32) !important;
    }

    .m-xl-40 {
        margin: var(--spacer-40) !important;
    }

    .m-xl-48 {
        margin: var(--spacer-48) !important;
    }

    .m-xl-60 {
        margin: var(--spacer-60) !important;
    }

    .m-xl-80 {
        margin: var(--spacer-80) !important;
    }

    .m-xl-96 {
        margin: var(--spacer-96) !important;
    }

    .m-xl-120 {
        margin: var(--spacer-120) !important;
    }

    .m-xl-160 {
        margin: var(--spacer-160) !important;
    }

    .m-xl-cpx {
        margin: var(--container-padding-x) !important;
    }

    .m-xl-ggw {
        margin: var(--grid-gutter-width) !important;
    }

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

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

    .mx-xl-4 {
        margin-right: var(--spacer-4) !important;
        margin-left: var(--spacer-4) !important;
    }

    .mx-xl-8 {
        margin-right: var(--spacer-8) !important;
        margin-left: var(--spacer-8) !important;
    }

    .mx-xl-12 {
        margin-right: var(--spacer-12) !important;
        margin-left: var(--spacer-12) !important;
    }

    .mx-xl-16 {
        margin-right: var(--spacer-16) !important;
        margin-left: var(--spacer-16) !important;
    }

    .mx-xl-18 {
        margin-right: var(--spacer-18) !important;
        margin-left: var(--spacer-18) !important;
    }

    .mx-xl-20 {
        margin-right: var(--spacer-20) !important;
        margin-left: var(--spacer-20) !important;
    }

    .mx-xl-24 {
        margin-right: var(--spacer-24) !important;
        margin-left: var(--spacer-24) !important;
    }

    .mx-xl-32 {
        margin-right: var(--spacer-32) !important;
        margin-left: var(--spacer-32) !important;
    }

    .mx-xl-40 {
        margin-right: var(--spacer-40) !important;
        margin-left: var(--spacer-40) !important;
    }

    .mx-xl-48 {
        margin-right: var(--spacer-48) !important;
        margin-left: var(--spacer-48) !important;
    }

    .mx-xl-60 {
        margin-right: var(--spacer-60) !important;
        margin-left: var(--spacer-60) !important;
    }

    .mx-xl-80 {
        margin-right: var(--spacer-80) !important;
        margin-left: var(--spacer-80) !important;
    }

    .mx-xl-96 {
        margin-right: var(--spacer-96) !important;
        margin-left: var(--spacer-96) !important;
    }

    .mx-xl-120 {
        margin-right: var(--spacer-120) !important;
        margin-left: var(--spacer-120) !important;
    }

    .mx-xl-160 {
        margin-right: var(--spacer-160) !important;
        margin-left: var(--spacer-160) !important;
    }

    .mx-xl-cpx {
        margin-right: var(--container-padding-x) !important;
        margin-left: var(--container-padding-x) !important;
    }

    .mx-xl-ggw {
        margin-right: var(--grid-gutter-width) !important;
        margin-left: var(--grid-gutter-width) !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-4 {
        margin-top: var(--spacer-4) !important;
        margin-bottom: var(--spacer-4) !important;
    }

    .my-xl-8 {
        margin-top: var(--spacer-8) !important;
        margin-bottom: var(--spacer-8) !important;
    }

    .my-xl-12 {
        margin-top: var(--spacer-12) !important;
        margin-bottom: var(--spacer-12) !important;
    }

    .my-xl-16 {
        margin-top: var(--spacer-16) !important;
        margin-bottom: var(--spacer-16) !important;
    }

    .my-xl-18 {
        margin-top: var(--spacer-18) !important;
        margin-bottom: var(--spacer-18) !important;
    }

    .my-xl-20 {
        margin-top: var(--spacer-20) !important;
        margin-bottom: var(--spacer-20) !important;
    }

    .my-xl-24 {
        margin-top: var(--spacer-24) !important;
        margin-bottom: var(--spacer-24) !important;
    }

    .my-xl-32 {
        margin-top: var(--spacer-32) !important;
        margin-bottom: var(--spacer-32) !important;
    }

    .my-xl-40 {
        margin-top: var(--spacer-40) !important;
        margin-bottom: var(--spacer-40) !important;
    }

    .my-xl-48 {
        margin-top: var(--spacer-48) !important;
        margin-bottom: var(--spacer-48) !important;
    }

    .my-xl-60 {
        margin-top: var(--spacer-60) !important;
        margin-bottom: var(--spacer-60) !important;
    }

    .my-xl-80 {
        margin-top: var(--spacer-80) !important;
        margin-bottom: var(--spacer-80) !important;
    }

    .my-xl-96 {
        margin-top: var(--spacer-96) !important;
        margin-bottom: var(--spacer-96) !important;
    }

    .my-xl-120 {
        margin-top: var(--spacer-120) !important;
        margin-bottom: var(--spacer-120) !important;
    }

    .my-xl-160 {
        margin-top: var(--spacer-160) !important;
        margin-bottom: var(--spacer-160) !important;
    }

    .my-xl-cpx {
        margin-top: var(--container-padding-x) !important;
        margin-bottom: var(--container-padding-x) !important;
    }

    .my-xl-ggw {
        margin-top: var(--grid-gutter-width) !important;
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .mt-xl-4 {
        margin-top: var(--spacer-4) !important;
    }

    .mt-xl-8 {
        margin-top: var(--spacer-8) !important;
    }

    .mt-xl-12 {
        margin-top: var(--spacer-12) !important;
    }

    .mt-xl-16 {
        margin-top: var(--spacer-16) !important;
    }

    .mt-xl-18 {
        margin-top: var(--spacer-18) !important;
    }

    .mt-xl-20 {
        margin-top: var(--spacer-20) !important;
    }

    .mt-xl-24 {
        margin-top: var(--spacer-24) !important;
    }

    .mt-xl-32 {
        margin-top: var(--spacer-32) !important;
    }

    .mt-xl-40 {
        margin-top: var(--spacer-40) !important;
    }

    .mt-xl-48 {
        margin-top: var(--spacer-48) !important;
    }

    .mt-xl-60 {
        margin-top: var(--spacer-60) !important;
    }

    .mt-xl-80 {
        margin-top: var(--spacer-80) !important;
    }

    .mt-xl-96 {
        margin-top: var(--spacer-96) !important;
    }

    .mt-xl-120 {
        margin-top: var(--spacer-120) !important;
    }

    .mt-xl-160 {
        margin-top: var(--spacer-160) !important;
    }

    .mt-xl-cpx {
        margin-top: var(--container-padding-x) !important;
    }

    .mt-xl-ggw {
        margin-top: var(--grid-gutter-width) !important;
    }

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

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

    .me-xl-4 {
        margin-right: var(--spacer-4) !important;
    }

    .me-xl-8 {
        margin-right: var(--spacer-8) !important;
    }

    .me-xl-12 {
        margin-right: var(--spacer-12) !important;
    }

    .me-xl-16 {
        margin-right: var(--spacer-16) !important;
    }

    .me-xl-18 {
        margin-right: var(--spacer-18) !important;
    }

    .me-xl-20 {
        margin-right: var(--spacer-20) !important;
    }

    .me-xl-24 {
        margin-right: var(--spacer-24) !important;
    }

    .me-xl-32 {
        margin-right: var(--spacer-32) !important;
    }

    .me-xl-40 {
        margin-right: var(--spacer-40) !important;
    }

    .me-xl-48 {
        margin-right: var(--spacer-48) !important;
    }

    .me-xl-60 {
        margin-right: var(--spacer-60) !important;
    }

    .me-xl-80 {
        margin-right: var(--spacer-80) !important;
    }

    .me-xl-96 {
        margin-right: var(--spacer-96) !important;
    }

    .me-xl-120 {
        margin-right: var(--spacer-120) !important;
    }

    .me-xl-160 {
        margin-right: var(--spacer-160) !important;
    }

    .me-xl-cpx {
        margin-right: var(--container-padding-x) !important;
    }

    .me-xl-ggw {
        margin-right: var(--grid-gutter-width) !important;
    }

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

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

    .mb-xl-4 {
        margin-bottom: var(--spacer-4) !important;
    }

    .mb-xl-8 {
        margin-bottom: var(--spacer-8) !important;
    }

    .mb-xl-12 {
        margin-bottom: var(--spacer-12) !important;
    }

    .mb-xl-16 {
        margin-bottom: var(--spacer-16) !important;
    }

    .mb-xl-18 {
        margin-bottom: var(--spacer-18) !important;
    }

    .mb-xl-20 {
        margin-bottom: var(--spacer-20) !important;
    }

    .mb-xl-24 {
        margin-bottom: var(--spacer-24) !important;
    }

    .mb-xl-32 {
        margin-bottom: var(--spacer-32) !important;
    }

    .mb-xl-40 {
        margin-bottom: var(--spacer-40) !important;
    }

    .mb-xl-48 {
        margin-bottom: var(--spacer-48) !important;
    }

    .mb-xl-60 {
        margin-bottom: var(--spacer-60) !important;
    }

    .mb-xl-80 {
        margin-bottom: var(--spacer-80) !important;
    }

    .mb-xl-96 {
        margin-bottom: var(--spacer-96) !important;
    }

    .mb-xl-120 {
        margin-bottom: var(--spacer-120) !important;
    }

    .mb-xl-160 {
        margin-bottom: var(--spacer-160) !important;
    }

    .mb-xl-cpx {
        margin-bottom: var(--container-padding-x) !important;
    }

    .mb-xl-ggw {
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .ms-xl-4 {
        margin-left: var(--spacer-4) !important;
    }

    .ms-xl-8 {
        margin-left: var(--spacer-8) !important;
    }

    .ms-xl-12 {
        margin-left: var(--spacer-12) !important;
    }

    .ms-xl-16 {
        margin-left: var(--spacer-16) !important;
    }

    .ms-xl-18 {
        margin-left: var(--spacer-18) !important;
    }

    .ms-xl-20 {
        margin-left: var(--spacer-20) !important;
    }

    .ms-xl-24 {
        margin-left: var(--spacer-24) !important;
    }

    .ms-xl-32 {
        margin-left: var(--spacer-32) !important;
    }

    .ms-xl-40 {
        margin-left: var(--spacer-40) !important;
    }

    .ms-xl-48 {
        margin-left: var(--spacer-48) !important;
    }

    .ms-xl-60 {
        margin-left: var(--spacer-60) !important;
    }

    .ms-xl-80 {
        margin-left: var(--spacer-80) !important;
    }

    .ms-xl-96 {
        margin-left: var(--spacer-96) !important;
    }

    .ms-xl-120 {
        margin-left: var(--spacer-120) !important;
    }

    .ms-xl-160 {
        margin-left: var(--spacer-160) !important;
    }

    .ms-xl-cpx {
        margin-left: var(--container-padding-x) !important;
    }

    .ms-xl-ggw {
        margin-left: var(--grid-gutter-width) !important;
    }

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

    .m-xl-n4 {
        margin: calc(-1 * var(--spacer-4)) !important;
    }

    .m-xl-n8 {
        margin: calc(-1 * var(--spacer-8)) !important;
    }

    .m-xl-n12 {
        margin: calc(-1 * var(--spacer-12)) !important;
    }

    .m-xl-n16 {
        margin: calc(-1 * var(--spacer-16)) !important;
    }

    .m-xl-n18 {
        margin: calc(-1 * var(--spacer-18)) !important;
    }

    .m-xl-n20 {
        margin: calc(-1 * var(--spacer-20)) !important;
    }

    .m-xl-n24 {
        margin: calc(-1 * var(--spacer-24)) !important;
    }

    .m-xl-n32 {
        margin: calc(-1 * var(--spacer-32)) !important;
    }

    .m-xl-n40 {
        margin: calc(-1 * var(--spacer-40)) !important;
    }

    .m-xl-n48 {
        margin: calc(-1 * var(--spacer-48)) !important;
    }

    .m-xl-n60 {
        margin: calc(-1 * var(--spacer-60)) !important;
    }

    .m-xl-n80 {
        margin: calc(-1 * var(--spacer-80)) !important;
    }

    .m-xl-n96 {
        margin: calc(-1 * var(--spacer-96)) !important;
    }

    .m-xl-n120 {
        margin: calc(-1 * var(--spacer-120)) !important;
    }

    .m-xl-n160 {
        margin: calc(-1 * var(--spacer-160)) !important;
    }

    .m-xl-ncpx {
        margin: calc(-1 * var(--container-padding-x)) !important;
    }

    .m-xl-nggw {
        margin: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mx-xl-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .mx-xl-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .mx-xl-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .mx-xl-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .mx-xl-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .mx-xl-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .mx-xl-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .mx-xl-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .mx-xl-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .mx-xl-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .mx-xl-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .mx-xl-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .mx-xl-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .mx-xl-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .mx-xl-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .mx-xl-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .mx-xl-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .my-xl-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .my-xl-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .my-xl-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .my-xl-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .my-xl-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .my-xl-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .my-xl-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .my-xl-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .my-xl-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .my-xl-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .my-xl-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .my-xl-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .my-xl-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .my-xl-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .my-xl-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .my-xl-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .my-xl-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mt-xl-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
    }

    .mt-xl-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
    }

    .mt-xl-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
    }

    .mt-xl-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
    }

    .mt-xl-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
    }

    .mt-xl-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
    }

    .mt-xl-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
    }

    .mt-xl-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
    }

    .mt-xl-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
    }

    .mt-xl-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
    }

    .mt-xl-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
    }

    .mt-xl-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
    }

    .mt-xl-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
    }

    .mt-xl-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
    }

    .mt-xl-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
    }

    .mt-xl-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
    }

    .mt-xl-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .me-xl-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
    }

    .me-xl-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
    }

    .me-xl-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
    }

    .me-xl-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
    }

    .me-xl-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
    }

    .me-xl-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
    }

    .me-xl-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
    }

    .me-xl-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
    }

    .me-xl-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
    }

    .me-xl-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
    }

    .me-xl-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
    }

    .me-xl-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
    }

    .me-xl-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
    }

    .me-xl-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
    }

    .me-xl-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
    }

    .me-xl-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
    }

    .me-xl-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mb-xl-n4 {
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .mb-xl-n8 {
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .mb-xl-n12 {
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .mb-xl-n16 {
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .mb-xl-n18 {
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .mb-xl-n20 {
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .mb-xl-n24 {
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .mb-xl-n32 {
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .mb-xl-n40 {
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .mb-xl-n48 {
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .mb-xl-n60 {
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .mb-xl-n80 {
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .mb-xl-n96 {
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .mb-xl-n120 {
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .mb-xl-n160 {
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .mb-xl-ncpx {
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .mb-xl-nggw {
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .ms-xl-n4 {
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .ms-xl-n8 {
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .ms-xl-n12 {
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .ms-xl-n16 {
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .ms-xl-n18 {
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .ms-xl-n20 {
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .ms-xl-n24 {
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .ms-xl-n32 {
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .ms-xl-n40 {
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .ms-xl-n48 {
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .ms-xl-n60 {
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .ms-xl-n80 {
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .ms-xl-n96 {
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .ms-xl-n120 {
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .ms-xl-n160 {
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .ms-xl-ncpx {
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .ms-xl-nggw {
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

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

    .p-xl-4 {
        padding: var(--spacer-4) !important;
    }

    .p-xl-8 {
        padding: var(--spacer-8) !important;
    }

    .p-xl-12 {
        padding: var(--spacer-12) !important;
    }

    .p-xl-16 {
        padding: var(--spacer-16) !important;
    }

    .p-xl-18 {
        padding: var(--spacer-18) !important;
    }

    .p-xl-20 {
        padding: var(--spacer-20) !important;
    }

    .p-xl-24 {
        padding: var(--spacer-24) !important;
    }

    .p-xl-32 {
        padding: var(--spacer-32) !important;
    }

    .p-xl-40 {
        padding: var(--spacer-40) !important;
    }

    .p-xl-48 {
        padding: var(--spacer-48) !important;
    }

    .p-xl-60 {
        padding: var(--spacer-60) !important;
    }

    .p-xl-80 {
        padding: var(--spacer-80) !important;
    }

    .p-xl-96 {
        padding: var(--spacer-96) !important;
    }

    .p-xl-120 {
        padding: var(--spacer-120) !important;
    }

    .p-xl-160 {
        padding: var(--spacer-160) !important;
    }

    .p-xl-cpx {
        padding: var(--container-padding-x) !important;
    }

    .p-xl-ggw {
        padding: var(--grid-gutter-width) !important;
    }

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

    .px-xl-4 {
        padding-right: var(--spacer-4) !important;
        padding-left: var(--spacer-4) !important;
    }

    .px-xl-8 {
        padding-right: var(--spacer-8) !important;
        padding-left: var(--spacer-8) !important;
    }

    .px-xl-12 {
        padding-right: var(--spacer-12) !important;
        padding-left: var(--spacer-12) !important;
    }

    .px-xl-16 {
        padding-right: var(--spacer-16) !important;
        padding-left: var(--spacer-16) !important;
    }

    .px-xl-18 {
        padding-right: var(--spacer-18) !important;
        padding-left: var(--spacer-18) !important;
    }

    .px-xl-20 {
        padding-right: var(--spacer-20) !important;
        padding-left: var(--spacer-20) !important;
    }

    .px-xl-24 {
        padding-right: var(--spacer-24) !important;
        padding-left: var(--spacer-24) !important;
    }

    .px-xl-32 {
        padding-right: var(--spacer-32) !important;
        padding-left: var(--spacer-32) !important;
    }

    .px-xl-40 {
        padding-right: var(--spacer-40) !important;
        padding-left: var(--spacer-40) !important;
    }

    .px-xl-48 {
        padding-right: var(--spacer-48) !important;
        padding-left: var(--spacer-48) !important;
    }

    .px-xl-60 {
        padding-right: var(--spacer-60) !important;
        padding-left: var(--spacer-60) !important;
    }

    .px-xl-80 {
        padding-right: var(--spacer-80) !important;
        padding-left: var(--spacer-80) !important;
    }

    .px-xl-96 {
        padding-right: var(--spacer-96) !important;
        padding-left: var(--spacer-96) !important;
    }

    .px-xl-120 {
        padding-right: var(--spacer-120) !important;
        padding-left: var(--spacer-120) !important;
    }

    .px-xl-160 {
        padding-right: var(--spacer-160) !important;
        padding-left: var(--spacer-160) !important;
    }

    .px-xl-cpx {
        padding-right: var(--container-padding-x) !important;
        padding-left: var(--container-padding-x) !important;
    }

    .px-xl-ggw {
        padding-right: var(--grid-gutter-width) !important;
        padding-left: var(--grid-gutter-width) !important;
    }

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

    .py-xl-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .py-xl-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }

    .py-xl-12 {
        padding-top: var(--spacer-12) !important;
        padding-bottom: var(--spacer-12) !important;
    }

    .py-xl-16 {
        padding-top: var(--spacer-16) !important;
        padding-bottom: var(--spacer-16) !important;
    }

    .py-xl-18 {
        padding-top: var(--spacer-18) !important;
        padding-bottom: var(--spacer-18) !important;
    }

    .py-xl-20 {
        padding-top: var(--spacer-20) !important;
        padding-bottom: var(--spacer-20) !important;
    }

    .py-xl-24 {
        padding-top: var(--spacer-24) !important;
        padding-bottom: var(--spacer-24) !important;
    }

    .py-xl-32 {
        padding-top: var(--spacer-32) !important;
        padding-bottom: var(--spacer-32) !important;
    }

    .py-xl-40 {
        padding-top: var(--spacer-40) !important;
        padding-bottom: var(--spacer-40) !important;
    }

    .py-xl-48 {
        padding-top: var(--spacer-48) !important;
        padding-bottom: var(--spacer-48) !important;
    }

    .py-xl-60 {
        padding-top: var(--spacer-60) !important;
        padding-bottom: var(--spacer-60) !important;
    }

    .py-xl-80 {
        padding-top: var(--spacer-80) !important;
        padding-bottom: var(--spacer-80) !important;
    }

    .py-xl-96 {
        padding-top: var(--spacer-96) !important;
        padding-bottom: var(--spacer-96) !important;
    }

    .py-xl-120 {
        padding-top: var(--spacer-120) !important;
        padding-bottom: var(--spacer-120) !important;
    }

    .py-xl-160 {
        padding-top: var(--spacer-160) !important;
        padding-bottom: var(--spacer-160) !important;
    }

    .py-xl-cpx {
        padding-top: var(--container-padding-x) !important;
        padding-bottom: var(--container-padding-x) !important;
    }

    .py-xl-ggw {
        padding-top: var(--grid-gutter-width) !important;
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .pt-xl-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pt-xl-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pt-xl-12 {
        padding-top: var(--spacer-12) !important;
    }

    .pt-xl-16 {
        padding-top: var(--spacer-16) !important;
    }

    .pt-xl-18 {
        padding-top: var(--spacer-18) !important;
    }

    .pt-xl-20 {
        padding-top: var(--spacer-20) !important;
    }

    .pt-xl-24 {
        padding-top: var(--spacer-24) !important;
    }

    .pt-xl-32 {
        padding-top: var(--spacer-32) !important;
    }

    .pt-xl-40 {
        padding-top: var(--spacer-40) !important;
    }

    .pt-xl-48 {
        padding-top: var(--spacer-48) !important;
    }

    .pt-xl-60 {
        padding-top: var(--spacer-60) !important;
    }

    .pt-xl-80 {
        padding-top: var(--spacer-80) !important;
    }

    .pt-xl-96 {
        padding-top: var(--spacer-96) !important;
    }

    .pt-xl-120 {
        padding-top: var(--spacer-120) !important;
    }

    .pt-xl-160 {
        padding-top: var(--spacer-160) !important;
    }

    .pt-xl-cpx {
        padding-top: var(--container-padding-x) !important;
    }

    .pt-xl-ggw {
        padding-top: var(--grid-gutter-width) !important;
    }

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

    .pe-xl-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pe-xl-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pe-xl-12 {
        padding-right: var(--spacer-12) !important;
    }

    .pe-xl-16 {
        padding-right: var(--spacer-16) !important;
    }

    .pe-xl-18 {
        padding-right: var(--spacer-18) !important;
    }

    .pe-xl-20 {
        padding-right: var(--spacer-20) !important;
    }

    .pe-xl-24 {
        padding-right: var(--spacer-24) !important;
    }

    .pe-xl-32 {
        padding-right: var(--spacer-32) !important;
    }

    .pe-xl-40 {
        padding-right: var(--spacer-40) !important;
    }

    .pe-xl-48 {
        padding-right: var(--spacer-48) !important;
    }

    .pe-xl-60 {
        padding-right: var(--spacer-60) !important;
    }

    .pe-xl-80 {
        padding-right: var(--spacer-80) !important;
    }

    .pe-xl-96 {
        padding-right: var(--spacer-96) !important;
    }

    .pe-xl-120 {
        padding-right: var(--spacer-120) !important;
    }

    .pe-xl-160 {
        padding-right: var(--spacer-160) !important;
    }

    .pe-xl-cpx {
        padding-right: var(--container-padding-x) !important;
    }

    .pe-xl-ggw {
        padding-right: var(--grid-gutter-width) !important;
    }

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

    .pb-xl-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pb-xl-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pb-xl-12 {
        padding-bottom: var(--spacer-12) !important;
    }

    .pb-xl-16 {
        padding-bottom: var(--spacer-16) !important;
    }

    .pb-xl-18 {
        padding-bottom: var(--spacer-18) !important;
    }

    .pb-xl-20 {
        padding-bottom: var(--spacer-20) !important;
    }

    .pb-xl-24 {
        padding-bottom: var(--spacer-24) !important;
    }

    .pb-xl-32 {
        padding-bottom: var(--spacer-32) !important;
    }

    .pb-xl-40 {
        padding-bottom: var(--spacer-40) !important;
    }

    .pb-xl-48 {
        padding-bottom: var(--spacer-48) !important;
    }

    .pb-xl-60 {
        padding-bottom: var(--spacer-60) !important;
    }

    .pb-xl-80 {
        padding-bottom: var(--spacer-80) !important;
    }

    .pb-xl-96 {
        padding-bottom: var(--spacer-96) !important;
    }

    .pb-xl-120 {
        padding-bottom: var(--spacer-120) !important;
    }

    .pb-xl-160 {
        padding-bottom: var(--spacer-160) !important;
    }

    .pb-xl-cpx {
        padding-bottom: var(--container-padding-x) !important;
    }

    .pb-xl-ggw {
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .ps-xl-4 {
        padding-left: var(--spacer-4) !important;
    }

    .ps-xl-8 {
        padding-left: var(--spacer-8) !important;
    }

    .ps-xl-12 {
        padding-left: var(--spacer-12) !important;
    }

    .ps-xl-16 {
        padding-left: var(--spacer-16) !important;
    }

    .ps-xl-18 {
        padding-left: var(--spacer-18) !important;
    }

    .ps-xl-20 {
        padding-left: var(--spacer-20) !important;
    }

    .ps-xl-24 {
        padding-left: var(--spacer-24) !important;
    }

    .ps-xl-32 {
        padding-left: var(--spacer-32) !important;
    }

    .ps-xl-40 {
        padding-left: var(--spacer-40) !important;
    }

    .ps-xl-48 {
        padding-left: var(--spacer-48) !important;
    }

    .ps-xl-60 {
        padding-left: var(--spacer-60) !important;
    }

    .ps-xl-80 {
        padding-left: var(--spacer-80) !important;
    }

    .ps-xl-96 {
        padding-left: var(--spacer-96) !important;
    }

    .ps-xl-120 {
        padding-left: var(--spacer-120) !important;
    }

    .ps-xl-160 {
        padding-left: var(--spacer-160) !important;
    }

    .ps-xl-cpx {
        padding-left: var(--container-padding-x) !important;
    }

    .ps-xl-ggw {
        padding-left: var(--grid-gutter-width) !important;
    }

    .fs-xl-12 {
        font-size: var(--font-size-12) !important;
    }

    .fs-xl-14 {
        font-size: var(--font-size-14) !important;
    }

    .fs-xl-16 {
        font-size: var(--font-size-16) !important;
    }

    .fs-xl-18 {
        font-size: var(--font-size-18) !important;
    }

    .fs-xl-20 {
        font-size: var(--font-size-20) !important;
    }

    .fs-xl-24 {
        font-size: var(--font-size-24) !important;
    }

    .fs-xl-28 {
        font-size: var(--font-size-28) !important;
    }

    .fs-xl-32 {
        font-size: var(--font-size-32) !important;
    }

    .fs-xl-40 {
        font-size: var(--font-size-40) !important;
    }

    .fs-xl-48 {
        font-size: var(--font-size-48) !important;
    }

    .fs-xl-64 {
        font-size: var(--font-size-64) !important;
    }

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

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

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

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-xxl-4 {
        gap: var(--spacer-4) !important;
    }

    .gap-xxl-8 {
        gap: var(--spacer-8) !important;
    }

    .gap-xxl-12 {
        gap: var(--spacer-12) !important;
    }

    .gap-xxl-16 {
        gap: var(--spacer-16) !important;
    }

    .gap-xxl-18 {
        gap: var(--spacer-18) !important;
    }

    .gap-xxl-20 {
        gap: var(--spacer-20) !important;
    }

    .gap-xxl-24 {
        gap: var(--spacer-24) !important;
    }

    .gap-xxl-32 {
        gap: var(--spacer-32) !important;
    }

    .gap-xxl-40 {
        gap: var(--spacer-40) !important;
    }

    .gap-xxl-48 {
        gap: var(--spacer-48) !important;
    }

    .gap-xxl-60 {
        gap: var(--spacer-60) !important;
    }

    .gap-xxl-80 {
        gap: var(--spacer-80) !important;
    }

    .gap-xxl-96 {
        gap: var(--spacer-96) !important;
    }

    .gap-xxl-120 {
        gap: var(--spacer-120) !important;
    }

    .gap-xxl-160 {
        gap: var(--spacer-160) !important;
    }

    .gap-xxl-cpx {
        gap: var(--container-padding-x) !important;
    }

    .gap-xxl-ggw {
        gap: var(--grid-gutter-width) !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-4 {
        margin: var(--spacer-4) !important;
    }

    .m-xxl-8 {
        margin: var(--spacer-8) !important;
    }

    .m-xxl-12 {
        margin: var(--spacer-12) !important;
    }

    .m-xxl-16 {
        margin: var(--spacer-16) !important;
    }

    .m-xxl-18 {
        margin: var(--spacer-18) !important;
    }

    .m-xxl-20 {
        margin: var(--spacer-20) !important;
    }

    .m-xxl-24 {
        margin: var(--spacer-24) !important;
    }

    .m-xxl-32 {
        margin: var(--spacer-32) !important;
    }

    .m-xxl-40 {
        margin: var(--spacer-40) !important;
    }

    .m-xxl-48 {
        margin: var(--spacer-48) !important;
    }

    .m-xxl-60 {
        margin: var(--spacer-60) !important;
    }

    .m-xxl-80 {
        margin: var(--spacer-80) !important;
    }

    .m-xxl-96 {
        margin: var(--spacer-96) !important;
    }

    .m-xxl-120 {
        margin: var(--spacer-120) !important;
    }

    .m-xxl-160 {
        margin: var(--spacer-160) !important;
    }

    .m-xxl-cpx {
        margin: var(--container-padding-x) !important;
    }

    .m-xxl-ggw {
        margin: var(--grid-gutter-width) !important;
    }

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

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

    .mx-xxl-4 {
        margin-right: var(--spacer-4) !important;
        margin-left: var(--spacer-4) !important;
    }

    .mx-xxl-8 {
        margin-right: var(--spacer-8) !important;
        margin-left: var(--spacer-8) !important;
    }

    .mx-xxl-12 {
        margin-right: var(--spacer-12) !important;
        margin-left: var(--spacer-12) !important;
    }

    .mx-xxl-16 {
        margin-right: var(--spacer-16) !important;
        margin-left: var(--spacer-16) !important;
    }

    .mx-xxl-18 {
        margin-right: var(--spacer-18) !important;
        margin-left: var(--spacer-18) !important;
    }

    .mx-xxl-20 {
        margin-right: var(--spacer-20) !important;
        margin-left: var(--spacer-20) !important;
    }

    .mx-xxl-24 {
        margin-right: var(--spacer-24) !important;
        margin-left: var(--spacer-24) !important;
    }

    .mx-xxl-32 {
        margin-right: var(--spacer-32) !important;
        margin-left: var(--spacer-32) !important;
    }

    .mx-xxl-40 {
        margin-right: var(--spacer-40) !important;
        margin-left: var(--spacer-40) !important;
    }

    .mx-xxl-48 {
        margin-right: var(--spacer-48) !important;
        margin-left: var(--spacer-48) !important;
    }

    .mx-xxl-60 {
        margin-right: var(--spacer-60) !important;
        margin-left: var(--spacer-60) !important;
    }

    .mx-xxl-80 {
        margin-right: var(--spacer-80) !important;
        margin-left: var(--spacer-80) !important;
    }

    .mx-xxl-96 {
        margin-right: var(--spacer-96) !important;
        margin-left: var(--spacer-96) !important;
    }

    .mx-xxl-120 {
        margin-right: var(--spacer-120) !important;
        margin-left: var(--spacer-120) !important;
    }

    .mx-xxl-160 {
        margin-right: var(--spacer-160) !important;
        margin-left: var(--spacer-160) !important;
    }

    .mx-xxl-cpx {
        margin-right: var(--container-padding-x) !important;
        margin-left: var(--container-padding-x) !important;
    }

    .mx-xxl-ggw {
        margin-right: var(--grid-gutter-width) !important;
        margin-left: var(--grid-gutter-width) !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-4 {
        margin-top: var(--spacer-4) !important;
        margin-bottom: var(--spacer-4) !important;
    }

    .my-xxl-8 {
        margin-top: var(--spacer-8) !important;
        margin-bottom: var(--spacer-8) !important;
    }

    .my-xxl-12 {
        margin-top: var(--spacer-12) !important;
        margin-bottom: var(--spacer-12) !important;
    }

    .my-xxl-16 {
        margin-top: var(--spacer-16) !important;
        margin-bottom: var(--spacer-16) !important;
    }

    .my-xxl-18 {
        margin-top: var(--spacer-18) !important;
        margin-bottom: var(--spacer-18) !important;
    }

    .my-xxl-20 {
        margin-top: var(--spacer-20) !important;
        margin-bottom: var(--spacer-20) !important;
    }

    .my-xxl-24 {
        margin-top: var(--spacer-24) !important;
        margin-bottom: var(--spacer-24) !important;
    }

    .my-xxl-32 {
        margin-top: var(--spacer-32) !important;
        margin-bottom: var(--spacer-32) !important;
    }

    .my-xxl-40 {
        margin-top: var(--spacer-40) !important;
        margin-bottom: var(--spacer-40) !important;
    }

    .my-xxl-48 {
        margin-top: var(--spacer-48) !important;
        margin-bottom: var(--spacer-48) !important;
    }

    .my-xxl-60 {
        margin-top: var(--spacer-60) !important;
        margin-bottom: var(--spacer-60) !important;
    }

    .my-xxl-80 {
        margin-top: var(--spacer-80) !important;
        margin-bottom: var(--spacer-80) !important;
    }

    .my-xxl-96 {
        margin-top: var(--spacer-96) !important;
        margin-bottom: var(--spacer-96) !important;
    }

    .my-xxl-120 {
        margin-top: var(--spacer-120) !important;
        margin-bottom: var(--spacer-120) !important;
    }

    .my-xxl-160 {
        margin-top: var(--spacer-160) !important;
        margin-bottom: var(--spacer-160) !important;
    }

    .my-xxl-cpx {
        margin-top: var(--container-padding-x) !important;
        margin-bottom: var(--container-padding-x) !important;
    }

    .my-xxl-ggw {
        margin-top: var(--grid-gutter-width) !important;
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .mt-xxl-4 {
        margin-top: var(--spacer-4) !important;
    }

    .mt-xxl-8 {
        margin-top: var(--spacer-8) !important;
    }

    .mt-xxl-12 {
        margin-top: var(--spacer-12) !important;
    }

    .mt-xxl-16 {
        margin-top: var(--spacer-16) !important;
    }

    .mt-xxl-18 {
        margin-top: var(--spacer-18) !important;
    }

    .mt-xxl-20 {
        margin-top: var(--spacer-20) !important;
    }

    .mt-xxl-24 {
        margin-top: var(--spacer-24) !important;
    }

    .mt-xxl-32 {
        margin-top: var(--spacer-32) !important;
    }

    .mt-xxl-40 {
        margin-top: var(--spacer-40) !important;
    }

    .mt-xxl-48 {
        margin-top: var(--spacer-48) !important;
    }

    .mt-xxl-60 {
        margin-top: var(--spacer-60) !important;
    }

    .mt-xxl-80 {
        margin-top: var(--spacer-80) !important;
    }

    .mt-xxl-96 {
        margin-top: var(--spacer-96) !important;
    }

    .mt-xxl-120 {
        margin-top: var(--spacer-120) !important;
    }

    .mt-xxl-160 {
        margin-top: var(--spacer-160) !important;
    }

    .mt-xxl-cpx {
        margin-top: var(--container-padding-x) !important;
    }

    .mt-xxl-ggw {
        margin-top: var(--grid-gutter-width) !important;
    }

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

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

    .me-xxl-4 {
        margin-right: var(--spacer-4) !important;
    }

    .me-xxl-8 {
        margin-right: var(--spacer-8) !important;
    }

    .me-xxl-12 {
        margin-right: var(--spacer-12) !important;
    }

    .me-xxl-16 {
        margin-right: var(--spacer-16) !important;
    }

    .me-xxl-18 {
        margin-right: var(--spacer-18) !important;
    }

    .me-xxl-20 {
        margin-right: var(--spacer-20) !important;
    }

    .me-xxl-24 {
        margin-right: var(--spacer-24) !important;
    }

    .me-xxl-32 {
        margin-right: var(--spacer-32) !important;
    }

    .me-xxl-40 {
        margin-right: var(--spacer-40) !important;
    }

    .me-xxl-48 {
        margin-right: var(--spacer-48) !important;
    }

    .me-xxl-60 {
        margin-right: var(--spacer-60) !important;
    }

    .me-xxl-80 {
        margin-right: var(--spacer-80) !important;
    }

    .me-xxl-96 {
        margin-right: var(--spacer-96) !important;
    }

    .me-xxl-120 {
        margin-right: var(--spacer-120) !important;
    }

    .me-xxl-160 {
        margin-right: var(--spacer-160) !important;
    }

    .me-xxl-cpx {
        margin-right: var(--container-padding-x) !important;
    }

    .me-xxl-ggw {
        margin-right: var(--grid-gutter-width) !important;
    }

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

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

    .mb-xxl-4 {
        margin-bottom: var(--spacer-4) !important;
    }

    .mb-xxl-8 {
        margin-bottom: var(--spacer-8) !important;
    }

    .mb-xxl-12 {
        margin-bottom: var(--spacer-12) !important;
    }

    .mb-xxl-16 {
        margin-bottom: var(--spacer-16) !important;
    }

    .mb-xxl-18 {
        margin-bottom: var(--spacer-18) !important;
    }

    .mb-xxl-20 {
        margin-bottom: var(--spacer-20) !important;
    }

    .mb-xxl-24 {
        margin-bottom: var(--spacer-24) !important;
    }

    .mb-xxl-32 {
        margin-bottom: var(--spacer-32) !important;
    }

    .mb-xxl-40 {
        margin-bottom: var(--spacer-40) !important;
    }

    .mb-xxl-48 {
        margin-bottom: var(--spacer-48) !important;
    }

    .mb-xxl-60 {
        margin-bottom: var(--spacer-60) !important;
    }

    .mb-xxl-80 {
        margin-bottom: var(--spacer-80) !important;
    }

    .mb-xxl-96 {
        margin-bottom: var(--spacer-96) !important;
    }

    .mb-xxl-120 {
        margin-bottom: var(--spacer-120) !important;
    }

    .mb-xxl-160 {
        margin-bottom: var(--spacer-160) !important;
    }

    .mb-xxl-cpx {
        margin-bottom: var(--container-padding-x) !important;
    }

    .mb-xxl-ggw {
        margin-bottom: var(--grid-gutter-width) !important;
    }

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

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

    .ms-xxl-4 {
        margin-left: var(--spacer-4) !important;
    }

    .ms-xxl-8 {
        margin-left: var(--spacer-8) !important;
    }

    .ms-xxl-12 {
        margin-left: var(--spacer-12) !important;
    }

    .ms-xxl-16 {
        margin-left: var(--spacer-16) !important;
    }

    .ms-xxl-18 {
        margin-left: var(--spacer-18) !important;
    }

    .ms-xxl-20 {
        margin-left: var(--spacer-20) !important;
    }

    .ms-xxl-24 {
        margin-left: var(--spacer-24) !important;
    }

    .ms-xxl-32 {
        margin-left: var(--spacer-32) !important;
    }

    .ms-xxl-40 {
        margin-left: var(--spacer-40) !important;
    }

    .ms-xxl-48 {
        margin-left: var(--spacer-48) !important;
    }

    .ms-xxl-60 {
        margin-left: var(--spacer-60) !important;
    }

    .ms-xxl-80 {
        margin-left: var(--spacer-80) !important;
    }

    .ms-xxl-96 {
        margin-left: var(--spacer-96) !important;
    }

    .ms-xxl-120 {
        margin-left: var(--spacer-120) !important;
    }

    .ms-xxl-160 {
        margin-left: var(--spacer-160) !important;
    }

    .ms-xxl-cpx {
        margin-left: var(--container-padding-x) !important;
    }

    .ms-xxl-ggw {
        margin-left: var(--grid-gutter-width) !important;
    }

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

    .m-xxl-n4 {
        margin: calc(-1 * var(--spacer-4)) !important;
    }

    .m-xxl-n8 {
        margin: calc(-1 * var(--spacer-8)) !important;
    }

    .m-xxl-n12 {
        margin: calc(-1 * var(--spacer-12)) !important;
    }

    .m-xxl-n16 {
        margin: calc(-1 * var(--spacer-16)) !important;
    }

    .m-xxl-n18 {
        margin: calc(-1 * var(--spacer-18)) !important;
    }

    .m-xxl-n20 {
        margin: calc(-1 * var(--spacer-20)) !important;
    }

    .m-xxl-n24 {
        margin: calc(-1 * var(--spacer-24)) !important;
    }

    .m-xxl-n32 {
        margin: calc(-1 * var(--spacer-32)) !important;
    }

    .m-xxl-n40 {
        margin: calc(-1 * var(--spacer-40)) !important;
    }

    .m-xxl-n48 {
        margin: calc(-1 * var(--spacer-48)) !important;
    }

    .m-xxl-n60 {
        margin: calc(-1 * var(--spacer-60)) !important;
    }

    .m-xxl-n80 {
        margin: calc(-1 * var(--spacer-80)) !important;
    }

    .m-xxl-n96 {
        margin: calc(-1 * var(--spacer-96)) !important;
    }

    .m-xxl-n120 {
        margin: calc(-1 * var(--spacer-120)) !important;
    }

    .m-xxl-n160 {
        margin: calc(-1 * var(--spacer-160)) !important;
    }

    .m-xxl-ncpx {
        margin: calc(-1 * var(--container-padding-x)) !important;
    }

    .m-xxl-nggw {
        margin: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mx-xxl-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .mx-xxl-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .mx-xxl-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .mx-xxl-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .mx-xxl-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .mx-xxl-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .mx-xxl-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .mx-xxl-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .mx-xxl-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .mx-xxl-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .mx-xxl-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .mx-xxl-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .mx-xxl-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .mx-xxl-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .mx-xxl-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .mx-xxl-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .mx-xxl-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .my-xxl-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .my-xxl-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .my-xxl-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .my-xxl-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .my-xxl-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .my-xxl-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .my-xxl-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .my-xxl-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .my-xxl-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .my-xxl-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .my-xxl-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .my-xxl-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .my-xxl-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .my-xxl-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .my-xxl-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .my-xxl-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .my-xxl-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mt-xxl-n4 {
        margin-top: calc(-1 * var(--spacer-4)) !important;
    }

    .mt-xxl-n8 {
        margin-top: calc(-1 * var(--spacer-8)) !important;
    }

    .mt-xxl-n12 {
        margin-top: calc(-1 * var(--spacer-12)) !important;
    }

    .mt-xxl-n16 {
        margin-top: calc(-1 * var(--spacer-16)) !important;
    }

    .mt-xxl-n18 {
        margin-top: calc(-1 * var(--spacer-18)) !important;
    }

    .mt-xxl-n20 {
        margin-top: calc(-1 * var(--spacer-20)) !important;
    }

    .mt-xxl-n24 {
        margin-top: calc(-1 * var(--spacer-24)) !important;
    }

    .mt-xxl-n32 {
        margin-top: calc(-1 * var(--spacer-32)) !important;
    }

    .mt-xxl-n40 {
        margin-top: calc(-1 * var(--spacer-40)) !important;
    }

    .mt-xxl-n48 {
        margin-top: calc(-1 * var(--spacer-48)) !important;
    }

    .mt-xxl-n60 {
        margin-top: calc(-1 * var(--spacer-60)) !important;
    }

    .mt-xxl-n80 {
        margin-top: calc(-1 * var(--spacer-80)) !important;
    }

    .mt-xxl-n96 {
        margin-top: calc(-1 * var(--spacer-96)) !important;
    }

    .mt-xxl-n120 {
        margin-top: calc(-1 * var(--spacer-120)) !important;
    }

    .mt-xxl-n160 {
        margin-top: calc(-1 * var(--spacer-160)) !important;
    }

    .mt-xxl-ncpx {
        margin-top: calc(-1 * var(--container-padding-x)) !important;
    }

    .mt-xxl-nggw {
        margin-top: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .me-xxl-n4 {
        margin-right: calc(-1 * var(--spacer-4)) !important;
    }

    .me-xxl-n8 {
        margin-right: calc(-1 * var(--spacer-8)) !important;
    }

    .me-xxl-n12 {
        margin-right: calc(-1 * var(--spacer-12)) !important;
    }

    .me-xxl-n16 {
        margin-right: calc(-1 * var(--spacer-16)) !important;
    }

    .me-xxl-n18 {
        margin-right: calc(-1 * var(--spacer-18)) !important;
    }

    .me-xxl-n20 {
        margin-right: calc(-1 * var(--spacer-20)) !important;
    }

    .me-xxl-n24 {
        margin-right: calc(-1 * var(--spacer-24)) !important;
    }

    .me-xxl-n32 {
        margin-right: calc(-1 * var(--spacer-32)) !important;
    }

    .me-xxl-n40 {
        margin-right: calc(-1 * var(--spacer-40)) !important;
    }

    .me-xxl-n48 {
        margin-right: calc(-1 * var(--spacer-48)) !important;
    }

    .me-xxl-n60 {
        margin-right: calc(-1 * var(--spacer-60)) !important;
    }

    .me-xxl-n80 {
        margin-right: calc(-1 * var(--spacer-80)) !important;
    }

    .me-xxl-n96 {
        margin-right: calc(-1 * var(--spacer-96)) !important;
    }

    .me-xxl-n120 {
        margin-right: calc(-1 * var(--spacer-120)) !important;
    }

    .me-xxl-n160 {
        margin-right: calc(-1 * var(--spacer-160)) !important;
    }

    .me-xxl-ncpx {
        margin-right: calc(-1 * var(--container-padding-x)) !important;
    }

    .me-xxl-nggw {
        margin-right: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .mb-xxl-n4 {
        margin-bottom: calc(-1 * var(--spacer-4)) !important;
    }

    .mb-xxl-n8 {
        margin-bottom: calc(-1 * var(--spacer-8)) !important;
    }

    .mb-xxl-n12 {
        margin-bottom: calc(-1 * var(--spacer-12)) !important;
    }

    .mb-xxl-n16 {
        margin-bottom: calc(-1 * var(--spacer-16)) !important;
    }

    .mb-xxl-n18 {
        margin-bottom: calc(-1 * var(--spacer-18)) !important;
    }

    .mb-xxl-n20 {
        margin-bottom: calc(-1 * var(--spacer-20)) !important;
    }

    .mb-xxl-n24 {
        margin-bottom: calc(-1 * var(--spacer-24)) !important;
    }

    .mb-xxl-n32 {
        margin-bottom: calc(-1 * var(--spacer-32)) !important;
    }

    .mb-xxl-n40 {
        margin-bottom: calc(-1 * var(--spacer-40)) !important;
    }

    .mb-xxl-n48 {
        margin-bottom: calc(-1 * var(--spacer-48)) !important;
    }

    .mb-xxl-n60 {
        margin-bottom: calc(-1 * var(--spacer-60)) !important;
    }

    .mb-xxl-n80 {
        margin-bottom: calc(-1 * var(--spacer-80)) !important;
    }

    .mb-xxl-n96 {
        margin-bottom: calc(-1 * var(--spacer-96)) !important;
    }

    .mb-xxl-n120 {
        margin-bottom: calc(-1 * var(--spacer-120)) !important;
    }

    .mb-xxl-n160 {
        margin-bottom: calc(-1 * var(--spacer-160)) !important;
    }

    .mb-xxl-ncpx {
        margin-bottom: calc(-1 * var(--container-padding-x)) !important;
    }

    .mb-xxl-nggw {
        margin-bottom: calc(-1 * var(--grid-gutter-width)) !important;
    }

    .ms-xxl-n4 {
        margin-left: calc(-1 * var(--spacer-4)) !important;
    }

    .ms-xxl-n8 {
        margin-left: calc(-1 * var(--spacer-8)) !important;
    }

    .ms-xxl-n12 {
        margin-left: calc(-1 * var(--spacer-12)) !important;
    }

    .ms-xxl-n16 {
        margin-left: calc(-1 * var(--spacer-16)) !important;
    }

    .ms-xxl-n18 {
        margin-left: calc(-1 * var(--spacer-18)) !important;
    }

    .ms-xxl-n20 {
        margin-left: calc(-1 * var(--spacer-20)) !important;
    }

    .ms-xxl-n24 {
        margin-left: calc(-1 * var(--spacer-24)) !important;
    }

    .ms-xxl-n32 {
        margin-left: calc(-1 * var(--spacer-32)) !important;
    }

    .ms-xxl-n40 {
        margin-left: calc(-1 * var(--spacer-40)) !important;
    }

    .ms-xxl-n48 {
        margin-left: calc(-1 * var(--spacer-48)) !important;
    }

    .ms-xxl-n60 {
        margin-left: calc(-1 * var(--spacer-60)) !important;
    }

    .ms-xxl-n80 {
        margin-left: calc(-1 * var(--spacer-80)) !important;
    }

    .ms-xxl-n96 {
        margin-left: calc(-1 * var(--spacer-96)) !important;
    }

    .ms-xxl-n120 {
        margin-left: calc(-1 * var(--spacer-120)) !important;
    }

    .ms-xxl-n160 {
        margin-left: calc(-1 * var(--spacer-160)) !important;
    }

    .ms-xxl-ncpx {
        margin-left: calc(-1 * var(--container-padding-x)) !important;
    }

    .ms-xxl-nggw {
        margin-left: calc(-1 * var(--grid-gutter-width)) !important;
    }

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

    .p-xxl-4 {
        padding: var(--spacer-4) !important;
    }

    .p-xxl-8 {
        padding: var(--spacer-8) !important;
    }

    .p-xxl-12 {
        padding: var(--spacer-12) !important;
    }

    .p-xxl-16 {
        padding: var(--spacer-16) !important;
    }

    .p-xxl-18 {
        padding: var(--spacer-18) !important;
    }

    .p-xxl-20 {
        padding: var(--spacer-20) !important;
    }

    .p-xxl-24 {
        padding: var(--spacer-24) !important;
    }

    .p-xxl-32 {
        padding: var(--spacer-32) !important;
    }

    .p-xxl-40 {
        padding: var(--spacer-40) !important;
    }

    .p-xxl-48 {
        padding: var(--spacer-48) !important;
    }

    .p-xxl-60 {
        padding: var(--spacer-60) !important;
    }

    .p-xxl-80 {
        padding: var(--spacer-80) !important;
    }

    .p-xxl-96 {
        padding: var(--spacer-96) !important;
    }

    .p-xxl-120 {
        padding: var(--spacer-120) !important;
    }

    .p-xxl-160 {
        padding: var(--spacer-160) !important;
    }

    .p-xxl-cpx {
        padding: var(--container-padding-x) !important;
    }

    .p-xxl-ggw {
        padding: var(--grid-gutter-width) !important;
    }

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

    .px-xxl-4 {
        padding-right: var(--spacer-4) !important;
        padding-left: var(--spacer-4) !important;
    }

    .px-xxl-8 {
        padding-right: var(--spacer-8) !important;
        padding-left: var(--spacer-8) !important;
    }

    .px-xxl-12 {
        padding-right: var(--spacer-12) !important;
        padding-left: var(--spacer-12) !important;
    }

    .px-xxl-16 {
        padding-right: var(--spacer-16) !important;
        padding-left: var(--spacer-16) !important;
    }

    .px-xxl-18 {
        padding-right: var(--spacer-18) !important;
        padding-left: var(--spacer-18) !important;
    }

    .px-xxl-20 {
        padding-right: var(--spacer-20) !important;
        padding-left: var(--spacer-20) !important;
    }

    .px-xxl-24 {
        padding-right: var(--spacer-24) !important;
        padding-left: var(--spacer-24) !important;
    }

    .px-xxl-32 {
        padding-right: var(--spacer-32) !important;
        padding-left: var(--spacer-32) !important;
    }

    .px-xxl-40 {
        padding-right: var(--spacer-40) !important;
        padding-left: var(--spacer-40) !important;
    }

    .px-xxl-48 {
        padding-right: var(--spacer-48) !important;
        padding-left: var(--spacer-48) !important;
    }

    .px-xxl-60 {
        padding-right: var(--spacer-60) !important;
        padding-left: var(--spacer-60) !important;
    }

    .px-xxl-80 {
        padding-right: var(--spacer-80) !important;
        padding-left: var(--spacer-80) !important;
    }

    .px-xxl-96 {
        padding-right: var(--spacer-96) !important;
        padding-left: var(--spacer-96) !important;
    }

    .px-xxl-120 {
        padding-right: var(--spacer-120) !important;
        padding-left: var(--spacer-120) !important;
    }

    .px-xxl-160 {
        padding-right: var(--spacer-160) !important;
        padding-left: var(--spacer-160) !important;
    }

    .px-xxl-cpx {
        padding-right: var(--container-padding-x) !important;
        padding-left: var(--container-padding-x) !important;
    }

    .px-xxl-ggw {
        padding-right: var(--grid-gutter-width) !important;
        padding-left: var(--grid-gutter-width) !important;
    }

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

    .py-xxl-4 {
        padding-top: var(--spacer-4) !important;
        padding-bottom: var(--spacer-4) !important;
    }

    .py-xxl-8 {
        padding-top: var(--spacer-8) !important;
        padding-bottom: var(--spacer-8) !important;
    }

    .py-xxl-12 {
        padding-top: var(--spacer-12) !important;
        padding-bottom: var(--spacer-12) !important;
    }

    .py-xxl-16 {
        padding-top: var(--spacer-16) !important;
        padding-bottom: var(--spacer-16) !important;
    }

    .py-xxl-18 {
        padding-top: var(--spacer-18) !important;
        padding-bottom: var(--spacer-18) !important;
    }

    .py-xxl-20 {
        padding-top: var(--spacer-20) !important;
        padding-bottom: var(--spacer-20) !important;
    }

    .py-xxl-24 {
        padding-top: var(--spacer-24) !important;
        padding-bottom: var(--spacer-24) !important;
    }

    .py-xxl-32 {
        padding-top: var(--spacer-32) !important;
        padding-bottom: var(--spacer-32) !important;
    }

    .py-xxl-40 {
        padding-top: var(--spacer-40) !important;
        padding-bottom: var(--spacer-40) !important;
    }

    .py-xxl-48 {
        padding-top: var(--spacer-48) !important;
        padding-bottom: var(--spacer-48) !important;
    }

    .py-xxl-60 {
        padding-top: var(--spacer-60) !important;
        padding-bottom: var(--spacer-60) !important;
    }

    .py-xxl-80 {
        padding-top: var(--spacer-80) !important;
        padding-bottom: var(--spacer-80) !important;
    }

    .py-xxl-96 {
        padding-top: var(--spacer-96) !important;
        padding-bottom: var(--spacer-96) !important;
    }

    .py-xxl-120 {
        padding-top: var(--spacer-120) !important;
        padding-bottom: var(--spacer-120) !important;
    }

    .py-xxl-160 {
        padding-top: var(--spacer-160) !important;
        padding-bottom: var(--spacer-160) !important;
    }

    .py-xxl-cpx {
        padding-top: var(--container-padding-x) !important;
        padding-bottom: var(--container-padding-x) !important;
    }

    .py-xxl-ggw {
        padding-top: var(--grid-gutter-width) !important;
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .pt-xxl-4 {
        padding-top: var(--spacer-4) !important;
    }

    .pt-xxl-8 {
        padding-top: var(--spacer-8) !important;
    }

    .pt-xxl-12 {
        padding-top: var(--spacer-12) !important;
    }

    .pt-xxl-16 {
        padding-top: var(--spacer-16) !important;
    }

    .pt-xxl-18 {
        padding-top: var(--spacer-18) !important;
    }

    .pt-xxl-20 {
        padding-top: var(--spacer-20) !important;
    }

    .pt-xxl-24 {
        padding-top: var(--spacer-24) !important;
    }

    .pt-xxl-32 {
        padding-top: var(--spacer-32) !important;
    }

    .pt-xxl-40 {
        padding-top: var(--spacer-40) !important;
    }

    .pt-xxl-48 {
        padding-top: var(--spacer-48) !important;
    }

    .pt-xxl-60 {
        padding-top: var(--spacer-60) !important;
    }

    .pt-xxl-80 {
        padding-top: var(--spacer-80) !important;
    }

    .pt-xxl-96 {
        padding-top: var(--spacer-96) !important;
    }

    .pt-xxl-120 {
        padding-top: var(--spacer-120) !important;
    }

    .pt-xxl-160 {
        padding-top: var(--spacer-160) !important;
    }

    .pt-xxl-cpx {
        padding-top: var(--container-padding-x) !important;
    }

    .pt-xxl-ggw {
        padding-top: var(--grid-gutter-width) !important;
    }

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

    .pe-xxl-4 {
        padding-right: var(--spacer-4) !important;
    }

    .pe-xxl-8 {
        padding-right: var(--spacer-8) !important;
    }

    .pe-xxl-12 {
        padding-right: var(--spacer-12) !important;
    }

    .pe-xxl-16 {
        padding-right: var(--spacer-16) !important;
    }

    .pe-xxl-18 {
        padding-right: var(--spacer-18) !important;
    }

    .pe-xxl-20 {
        padding-right: var(--spacer-20) !important;
    }

    .pe-xxl-24 {
        padding-right: var(--spacer-24) !important;
    }

    .pe-xxl-32 {
        padding-right: var(--spacer-32) !important;
    }

    .pe-xxl-40 {
        padding-right: var(--spacer-40) !important;
    }

    .pe-xxl-48 {
        padding-right: var(--spacer-48) !important;
    }

    .pe-xxl-60 {
        padding-right: var(--spacer-60) !important;
    }

    .pe-xxl-80 {
        padding-right: var(--spacer-80) !important;
    }

    .pe-xxl-96 {
        padding-right: var(--spacer-96) !important;
    }

    .pe-xxl-120 {
        padding-right: var(--spacer-120) !important;
    }

    .pe-xxl-160 {
        padding-right: var(--spacer-160) !important;
    }

    .pe-xxl-cpx {
        padding-right: var(--container-padding-x) !important;
    }

    .pe-xxl-ggw {
        padding-right: var(--grid-gutter-width) !important;
    }

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

    .pb-xxl-4 {
        padding-bottom: var(--spacer-4) !important;
    }

    .pb-xxl-8 {
        padding-bottom: var(--spacer-8) !important;
    }

    .pb-xxl-12 {
        padding-bottom: var(--spacer-12) !important;
    }

    .pb-xxl-16 {
        padding-bottom: var(--spacer-16) !important;
    }

    .pb-xxl-18 {
        padding-bottom: var(--spacer-18) !important;
    }

    .pb-xxl-20 {
        padding-bottom: var(--spacer-20) !important;
    }

    .pb-xxl-24 {
        padding-bottom: var(--spacer-24) !important;
    }

    .pb-xxl-32 {
        padding-bottom: var(--spacer-32) !important;
    }

    .pb-xxl-40 {
        padding-bottom: var(--spacer-40) !important;
    }

    .pb-xxl-48 {
        padding-bottom: var(--spacer-48) !important;
    }

    .pb-xxl-60 {
        padding-bottom: var(--spacer-60) !important;
    }

    .pb-xxl-80 {
        padding-bottom: var(--spacer-80) !important;
    }

    .pb-xxl-96 {
        padding-bottom: var(--spacer-96) !important;
    }

    .pb-xxl-120 {
        padding-bottom: var(--spacer-120) !important;
    }

    .pb-xxl-160 {
        padding-bottom: var(--spacer-160) !important;
    }

    .pb-xxl-cpx {
        padding-bottom: var(--container-padding-x) !important;
    }

    .pb-xxl-ggw {
        padding-bottom: var(--grid-gutter-width) !important;
    }

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

    .ps-xxl-4 {
        padding-left: var(--spacer-4) !important;
    }

    .ps-xxl-8 {
        padding-left: var(--spacer-8) !important;
    }

    .ps-xxl-12 {
        padding-left: var(--spacer-12) !important;
    }

    .ps-xxl-16 {
        padding-left: var(--spacer-16) !important;
    }

    .ps-xxl-18 {
        padding-left: var(--spacer-18) !important;
    }

    .ps-xxl-20 {
        padding-left: var(--spacer-20) !important;
    }

    .ps-xxl-24 {
        padding-left: var(--spacer-24) !important;
    }

    .ps-xxl-32 {
        padding-left: var(--spacer-32) !important;
    }

    .ps-xxl-40 {
        padding-left: var(--spacer-40) !important;
    }

    .ps-xxl-48 {
        padding-left: var(--spacer-48) !important;
    }

    .ps-xxl-60 {
        padding-left: var(--spacer-60) !important;
    }

    .ps-xxl-80 {
        padding-left: var(--spacer-80) !important;
    }

    .ps-xxl-96 {
        padding-left: var(--spacer-96) !important;
    }

    .ps-xxl-120 {
        padding-left: var(--spacer-120) !important;
    }

    .ps-xxl-160 {
        padding-left: var(--spacer-160) !important;
    }

    .ps-xxl-cpx {
        padding-left: var(--container-padding-x) !important;
    }

    .ps-xxl-ggw {
        padding-left: var(--grid-gutter-width) !important;
    }

    .fs-xxl-12 {
        font-size: var(--font-size-12) !important;
    }

    .fs-xxl-14 {
        font-size: var(--font-size-14) !important;
    }

    .fs-xxl-16 {
        font-size: var(--font-size-16) !important;
    }

    .fs-xxl-18 {
        font-size: var(--font-size-18) !important;
    }

    .fs-xxl-20 {
        font-size: var(--font-size-20) !important;
    }

    .fs-xxl-24 {
        font-size: var(--font-size-24) !important;
    }

    .fs-xxl-28 {
        font-size: var(--font-size-28) !important;
    }

    .fs-xxl-32 {
        font-size: var(--font-size-32) !important;
    }

    .fs-xxl-40 {
        font-size: var(--font-size-40) !important;
    }

    .fs-xxl-48 {
        font-size: var(--font-size-48) !important;
    }

    .fs-xxl-64 {
        font-size: var(--font-size-64) !important;
    }

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

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

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

@media print {
    .d-print-inline {
        display: inline !important;
    }

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

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

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

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

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

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

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

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

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

:root {
    --ico-size: 1.25rem;
    --ico-color: currentcolor;
}

.ico {
    width: var(--ico-size);
    height: var(--ico-size);
    fill: var(--ico-color);
}

.ico.md {
    --ico-size: 1.5rem;
}

.ico.xxl {
    --ico-size: 3.5rem;
}

.ico-social {
    width: 2rem;
    height: 2rem;
    fill: none;
}

.m-offcanvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.m-offcanvas-body {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.m-offcanvas-close {
    position: relative;
    display: flex;
}

.m-offcanvas-close svg {
    position: relative;
    z-index: 110;
    transform: translate3d(0, 0, 0);
}

.m-offcanvas {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    transform: translateX(-100%);
    transition: all 0.5s ease;
    width: 100%;
    background: #090A0B;
    overflow-scrolling: touch;
    scrollbar-color: #090A0B;
    scrollbar-width: thin;
}

.m-offcanvas::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #090A0B;
}

.m-offcanvas::-webkit-scrollbar {
    width: 2px;
}

.m-offcanvas::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #FFF;
}

.m-offcanvas::-webkit-scrollbar-thumb {
    border-radius: 1px;
}

@media screen and (min-width: 575.98px) {
    .m-offcanvas {
        width: 340px;
    }
}

.m-offcanvas-multilevel {
    display: flex;
}

.m-offcanvas_active {
    transform: translateX(0);
    overflow: auto;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.m-offcanvas__list {
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFF;
    scrollbar-color: #090A0B;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.m-offcanvas__list:not(.m-offcanvas__subnav) {
    justify-content: space-between;
}

.m-offcanvas__list::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #090A0B;
}

.m-offcanvas__list::-webkit-scrollbar {
    width: 2px;
}

.m-offcanvas__list::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #FFF;
}

.m-offcanvas__list::-webkit-scrollbar-thumb {
    border-radius: 1px;
}

.m-offcanvas__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-grow: 1;
}

.m-offcanvas__list-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--spacer-16) var(--grid-gutter-width);
    color: #090A0B;
    background: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.m-offcanvas__list-item svg {
    transition: fill 0.3s ease;
    fill: #C5C7CD;
}

.m-offcanvas__list-item:hover {
    color: #090A0B;
}

.m-offcanvas__list-item:hover svg {
    fill: #090A0B;
}

.m-offcanvas__list-item_act {
    color: #090A0B;
}

.m-offcanvas__list-item_act svg {
    fill: #090A0B;
}

.m-offcanvas__has-subnav > a {
    position: relative;
    padding-right: 40px;
}

.m-offcanvas__has-subnav > a::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgNC41TDExLjI1IDlMNi43NSAxMy41IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: 16px;
    width: 16px;
    height: 16px;
    right: 16px;
    top: calc(50% - 8px);
}

.m-offcanvas__subnav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: 40;
    transform: translate3d(101%, 0, 0);
    transition: transform 0.5s;
    display: flex;
    flex-direction: column;
}

.m-offcanvas__subnav_active {
    transform: translate3d(0, 0, 0);
    width: 100%;
}

.m-offcanvas__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    color: #090A0B;
}

.m-offcanvas__list-item_primary {
    color: #090A0B;
}

.m-offcanvas__list-item_primary:hover {
    color: var(--theme-primary-dark);
}

.m-offcanvas__back-track {
    display: flex;
    align-items: center;
    padding: 14px 14px 14px var(--spacer-80);
    margin: var(--spacer-8);
    border-radius: calc(12px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 50%, #FFFFFF 99.94%), rgba(251, 252, 255, 0.6);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: #090A0B;
    font-size: var(--font-size-18);
    font-weight: 600;
}

.m-offcanvas__back-track::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI1IDQuNUw2Ljc1IDlMMTEuMjUgMTMuNSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    position: absolute;
    left: var(--grid-gutter-width);
    background-size: 18px;
    width: 18px;
    height: 17px;
}

.m-offcanvas__back-track:hover {
    color: #090A0B;
}

.m-offcanvas__main-category {
    display: block;
    background: gray;
    color: #C5C7CD;
    font-weight: bold;
    padding: 16px;
    text-decoration: none;
}

.m-offcanvas__list-item_lk-logout {
    color: #FFF;
}

.m-offcanvas__list-item_lk-logout svg {
    fill: #FFF;
}

.m-offcanvas__city {
    color: #090A0B;
    text-decoration: none;
}

.m-offcanvas__city:hover {
    text-decoration: underline;
    color: #090A0B;
}

.m-offcanvas__lk {
    display: flex;
    align-items: center;
}

.m-offcanvas__lk-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: gray;
    flex: 1 0 0;
    padding: 12px;
    color: #090A0B;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    transition: color 0.3s ease;
}

.m-offcanvas__lk-item svg {
    transition: fill 0.3s ease;
    fill: #090A0B;
}

.m-offcanvas__lk-item:hover {
    color: var(--theme-primary-dark);
}

.m-offcanvas__lk-item:hover svg {
    fill: var(--theme-primary-dark);
}

.m-offcanvas__lk-item:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #F3F5F9;
}

.m-offcanvas__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--spacer-32);
    padding-left: var(--spacer-20);
    padding-right: var(--spacer-20);
    padding-bottom: var(--spacer-20);
    margin: var(--spacer-12);
}

.m-offcanvas__subnav .m-offcanvas__list-item {
    font-size: var(--font-size-20);
}

.m-offcanvas__list-item span {
    font-size: var(--font-size-12);
    color: #B3B3B3;
    line-height: 1.1;
    margin-left: var(--spacer-8);
}

html {
    scroll-behavior: unset !important;
    scroll-padding-top: calc(var(--logo-height) + var(--spacer-16) * 2);
}

@media (max-width: 992px) {
    html {
        scroll-padding-top: calc(var(--logo-height) + var(--spacer-16) * 2);
    }
}

body {
    min-width: 375px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

.img-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

li::marker {
    color: #090A0B;
}

.text-gray-600 {
    color: #585F6B;
}

.hover {
    opacity: 1;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover:hover {
    opacity: 0.6;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
}

.logo img {
    height: var(--logo-height);
}

.nav {
    font-size: var(--font-size-16);
    line-height: 1.2;
}

.nav li a {
    padding: 0 var(--spacer-12);
    opacity: 1;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav li a.active {
    color: #B3B3B3;
}

.nav li a:hover:not(.active) {
    opacity: 0.7;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.nav li:last-child a {
    padding-right: 0;
}

.burger-menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28px;
    height: 28px;
    padding: 6px 3px;
}

.burger-menu span {
    height: 2px;
    background: #090A0B;
    border-radius: 50rem;
}

.ratio img,
.ratio video {
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-image-wrap {
    position: relative;
    overflow: hidden;
    min-height: 580px;
    height: 580px;
}

@media (min-width: 992px) {
    .hero-image-wrap {
        height: calc(580px + 60 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    }
}

@media (min-width: 1440px) {
    .hero-image-wrap {
        height: calc(640px + 216 * (100vw - 1440px) / 480);
    }
}

.hero-image-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 50%;
    border-radius: inherit;
    background: linear-gradient(0deg, rgba(9, 10, 11, 0.8), transparent);
    z-index: 2;
}

@media (max-width: 992px) {
    .hero-image-wrap::before {
        left: 0;
        right: 0;
    }
}

.hero-image-wrap img, .hero-image-wrap video {
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    z-index: 1;
}

.hero-image-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

@media (min-width: 992px) {
    .text-section {
        min-height: min(640px, 100vh);
    }
}

@media (min-width: 1440px) {
    .text-section {
        min-height: clamp(640px + 216 * (100vw - 1440px) / 480, 100vh, 100vh - (48px + 16 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    }
}

.animated-text {
    color: #C9C9C9;
}

.advance-img {
    -o-object-fit: cover;
    object-fit: cover;
    min-height: calc(248px + 112 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

.advance-ico {
    width: 1.75rem;
    height: 1.75rem;
}

.apply-ico {
    width: 2.5rem;
    height: 2.5rem;
}

@media (min-width: 1200px) {
    .crop-text {
        max-width: calc(400px + 200 * (100vw - 1440px) / 480);
    }
}

@media (min-width: 1200px) {
    .crop-head {
        max-width: calc(702px + 98 * (100vw - 1440px) / 480);
    }
}

.advance-block {
    min-height: 320px;
}

.tech-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, calc(120px + 120 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    grid-column-gap: var(--spacer-8);
    grid-row-gap: var(--spacer-8);
}

@media (min-width: 576px) {
    .tech-block {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(5, calc(120px + 120 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    }
}

@media (min-width: 768px) {
    .tech-block {
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(3, calc(120px + 120 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min))));
    }
}

.tech-inner-1 {
    grid-area: 1/1/2/3;
}

.tech-inner-2 {
    grid-area: 2/2/3/3;
}

.tech-inner-3 {
    grid-area: 3/1/4/3;
}

.tech-inner-4 {
    grid-area: 4/2/6/3;
}

.tech-inner-5 {
    grid-area: 2/1/3/2;
}

.tech-inner-6 {
    grid-area: 4/1/6/2;
}

@media (min-width: 576px) {
    .tech-inner-1 {
        grid-area: 1/1/2/6;
    }

    .tech-inner-2 {
        grid-area: 2/1/3/5;
    }

    .tech-inner-3 {
        grid-area: 3/1/4/5;
    }

    .tech-inner-4 {
        grid-area: 4/1/6/9;
    }

    .tech-inner-5 {
        grid-area: 1/6/2/9;
    }

    .tech-inner-6 {
        grid-area: 2/5/4/9;
    }
}

@media (min-width: 768px) {
    .tech-inner-1 {
        grid-area: 1/1/2/6;
    }

    .tech-inner-2 {
        grid-area: 2/1/3/5;
    }

    .tech-inner-3 {
        grid-area: 3/1/4/5;
    }

    .tech-inner-4 {
        grid-area: 1/9/4/13;
    }

    .tech-inner-5 {
        grid-area: 1/6/2/9;
    }

    .tech-inner-6 {
        grid-area: 2/5/4/9;
    }
}

.options-list {
    font-size: var(--font-size-24);
}

.options-list li {
    padding-top: var(--spacer-12);
    padding-bottom: var(--spacer-12);
    position: relative;
    display: flex;
    gap: var(--spacer-8);
    flex-direction: column;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.options-list li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--container-padding-x);
    right: var(--container-padding-x);
    height: 1px;
    background: #E6E6E7;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.options-list li span {
    width: 100%;
}

.options-list li span:first-child {
    color: #959696;
}

.options-list li span:last-child {
    color: #090A0B;
}

@media (min-width: 992px) {
    .options-list li {
        flex-direction: row;
        gap: var(--spacer-48);
        padding-left: var(--container-padding-x);
        padding-right: var(--container-padding-x);
    }

    .options-list li:hover {
        background: #090A0B;
        transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .options-list li:hover:before {
        background: #090A0B;
    }

    .options-list li:hover span:first-child {
        color: #DADADA;
    }

    .options-list li:hover span:last-child {
        color: #fff;
    }
}

.modify-img {
    min-height: calc(240px + 288 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

.about-img {
    min-height: calc(120px + 122 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

/* Style the tab */
.tab {
    min-height: 656px;
}

@media (min-width: 992px) {
    .tabs-block {
        background: #DADADA;
    }
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: #090A0B;
    padding: var(--spacer-24) var(--spacer-32);
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: var(--font-size-28);
    line-height: 1.2;
    text-transform: uppercase;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #F0F0F0;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #F0F0F0;
}

/* Style the tab content */
.tabcontent {
    background: #F0F0F0;
    border-bottom-left-radius: calc(16px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    border-top-left-radius: calc(16px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    padding: var(--spacer-20);
    border-left: none;
}

@media (max-width: 992px) {
    .tabcontent {
        border-bottom-right-radius: calc(16px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
        border-top-right-radius: calc(16px + 4 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    }
}

@media (min-width: 992px) {
    .tabcontent {
        display: none;
        min-height: calc(656px + 92 * (100vw - 1440px) / 480);
    }
}

.tablinks.active {
    position: relative;
}

.tablinks.active:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: 1.5rem -1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
}

.tablinks.active:after {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: -1.5rem -1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
}

.tablinks.active:first-child:after {
    content: "";
    width: 3rem;
    height: 3rem;
    background: #F0F0F0;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
}

.tablinks.active + .tablinks {
    position: relative;
}

.tablinks.active + .tablinks:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
}

.tablinks.active + .tablinks:after {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: -1.5rem 1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
}

.tablinks.active + .tablinks-divider {
    position: relative;
}

.tablinks.active + .tablinks-divider:before {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
}

.tablinks.active + .tablinks-divider:after {
    content: "";
    width: 3rem;
    height: 3rem;
    background: radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 99.99%, #F0F0F0 100%);
    background-position: -1.5rem 1.5rem;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
}

.contacts-img {
    width: calc(60px + 40 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
    height: calc(60px + 40 * (100vw - var(--br-min) * 1px) / (var(--br-max) - var(--br-min)));
}

.map {
    min-height: 375px;
}

@media (min-width: 992px) {
    .text-section-inner {
        max-height: 640px;
    }
}

@media (min-width: 1440px) {
    .text-section-inner {
        max-height: calc(640px + 216 * (100vw - 1440px) / 480);
    }
}

.text-section {
    min-height: max(640px, 100vh);
}

@media (min-width: 1440px) {
    .text-section {
        min-height: max(640px + 216 * (100vw - 1440px) / 480, 100vh);
    }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    overflow: hidden;
}

p, .text-gray-700.crop-text {
    font-size: var(--font-size-20);
}

.primary-color {
    color: #25186B;
}

.secondary-color {
    color: #D12F13;
}

.modal_link {
    cursor: pointer;
}


.youtube-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* Соотношение 16:9 (9/16 = 0.5625, умножаем на 100) */
    overflow: hidden;
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Убираем рамку */
}


#news {
    .news-slider {
        width: 100%;
        max-height: 500px;
        height: 60vw; /* Для адаптивности на мобильных */
    }

    .slide-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

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

    @media (min-width: 992px) {
        .news-slider {
            height: 500px; /* Фиксированная высота на десктопах */
        }
    }

    .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: white;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transition: all 0.3s;
    }

    .swiper-button-next {
        position: absolute;
        z-index: 999;
        top: 50%;
        right: 15px;
        background: rgb(0 0 0 / 43%);
    }
    .swiper-button-prev {
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 15px;
        background: rgb(0 0 0 / 43%);
    }

    .swiper-button-next:after {
        content: '>';
        font-size: 17px;
        transform: translate(50%, -50%);
        position: absolute;
        top: 50%;
        right: 50%;
    }
    .swiper-button-prev:after {
        content: '<';
        font-size: 17px;
        transform: translate(50%, -50%);
        position: absolute;
        top: 50%;
        right: 50%;
    }
}

.height-1000 {
    height: 1000px;
}
.height-1000 img {
    object-fit: contain;
}
.img-fill {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #c9cbcd;
}
.img-certificate {
    width: auto;
    height: 100%;
    object-fit: contain;
}