/*!
   * LeafyCard
   * Copyright 2023 LeafyCard
   * Version 1.0.0
   */

:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #a1dd00;
    --bs-secondary: #e5bc59;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 161, 221, 0;
    --bs-secondary-rgb: 229, 188, 89;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #405800;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #ecf8cc;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #d9f199;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Gelion", "Outfit", "Century Gothic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-link-color: #a1dd00;
    --bs-link-color-rgb: 161, 221, 0;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #81b100;
    --bs-link-hover-color-rgb: 129, 177, 0;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.45rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(161, 221, 0, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173, 181, 189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173, 181, 189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173, 181, 189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #c7eb66;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #202c00;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #618500;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-link-color: #c7eb66;
    --bs-link-hover-color: #d2ef85;
    --bs-link-color-rgb: 199, 235, 102;
    --bs-link-hover-color-rgb: 210, 239, 133;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*, *::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(0,0,0,0)
}

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

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

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

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

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

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

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

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

ol, ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

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

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

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

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

    a:hover {
        --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
    }

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

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

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

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

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

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

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

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

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

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

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

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

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .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
}

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-BlackItalic.woff2") format("woff2"),url("../font/Gelion-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Bold.woff2") format("woff2"),url("../font/Gelion-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Light.woff2") format("woff2"),url("../font/Gelion-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-LightItalic.woff2") format("woff2"),url("../font/Gelion-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-BoldItalic.woff2") format("woff2"),url("../font/Gelion-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Black.woff2") format("woff2"),url("../font/Gelion-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion Semi";
    src: url("../font/Gelion-SemiBoldItalic.woff2") format("woff2"),url("../font/Gelion-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Medium.woff2") format("woff2"),url("../font/Gelion-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion Semi";
    src: url("../font/Gelion-SemiBold.woff2") format("woff2"),url("../font/Gelion-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-RegularItalic.woff2") format("woff2"),url("../font/Gelion-RegularItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Regular.woff2") format("woff2"),url("../font/Gelion-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-MediumItalic.woff2") format("woff2"),url("../font/Gelion-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-ThinItalic.woff2") format("woff2"),url("../font/Gelion-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gelion";
    src: url("../font/Gelion-Thin.woff2") format("woff2"),url("../font/Gelion-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Outfit';
    src: url("../font/Outfit/Outfit-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    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: .5rem
    }

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

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

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

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

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

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

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

.figure {
    display: inline-block
}

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

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

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    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
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5);
        margin-top: var(--bs-gutter-y)
    }

.col {
    flex: 1 0 0%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-6, .gx-6 {
    --bs-gutter-x: 3.5rem
}

.g-6, .gy-6 {
    --bs-gutter-y: 3.5rem
}

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

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

.g-8, .gx-8 {
    --bs-gutter-x: 4.5rem
}

.g-8, .gy-8 {
    --bs-gutter-y: 4.5rem
}

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

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

@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-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

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

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

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

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

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

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

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

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

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

    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x: 4rem
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y: 4rem
    }

    .g-sm-8, .gx-sm-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-sm-8, .gy-sm-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-sm-9, .gx-sm-9 {
        --bs-gutter-x: 5rem
    }

    .g-sm-9, .gy-sm-9 {
        --bs-gutter-y: 5rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x: 4rem
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y: 4rem
    }

    .g-md-8, .gx-md-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-md-8, .gy-md-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-md-9, .gx-md-9 {
        --bs-gutter-x: 5rem
    }

    .g-md-9, .gy-md-9 {
        --bs-gutter-y: 5rem
    }
}

@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-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

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

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

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

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

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

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

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

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

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

    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x: 4rem
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y: 4rem
    }

    .g-lg-8, .gx-lg-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-lg-8, .gy-lg-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-lg-9, .gx-lg-9 {
        --bs-gutter-x: 5rem
    }

    .g-lg-9, .gy-lg-9 {
        --bs-gutter-y: 5rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y: 4rem
    }

    .g-xl-8, .gx-xl-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-xl-8, .gy-xl-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-xl-9, .gx-xl-9 {
        --bs-gutter-x: 5rem
    }

    .g-xl-9, .gy-xl-9 {
        --bs-gutter-y: 5rem
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 3.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y: 3.5rem
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y: 4rem
    }

    .g-xxl-8, .gx-xxl-8 {
        --bs-gutter-x: 4.5rem
    }

    .g-xxl-8, .gy-xxl-8 {
        --bs-gutter-y: 4.5rem
    }

    .g-xxl-9, .gx-xxl-9 {
        --bs-gutter-x: 5rem
    }

    .g-xxl-9, .gy-xxl-9 {
        --bs-gutter-y: 5rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

    .table > :not(caption) > * > * {
        padding: .5rem .5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: var(--bs-border-width);
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

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

.caption-top {
    caption-side: top
}

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

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

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

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

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

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

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

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

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

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #ecf8cc;
    --bs-table-border-color: #d4dfb8;
    --bs-table-striped-bg: #e0ecc2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d4dfb8;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #dae5bd;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

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

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

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

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

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

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

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

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

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #d0ee80;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(161,221,0,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: rgba(0,0,0,0);
    border: solid rgba(0,0,0,0);
    border-width: var(--bs-border-width) 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm)
}

    .form-control-sm::file-selector-button {
        padding: .25rem .5rem;
        margin: -0.25rem -0.5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

    .form-control-lg::file-selector-button {
        padding: .5rem 1rem;
        margin: -0.5rem -1rem;
        margin-inline-end: 1rem
    }

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

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

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

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: var(--bs-border-radius)
    }

    .form-control-color.form-control-sm {
        height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2))
    }

    .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
    }

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #d0ee80;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(161,221,0,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: rgba(0,0,0,0);
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

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

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

    .form-check .form-check-input input[type=radio], .form-check .form-check-input input[type=checkbox] {
        float: left;
        margin-left: -1.5em
    }

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

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

.form-check-input input[type=radio], .form-check-input input[type=checkbox] {
    --bs-form-check-bg: var(--bs-body-bg);
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    appearance: none;
    print-color-adjust: exact
}

.form-check-input input[type=checkbox] {
    border-radius: .25em
}

.form-check-input input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #d0ee80;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(161,221,0,.25)
}

.form-check-input input[type=checkbox]:checked {
    background-color: #a1dd00;
    border-color: #a1dd00;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input input[type=checkbox]:focus {
    border-color: #d0ee80;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(161,221,0,.25)
}

.form-check-input input[type=radio]:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input input[type=checkbox]:indeterminate {
    background-color: #a1dd00;
    border-color: #a1dd00;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        cursor: default;
        opacity: .5
    }

.form-switch {
    padding-left: 2.5em
}

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position .15s ease-in-out
    }

@media(prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d0ee80'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0
    }

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

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

    .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: .65
    }

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

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: rgba(0,0,0,0);
    appearance: none
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(161,221,0,.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(161,221,0,.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #a1dd00;
        border: 0;
        border-radius: 1rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        appearance: none
    }

@media(prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #e3f5b3
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0,0,0,0);
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: rgba(0,0,0,0);
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #a1dd00;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #e3f5b3
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0,0,0,0);
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: rgba(0,0,0,0);
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color)
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color)
    }

.form-floating {
    position: relative
}

    .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
        height: calc(3.5rem + calc(var(--bs-border-width) * 2));
        line-height: 1.25
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100%;
        padding: 1rem .75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: var(--bs-border-width) solid rgba(0,0,0,0);
        transform-origin: 0 0;
        transition: opacity .1s ease-in-out,transform .1s ease-in-out
    }

@media(prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none
    }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 1rem .75rem
}

    .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
        color: rgba(0,0,0,0)
    }

    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

    .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
        color: rgba(var(--bs-body-color-rgb), 0.65);
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
    }

        .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
            position: absolute;
            inset: 1rem .375rem;
            z-index: -1;
            height: 1.5em;
            content: "";
            background-color: var(--bs-body-bg);
            border-radius: var(--bs-border-radius)
        }

.form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb), 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0
}

.form-floating > :disabled ~ label {
    color: #6c757d
}

    .form-floating > :disabled ~ label::after {
        background-color: var(--bs-secondary-bg) !important;
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
            z-index: 5
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 5
        }

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

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

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: var(--bs-border-radius-sm)
}

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

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

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)
    }

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

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

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

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)
    }

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

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: var(--bs-form-valid-color)
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25)
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: var(--bs-form-valid-color)
    }

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

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

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

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

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

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

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)
    }

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

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

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

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)
    }

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

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: var(--bs-form-invalid-color)
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25)
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color)
    }

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

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

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family:;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

    .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow)
    }

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #a1dd00;
    --bs-btn-border-color: #a1dd00;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #afe226;
    --bs-btn-hover-border-color: #aae01a;
    --bs-btn-focus-shadow-rgb: 137, 188, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b4e433;
    --bs-btn-active-border-color: #aae01a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #a1dd00;
    --bs-btn-disabled-border-color: #a1dd00
}

.btn-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: #e5bc59;
    --bs-btn-border-color: #e5bc59;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e9c672;
    --bs-btn-hover-border-color: #e8c36a;
    --bs-btn-focus-shadow-rgb: 195, 160, 76;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #eac97a;
    --bs-btn-active-border-color: #e8c36a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #e5bc59;
    --bs-btn-disabled-border-color: #e5bc59
}

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

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

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

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

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

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

.btn-outline-primary {
    --bs-btn-color: #a1dd00;
    --bs-btn-border-color: #a1dd00;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #a1dd00;
    --bs-btn-hover-border-color: #a1dd00;
    --bs-btn-focus-shadow-rgb: 161, 221, 0;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #a1dd00;
    --bs-btn-active-border-color: #a1dd00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #a1dd00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a1dd00;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #e5bc59;
    --bs-btn-border-color: #e5bc59;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e5bc59;
    --bs-btn-hover-border-color: #e5bc59;
    --bs-btn-focus-shadow-rgb: 229, 188, 89;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e5bc59;
    --bs-btn-active-border-color: #e5bc59;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e5bc59;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e5bc59;
    --bs-gradient: none
}

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

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

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

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

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

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

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 137, 188, 0;
    text-decoration: underline
}

    .btn-link:focus-visible {
        color: var(--bs-btn-color)
    }

    .btn-link:hover {
        color: var(--bs-btn-hover-color)
    }

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

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

.fade {
    transition: opacity .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 .35s ease
}

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

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

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

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

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid rgba(0,0,0,0);
        border-bottom: 0;
        border-left: .3em solid rgba(0,0,0,0)
    }

    .dropdown-toggle:empty::after {
        margin-left: 0
    }

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

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer)
    }

.dropdown-menu-start {
    --bs-position: start
}

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

.dropdown-menu-end {
    --bs-position: end
}

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

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

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

    .dropdown-menu-sm-end {
        --bs-position: end
    }

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

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

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

    .dropdown-menu-md-end {
        --bs-position: end
    }

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

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

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

    .dropdown-menu-lg-end {
        --bs-position: end
    }

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

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

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

    .dropdown-menu-xl-end {
        --bs-position: end
    }

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

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

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

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

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

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0,0,0,0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0,0,0,0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0,0,0,0);
    border-right: 0;
    border-bottom: .3em solid rgba(0,0,0,0);
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0,0,0,0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0,0,0,0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

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

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

    .dropdown-item:hover, .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: rgba(0,0,0,0)
    }

.dropdown-menu.show {
    display: block
}

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

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

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

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto
    }

        .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group {
    border-radius: var(--bs-border-radius)
}

    .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
        margin-left: calc(var(--bs-border-width) * -1)
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

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

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

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: calc(var(--bs-border-width) * -1)
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

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

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

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

.nav-link:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(161,221,0,.25)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
        border: var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: rgba(0,0,0,0);
            border-color: rgba(0,0,0,0)
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1*var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #a1dd00
}

    .nav-pills .nav-link {
        border-radius: var(--bs-nav-pills-border-radius)
    }

        .nav-pills .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: rgba(0,0,0,0);
            border-color: rgba(0,0,0,0)
        }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            color: var(--bs-nav-pills-link-active-color);
            background-color: var(--bs-nav-pills-link-active-bg)
        }

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

    .nav-underline .nav-link {
        padding-right: 0;
        padding-left: 0;
        border-bottom: var(--bs-nav-underline-border-width) solid rgba(0,0,0,0)
    }

        .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
            border-bottom-color: currentcolor
        }

        .nav-underline .nav-link.active, .nav-underline .show > .nav-link {
            font-weight: 700;
            color: var(--bs-nav-underline-link-active-color);
            border-bottom-color: currentcolor
        }

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

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

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

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

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

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

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

    .navbar-brand:hover, .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color)
    }

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

    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: var(--bs-navbar-active-color)
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

    .navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
        color: var(--bs-navbar-active-color)
    }

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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: rgba(0,0,0,0);
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

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

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

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }

        .navbar-expand-sm .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: var(--bs-navbar-nav-link-padding-x);
                padding-left: var(--bs-navbar-nav-link-padding-x)
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }

        .navbar-expand-xxl .offcanvas {
            position: static;
            z-index: auto;
            flex-grow: 1;
            width: auto !important;
            height: auto !important;
            visibility: visible !important;
            background-color: rgba(0,0,0,0) !important;
            border: 0 !important;
            transform: none !important;
            transition: none
        }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible
            }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: var(--bs-navbar-nav-link-padding-x);
            padding-left: var(--bs-navbar-nav-link-padding-x)
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0,0,0,0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            padding: 0;
            overflow-y: visible
        }

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

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

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

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-left-radius: var(--bs-card-inner-border-radius)
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

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

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

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

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

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

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

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
    }

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

    .card-footer:last-child {
        border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
    }

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

    .card-header-tabs .nav-link.active {
        background-color: var(--bs-card-bg);
        border-bottom-color: var(--bs-card-bg)
    }

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

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

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

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

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

    .card-group > .card {
        margin-bottom: var(--bs-card-group-margin)
    }

    @media(min-width: 576px) {
        .card-group {
            display: flex;
            flex-flow: row wrap
        }

            .card-group > .card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

                .card-group > .card + .card {
                    margin-left: 0;
                    border-left: 0
                }

                .card-group > .card:not(:last-child) {
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

                    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                        border-top-right-radius: 0
                    }

                    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                        border-bottom-right-radius: 0
                    }

                .card-group > .card:not(:first-child) {
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

                    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                        border-top-left-radius: 0
                    }

                    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                        border-bottom-left-radius: 0
                    }
    }

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

    .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
        font-size: 1rem;
        color: var(--bs-accordion-btn-color);
        text-align: left;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition)
    }

    @media(prefers-reduced-motion: reduce) {
        .accordion-button {
            transition: none
        }
    }

    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
    }

        .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

    .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition)
    }

    @media(prefers-reduced-motion: reduce) {
        .accordion-button::after {
            transition: none
        }
    }

    .accordion-button:hover {
        z-index: 2
    }

    .accordion-button:focus {
        z-index: 3;
        border-color: var(--bs-accordion-btn-focus-border-color);
        outline: 0;
        box-shadow: var(--bs-accordion-btn-focus-box-shadow)
    }

    .accordion-header {
        margin-bottom: 0
    }

    .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
    }

        .accordion-item:first-of-type {
            border-top-left-radius: var(--bs-accordion-border-radius);
            border-top-right-radius: var(--bs-accordion-border-radius)
        }

            .accordion-item:first-of-type .accordion-button {
                border-top-left-radius: var(--bs-accordion-inner-border-radius);
                border-top-right-radius: var(--bs-accordion-inner-border-radius)
            }

        .accordion-item:not(:first-of-type) {
            border-top: 0
        }

        .accordion-item:last-of-type {
            border-bottom-right-radius: var(--bs-accordion-border-radius);
            border-bottom-left-radius: var(--bs-accordion-border-radius)
        }

            .accordion-item:last-of-type .accordion-button.collapsed {
                border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
                border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
            }

            .accordion-item:last-of-type .accordion-collapse {
                border-bottom-right-radius: var(--bs-accordion-border-radius);
                border-bottom-left-radius: var(--bs-accordion-border-radius)
            }

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

    .accordion-flush .accordion-collapse {
        border-width: 0
    }

    .accordion-flush .accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }

        .accordion-flush .accordion-item:first-child {
            border-top: 0
        }

        .accordion-flush .accordion-item:last-child {
            border-bottom: 0
        }

        .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
            border-radius: 0
        }

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

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

    .breadcrumb-item + .breadcrumb-item {
        padding-left: var(--bs-breadcrumb-item-padding-x)
    }

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

    .breadcrumb-item.active {
        color: var(--bs-breadcrumb-item-active-color)
    }

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

    .page-link {
        position: relative;
        display: block;
        padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
        font-size: var(--bs-pagination-font-size);
        color: var(--bs-pagination-color);
        text-decoration: none;
        background-color: var(--bs-pagination-bg);
        border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

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

    .page-link:hover {
        z-index: 2;
        color: var(--bs-pagination-hover-color);
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color)
    }

    .page-link:focus {
        z-index: 3;
        color: var(--bs-pagination-focus-color);
        background-color: var(--bs-pagination-focus-bg);
        outline: 0;
        box-shadow: var(--bs-pagination-focus-box-shadow)
    }

    .page-link.active, .active > .page-link {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color)
    }

    .page-link.disabled, .disabled > .page-link {
        color: var(--bs-pagination-disabled-color);
        pointer-events: none;
        background-color: var(--bs-pagination-disabled-bg);
        border-color: var(--bs-pagination-disabled-border-color)
    }

    .page-item:not(:first-child) .page-link {
        margin-left: calc(var(--bs-border-width) * -1)
    }

    .page-item:first-child .page-link {
        border-top-left-radius: var(--bs-pagination-border-radius);
        border-bottom-left-radius: var(--bs-pagination-border-radius)
    }

    .page-item:last-child .page-link {
        border-top-right-radius: var(--bs-pagination-border-radius);
        border-bottom-right-radius: var(--bs-pagination-border-radius)
    }

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

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

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

        .badge:empty {
            display: none
        }

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

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

    .alert-heading {
        color: inherit
    }

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

    .alert-dismissible {
        padding-right: 3rem
    }

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

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

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

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

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

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

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

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

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

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem
        }
    }

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

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

    @media(prefers-reduced-motion: reduce) {
        .progress-bar {
            transition: none
        }
    }

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

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

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

    .progress-bar-animated {
        animation: 1s linear infinite progress-bar-stripes
    }

    @media(prefers-reduced-motion: reduce) {
        .progress-bar-animated {
            animation: none
        }
    }

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

    .list-group-numbered {
        list-style-type: none;
        counter-reset: section
    }

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

    .list-group-item-action {
        width: 100%;
        color: var(--bs-list-group-action-color);
        text-align: inherit
    }

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

        .list-group-item-action:active {
            color: var(--bs-list-group-action-active-color);
            background-color: var(--bs-list-group-action-active-bg)
        }

    .list-group-item {
        position: relative;
        display: block;
        padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
        color: var(--bs-list-group-color);
        text-decoration: none;
        background-color: var(--bs-list-group-bg);
        border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
    }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .list-group-item.disabled, .list-group-item:disabled {
            color: var(--bs-list-group-disabled-color);
            pointer-events: none;
            background-color: var(--bs-list-group-disabled-bg)
        }

        .list-group-item.active {
            z-index: 2;
            color: var(--bs-list-group-active-color);
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color)
        }

        .list-group-item + .list-group-item {
            border-top-width: 0
        }

            .list-group-item + .list-group-item.active {
                margin-top: calc(-1*var(--bs-list-group-border-width));
                border-top-width: var(--bs-list-group-border-width)
            }

    .list-group-horizontal {
        flex-direction: row
    }

        .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
            border-top-right-radius: var(--bs-list-group-border-radius);
            border-bottom-left-radius: 0
        }

        .list-group-horizontal > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal > .list-group-item + .list-group-item {
            border-top-width: var(--bs-list-group-border-width);
            border-left-width: 0
        }

            .list-group-horizontal > .list-group-item + .list-group-item.active {
                margin-left: calc(-1*var(--bs-list-group-border-width));
                border-left-width: var(--bs-list-group-border-width)
            }

    @media(min-width: 576px) {
        .list-group-horizontal-sm {
            flex-direction: row
        }

            .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-sm > .list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-sm > .list-group-item + .list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

                .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                    margin-left: calc(-1*var(--bs-list-group-border-width));
                    border-left-width: var(--bs-list-group-border-width)
                }
    }

    @media(min-width: 768px) {
        .list-group-horizontal-md {
            flex-direction: row
        }

            .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-md > .list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-md > .list-group-item + .list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

                .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                    margin-left: calc(-1*var(--bs-list-group-border-width));
                    border-left-width: var(--bs-list-group-border-width)
                }
    }

    @media(min-width: 992px) {
        .list-group-horizontal-lg {
            flex-direction: row
        }

            .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-lg > .list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-lg > .list-group-item + .list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

                .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                    margin-left: calc(-1*var(--bs-list-group-border-width));
                    border-left-width: var(--bs-list-group-border-width)
                }
    }

    @media(min-width: 1200px) {
        .list-group-horizontal-xl {
            flex-direction: row
        }

            .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-xl > .list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xl > .list-group-item + .list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

                .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                    margin-left: calc(-1*var(--bs-list-group-border-width));
                    border-left-width: var(--bs-list-group-border-width)
                }
    }

    @media(min-width: 1400px) {
        .list-group-horizontal-xxl {
            flex-direction: row
        }

            .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
                border-top-right-radius: var(--bs-list-group-border-radius);
                border-bottom-left-radius: 0
            }

            .list-group-horizontal-xxl > .list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item {
                border-top-width: var(--bs-list-group-border-width);
                border-left-width: 0
            }

                .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                    margin-left: calc(-1*var(--bs-list-group-border-width));
                    border-left-width: var(--bs-list-group-border-width)
                }
    }

    .list-group-flush {
        border-radius: 0
    }

        .list-group-flush > .list-group-item {
            border-width: 0 0 var(--bs-list-group-border-width)
        }

            .list-group-flush > .list-group-item:last-child {
                border-bottom-width: 0
            }

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

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

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

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

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

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

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

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

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

        .btn-close:hover {
            color: var(--bs-btn-close-color);
            text-decoration: none;
            opacity: var(--bs-btn-close-hover-opacity)
        }

        .btn-close:focus {
            outline: 0;
            box-shadow: var(--bs-btn-close-focus-shadow);
            opacity: var(--bs-btn-close-focus-opacity)
        }

        .btn-close:disabled, .btn-close.disabled {
            pointer-events: none;
            user-select: none;
            opacity: var(--bs-btn-close-disabled-opacity)
        }

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

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

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

        .toast.showing {
            opacity: 0
        }

        .toast:not(.show) {
            display: none
        }

    .toast-container {
        --bs-toast-zindex: 1090;
        position: absolute;
        z-index: var(--bs-toast-zindex);
        width: max-content;
        max-width: 100%;
        pointer-events: none
    }

        .toast-container > :not(:last-child) {
            margin-bottom: var(--bs-toast-spacing)
        }

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

        .toast-header .btn-close {
            margin-right: calc(-0.5*var(--bs-toast-padding-x));
            margin-left: var(--bs-toast-padding-x)
        }

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

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

    .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translate(0, -50px)
    }

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

    .modal.show .modal-dialog {
        transform: none
    }

    .modal.modal-static .modal-dialog {
        transform: scale(1.02)
    }

    .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin)*2)
    }

        .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden
        }

        .modal-dialog-scrollable .modal-body {
            overflow-y: auto
        }

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

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

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

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: var(--bs-backdrop-opacity)
        }

    .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius)
    }

        .modal-header .btn-close {
            padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
            margin: calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto
        }

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

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

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

        .modal-footer > * {
            margin: calc(var(--bs-modal-footer-gap)*.5)
        }

    @media(min-width: 576px) {
        .modal {
            --bs-modal-margin: 1.75rem;
            --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
        }

        .modal-dialog {
            max-width: var(--bs-modal-width);
            margin-right: auto;
            margin-left: auto
        }

        .modal-sm {
            --bs-modal-width: 300px
        }
    }

    @media(min-width: 992px) {
        .modal-lg, .modal-xl {
            --bs-modal-width: 800px
        }
    }

    @media(min-width: 1200px) {
        .modal-xl {
            --bs-modal-width: 1140px
        }
    }

    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }

    @media(max-width: 575.98px) {
        .modal-fullscreen-sm-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-sm-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto
            }
    }

    @media(max-width: 767.98px) {
        .modal-fullscreen-md-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-md-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-body {
                overflow-y: auto
            }
    }

    @media(max-width: 991.98px) {
        .modal-fullscreen-lg-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-lg-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto
            }
    }

    @media(max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-xl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto
            }
    }

    @media(max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-xxl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto
            }
    }

    .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin:;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: var(--bs-body-bg);
        --bs-tooltip-bg: var(--bs-emphasis-color);
        --bs-tooltip-border-radius: var(--bs-border-radius);
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        margin: var(--bs-tooltip-margin);
        font-family: var(--bs-font-sans-serif);
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0
    }

        .tooltip.show {
            opacity: var(--bs-tooltip-opacity)
        }

        .tooltip .tooltip-arrow {
            display: block;
            width: var(--bs-tooltip-arrow-width);
            height: var(--bs-tooltip-arrow-height)
        }

            .tooltip .tooltip-arrow::before {
                position: absolute;
                content: "";
                border-color: rgba(0,0,0,0);
                border-style: solid
            }

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
        bottom: calc(-1*var(--bs-tooltip-arrow-height))
    }

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

    .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
        left: calc(-1*var(--bs-tooltip-arrow-height));
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width)
    }

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

    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
        top: calc(-1*var(--bs-tooltip-arrow-height))
    }

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

    .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
        right: calc(-1*var(--bs-tooltip-arrow-height));
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width)
    }

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

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

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

        .popover .popover-arrow {
            display: block;
            width: var(--bs-popover-arrow-width);
            height: var(--bs-popover-arrow-height)
        }

            .popover .popover-arrow::before, .popover .popover-arrow::after {
                position: absolute;
                display: block;
                content: "";
                border-color: rgba(0,0,0,0);
                border-style: solid;
                border-width: 0
            }

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

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

        .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
            bottom: 0;
            border-top-color: var(--bs-popover-arrow-border)
        }

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

    .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
        left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width)
    }

        .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
            border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
        }

        .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
            left: 0;
            border-right-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
            left: var(--bs-popover-border-width);
            border-right-color: var(--bs-popover-bg)
        }

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

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

        .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
            top: 0;
            border-bottom-color: var(--bs-popover-arrow-border)
        }

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

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

    .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
        right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
        width: var(--bs-popover-arrow-height);
        height: var(--bs-popover-arrow-width)
    }

        .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
            border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
        }

        .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
            right: 0;
            border-left-color: var(--bs-popover-arrow-border)
        }

        .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
            right: var(--bs-popover-border-width);
            border-left-color: var(--bs-popover-bg)
        }

    .popover-header {
        padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
        margin-bottom: 0;
        font-size: var(--bs-popover-header-font-size);
        color: var(--bs-popover-header-color);
        background-color: var(--bs-popover-header-bg);
        border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
        border-top-left-radius: var(--bs-popover-inner-border-radius);
        border-top-right-radius: var(--bs-popover-inner-border-radius)
    }

        .popover-header:empty {
            display: none
        }

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

    .carousel {
        position: relative
    }

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

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

        .carousel-inner::after {
            display: block;
            clear: both;
            content: ""
        }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out
    }

    @media(prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none
        }
    }

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

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

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

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
    }

        .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
            z-index: 1;
            opacity: 1
        }

    .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media(prefers-reduced-motion: reduce) {
        .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
            transition: none
        }
    }

    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media(prefers-reduced-motion: reduce) {
        .carousel-control-prev, .carousel-control-next {
            transition: none
        }
    }

    .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

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

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

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

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%
    }

        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            padding: 0;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid rgba(0,0,0,0);
            border-bottom: 10px solid rgba(0,0,0,0);
            opacity: .5;
            transition: opacity .6s ease
        }

    @media(prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
            transition: none
        }
    }

    .carousel-indicators .active {
        opacity: 1
    }

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

    .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
        filter: invert(1) grayscale(100)
    }

    .carousel-dark .carousel-indicators [data-bs-target] {
        background-color: #000
    }

    .carousel-dark .carousel-caption {
        color: #000
    }

    [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon {
        filter: invert(1) grayscale(100)
    }

    [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
        background-color: #000
    }

    [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
        color: #000
    }

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

    @keyframes spinner-border {
        to {
            transform: rotate(360deg)
        }
    }

    .spinner-border {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-border-width: 0.25em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-border;
        border: var(--bs-spinner-border-width) solid currentcolor;
        border-right-color: rgba(0,0,0,0)
    }

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

    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }

        50% {
            opacity: 1;
            transform: none
        }
    }

    .spinner-grow {
        --bs-spinner-width: 2rem;
        --bs-spinner-height: 2rem;
        --bs-spinner-vertical-align: -0.125em;
        --bs-spinner-animation-speed: 0.75s;
        --bs-spinner-animation-name: spinner-grow;
        background-color: currentcolor;
        opacity: 0
    }

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

    @media(prefers-reduced-motion: reduce) {
        .spinner-border, .spinner-grow {
            --bs-spinner-animation-speed: 1.5s
        }
    }

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

    @media(max-width: 575.98px) {
        .offcanvas-sm {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media(max-width: 575.98px)and (prefers-reduced-motion: reduce) {
        .offcanvas-sm {
            transition: none
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
            transform: none
        }
    }

    @media(max-width: 575.98px) {
        .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
            visibility: visible
        }
    }

    @media(min-width: 576px) {
        .offcanvas-sm {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: rgba(0,0,0,0) !important
        }

            .offcanvas-sm .offcanvas-header {
                display: none
            }

            .offcanvas-sm .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: rgba(0,0,0,0) !important
            }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media(max-width: 767.98px)and (prefers-reduced-motion: reduce) {
        .offcanvas-md {
            transition: none
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
            transform: none
        }
    }

    @media(max-width: 767.98px) {
        .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
            visibility: visible
        }
    }

    @media(min-width: 768px) {
        .offcanvas-md {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: rgba(0,0,0,0) !important
        }

            .offcanvas-md .offcanvas-header {
                display: none
            }

            .offcanvas-md .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: rgba(0,0,0,0) !important
            }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media(max-width: 991.98px)and (prefers-reduced-motion: reduce) {
        .offcanvas-lg {
            transition: none
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
            transform: none
        }
    }

    @media(max-width: 991.98px) {
        .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
            visibility: visible
        }
    }

    @media(min-width: 992px) {
        .offcanvas-lg {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: rgba(0,0,0,0) !important
        }

            .offcanvas-lg .offcanvas-header {
                display: none
            }

            .offcanvas-lg .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: rgba(0,0,0,0) !important
            }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media(max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
        .offcanvas-xl {
            transition: none
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
            transform: none
        }
    }

    @media(max-width: 1199.98px) {
        .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
            visibility: visible
        }
    }

    @media(min-width: 1200px) {
        .offcanvas-xl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: rgba(0,0,0,0) !important
        }

            .offcanvas-xl .offcanvas-header {
                display: none
            }

            .offcanvas-xl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: rgba(0,0,0,0) !important
            }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl {
            position: fixed;
            bottom: 0;
            z-index: var(--bs-offcanvas-zindex);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            color: var(--bs-offcanvas-color);
            visibility: hidden;
            background-color: var(--bs-offcanvas-bg);
            background-clip: padding-box;
            outline: 0;
            transition: var(--bs-offcanvas-transition)
        }
    }

    @media(max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
        .offcanvas-xxl {
            transition: none
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-start {
            top: 0;
            left: 0;
            width: var(--bs-offcanvas-width);
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(-100%)
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-end {
            top: 0;
            right: 0;
            width: var(--bs-offcanvas-width);
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateX(100%)
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-top {
            top: 0;
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(-100%)
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.offcanvas-bottom {
            right: 0;
            left: 0;
            height: var(--bs-offcanvas-height);
            max-height: 100%;
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
            transform: none
        }
    }

    @media(max-width: 1399.98px) {
        .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
            visibility: visible
        }
    }

    @media(min-width: 1400px) {
        .offcanvas-xxl {
            --bs-offcanvas-height: auto;
            --bs-offcanvas-border-width: 0;
            background-color: rgba(0,0,0,0) !important
        }

            .offcanvas-xxl .offcanvas-header {
                display: none
            }

            .offcanvas-xxl .offcanvas-body {
                display: flex;
                flex-grow: 0;
                padding: 0;
                overflow-y: visible;
                background-color: rgba(0,0,0,0) !important
            }
    }

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }

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

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }

    .offcanvas.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }

    .offcanvas.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas.showing, .offcanvas.show:not(.hiding) {
        transform: none
    }

    .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
        visibility: visible
    }

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

        .offcanvas-backdrop.fade {
            opacity: 0
        }

        .offcanvas-backdrop.show {
            opacity: .5
        }

    .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
    }

        .offcanvas-header .btn-close {
            padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
            margin-top: calc(-0.5*var(--bs-offcanvas-padding-y));
            margin-right: calc(-0.5*var(--bs-offcanvas-padding-x));
            margin-bottom: calc(-0.5*var(--bs-offcanvas-padding-y))
        }

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

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

    .placeholder {
        display: inline-block;
        min-height: 1em;
        vertical-align: middle;
        cursor: wait;
        background-color: currentcolor;
        opacity: .5
    }

        .placeholder.btn::before {
            display: inline-block;
            content: ""
        }

    .placeholder-xs {
        min-height: .6em
    }

    .placeholder-sm {
        min-height: .8em
    }

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

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

    @keyframes placeholder-glow {
        50% {
            opacity: .2
        }
    }

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

    @keyframes placeholder-wave {
        100% {
            mask-position: -200% 0%
        }
    }

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

    .text-bg-primary {
        color: #000 !important;
        background-color: RGBA(161, 221, 0, var(--bs-bg-opacity, 1)) !important
    }

    .text-bg-secondary {
        color: #000 !important;
        background-color: RGBA(229, 188, 89, var(--bs-bg-opacity, 1)) !important
    }

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

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

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

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

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

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

    .link-primary {
        color: RGBA(var(--bs-primary-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-primary:hover, .link-primary:focus {
            color: RGBA(180, 228, 51, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(180, 228, 51, var(--bs-link-underline-opacity, 1))
        }

    .link-secondary {
        color: RGBA(var(--bs-secondary-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-secondary:hover, .link-secondary:focus {
            color: RGBA(234, 201, 122, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(234, 201, 122, var(--bs-link-underline-opacity, 1))
        }

    .link-success {
        color: RGBA(var(--bs-success-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-success:hover, .link-success:focus {
            color: RGBA(20, 108, 67, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1))
        }

    .link-info {
        color: RGBA(var(--bs-info-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-info:hover, .link-info:focus {
            color: RGBA(61, 213, 243, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1))
        }

    .link-warning {
        color: RGBA(var(--bs-warning-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-warning:hover, .link-warning:focus {
            color: RGBA(255, 205, 57, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1))
        }

    .link-danger {
        color: RGBA(var(--bs-danger-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-danger:hover, .link-danger:focus {
            color: RGBA(176, 42, 55, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1))
        }

    .link-light {
        color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-light:hover, .link-light:focus {
            color: RGBA(249, 250, 251, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1))
        }

    .link-dark {
        color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
        text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-dark:hover, .link-dark:focus {
            color: RGBA(26, 30, 33, var(--bs-link-opacity, 1));
            text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1))
        }

    .link-body-emphasis {
        color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1));
        text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1))
    }

        .link-body-emphasis:hover, .link-body-emphasis:focus {
            color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75));
            text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75))
        }

    .focus-ring:focus {
        outline: 0;
        box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
    }

    .icon-link {
        display: inline-flex;
        gap: .375rem;
        align-items: center;
        text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
        text-underline-offset: .25em;
        backface-visibility: hidden
    }

        .icon-link > .bi {
            flex-shrink: 0;
            width: 1em;
            height: 1em;
            fill: currentcolor;
            transition: .2s ease-in-out transform
        }

    @media(prefers-reduced-motion: reduce) {
        .icon-link > .bi {
            transition: none
        }
    }

    .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
        transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
        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
    }

        .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
            position: absolute !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: .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
    }

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

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

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

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

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

    .opacity-0 {
        opacity: 0 !important
    }

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

    .opacity-50 {
        opacity: .5 !important
    }

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

    .opacity-100 {
        opacity: 1 !important
    }

    .overflow-auto {
        overflow: auto !important
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .overflow-visible {
        overflow: visible !important
    }

    .overflow-scroll {
        overflow: scroll !important
    }

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

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

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

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

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

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

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

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

    .d-inline {
        display: inline !important
    }

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

    .d-block {
        display: block !important
    }

    .d-grid {
        display: grid !important
    }

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

    .d-table {
        display: table !important
    }

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

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

    .d-flex {
        display: flex !important
    }

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

    .d-none {
        display: none !important
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
    }

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

    .focus-ring-primary {
        --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-secondary {
        --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-success {
        --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-info {
        --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-warning {
        --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-danger {
        --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-light {
        --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
    }

    .focus-ring-dark {
        --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
    }

    .position-static {
        position: static !important
    }

    .position-relative {
        position: relative !important
    }

    .position-absolute {
        position: absolute !important
    }

    .position-fixed {
        position: fixed !important
    }

    .position-sticky {
        position: sticky !important
    }

    .top-0 {
        top: 0 !important
    }

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

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

    .bottom-0 {
        bottom: 0 !important
    }

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

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

    .start-0 {
        left: 0 !important
    }

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

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

    .end-0 {
        right: 0 !important
    }

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

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

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

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

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

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

    .border-0 {
        border: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .border-1 {
        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
    }

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

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

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

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

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

    .w-10 {
        width: 10% !important
    }

    .w-15 {
        width: 15% !important
    }

    .w-20 {
        width: 20% !important
    }

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

    .w-30 {
        width: 30% !important
    }

    .w-40 {
        width: 40% !important
    }

    .w-45 {
        width: 45% !important
    }

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

    .w-60 {
        width: 60% !important
    }

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

    .w-80 {
        width: 80% !important
    }

    .w-85 {
        width: 85% !important
    }

    .w-90 {
        width: 90% !important
    }

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

    .w-auto {
        width: auto !important
    }

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

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

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

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

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

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

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

    .h-auto {
        height: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .order-0 {
        order: 0 !important
    }

    .order-1 {
        order: 1 !important
    }

    .order-2 {
        order: 2 !important
    }

    .order-3 {
        order: 3 !important
    }

    .order-4 {
        order: 4 !important
    }

    .order-5 {
        order: 5 !important
    }

    .order-last {
        order: 6 !important
    }

    .m-0 {
        margin: 0 !important
    }

    .m-1 {
        margin: .25rem !important
    }

    .m-2 {
        margin: .5rem !important
    }

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

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

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

    .m-6 {
        margin: 3.5rem !important
    }

    .m-7 {
        margin: 4rem !important
    }

    .m-8 {
        margin: 4.5rem !important
    }

    .m-9 {
        margin: 5rem !important
    }

    .m-auto {
        margin: auto !important
    }

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

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

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

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

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

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

    .mx-6 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

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

    .mx-8 {
        margin-right: 4.5rem !important;
        margin-left: 4.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

    .my-8 {
        margin-top: 4.5rem !important;
        margin-bottom: 4.5rem !important
    }

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

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

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

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

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

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

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

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

    .mt-6 {
        margin-top: 3.5rem !important
    }

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

    .mt-8 {
        margin-top: 4.5rem !important
    }

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

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

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

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

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

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

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

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

    .me-6 {
        margin-right: 3.5rem !important
    }

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

    .me-8 {
        margin-right: 4.5rem !important
    }

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

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

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

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

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

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

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

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

    .mb-6 {
        margin-bottom: 3.5rem !important
    }

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

    .mb-8 {
        margin-bottom: 4.5rem !important
    }

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

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

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

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

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

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

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

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

    .ms-6 {
        margin-left: 3.5rem !important
    }

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

    .ms-8 {
        margin-left: 4.5rem !important
    }

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

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

    .p-0 {
        padding: 0 !important
    }

    .p-1 {
        padding: .25rem !important
    }

    .p-2 {
        padding: .5rem !important
    }

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

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

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

    .p-6 {
        padding: 3.5rem !important
    }

    .p-7 {
        padding: 4rem !important
    }

    .p-8 {
        padding: 4.5rem !important
    }

    .p-9 {
        padding: 5rem !important
    }

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

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

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

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

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

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

    .px-6 {
        padding-right: 3.5rem !important;
        padding-left: 3.5rem !important
    }

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

    .px-8 {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important
    }

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

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

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

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

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

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

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

    .py-6 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important
    }

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

    .py-8 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important
    }

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

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

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

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

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

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

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

    .pt-6 {
        padding-top: 3.5rem !important
    }

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

    .pt-8 {
        padding-top: 4.5rem !important
    }

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

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

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

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

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

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

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

    .pe-6 {
        padding-right: 3.5rem !important
    }

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

    .pe-8 {
        padding-right: 4.5rem !important
    }

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

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

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

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

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

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

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

    .pb-6 {
        padding-bottom: 3.5rem !important
    }

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

    .pb-8 {
        padding-bottom: 4.5rem !important
    }

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

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

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

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

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

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

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

    .ps-6 {
        padding-left: 3.5rem !important
    }

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

    .ps-8 {
        padding-left: 4.5rem !important
    }

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

    .gap-0 {
        gap: 0 !important
    }

    .gap-1 {
        gap: .25rem !important
    }

    .gap-2 {
        gap: .5rem !important
    }

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

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

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

    .gap-6 {
        gap: 3.5rem !important
    }

    .gap-7 {
        gap: 4rem !important
    }

    .gap-8 {
        gap: 4.5rem !important
    }

    .gap-9 {
        gap: 5rem !important
    }

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

    .row-gap-1 {
        row-gap: .25rem !important
    }

    .row-gap-2 {
        row-gap: .5rem !important
    }

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

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

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

    .row-gap-6 {
        row-gap: 3.5rem !important
    }

    .row-gap-7 {
        row-gap: 4rem !important
    }

    .row-gap-8 {
        row-gap: 4.5rem !important
    }

    .row-gap-9 {
        row-gap: 5rem !important
    }

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

    .column-gap-1 {
        column-gap: .25rem !important
    }

    .column-gap-2 {
        column-gap: .5rem !important
    }

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

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

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

    .column-gap-6 {
        column-gap: 3.5rem !important
    }

    .column-gap-7 {
        column-gap: 4rem !important
    }

    .column-gap-8 {
        column-gap: 4.5rem !important
    }

    .column-gap-9 {
        column-gap: 5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-break {
        word-wrap: break-word !important;
        word-break: break-word !important
    }

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

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

    .text-success {
        --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-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .link-opacity-10 {
        --bs-link-opacity: 0.1
    }

    .link-opacity-10-hover:hover {
        --bs-link-opacity: 0.1
    }

    .link-opacity-25 {
        --bs-link-opacity: 0.25
    }

    .link-opacity-25-hover:hover {
        --bs-link-opacity: 0.25
    }

    .link-opacity-50 {
        --bs-link-opacity: 0.5
    }

    .link-opacity-50-hover:hover {
        --bs-link-opacity: 0.5
    }

    .link-opacity-75 {
        --bs-link-opacity: 0.75
    }

    .link-opacity-75-hover:hover {
        --bs-link-opacity: 0.75
    }

    .link-opacity-100 {
        --bs-link-opacity: 1
    }

    .link-opacity-100-hover:hover {
        --bs-link-opacity: 1
    }

    .link-offset-1 {
        text-underline-offset: .125em !important
    }

    .link-offset-1-hover:hover {
        text-underline-offset: .125em !important
    }

    .link-offset-2 {
        text-underline-offset: .25em !important
    }

    .link-offset-2-hover:hover {
        text-underline-offset: .25em !important
    }

    .link-offset-3 {
        text-underline-offset: .375em !important
    }

    .link-offset-3-hover:hover {
        text-underline-offset: .375em !important
    }

    .link-underline-primary {
        --bs-link-underline-opacity: 1;
        text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
    }

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

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

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

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

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

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

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

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

    .link-underline-opacity-0 {
        --bs-link-underline-opacity: 0
    }

    .link-underline-opacity-0-hover:hover {
        --bs-link-underline-opacity: 0
    }

    .link-underline-opacity-10 {
        --bs-link-underline-opacity: 0.1
    }

    .link-underline-opacity-10-hover:hover {
        --bs-link-underline-opacity: 0.1
    }

    .link-underline-opacity-25 {
        --bs-link-underline-opacity: 0.25
    }

    .link-underline-opacity-25-hover:hover {
        --bs-link-underline-opacity: 0.25
    }

    .link-underline-opacity-50 {
        --bs-link-underline-opacity: 0.5
    }

    .link-underline-opacity-50-hover:hover {
        --bs-link-underline-opacity: 0.5
    }

    .link-underline-opacity-75 {
        --bs-link-underline-opacity: 0.75
    }

    .link-underline-opacity-75-hover:hover {
        --bs-link-underline-opacity: 0.75
    }

    .link-underline-opacity-100 {
        --bs-link-underline-opacity: 1
    }

    .link-underline-opacity-100-hover:hover {
        --bs-link-underline-opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

    .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

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

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

    .bg-opacity-5 {
        --bs-bg-opacity: 0.05
    }

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

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

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

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

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

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

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

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

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

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

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

    .bg-light-subtle {
        background-color: var(--bs-light-bg-subtle) !important
    }

    .bg-dark-subtle {
        background-color: var(--bs-dark-bg-subtle) !important
    }

    .bg-gradient {
        background-image: var(--bs-gradient) !important
    }

    .user-select-all {
        user-select: all !important
    }

    .user-select-auto {
        user-select: auto !important
    }

    .user-select-none {
        user-select: none !important
    }

    .pe-none {
        pointer-events: none !important
    }

    .pe-auto {
        pointer-events: auto !important
    }

    .rounded {
        border-radius: var(--bs-border-radius) !important
    }

    .rounded-0 {
        border-radius: 0 !important
    }

    .rounded-1 {
        border-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-2 {
        border-radius: var(--bs-border-radius) !important
    }

    .rounded-3 {
        border-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-4 {
        border-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-5 {
        border-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-circle {
        border-radius: 50% !important
    }

    .rounded-pill {
        border-radius: var(--bs-border-radius-pill) !important
    }

    .rounded-top {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .rounded-top-0 {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .rounded-top-1 {
        border-top-left-radius: var(--bs-border-radius-sm) !important;
        border-top-right-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-top-2 {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important
    }

    .rounded-top-3 {
        border-top-left-radius: var(--bs-border-radius-lg) !important;
        border-top-right-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-top-4 {
        border-top-left-radius: var(--bs-border-radius-xl) !important;
        border-top-right-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-top-5 {
        border-top-left-radius: var(--bs-border-radius-xxl) !important;
        border-top-right-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-top-circle {
        border-top-left-radius: 50% !important;
        border-top-right-radius: 50% !important
    }

    .rounded-top-pill {
        border-top-left-radius: var(--bs-border-radius-pill) !important;
        border-top-right-radius: var(--bs-border-radius-pill) !important
    }

    .rounded-end {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .rounded-end-0 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-end-1 {
        border-top-right-radius: var(--bs-border-radius-sm) !important;
        border-bottom-right-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-end-2 {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important
    }

    .rounded-end-3 {
        border-top-right-radius: var(--bs-border-radius-lg) !important;
        border-bottom-right-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-end-4 {
        border-top-right-radius: var(--bs-border-radius-xl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-end-5 {
        border-top-right-radius: var(--bs-border-radius-xxl) !important;
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-end-circle {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important
    }

    .rounded-end-pill {
        border-top-right-radius: var(--bs-border-radius-pill) !important;
        border-bottom-right-radius: var(--bs-border-radius-pill) !important
    }

    .rounded-bottom {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important
    }

    .rounded-bottom-0 {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .rounded-bottom-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm) !important;
        border-bottom-left-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-bottom-2 {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important
    }

    .rounded-bottom-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg) !important;
        border-bottom-left-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-bottom-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl) !important;
        border-bottom-left-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-bottom-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-bottom-circle {
        border-bottom-right-radius: 50% !important;
        border-bottom-left-radius: 50% !important
    }

    .rounded-bottom-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill) !important;
        border-bottom-left-radius: var(--bs-border-radius-pill) !important
    }

    .rounded-start {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important
    }

    .rounded-start-0 {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important
    }

    .rounded-start-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm) !important;
        border-top-left-radius: var(--bs-border-radius-sm) !important
    }

    .rounded-start-2 {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important
    }

    .rounded-start-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg) !important;
        border-top-left-radius: var(--bs-border-radius-lg) !important
    }

    .rounded-start-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl) !important;
        border-top-left-radius: var(--bs-border-radius-xl) !important
    }

    .rounded-start-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
        border-top-left-radius: var(--bs-border-radius-xxl) !important
    }

    .rounded-start-circle {
        border-bottom-left-radius: 50% !important;
        border-top-left-radius: 50% !important
    }

    .rounded-start-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill) !important;
        border-top-left-radius: var(--bs-border-radius-pill) !important
    }

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    .z-n1 {
        z-index: -1 !important
    }

    .z-0 {
        z-index: 0 !important
    }

    .z-1 {
        z-index: 1 !important
    }

    .z-2 {
        z-index: 2 !important
    }

    .z-3 {
        z-index: 3 !important
    }

    @media(min-width: 576px) {
        .float-sm-start {
            float: left !important
        }

        .float-sm-end {
            float: right !important
        }

        .float-sm-none {
            float: none !important
        }

        .object-fit-sm-contain {
            object-fit: contain !important
        }

        .object-fit-sm-cover {
            object-fit: cover !important
        }

        .object-fit-sm-fill {
            object-fit: fill !important
        }

        .object-fit-sm-scale {
            object-fit: scale-down !important
        }

        .object-fit-sm-none {
            object-fit: none !important
        }

        .d-sm-inline {
            display: inline !important
        }

        .d-sm-inline-block {
            display: inline-block !important
        }

        .d-sm-block {
            display: block !important
        }

        .d-sm-grid {
            display: grid !important
        }

        .d-sm-inline-grid {
            display: inline-grid !important
        }

        .d-sm-table {
            display: table !important
        }

        .d-sm-table-row {
            display: table-row !important
        }

        .d-sm-table-cell {
            display: table-cell !important
        }

        .d-sm-flex {
            display: flex !important
        }

        .d-sm-inline-flex {
            display: inline-flex !important
        }

        .d-sm-none {
            display: none !important
        }

        .w-sm-10 {
            width: 10% !important
        }

        .w-sm-15 {
            width: 15% !important
        }

        .w-sm-20 {
            width: 20% !important
        }

        .w-sm-25 {
            width: 25% !important
        }

        .w-sm-30 {
            width: 30% !important
        }

        .w-sm-40 {
            width: 40% !important
        }

        .w-sm-45 {
            width: 45% !important
        }

        .w-sm-50 {
            width: 50% !important
        }

        .w-sm-60 {
            width: 60% !important
        }

        .w-sm-75 {
            width: 75% !important
        }

        .w-sm-80 {
            width: 80% !important
        }

        .w-sm-85 {
            width: 85% !important
        }

        .w-sm-90 {
            width: 90% !important
        }

        .w-sm-100 {
            width: 100% !important
        }

        .w-sm-auto {
            width: auto !important
        }

        .flex-sm-fill {
            flex: 1 1 auto !important
        }

        .flex-sm-row {
            flex-direction: row !important
        }

        .flex-sm-column {
            flex-direction: column !important
        }

        .flex-sm-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-sm-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-sm-grow-0 {
            flex-grow: 0 !important
        }

        .flex-sm-grow-1 {
            flex-grow: 1 !important
        }

        .flex-sm-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-sm-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-sm-wrap {
            flex-wrap: wrap !important
        }

        .flex-sm-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-sm-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            justify-content: center !important
        }

        .justify-content-sm-between {
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            justify-content: space-around !important
        }

        .justify-content-sm-evenly {
            justify-content: space-evenly !important
        }

        .align-items-sm-start {
            align-items: flex-start !important
        }

        .align-items-sm-end {
            align-items: flex-end !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .align-items-sm-baseline {
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            align-items: stretch !important
        }

        .align-content-sm-start {
            align-content: flex-start !important
        }

        .align-content-sm-end {
            align-content: flex-end !important
        }

        .align-content-sm-center {
            align-content: center !important
        }

        .align-content-sm-between {
            align-content: space-between !important
        }

        .align-content-sm-around {
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            align-content: stretch !important
        }

        .align-self-sm-auto {
            align-self: auto !important
        }

        .align-self-sm-start {
            align-self: flex-start !important
        }

        .align-self-sm-end {
            align-self: flex-end !important
        }

        .align-self-sm-center {
            align-self: center !important
        }

        .align-self-sm-baseline {
            align-self: baseline !important
        }

        .align-self-sm-stretch {
            align-self: stretch !important
        }

        .order-sm-first {
            order: -1 !important
        }

        .order-sm-0 {
            order: 0 !important
        }

        .order-sm-1 {
            order: 1 !important
        }

        .order-sm-2 {
            order: 2 !important
        }

        .order-sm-3 {
            order: 3 !important
        }

        .order-sm-4 {
            order: 4 !important
        }

        .order-sm-5 {
            order: 5 !important
        }

        .order-sm-last {
            order: 6 !important
        }

        .m-sm-0 {
            margin: 0 !important
        }

        .m-sm-1 {
            margin: .25rem !important
        }

        .m-sm-2 {
            margin: .5rem !important
        }

        .m-sm-3 {
            margin: 1rem !important
        }

        .m-sm-4 {
            margin: 1.5rem !important
        }

        .m-sm-5 {
            margin: 3rem !important
        }

        .m-sm-6 {
            margin: 3.5rem !important
        }

        .m-sm-7 {
            margin: 4rem !important
        }

        .m-sm-8 {
            margin: 4.5rem !important
        }

        .m-sm-9 {
            margin: 5rem !important
        }

        .m-sm-auto {
            margin: auto !important
        }

        .mx-sm-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .mx-sm-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }

        .mx-sm-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }

        .mx-sm-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }

        .mx-sm-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }

        .mx-sm-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }

        .mx-sm-6 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important
        }

        .mx-sm-7 {
            margin-right: 4rem !important;
            margin-left: 4rem !important
        }

        .mx-sm-8 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important
        }

        .mx-sm-9 {
            margin-right: 5rem !important;
            margin-left: 5rem !important
        }

        .mx-sm-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-sm-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-sm-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-sm-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-sm-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-sm-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-sm-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-sm-6 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important
        }

        .my-sm-7 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important
        }

        .my-sm-8 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important
        }

        .my-sm-9 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important
        }

        .my-sm-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-sm-0 {
            margin-top: 0 !important
        }

        .mt-sm-1 {
            margin-top: .25rem !important
        }

        .mt-sm-2 {
            margin-top: .5rem !important
        }

        .mt-sm-3 {
            margin-top: 1rem !important
        }

        .mt-sm-4 {
            margin-top: 1.5rem !important
        }

        .mt-sm-5 {
            margin-top: 3rem !important
        }

        .mt-sm-6 {
            margin-top: 3.5rem !important
        }

        .mt-sm-7 {
            margin-top: 4rem !important
        }

        .mt-sm-8 {
            margin-top: 4.5rem !important
        }

        .mt-sm-9 {
            margin-top: 5rem !important
        }

        .mt-sm-auto {
            margin-top: auto !important
        }

        .me-sm-0 {
            margin-right: 0 !important
        }

        .me-sm-1 {
            margin-right: .25rem !important
        }

        .me-sm-2 {
            margin-right: .5rem !important
        }

        .me-sm-3 {
            margin-right: 1rem !important
        }

        .me-sm-4 {
            margin-right: 1.5rem !important
        }

        .me-sm-5 {
            margin-right: 3rem !important
        }

        .me-sm-6 {
            margin-right: 3.5rem !important
        }

        .me-sm-7 {
            margin-right: 4rem !important
        }

        .me-sm-8 {
            margin-right: 4.5rem !important
        }

        .me-sm-9 {
            margin-right: 5rem !important
        }

        .me-sm-auto {
            margin-right: auto !important
        }

        .mb-sm-0 {
            margin-bottom: 0 !important
        }

        .mb-sm-1 {
            margin-bottom: .25rem !important
        }

        .mb-sm-2 {
            margin-bottom: .5rem !important
        }

        .mb-sm-3 {
            margin-bottom: 1rem !important
        }

        .mb-sm-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-sm-5 {
            margin-bottom: 3rem !important
        }

        .mb-sm-6 {
            margin-bottom: 3.5rem !important
        }

        .mb-sm-7 {
            margin-bottom: 4rem !important
        }

        .mb-sm-8 {
            margin-bottom: 4.5rem !important
        }

        .mb-sm-9 {
            margin-bottom: 5rem !important
        }

        .mb-sm-auto {
            margin-bottom: auto !important
        }

        .ms-sm-0 {
            margin-left: 0 !important
        }

        .ms-sm-1 {
            margin-left: .25rem !important
        }

        .ms-sm-2 {
            margin-left: .5rem !important
        }

        .ms-sm-3 {
            margin-left: 1rem !important
        }

        .ms-sm-4 {
            margin-left: 1.5rem !important
        }

        .ms-sm-5 {
            margin-left: 3rem !important
        }

        .ms-sm-6 {
            margin-left: 3.5rem !important
        }

        .ms-sm-7 {
            margin-left: 4rem !important
        }

        .ms-sm-8 {
            margin-left: 4.5rem !important
        }

        .ms-sm-9 {
            margin-left: 5rem !important
        }

        .ms-sm-auto {
            margin-left: auto !important
        }

        .p-sm-0 {
            padding: 0 !important
        }

        .p-sm-1 {
            padding: .25rem !important
        }

        .p-sm-2 {
            padding: .5rem !important
        }

        .p-sm-3 {
            padding: 1rem !important
        }

        .p-sm-4 {
            padding: 1.5rem !important
        }

        .p-sm-5 {
            padding: 3rem !important
        }

        .p-sm-6 {
            padding: 3.5rem !important
        }

        .p-sm-7 {
            padding: 4rem !important
        }

        .p-sm-8 {
            padding: 4.5rem !important
        }

        .p-sm-9 {
            padding: 5rem !important
        }

        .px-sm-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .px-sm-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }

        .px-sm-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }

        .px-sm-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .px-sm-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }

        .px-sm-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }

        .px-sm-6 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important
        }

        .px-sm-7 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .px-sm-8 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important
        }

        .px-sm-9 {
            padding-right: 5rem !important;
            padding-left: 5rem !important
        }

        .py-sm-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-sm-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-sm-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-sm-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-sm-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-sm-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .py-sm-6 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important
        }

        .py-sm-7 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important
        }

        .py-sm-8 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important
        }

        .py-sm-9 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important
        }

        .pt-sm-0 {
            padding-top: 0 !important
        }

        .pt-sm-1 {
            padding-top: .25rem !important
        }

        .pt-sm-2 {
            padding-top: .5rem !important
        }

        .pt-sm-3 {
            padding-top: 1rem !important
        }

        .pt-sm-4 {
            padding-top: 1.5rem !important
        }

        .pt-sm-5 {
            padding-top: 3rem !important
        }

        .pt-sm-6 {
            padding-top: 3.5rem !important
        }

        .pt-sm-7 {
            padding-top: 4rem !important
        }

        .pt-sm-8 {
            padding-top: 4.5rem !important
        }

        .pt-sm-9 {
            padding-top: 5rem !important
        }

        .pe-sm-0 {
            padding-right: 0 !important
        }

        .pe-sm-1 {
            padding-right: .25rem !important
        }

        .pe-sm-2 {
            padding-right: .5rem !important
        }

        .pe-sm-3 {
            padding-right: 1rem !important
        }

        .pe-sm-4 {
            padding-right: 1.5rem !important
        }

        .pe-sm-5 {
            padding-right: 3rem !important
        }

        .pe-sm-6 {
            padding-right: 3.5rem !important
        }

        .pe-sm-7 {
            padding-right: 4rem !important
        }

        .pe-sm-8 {
            padding-right: 4.5rem !important
        }

        .pe-sm-9 {
            padding-right: 5rem !important
        }

        .pb-sm-0 {
            padding-bottom: 0 !important
        }

        .pb-sm-1 {
            padding-bottom: .25rem !important
        }

        .pb-sm-2 {
            padding-bottom: .5rem !important
        }

        .pb-sm-3 {
            padding-bottom: 1rem !important
        }

        .pb-sm-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-sm-5 {
            padding-bottom: 3rem !important
        }

        .pb-sm-6 {
            padding-bottom: 3.5rem !important
        }

        .pb-sm-7 {
            padding-bottom: 4rem !important
        }

        .pb-sm-8 {
            padding-bottom: 4.5rem !important
        }

        .pb-sm-9 {
            padding-bottom: 5rem !important
        }

        .ps-sm-0 {
            padding-left: 0 !important
        }

        .ps-sm-1 {
            padding-left: .25rem !important
        }

        .ps-sm-2 {
            padding-left: .5rem !important
        }

        .ps-sm-3 {
            padding-left: 1rem !important
        }

        .ps-sm-4 {
            padding-left: 1.5rem !important
        }

        .ps-sm-5 {
            padding-left: 3rem !important
        }

        .ps-sm-6 {
            padding-left: 3.5rem !important
        }

        .ps-sm-7 {
            padding-left: 4rem !important
        }

        .ps-sm-8 {
            padding-left: 4.5rem !important
        }

        .ps-sm-9 {
            padding-left: 5rem !important
        }

        .gap-sm-0 {
            gap: 0 !important
        }

        .gap-sm-1 {
            gap: .25rem !important
        }

        .gap-sm-2 {
            gap: .5rem !important
        }

        .gap-sm-3 {
            gap: 1rem !important
        }

        .gap-sm-4 {
            gap: 1.5rem !important
        }

        .gap-sm-5 {
            gap: 3rem !important
        }

        .gap-sm-6 {
            gap: 3.5rem !important
        }

        .gap-sm-7 {
            gap: 4rem !important
        }

        .gap-sm-8 {
            gap: 4.5rem !important
        }

        .gap-sm-9 {
            gap: 5rem !important
        }

        .row-gap-sm-0 {
            row-gap: 0 !important
        }

        .row-gap-sm-1 {
            row-gap: .25rem !important
        }

        .row-gap-sm-2 {
            row-gap: .5rem !important
        }

        .row-gap-sm-3 {
            row-gap: 1rem !important
        }

        .row-gap-sm-4 {
            row-gap: 1.5rem !important
        }

        .row-gap-sm-5 {
            row-gap: 3rem !important
        }

        .row-gap-sm-6 {
            row-gap: 3.5rem !important
        }

        .row-gap-sm-7 {
            row-gap: 4rem !important
        }

        .row-gap-sm-8 {
            row-gap: 4.5rem !important
        }

        .row-gap-sm-9 {
            row-gap: 5rem !important
        }

        .column-gap-sm-0 {
            column-gap: 0 !important
        }

        .column-gap-sm-1 {
            column-gap: .25rem !important
        }

        .column-gap-sm-2 {
            column-gap: .5rem !important
        }

        .column-gap-sm-3 {
            column-gap: 1rem !important
        }

        .column-gap-sm-4 {
            column-gap: 1.5rem !important
        }

        .column-gap-sm-5 {
            column-gap: 3rem !important
        }

        .column-gap-sm-6 {
            column-gap: 3.5rem !important
        }

        .column-gap-sm-7 {
            column-gap: 4rem !important
        }

        .column-gap-sm-8 {
            column-gap: 4.5rem !important
        }

        .column-gap-sm-9 {
            column-gap: 5rem !important
        }

        .text-sm-start {
            text-align: left !important
        }

        .text-sm-end {
            text-align: right !important
        }

        .text-sm-center {
            text-align: center !important
        }
    }

    @media(min-width: 768px) {
        .float-md-start {
            float: left !important
        }

        .float-md-end {
            float: right !important
        }

        .float-md-none {
            float: none !important
        }

        .object-fit-md-contain {
            object-fit: contain !important
        }

        .object-fit-md-cover {
            object-fit: cover !important
        }

        .object-fit-md-fill {
            object-fit: fill !important
        }

        .object-fit-md-scale {
            object-fit: scale-down !important
        }

        .object-fit-md-none {
            object-fit: none !important
        }

        .d-md-inline {
            display: inline !important
        }

        .d-md-inline-block {
            display: inline-block !important
        }

        .d-md-block {
            display: block !important
        }

        .d-md-grid {
            display: grid !important
        }

        .d-md-inline-grid {
            display: inline-grid !important
        }

        .d-md-table {
            display: table !important
        }

        .d-md-table-row {
            display: table-row !important
        }

        .d-md-table-cell {
            display: table-cell !important
        }

        .d-md-flex {
            display: flex !important
        }

        .d-md-inline-flex {
            display: inline-flex !important
        }

        .d-md-none {
            display: none !important
        }

        .w-md-10 {
            width: 10% !important
        }

        .w-md-15 {
            width: 15% !important
        }

        .w-md-20 {
            width: 20% !important
        }

        .w-md-25 {
            width: 25% !important
        }

        .w-md-30 {
            width: 30% !important
        }

        .w-md-40 {
            width: 40% !important
        }

        .w-md-45 {
            width: 45% !important
        }

        .w-md-50 {
            width: 50% !important
        }

        .w-md-60 {
            width: 60% !important
        }

        .w-md-75 {
            width: 75% !important
        }

        .w-md-80 {
            width: 80% !important
        }

        .w-md-85 {
            width: 85% !important
        }

        .w-md-90 {
            width: 90% !important
        }

        .w-md-100 {
            width: 100% !important
        }

        .w-md-auto {
            width: auto !important
        }

        .flex-md-fill {
            flex: 1 1 auto !important
        }

        .flex-md-row {
            flex-direction: row !important
        }

        .flex-md-column {
            flex-direction: column !important
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-md-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-md-grow-0 {
            flex-grow: 0 !important
        }

        .flex-md-grow-1 {
            flex-grow: 1 !important
        }

        .flex-md-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-md-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-md-wrap {
            flex-wrap: wrap !important
        }

        .flex-md-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-md-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-md-start {
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            justify-content: center !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .justify-content-md-around {
            justify-content: space-around !important
        }

        .justify-content-md-evenly {
            justify-content: space-evenly !important
        }

        .align-items-md-start {
            align-items: flex-start !important
        }

        .align-items-md-end {
            align-items: flex-end !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .align-items-md-baseline {
            align-items: baseline !important
        }

        .align-items-md-stretch {
            align-items: stretch !important
        }

        .align-content-md-start {
            align-content: flex-start !important
        }

        .align-content-md-end {
            align-content: flex-end !important
        }

        .align-content-md-center {
            align-content: center !important
        }

        .align-content-md-between {
            align-content: space-between !important
        }

        .align-content-md-around {
            align-content: space-around !important
        }

        .align-content-md-stretch {
            align-content: stretch !important
        }

        .align-self-md-auto {
            align-self: auto !important
        }

        .align-self-md-start {
            align-self: flex-start !important
        }

        .align-self-md-end {
            align-self: flex-end !important
        }

        .align-self-md-center {
            align-self: center !important
        }

        .align-self-md-baseline {
            align-self: baseline !important
        }

        .align-self-md-stretch {
            align-self: stretch !important
        }

        .order-md-first {
            order: -1 !important
        }

        .order-md-0 {
            order: 0 !important
        }

        .order-md-1 {
            order: 1 !important
        }

        .order-md-2 {
            order: 2 !important
        }

        .order-md-3 {
            order: 3 !important
        }

        .order-md-4 {
            order: 4 !important
        }

        .order-md-5 {
            order: 5 !important
        }

        .order-md-last {
            order: 6 !important
        }

        .m-md-0 {
            margin: 0 !important
        }

        .m-md-1 {
            margin: .25rem !important
        }

        .m-md-2 {
            margin: .5rem !important
        }

        .m-md-3 {
            margin: 1rem !important
        }

        .m-md-4 {
            margin: 1.5rem !important
        }

        .m-md-5 {
            margin: 3rem !important
        }

        .m-md-6 {
            margin: 3.5rem !important
        }

        .m-md-7 {
            margin: 4rem !important
        }

        .m-md-8 {
            margin: 4.5rem !important
        }

        .m-md-9 {
            margin: 5rem !important
        }

        .m-md-auto {
            margin: auto !important
        }

        .mx-md-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .mx-md-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }

        .mx-md-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }

        .mx-md-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }

        .mx-md-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }

        .mx-md-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }

        .mx-md-6 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important
        }

        .mx-md-7 {
            margin-right: 4rem !important;
            margin-left: 4rem !important
        }

        .mx-md-8 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important
        }

        .mx-md-9 {
            margin-right: 5rem !important;
            margin-left: 5rem !important
        }

        .mx-md-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-md-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-md-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-md-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-md-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-md-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-md-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-md-6 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important
        }

        .my-md-7 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important
        }

        .my-md-8 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important
        }

        .my-md-9 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important
        }

        .my-md-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-md-0 {
            margin-top: 0 !important
        }

        .mt-md-1 {
            margin-top: .25rem !important
        }

        .mt-md-2 {
            margin-top: .5rem !important
        }

        .mt-md-3 {
            margin-top: 1rem !important
        }

        .mt-md-4 {
            margin-top: 1.5rem !important
        }

        .mt-md-5 {
            margin-top: 3rem !important
        }

        .mt-md-6 {
            margin-top: 3.5rem !important
        }

        .mt-md-7 {
            margin-top: 4rem !important
        }

        .mt-md-8 {
            margin-top: 4.5rem !important
        }

        .mt-md-9 {
            margin-top: 5rem !important
        }

        .mt-md-auto {
            margin-top: auto !important
        }

        .me-md-0 {
            margin-right: 0 !important
        }

        .me-md-1 {
            margin-right: .25rem !important
        }

        .me-md-2 {
            margin-right: .5rem !important
        }

        .me-md-3 {
            margin-right: 1rem !important
        }

        .me-md-4 {
            margin-right: 1.5rem !important
        }

        .me-md-5 {
            margin-right: 3rem !important
        }

        .me-md-6 {
            margin-right: 3.5rem !important
        }

        .me-md-7 {
            margin-right: 4rem !important
        }

        .me-md-8 {
            margin-right: 4.5rem !important
        }

        .me-md-9 {
            margin-right: 5rem !important
        }

        .me-md-auto {
            margin-right: auto !important
        }

        .mb-md-0 {
            margin-bottom: 0 !important
        }

        .mb-md-1 {
            margin-bottom: .25rem !important
        }

        .mb-md-2 {
            margin-bottom: .5rem !important
        }

        .mb-md-3 {
            margin-bottom: 1rem !important
        }

        .mb-md-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-md-5 {
            margin-bottom: 3rem !important
        }

        .mb-md-6 {
            margin-bottom: 3.5rem !important
        }

        .mb-md-7 {
            margin-bottom: 4rem !important
        }

        .mb-md-8 {
            margin-bottom: 4.5rem !important
        }

        .mb-md-9 {
            margin-bottom: 5rem !important
        }

        .mb-md-auto {
            margin-bottom: auto !important
        }

        .ms-md-0 {
            margin-left: 0 !important
        }

        .ms-md-1 {
            margin-left: .25rem !important
        }

        .ms-md-2 {
            margin-left: .5rem !important
        }

        .ms-md-3 {
            margin-left: 1rem !important
        }

        .ms-md-4 {
            margin-left: 1.5rem !important
        }

        .ms-md-5 {
            margin-left: 3rem !important
        }

        .ms-md-6 {
            margin-left: 3.5rem !important
        }

        .ms-md-7 {
            margin-left: 4rem !important
        }

        .ms-md-8 {
            margin-left: 4.5rem !important
        }

        .ms-md-9 {
            margin-left: 5rem !important
        }

        .ms-md-auto {
            margin-left: auto !important
        }

        .p-md-0 {
            padding: 0 !important
        }

        .p-md-1 {
            padding: .25rem !important
        }

        .p-md-2 {
            padding: .5rem !important
        }

        .p-md-3 {
            padding: 1rem !important
        }

        .p-md-4 {
            padding: 1.5rem !important
        }

        .p-md-5 {
            padding: 3rem !important
        }

        .p-md-6 {
            padding: 3.5rem !important
        }

        .p-md-7 {
            padding: 4rem !important
        }

        .p-md-8 {
            padding: 4.5rem !important
        }

        .p-md-9 {
            padding: 5rem !important
        }

        .px-md-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .px-md-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }

        .px-md-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }

        .px-md-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .px-md-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }

        .px-md-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }

        .px-md-6 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important
        }

        .px-md-7 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .px-md-8 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important
        }

        .px-md-9 {
            padding-right: 5rem !important;
            padding-left: 5rem !important
        }

        .py-md-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-md-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-md-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-md-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-md-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-md-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .py-md-6 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important
        }

        .py-md-7 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important
        }

        .py-md-8 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important
        }

        .py-md-9 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important
        }

        .pt-md-0 {
            padding-top: 0 !important
        }

        .pt-md-1 {
            padding-top: .25rem !important
        }

        .pt-md-2 {
            padding-top: .5rem !important
        }

        .pt-md-3 {
            padding-top: 1rem !important
        }

        .pt-md-4 {
            padding-top: 1.5rem !important
        }

        .pt-md-5 {
            padding-top: 3rem !important
        }

        .pt-md-6 {
            padding-top: 3.5rem !important
        }

        .pt-md-7 {
            padding-top: 4rem !important
        }

        .pt-md-8 {
            padding-top: 4.5rem !important
        }

        .pt-md-9 {
            padding-top: 5rem !important
        }

        .pe-md-0 {
            padding-right: 0 !important
        }

        .pe-md-1 {
            padding-right: .25rem !important
        }

        .pe-md-2 {
            padding-right: .5rem !important
        }

        .pe-md-3 {
            padding-right: 1rem !important
        }

        .pe-md-4 {
            padding-right: 1.5rem !important
        }

        .pe-md-5 {
            padding-right: 3rem !important
        }

        .pe-md-6 {
            padding-right: 3.5rem !important
        }

        .pe-md-7 {
            padding-right: 4rem !important
        }

        .pe-md-8 {
            padding-right: 4.5rem !important
        }

        .pe-md-9 {
            padding-right: 5rem !important
        }

        .pb-md-0 {
            padding-bottom: 0 !important
        }

        .pb-md-1 {
            padding-bottom: .25rem !important
        }

        .pb-md-2 {
            padding-bottom: .5rem !important
        }

        .pb-md-3 {
            padding-bottom: 1rem !important
        }

        .pb-md-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-md-5 {
            padding-bottom: 3rem !important
        }

        .pb-md-6 {
            padding-bottom: 3.5rem !important
        }

        .pb-md-7 {
            padding-bottom: 4rem !important
        }

        .pb-md-8 {
            padding-bottom: 4.5rem !important
        }

        .pb-md-9 {
            padding-bottom: 5rem !important
        }

        .ps-md-0 {
            padding-left: 0 !important
        }

        .ps-md-1 {
            padding-left: .25rem !important
        }

        .ps-md-2 {
            padding-left: .5rem !important
        }

        .ps-md-3 {
            padding-left: 1rem !important
        }

        .ps-md-4 {
            padding-left: 1.5rem !important
        }

        .ps-md-5 {
            padding-left: 3rem !important
        }

        .ps-md-6 {
            padding-left: 3.5rem !important
        }

        .ps-md-7 {
            padding-left: 4rem !important
        }

        .ps-md-8 {
            padding-left: 4.5rem !important
        }

        .ps-md-9 {
            padding-left: 5rem !important
        }

        .gap-md-0 {
            gap: 0 !important
        }

        .gap-md-1 {
            gap: .25rem !important
        }

        .gap-md-2 {
            gap: .5rem !important
        }

        .gap-md-3 {
            gap: 1rem !important
        }

        .gap-md-4 {
            gap: 1.5rem !important
        }

        .gap-md-5 {
            gap: 3rem !important
        }

        .gap-md-6 {
            gap: 3.5rem !important
        }

        .gap-md-7 {
            gap: 4rem !important
        }

        .gap-md-8 {
            gap: 4.5rem !important
        }

        .gap-md-9 {
            gap: 5rem !important
        }

        .row-gap-md-0 {
            row-gap: 0 !important
        }

        .row-gap-md-1 {
            row-gap: .25rem !important
        }

        .row-gap-md-2 {
            row-gap: .5rem !important
        }

        .row-gap-md-3 {
            row-gap: 1rem !important
        }

        .row-gap-md-4 {
            row-gap: 1.5rem !important
        }

        .row-gap-md-5 {
            row-gap: 3rem !important
        }

        .row-gap-md-6 {
            row-gap: 3.5rem !important
        }

        .row-gap-md-7 {
            row-gap: 4rem !important
        }

        .row-gap-md-8 {
            row-gap: 4.5rem !important
        }

        .row-gap-md-9 {
            row-gap: 5rem !important
        }

        .column-gap-md-0 {
            column-gap: 0 !important
        }

        .column-gap-md-1 {
            column-gap: .25rem !important
        }

        .column-gap-md-2 {
            column-gap: .5rem !important
        }

        .column-gap-md-3 {
            column-gap: 1rem !important
        }

        .column-gap-md-4 {
            column-gap: 1.5rem !important
        }

        .column-gap-md-5 {
            column-gap: 3rem !important
        }

        .column-gap-md-6 {
            column-gap: 3.5rem !important
        }

        .column-gap-md-7 {
            column-gap: 4rem !important
        }

        .column-gap-md-8 {
            column-gap: 4.5rem !important
        }

        .column-gap-md-9 {
            column-gap: 5rem !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
        }

        .object-fit-lg-contain {
            object-fit: contain !important
        }

        .object-fit-lg-cover {
            object-fit: cover !important
        }

        .object-fit-lg-fill {
            object-fit: fill !important
        }

        .object-fit-lg-scale {
            object-fit: scale-down !important
        }

        .object-fit-lg-none {
            object-fit: none !important
        }

        .d-lg-inline {
            display: inline !important
        }

        .d-lg-inline-block {
            display: inline-block !important
        }

        .d-lg-block {
            display: block !important
        }

        .d-lg-grid {
            display: grid !important
        }

        .d-lg-inline-grid {
            display: inline-grid !important
        }

        .d-lg-table {
            display: table !important
        }

        .d-lg-table-row {
            display: table-row !important
        }

        .d-lg-table-cell {
            display: table-cell !important
        }

        .d-lg-flex {
            display: flex !important
        }

        .d-lg-inline-flex {
            display: inline-flex !important
        }

        .d-lg-none {
            display: none !important
        }

        .w-lg-10 {
            width: 10% !important
        }

        .w-lg-15 {
            width: 15% !important
        }

        .w-lg-20 {
            width: 20% !important
        }

        .w-lg-25 {
            width: 25% !important
        }

        .w-lg-30 {
            width: 30% !important
        }

        .w-lg-40 {
            width: 40% !important
        }

        .w-lg-45 {
            width: 45% !important
        }

        .w-lg-50 {
            width: 50% !important
        }

        .w-lg-60 {
            width: 60% !important
        }

        .w-lg-75 {
            width: 75% !important
        }

        .w-lg-80 {
            width: 80% !important
        }

        .w-lg-85 {
            width: 85% !important
        }

        .w-lg-90 {
            width: 90% !important
        }

        .w-lg-100 {
            width: 100% !important
        }

        .w-lg-auto {
            width: auto !important
        }

        .flex-lg-fill {
            flex: 1 1 auto !important
        }

        .flex-lg-row {
            flex-direction: row !important
        }

        .flex-lg-column {
            flex-direction: column !important
        }

        .flex-lg-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-lg-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-lg-grow-0 {
            flex-grow: 0 !important
        }

        .flex-lg-grow-1 {
            flex-grow: 1 !important
        }

        .flex-lg-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-lg-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-lg-wrap {
            flex-wrap: wrap !important
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-lg-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            justify-content: center !important
        }

        .justify-content-lg-between {
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            justify-content: space-around !important
        }

        .justify-content-lg-evenly {
            justify-content: space-evenly !important
        }

        .align-items-lg-start {
            align-items: flex-start !important
        }

        .align-items-lg-end {
            align-items: flex-end !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .align-items-lg-baseline {
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            align-items: stretch !important
        }

        .align-content-lg-start {
            align-content: flex-start !important
        }

        .align-content-lg-end {
            align-content: flex-end !important
        }

        .align-content-lg-center {
            align-content: center !important
        }

        .align-content-lg-between {
            align-content: space-between !important
        }

        .align-content-lg-around {
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            align-content: stretch !important
        }

        .align-self-lg-auto {
            align-self: auto !important
        }

        .align-self-lg-start {
            align-self: flex-start !important
        }

        .align-self-lg-end {
            align-self: flex-end !important
        }

        .align-self-lg-center {
            align-self: center !important
        }

        .align-self-lg-baseline {
            align-self: baseline !important
        }

        .align-self-lg-stretch {
            align-self: stretch !important
        }

        .order-lg-first {
            order: -1 !important
        }

        .order-lg-0 {
            order: 0 !important
        }

        .order-lg-1 {
            order: 1 !important
        }

        .order-lg-2 {
            order: 2 !important
        }

        .order-lg-3 {
            order: 3 !important
        }

        .order-lg-4 {
            order: 4 !important
        }

        .order-lg-5 {
            order: 5 !important
        }

        .order-lg-last {
            order: 6 !important
        }

        .m-lg-0 {
            margin: 0 !important
        }

        .m-lg-1 {
            margin: .25rem !important
        }

        .m-lg-2 {
            margin: .5rem !important
        }

        .m-lg-3 {
            margin: 1rem !important
        }

        .m-lg-4 {
            margin: 1.5rem !important
        }

        .m-lg-5 {
            margin: 3rem !important
        }

        .m-lg-6 {
            margin: 3.5rem !important
        }

        .m-lg-7 {
            margin: 4rem !important
        }

        .m-lg-8 {
            margin: 4.5rem !important
        }

        .m-lg-9 {
            margin: 5rem !important
        }

        .m-lg-auto {
            margin: auto !important
        }

        .mx-lg-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .mx-lg-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }

        .mx-lg-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }

        .mx-lg-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }

        .mx-lg-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }

        .mx-lg-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }

        .mx-lg-6 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important
        }

        .mx-lg-7 {
            margin-right: 4rem !important;
            margin-left: 4rem !important
        }

        .mx-lg-8 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important
        }

        .mx-lg-9 {
            margin-right: 5rem !important;
            margin-left: 5rem !important
        }

        .mx-lg-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-lg-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-lg-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-lg-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-lg-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-lg-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-lg-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-lg-6 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important
        }

        .my-lg-7 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important
        }

        .my-lg-8 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important
        }

        .my-lg-9 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important
        }

        .my-lg-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-lg-0 {
            margin-top: 0 !important
        }

        .mt-lg-1 {
            margin-top: .25rem !important
        }

        .mt-lg-2 {
            margin-top: .5rem !important
        }

        .mt-lg-3 {
            margin-top: 1rem !important
        }

        .mt-lg-4 {
            margin-top: 1.5rem !important
        }

        .mt-lg-5 {
            margin-top: 3rem !important
        }

        .mt-lg-6 {
            margin-top: 3.5rem !important
        }

        .mt-lg-7 {
            margin-top: 4rem !important
        }

        .mt-lg-8 {
            margin-top: 4.5rem !important
        }

        .mt-lg-9 {
            margin-top: 5rem !important
        }

        .mt-lg-auto {
            margin-top: auto !important
        }

        .me-lg-0 {
            margin-right: 0 !important
        }

        .me-lg-1 {
            margin-right: .25rem !important
        }

        .me-lg-2 {
            margin-right: .5rem !important
        }

        .me-lg-3 {
            margin-right: 1rem !important
        }

        .me-lg-4 {
            margin-right: 1.5rem !important
        }

        .me-lg-5 {
            margin-right: 3rem !important
        }

        .me-lg-6 {
            margin-right: 3.5rem !important
        }

        .me-lg-7 {
            margin-right: 4rem !important
        }

        .me-lg-8 {
            margin-right: 4.5rem !important
        }

        .me-lg-9 {
            margin-right: 5rem !important
        }

        .me-lg-auto {
            margin-right: auto !important
        }

        .mb-lg-0 {
            margin-bottom: 0 !important
        }

        .mb-lg-1 {
            margin-bottom: .25rem !important
        }

        .mb-lg-2 {
            margin-bottom: .5rem !important
        }

        .mb-lg-3 {
            margin-bottom: 1rem !important
        }

        .mb-lg-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-lg-5 {
            margin-bottom: 3rem !important
        }

        .mb-lg-6 {
            margin-bottom: 3.5rem !important
        }

        .mb-lg-7 {
            margin-bottom: 4rem !important
        }

        .mb-lg-8 {
            margin-bottom: 4.5rem !important
        }

        .mb-lg-9 {
            margin-bottom: 5rem !important
        }

        .mb-lg-auto {
            margin-bottom: auto !important
        }

        .ms-lg-0 {
            margin-left: 0 !important
        }

        .ms-lg-1 {
            margin-left: .25rem !important
        }

        .ms-lg-2 {
            margin-left: .5rem !important
        }

        .ms-lg-3 {
            margin-left: 1rem !important
        }

        .ms-lg-4 {
            margin-left: 1.5rem !important
        }

        .ms-lg-5 {
            margin-left: 3rem !important
        }

        .ms-lg-6 {
            margin-left: 3.5rem !important
        }

        .ms-lg-7 {
            margin-left: 4rem !important
        }

        .ms-lg-8 {
            margin-left: 4.5rem !important
        }

        .ms-lg-9 {
            margin-left: 5rem !important
        }

        .ms-lg-auto {
            margin-left: auto !important
        }

        .p-lg-0 {
            padding: 0 !important
        }

        .p-lg-1 {
            padding: .25rem !important
        }

        .p-lg-2 {
            padding: .5rem !important
        }

        .p-lg-3 {
            padding: 1rem !important
        }

        .p-lg-4 {
            padding: 1.5rem !important
        }

        .p-lg-5 {
            padding: 3rem !important
        }

        .p-lg-6 {
            padding: 3.5rem !important
        }

        .p-lg-7 {
            padding: 4rem !important
        }

        .p-lg-8 {
            padding: 4.5rem !important
        }

        .p-lg-9 {
            padding: 5rem !important
        }

        .px-lg-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .px-lg-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }

        .px-lg-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }

        .px-lg-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .px-lg-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }

        .px-lg-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }

        .px-lg-6 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important
        }

        .px-lg-7 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .px-lg-8 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important
        }

        .px-lg-9 {
            padding-right: 5rem !important;
            padding-left: 5rem !important
        }

        .py-lg-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-lg-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-lg-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-lg-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-lg-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-lg-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .py-lg-6 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important
        }

        .py-lg-7 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important
        }

        .py-lg-8 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important
        }

        .py-lg-9 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important
        }

        .pt-lg-0 {
            padding-top: 0 !important
        }

        .pt-lg-1 {
            padding-top: .25rem !important
        }

        .pt-lg-2 {
            padding-top: .5rem !important
        }

        .pt-lg-3 {
            padding-top: 1rem !important
        }

        .pt-lg-4 {
            padding-top: 1.5rem !important
        }

        .pt-lg-5 {
            padding-top: 3rem !important
        }

        .pt-lg-6 {
            padding-top: 3.5rem !important
        }

        .pt-lg-7 {
            padding-top: 4rem !important
        }

        .pt-lg-8 {
            padding-top: 4.5rem !important
        }

        .pt-lg-9 {
            padding-top: 5rem !important
        }

        .pe-lg-0 {
            padding-right: 0 !important
        }

        .pe-lg-1 {
            padding-right: .25rem !important
        }

        .pe-lg-2 {
            padding-right: .5rem !important
        }

        .pe-lg-3 {
            padding-right: 1rem !important
        }

        .pe-lg-4 {
            padding-right: 1.5rem !important
        }

        .pe-lg-5 {
            padding-right: 3rem !important
        }

        .pe-lg-6 {
            padding-right: 3.5rem !important
        }

        .pe-lg-7 {
            padding-right: 4rem !important
        }

        .pe-lg-8 {
            padding-right: 4.5rem !important
        }

        .pe-lg-9 {
            padding-right: 5rem !important
        }

        .pb-lg-0 {
            padding-bottom: 0 !important
        }

        .pb-lg-1 {
            padding-bottom: .25rem !important
        }

        .pb-lg-2 {
            padding-bottom: .5rem !important
        }

        .pb-lg-3 {
            padding-bottom: 1rem !important
        }

        .pb-lg-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-lg-5 {
            padding-bottom: 3rem !important
        }

        .pb-lg-6 {
            padding-bottom: 3.5rem !important
        }

        .pb-lg-7 {
            padding-bottom: 4rem !important
        }

        .pb-lg-8 {
            padding-bottom: 4.5rem !important
        }

        .pb-lg-9 {
            padding-bottom: 5rem !important
        }

        .ps-lg-0 {
            padding-left: 0 !important
        }

        .ps-lg-1 {
            padding-left: .25rem !important
        }

        .ps-lg-2 {
            padding-left: .5rem !important
        }

        .ps-lg-3 {
            padding-left: 1rem !important
        }

        .ps-lg-4 {
            padding-left: 1.5rem !important
        }

        .ps-lg-5 {
            padding-left: 3rem !important
        }

        .ps-lg-6 {
            padding-left: 3.5rem !important
        }

        .ps-lg-7 {
            padding-left: 4rem !important
        }

        .ps-lg-8 {
            padding-left: 4.5rem !important
        }

        .ps-lg-9 {
            padding-left: 5rem !important
        }

        .gap-lg-0 {
            gap: 0 !important
        }

        .gap-lg-1 {
            gap: .25rem !important
        }

        .gap-lg-2 {
            gap: .5rem !important
        }

        .gap-lg-3 {
            gap: 1rem !important
        }

        .gap-lg-4 {
            gap: 1.5rem !important
        }

        .gap-lg-5 {
            gap: 3rem !important
        }

        .gap-lg-6 {
            gap: 3.5rem !important
        }

        .gap-lg-7 {
            gap: 4rem !important
        }

        .gap-lg-8 {
            gap: 4.5rem !important
        }

        .gap-lg-9 {
            gap: 5rem !important
        }

        .row-gap-lg-0 {
            row-gap: 0 !important
        }

        .row-gap-lg-1 {
            row-gap: .25rem !important
        }

        .row-gap-lg-2 {
            row-gap: .5rem !important
        }

        .row-gap-lg-3 {
            row-gap: 1rem !important
        }

        .row-gap-lg-4 {
            row-gap: 1.5rem !important
        }

        .row-gap-lg-5 {
            row-gap: 3rem !important
        }

        .row-gap-lg-6 {
            row-gap: 3.5rem !important
        }

        .row-gap-lg-7 {
            row-gap: 4rem !important
        }

        .row-gap-lg-8 {
            row-gap: 4.5rem !important
        }

        .row-gap-lg-9 {
            row-gap: 5rem !important
        }

        .column-gap-lg-0 {
            column-gap: 0 !important
        }

        .column-gap-lg-1 {
            column-gap: .25rem !important
        }

        .column-gap-lg-2 {
            column-gap: .5rem !important
        }

        .column-gap-lg-3 {
            column-gap: 1rem !important
        }

        .column-gap-lg-4 {
            column-gap: 1.5rem !important
        }

        .column-gap-lg-5 {
            column-gap: 3rem !important
        }

        .column-gap-lg-6 {
            column-gap: 3.5rem !important
        }

        .column-gap-lg-7 {
            column-gap: 4rem !important
        }

        .column-gap-lg-8 {
            column-gap: 4.5rem !important
        }

        .column-gap-lg-9 {
            column-gap: 5rem !important
        }

        .text-lg-start {
            text-align: left !important
        }

        .text-lg-end {
            text-align: right !important
        }

        .text-lg-center {
            text-align: center !important
        }
    }

    @media(min-width: 1200px) {
        .float-xl-start {
            float: left !important
        }

        .float-xl-end {
            float: right !important
        }

        .float-xl-none {
            float: none !important
        }

        .object-fit-xl-contain {
            object-fit: contain !important
        }

        .object-fit-xl-cover {
            object-fit: cover !important
        }

        .object-fit-xl-fill {
            object-fit: fill !important
        }

        .object-fit-xl-scale {
            object-fit: scale-down !important
        }

        .object-fit-xl-none {
            object-fit: none !important
        }

        .d-xl-inline {
            display: inline !important
        }

        .d-xl-inline-block {
            display: inline-block !important
        }

        .d-xl-block {
            display: block !important
        }

        .d-xl-grid {
            display: grid !important
        }

        .d-xl-inline-grid {
            display: inline-grid !important
        }

        .d-xl-table {
            display: table !important
        }

        .d-xl-table-row {
            display: table-row !important
        }

        .d-xl-table-cell {
            display: table-cell !important
        }

        .d-xl-flex {
            display: flex !important
        }

        .d-xl-inline-flex {
            display: inline-flex !important
        }

        .d-xl-none {
            display: none !important
        }

        .w-xl-10 {
            width: 10% !important
        }

        .w-xl-15 {
            width: 15% !important
        }

        .w-xl-20 {
            width: 20% !important
        }

        .w-xl-25 {
            width: 25% !important
        }

        .w-xl-30 {
            width: 30% !important
        }

        .w-xl-40 {
            width: 40% !important
        }

        .w-xl-45 {
            width: 45% !important
        }

        .w-xl-50 {
            width: 50% !important
        }

        .w-xl-60 {
            width: 60% !important
        }

        .w-xl-75 {
            width: 75% !important
        }

        .w-xl-80 {
            width: 80% !important
        }

        .w-xl-85 {
            width: 85% !important
        }

        .w-xl-90 {
            width: 90% !important
        }

        .w-xl-100 {
            width: 100% !important
        }

        .w-xl-auto {
            width: auto !important
        }

        .flex-xl-fill {
            flex: 1 1 auto !important
        }

        .flex-xl-row {
            flex-direction: row !important
        }

        .flex-xl-column {
            flex-direction: column !important
        }

        .flex-xl-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-xl-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-xl-grow-0 {
            flex-grow: 0 !important
        }

        .flex-xl-grow-1 {
            flex-grow: 1 !important
        }

        .flex-xl-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-xl-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-xl-wrap {
            flex-wrap: wrap !important
        }

        .flex-xl-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-xl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-xl-start {
            justify-content: flex-start !important
        }

        .justify-content-xl-end {
            justify-content: flex-end !important
        }

        .justify-content-xl-center {
            justify-content: center !important
        }

        .justify-content-xl-between {
            justify-content: space-between !important
        }

        .justify-content-xl-around {
            justify-content: space-around !important
        }

        .justify-content-xl-evenly {
            justify-content: space-evenly !important
        }

        .align-items-xl-start {
            align-items: flex-start !important
        }

        .align-items-xl-end {
            align-items: flex-end !important
        }

        .align-items-xl-center {
            align-items: center !important
        }

        .align-items-xl-baseline {
            align-items: baseline !important
        }

        .align-items-xl-stretch {
            align-items: stretch !important
        }

        .align-content-xl-start {
            align-content: flex-start !important
        }

        .align-content-xl-end {
            align-content: flex-end !important
        }

        .align-content-xl-center {
            align-content: center !important
        }

        .align-content-xl-between {
            align-content: space-between !important
        }

        .align-content-xl-around {
            align-content: space-around !important
        }

        .align-content-xl-stretch {
            align-content: stretch !important
        }

        .align-self-xl-auto {
            align-self: auto !important
        }

        .align-self-xl-start {
            align-self: flex-start !important
        }

        .align-self-xl-end {
            align-self: flex-end !important
        }

        .align-self-xl-center {
            align-self: center !important
        }

        .align-self-xl-baseline {
            align-self: baseline !important
        }

        .align-self-xl-stretch {
            align-self: stretch !important
        }

        .order-xl-first {
            order: -1 !important
        }

        .order-xl-0 {
            order: 0 !important
        }

        .order-xl-1 {
            order: 1 !important
        }

        .order-xl-2 {
            order: 2 !important
        }

        .order-xl-3 {
            order: 3 !important
        }

        .order-xl-4 {
            order: 4 !important
        }

        .order-xl-5 {
            order: 5 !important
        }

        .order-xl-last {
            order: 6 !important
        }

        .m-xl-0 {
            margin: 0 !important
        }

        .m-xl-1 {
            margin: .25rem !important
        }

        .m-xl-2 {
            margin: .5rem !important
        }

        .m-xl-3 {
            margin: 1rem !important
        }

        .m-xl-4 {
            margin: 1.5rem !important
        }

        .m-xl-5 {
            margin: 3rem !important
        }

        .m-xl-6 {
            margin: 3.5rem !important
        }

        .m-xl-7 {
            margin: 4rem !important
        }

        .m-xl-8 {
            margin: 4.5rem !important
        }

        .m-xl-9 {
            margin: 5rem !important
        }

        .m-xl-auto {
            margin: auto !important
        }

        .mx-xl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .mx-xl-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }

        .mx-xl-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }

        .mx-xl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }

        .mx-xl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }

        .mx-xl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }

        .mx-xl-6 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important
        }

        .mx-xl-7 {
            margin-right: 4rem !important;
            margin-left: 4rem !important
        }

        .mx-xl-8 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important
        }

        .mx-xl-9 {
            margin-right: 5rem !important;
            margin-left: 5rem !important
        }

        .mx-xl-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-xl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-xl-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-xl-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-xl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-xl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-xl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-xl-6 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important
        }

        .my-xl-7 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important
        }

        .my-xl-8 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important
        }

        .my-xl-9 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important
        }

        .my-xl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-xl-0 {
            margin-top: 0 !important
        }

        .mt-xl-1 {
            margin-top: .25rem !important
        }

        .mt-xl-2 {
            margin-top: .5rem !important
        }

        .mt-xl-3 {
            margin-top: 1rem !important
        }

        .mt-xl-4 {
            margin-top: 1.5rem !important
        }

        .mt-xl-5 {
            margin-top: 3rem !important
        }

        .mt-xl-6 {
            margin-top: 3.5rem !important
        }

        .mt-xl-7 {
            margin-top: 4rem !important
        }

        .mt-xl-8 {
            margin-top: 4.5rem !important
        }

        .mt-xl-9 {
            margin-top: 5rem !important
        }

        .mt-xl-auto {
            margin-top: auto !important
        }

        .me-xl-0 {
            margin-right: 0 !important
        }

        .me-xl-1 {
            margin-right: .25rem !important
        }

        .me-xl-2 {
            margin-right: .5rem !important
        }

        .me-xl-3 {
            margin-right: 1rem !important
        }

        .me-xl-4 {
            margin-right: 1.5rem !important
        }

        .me-xl-5 {
            margin-right: 3rem !important
        }

        .me-xl-6 {
            margin-right: 3.5rem !important
        }

        .me-xl-7 {
            margin-right: 4rem !important
        }

        .me-xl-8 {
            margin-right: 4.5rem !important
        }

        .me-xl-9 {
            margin-right: 5rem !important
        }

        .me-xl-auto {
            margin-right: auto !important
        }

        .mb-xl-0 {
            margin-bottom: 0 !important
        }

        .mb-xl-1 {
            margin-bottom: .25rem !important
        }

        .mb-xl-2 {
            margin-bottom: .5rem !important
        }

        .mb-xl-3 {
            margin-bottom: 1rem !important
        }

        .mb-xl-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-xl-5 {
            margin-bottom: 3rem !important
        }

        .mb-xl-6 {
            margin-bottom: 3.5rem !important
        }

        .mb-xl-7 {
            margin-bottom: 4rem !important
        }

        .mb-xl-8 {
            margin-bottom: 4.5rem !important
        }

        .mb-xl-9 {
            margin-bottom: 5rem !important
        }

        .mb-xl-auto {
            margin-bottom: auto !important
        }

        .ms-xl-0 {
            margin-left: 0 !important
        }

        .ms-xl-1 {
            margin-left: .25rem !important
        }

        .ms-xl-2 {
            margin-left: .5rem !important
        }

        .ms-xl-3 {
            margin-left: 1rem !important
        }

        .ms-xl-4 {
            margin-left: 1.5rem !important
        }

        .ms-xl-5 {
            margin-left: 3rem !important
        }

        .ms-xl-6 {
            margin-left: 3.5rem !important
        }

        .ms-xl-7 {
            margin-left: 4rem !important
        }

        .ms-xl-8 {
            margin-left: 4.5rem !important
        }

        .ms-xl-9 {
            margin-left: 5rem !important
        }

        .ms-xl-auto {
            margin-left: auto !important
        }

        .p-xl-0 {
            padding: 0 !important
        }

        .p-xl-1 {
            padding: .25rem !important
        }

        .p-xl-2 {
            padding: .5rem !important
        }

        .p-xl-3 {
            padding: 1rem !important
        }

        .p-xl-4 {
            padding: 1.5rem !important
        }

        .p-xl-5 {
            padding: 3rem !important
        }

        .p-xl-6 {
            padding: 3.5rem !important
        }

        .p-xl-7 {
            padding: 4rem !important
        }

        .p-xl-8 {
            padding: 4.5rem !important
        }

        .p-xl-9 {
            padding: 5rem !important
        }

        .px-xl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .px-xl-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }

        .px-xl-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }

        .px-xl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .px-xl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }

        .px-xl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }

        .px-xl-6 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important
        }

        .px-xl-7 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .px-xl-8 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important
        }

        .px-xl-9 {
            padding-right: 5rem !important;
            padding-left: 5rem !important
        }

        .py-xl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-xl-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-xl-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-xl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-xl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-xl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .py-xl-6 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important
        }

        .py-xl-7 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important
        }

        .py-xl-8 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important
        }

        .py-xl-9 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important
        }

        .pt-xl-0 {
            padding-top: 0 !important
        }

        .pt-xl-1 {
            padding-top: .25rem !important
        }

        .pt-xl-2 {
            padding-top: .5rem !important
        }

        .pt-xl-3 {
            padding-top: 1rem !important
        }

        .pt-xl-4 {
            padding-top: 1.5rem !important
        }

        .pt-xl-5 {
            padding-top: 3rem !important
        }

        .pt-xl-6 {
            padding-top: 3.5rem !important
        }

        .pt-xl-7 {
            padding-top: 4rem !important
        }

        .pt-xl-8 {
            padding-top: 4.5rem !important
        }

        .pt-xl-9 {
            padding-top: 5rem !important
        }

        .pe-xl-0 {
            padding-right: 0 !important
        }

        .pe-xl-1 {
            padding-right: .25rem !important
        }

        .pe-xl-2 {
            padding-right: .5rem !important
        }

        .pe-xl-3 {
            padding-right: 1rem !important
        }

        .pe-xl-4 {
            padding-right: 1.5rem !important
        }

        .pe-xl-5 {
            padding-right: 3rem !important
        }

        .pe-xl-6 {
            padding-right: 3.5rem !important
        }

        .pe-xl-7 {
            padding-right: 4rem !important
        }

        .pe-xl-8 {
            padding-right: 4.5rem !important
        }

        .pe-xl-9 {
            padding-right: 5rem !important
        }

        .pb-xl-0 {
            padding-bottom: 0 !important
        }

        .pb-xl-1 {
            padding-bottom: .25rem !important
        }

        .pb-xl-2 {
            padding-bottom: .5rem !important
        }

        .pb-xl-3 {
            padding-bottom: 1rem !important
        }

        .pb-xl-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-xl-5 {
            padding-bottom: 3rem !important
        }

        .pb-xl-6 {
            padding-bottom: 3.5rem !important
        }

        .pb-xl-7 {
            padding-bottom: 4rem !important
        }

        .pb-xl-8 {
            padding-bottom: 4.5rem !important
        }

        .pb-xl-9 {
            padding-bottom: 5rem !important
        }

        .ps-xl-0 {
            padding-left: 0 !important
        }

        .ps-xl-1 {
            padding-left: .25rem !important
        }

        .ps-xl-2 {
            padding-left: .5rem !important
        }

        .ps-xl-3 {
            padding-left: 1rem !important
        }

        .ps-xl-4 {
            padding-left: 1.5rem !important
        }

        .ps-xl-5 {
            padding-left: 3rem !important
        }

        .ps-xl-6 {
            padding-left: 3.5rem !important
        }

        .ps-xl-7 {
            padding-left: 4rem !important
        }

        .ps-xl-8 {
            padding-left: 4.5rem !important
        }

        .ps-xl-9 {
            padding-left: 5rem !important
        }

        .gap-xl-0 {
            gap: 0 !important
        }

        .gap-xl-1 {
            gap: .25rem !important
        }

        .gap-xl-2 {
            gap: .5rem !important
        }

        .gap-xl-3 {
            gap: 1rem !important
        }

        .gap-xl-4 {
            gap: 1.5rem !important
        }

        .gap-xl-5 {
            gap: 3rem !important
        }

        .gap-xl-6 {
            gap: 3.5rem !important
        }

        .gap-xl-7 {
            gap: 4rem !important
        }

        .gap-xl-8 {
            gap: 4.5rem !important
        }

        .gap-xl-9 {
            gap: 5rem !important
        }

        .row-gap-xl-0 {
            row-gap: 0 !important
        }

        .row-gap-xl-1 {
            row-gap: .25rem !important
        }

        .row-gap-xl-2 {
            row-gap: .5rem !important
        }

        .row-gap-xl-3 {
            row-gap: 1rem !important
        }

        .row-gap-xl-4 {
            row-gap: 1.5rem !important
        }

        .row-gap-xl-5 {
            row-gap: 3rem !important
        }

        .row-gap-xl-6 {
            row-gap: 3.5rem !important
        }

        .row-gap-xl-7 {
            row-gap: 4rem !important
        }

        .row-gap-xl-8 {
            row-gap: 4.5rem !important
        }

        .row-gap-xl-9 {
            row-gap: 5rem !important
        }

        .column-gap-xl-0 {
            column-gap: 0 !important
        }

        .column-gap-xl-1 {
            column-gap: .25rem !important
        }

        .column-gap-xl-2 {
            column-gap: .5rem !important
        }

        .column-gap-xl-3 {
            column-gap: 1rem !important
        }

        .column-gap-xl-4 {
            column-gap: 1.5rem !important
        }

        .column-gap-xl-5 {
            column-gap: 3rem !important
        }

        .column-gap-xl-6 {
            column-gap: 3.5rem !important
        }

        .column-gap-xl-7 {
            column-gap: 4rem !important
        }

        .column-gap-xl-8 {
            column-gap: 4.5rem !important
        }

        .column-gap-xl-9 {
            column-gap: 5rem !important
        }

        .text-xl-start {
            text-align: left !important
        }

        .text-xl-end {
            text-align: right !important
        }

        .text-xl-center {
            text-align: center !important
        }
    }

    @media(min-width: 1400px) {
        .float-xxl-start {
            float: left !important
        }

        .float-xxl-end {
            float: right !important
        }

        .float-xxl-none {
            float: none !important
        }

        .object-fit-xxl-contain {
            object-fit: contain !important
        }

        .object-fit-xxl-cover {
            object-fit: cover !important
        }

        .object-fit-xxl-fill {
            object-fit: fill !important
        }

        .object-fit-xxl-scale {
            object-fit: scale-down !important
        }

        .object-fit-xxl-none {
            object-fit: none !important
        }

        .d-xxl-inline {
            display: inline !important
        }

        .d-xxl-inline-block {
            display: inline-block !important
        }

        .d-xxl-block {
            display: block !important
        }

        .d-xxl-grid {
            display: grid !important
        }

        .d-xxl-inline-grid {
            display: inline-grid !important
        }

        .d-xxl-table {
            display: table !important
        }

        .d-xxl-table-row {
            display: table-row !important
        }

        .d-xxl-table-cell {
            display: table-cell !important
        }

        .d-xxl-flex {
            display: flex !important
        }

        .d-xxl-inline-flex {
            display: inline-flex !important
        }

        .d-xxl-none {
            display: none !important
        }

        .w-xxl-10 {
            width: 10% !important
        }

        .w-xxl-15 {
            width: 15% !important
        }

        .w-xxl-20 {
            width: 20% !important
        }

        .w-xxl-25 {
            width: 25% !important
        }

        .w-xxl-30 {
            width: 30% !important
        }

        .w-xxl-40 {
            width: 40% !important
        }

        .w-xxl-45 {
            width: 45% !important
        }

        .w-xxl-50 {
            width: 50% !important
        }

        .w-xxl-60 {
            width: 60% !important
        }

        .w-xxl-75 {
            width: 75% !important
        }

        .w-xxl-80 {
            width: 80% !important
        }

        .w-xxl-85 {
            width: 85% !important
        }

        .w-xxl-90 {
            width: 90% !important
        }

        .w-xxl-100 {
            width: 100% !important
        }

        .w-xxl-auto {
            width: auto !important
        }

        .flex-xxl-fill {
            flex: 1 1 auto !important
        }

        .flex-xxl-row {
            flex-direction: row !important
        }

        .flex-xxl-column {
            flex-direction: column !important
        }

        .flex-xxl-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-xxl-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-xxl-grow-0 {
            flex-grow: 0 !important
        }

        .flex-xxl-grow-1 {
            flex-grow: 1 !important
        }

        .flex-xxl-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-xxl-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-xxl-wrap {
            flex-wrap: wrap !important
        }

        .flex-xxl-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-xxl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-xxl-start {
            justify-content: flex-start !important
        }

        .justify-content-xxl-end {
            justify-content: flex-end !important
        }

        .justify-content-xxl-center {
            justify-content: center !important
        }

        .justify-content-xxl-between {
            justify-content: space-between !important
        }

        .justify-content-xxl-around {
            justify-content: space-around !important
        }

        .justify-content-xxl-evenly {
            justify-content: space-evenly !important
        }

        .align-items-xxl-start {
            align-items: flex-start !important
        }

        .align-items-xxl-end {
            align-items: flex-end !important
        }

        .align-items-xxl-center {
            align-items: center !important
        }

        .align-items-xxl-baseline {
            align-items: baseline !important
        }

        .align-items-xxl-stretch {
            align-items: stretch !important
        }

        .align-content-xxl-start {
            align-content: flex-start !important
        }

        .align-content-xxl-end {
            align-content: flex-end !important
        }

        .align-content-xxl-center {
            align-content: center !important
        }

        .align-content-xxl-between {
            align-content: space-between !important
        }

        .align-content-xxl-around {
            align-content: space-around !important
        }

        .align-content-xxl-stretch {
            align-content: stretch !important
        }

        .align-self-xxl-auto {
            align-self: auto !important
        }

        .align-self-xxl-start {
            align-self: flex-start !important
        }

        .align-self-xxl-end {
            align-self: flex-end !important
        }

        .align-self-xxl-center {
            align-self: center !important
        }

        .align-self-xxl-baseline {
            align-self: baseline !important
        }

        .align-self-xxl-stretch {
            align-self: stretch !important
        }

        .order-xxl-first {
            order: -1 !important
        }

        .order-xxl-0 {
            order: 0 !important
        }

        .order-xxl-1 {
            order: 1 !important
        }

        .order-xxl-2 {
            order: 2 !important
        }

        .order-xxl-3 {
            order: 3 !important
        }

        .order-xxl-4 {
            order: 4 !important
        }

        .order-xxl-5 {
            order: 5 !important
        }

        .order-xxl-last {
            order: 6 !important
        }

        .m-xxl-0 {
            margin: 0 !important
        }

        .m-xxl-1 {
            margin: .25rem !important
        }

        .m-xxl-2 {
            margin: .5rem !important
        }

        .m-xxl-3 {
            margin: 1rem !important
        }

        .m-xxl-4 {
            margin: 1.5rem !important
        }

        .m-xxl-5 {
            margin: 3rem !important
        }

        .m-xxl-6 {
            margin: 3.5rem !important
        }

        .m-xxl-7 {
            margin: 4rem !important
        }

        .m-xxl-8 {
            margin: 4.5rem !important
        }

        .m-xxl-9 {
            margin: 5rem !important
        }

        .m-xxl-auto {
            margin: auto !important
        }

        .mx-xxl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .mx-xxl-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }

        .mx-xxl-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }

        .mx-xxl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }

        .mx-xxl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }

        .mx-xxl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }

        .mx-xxl-6 {
            margin-right: 3.5rem !important;
            margin-left: 3.5rem !important
        }

        .mx-xxl-7 {
            margin-right: 4rem !important;
            margin-left: 4rem !important
        }

        .mx-xxl-8 {
            margin-right: 4.5rem !important;
            margin-left: 4.5rem !important
        }

        .mx-xxl-9 {
            margin-right: 5rem !important;
            margin-left: 5rem !important
        }

        .mx-xxl-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }

        .my-xxl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        .my-xxl-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }

        .my-xxl-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }

        .my-xxl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }

        .my-xxl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }

        .my-xxl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }

        .my-xxl-6 {
            margin-top: 3.5rem !important;
            margin-bottom: 3.5rem !important
        }

        .my-xxl-7 {
            margin-top: 4rem !important;
            margin-bottom: 4rem !important
        }

        .my-xxl-8 {
            margin-top: 4.5rem !important;
            margin-bottom: 4.5rem !important
        }

        .my-xxl-9 {
            margin-top: 5rem !important;
            margin-bottom: 5rem !important
        }

        .my-xxl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }

        .mt-xxl-0 {
            margin-top: 0 !important
        }

        .mt-xxl-1 {
            margin-top: .25rem !important
        }

        .mt-xxl-2 {
            margin-top: .5rem !important
        }

        .mt-xxl-3 {
            margin-top: 1rem !important
        }

        .mt-xxl-4 {
            margin-top: 1.5rem !important
        }

        .mt-xxl-5 {
            margin-top: 3rem !important
        }

        .mt-xxl-6 {
            margin-top: 3.5rem !important
        }

        .mt-xxl-7 {
            margin-top: 4rem !important
        }

        .mt-xxl-8 {
            margin-top: 4.5rem !important
        }

        .mt-xxl-9 {
            margin-top: 5rem !important
        }

        .mt-xxl-auto {
            margin-top: auto !important
        }

        .me-xxl-0 {
            margin-right: 0 !important
        }

        .me-xxl-1 {
            margin-right: .25rem !important
        }

        .me-xxl-2 {
            margin-right: .5rem !important
        }

        .me-xxl-3 {
            margin-right: 1rem !important
        }

        .me-xxl-4 {
            margin-right: 1.5rem !important
        }

        .me-xxl-5 {
            margin-right: 3rem !important
        }

        .me-xxl-6 {
            margin-right: 3.5rem !important
        }

        .me-xxl-7 {
            margin-right: 4rem !important
        }

        .me-xxl-8 {
            margin-right: 4.5rem !important
        }

        .me-xxl-9 {
            margin-right: 5rem !important
        }

        .me-xxl-auto {
            margin-right: auto !important
        }

        .mb-xxl-0 {
            margin-bottom: 0 !important
        }

        .mb-xxl-1 {
            margin-bottom: .25rem !important
        }

        .mb-xxl-2 {
            margin-bottom: .5rem !important
        }

        .mb-xxl-3 {
            margin-bottom: 1rem !important
        }

        .mb-xxl-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-xxl-5 {
            margin-bottom: 3rem !important
        }

        .mb-xxl-6 {
            margin-bottom: 3.5rem !important
        }

        .mb-xxl-7 {
            margin-bottom: 4rem !important
        }

        .mb-xxl-8 {
            margin-bottom: 4.5rem !important
        }

        .mb-xxl-9 {
            margin-bottom: 5rem !important
        }

        .mb-xxl-auto {
            margin-bottom: auto !important
        }

        .ms-xxl-0 {
            margin-left: 0 !important
        }

        .ms-xxl-1 {
            margin-left: .25rem !important
        }

        .ms-xxl-2 {
            margin-left: .5rem !important
        }

        .ms-xxl-3 {
            margin-left: 1rem !important
        }

        .ms-xxl-4 {
            margin-left: 1.5rem !important
        }

        .ms-xxl-5 {
            margin-left: 3rem !important
        }

        .ms-xxl-6 {
            margin-left: 3.5rem !important
        }

        .ms-xxl-7 {
            margin-left: 4rem !important
        }

        .ms-xxl-8 {
            margin-left: 4.5rem !important
        }

        .ms-xxl-9 {
            margin-left: 5rem !important
        }

        .ms-xxl-auto {
            margin-left: auto !important
        }

        .p-xxl-0 {
            padding: 0 !important
        }

        .p-xxl-1 {
            padding: .25rem !important
        }

        .p-xxl-2 {
            padding: .5rem !important
        }

        .p-xxl-3 {
            padding: 1rem !important
        }

        .p-xxl-4 {
            padding: 1.5rem !important
        }

        .p-xxl-5 {
            padding: 3rem !important
        }

        .p-xxl-6 {
            padding: 3.5rem !important
        }

        .p-xxl-7 {
            padding: 4rem !important
        }

        .p-xxl-8 {
            padding: 4.5rem !important
        }

        .p-xxl-9 {
            padding: 5rem !important
        }

        .px-xxl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .px-xxl-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }

        .px-xxl-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }

        .px-xxl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }

        .px-xxl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }

        .px-xxl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }

        .px-xxl-6 {
            padding-right: 3.5rem !important;
            padding-left: 3.5rem !important
        }

        .px-xxl-7 {
            padding-right: 4rem !important;
            padding-left: 4rem !important
        }

        .px-xxl-8 {
            padding-right: 4.5rem !important;
            padding-left: 4.5rem !important
        }

        .px-xxl-9 {
            padding-right: 5rem !important;
            padding-left: 5rem !important
        }

        .py-xxl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

        .py-xxl-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }

        .py-xxl-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

        .py-xxl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }

        .py-xxl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }

        .py-xxl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }

        .py-xxl-6 {
            padding-top: 3.5rem !important;
            padding-bottom: 3.5rem !important
        }

        .py-xxl-7 {
            padding-top: 4rem !important;
            padding-bottom: 4rem !important
        }

        .py-xxl-8 {
            padding-top: 4.5rem !important;
            padding-bottom: 4.5rem !important
        }

        .py-xxl-9 {
            padding-top: 5rem !important;
            padding-bottom: 5rem !important
        }

        .pt-xxl-0 {
            padding-top: 0 !important
        }

        .pt-xxl-1 {
            padding-top: .25rem !important
        }

        .pt-xxl-2 {
            padding-top: .5rem !important
        }

        .pt-xxl-3 {
            padding-top: 1rem !important
        }

        .pt-xxl-4 {
            padding-top: 1.5rem !important
        }

        .pt-xxl-5 {
            padding-top: 3rem !important
        }

        .pt-xxl-6 {
            padding-top: 3.5rem !important
        }

        .pt-xxl-7 {
            padding-top: 4rem !important
        }

        .pt-xxl-8 {
            padding-top: 4.5rem !important
        }

        .pt-xxl-9 {
            padding-top: 5rem !important
        }

        .pe-xxl-0 {
            padding-right: 0 !important
        }

        .pe-xxl-1 {
            padding-right: .25rem !important
        }

        .pe-xxl-2 {
            padding-right: .5rem !important
        }

        .pe-xxl-3 {
            padding-right: 1rem !important
        }

        .pe-xxl-4 {
            padding-right: 1.5rem !important
        }

        .pe-xxl-5 {
            padding-right: 3rem !important
        }

        .pe-xxl-6 {
            padding-right: 3.5rem !important
        }

        .pe-xxl-7 {
            padding-right: 4rem !important
        }

        .pe-xxl-8 {
            padding-right: 4.5rem !important
        }

        .pe-xxl-9 {
            padding-right: 5rem !important
        }

        .pb-xxl-0 {
            padding-bottom: 0 !important
        }

        .pb-xxl-1 {
            padding-bottom: .25rem !important
        }

        .pb-xxl-2 {
            padding-bottom: .5rem !important
        }

        .pb-xxl-3 {
            padding-bottom: 1rem !important
        }

        .pb-xxl-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-xxl-5 {
            padding-bottom: 3rem !important
        }

        .pb-xxl-6 {
            padding-bottom: 3.5rem !important
        }

        .pb-xxl-7 {
            padding-bottom: 4rem !important
        }

        .pb-xxl-8 {
            padding-bottom: 4.5rem !important
        }

        .pb-xxl-9 {
            padding-bottom: 5rem !important
        }

        .ps-xxl-0 {
            padding-left: 0 !important
        }

        .ps-xxl-1 {
            padding-left: .25rem !important
        }

        .ps-xxl-2 {
            padding-left: .5rem !important
        }

        .ps-xxl-3 {
            padding-left: 1rem !important
        }

        .ps-xxl-4 {
            padding-left: 1.5rem !important
        }

        .ps-xxl-5 {
            padding-left: 3rem !important
        }

        .ps-xxl-6 {
            padding-left: 3.5rem !important
        }

        .ps-xxl-7 {
            padding-left: 4rem !important
        }

        .ps-xxl-8 {
            padding-left: 4.5rem !important
        }

        .ps-xxl-9 {
            padding-left: 5rem !important
        }

        .gap-xxl-0 {
            gap: 0 !important
        }

        .gap-xxl-1 {
            gap: .25rem !important
        }

        .gap-xxl-2 {
            gap: .5rem !important
        }

        .gap-xxl-3 {
            gap: 1rem !important
        }

        .gap-xxl-4 {
            gap: 1.5rem !important
        }

        .gap-xxl-5 {
            gap: 3rem !important
        }

        .gap-xxl-6 {
            gap: 3.5rem !important
        }

        .gap-xxl-7 {
            gap: 4rem !important
        }

        .gap-xxl-8 {
            gap: 4.5rem !important
        }

        .gap-xxl-9 {
            gap: 5rem !important
        }

        .row-gap-xxl-0 {
            row-gap: 0 !important
        }

        .row-gap-xxl-1 {
            row-gap: .25rem !important
        }

        .row-gap-xxl-2 {
            row-gap: .5rem !important
        }

        .row-gap-xxl-3 {
            row-gap: 1rem !important
        }

        .row-gap-xxl-4 {
            row-gap: 1.5rem !important
        }

        .row-gap-xxl-5 {
            row-gap: 3rem !important
        }

        .row-gap-xxl-6 {
            row-gap: 3.5rem !important
        }

        .row-gap-xxl-7 {
            row-gap: 4rem !important
        }

        .row-gap-xxl-8 {
            row-gap: 4.5rem !important
        }

        .row-gap-xxl-9 {
            row-gap: 5rem !important
        }

        .column-gap-xxl-0 {
            column-gap: 0 !important
        }

        .column-gap-xxl-1 {
            column-gap: .25rem !important
        }

        .column-gap-xxl-2 {
            column-gap: .5rem !important
        }

        .column-gap-xxl-3 {
            column-gap: 1rem !important
        }

        .column-gap-xxl-4 {
            column-gap: 1.5rem !important
        }

        .column-gap-xxl-5 {
            column-gap: 3rem !important
        }

        .column-gap-xxl-6 {
            column-gap: 3.5rem !important
        }

        .column-gap-xxl-7 {
            column-gap: 4rem !important
        }

        .column-gap-xxl-8 {
            column-gap: 4.5rem !important
        }

        .column-gap-xxl-9 {
            column-gap: 5rem !important
        }

        .text-xxl-start {
            text-align: left !important
        }

        .text-xxl-end {
            text-align: right !important
        }

        .text-xxl-center {
            text-align: center !important
        }
    }

    @media(min-width: 1200px) {
        .fs-1 {
            font-size: 2.5rem !important
        }

        .fs-2 {
            font-size: 2rem !important
        }

        .fs-3 {
            font-size: 1.75rem !important
        }

        .fs-4 {
            font-size: 1.5rem !important
        }
    }

    @media print {
        .d-print-inline {
            display: inline !important
        }

        .d-print-inline-block {
            display: inline-block !important
        }

        .d-print-block {
            display: block !important
        }

        .d-print-grid {
            display: grid !important
        }

        .d-print-inline-grid {
            display: inline-grid !important
        }

        .d-print-table {
            display: table !important
        }

        .d-print-table-row {
            display: table-row !important
        }

        .d-print-table-cell {
            display: table-cell !important
        }

        .d-print-flex {
            display: flex !important
        }

        .d-print-inline-flex {
            display: inline-flex !important
        }

        .d-print-none {
            display: none !important
        }
    }

    @font-face {
        font-family: "swiper-icons";
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
        font-weight: 400;
        font-style: normal
    }

    :root {
        --swiper-theme-color: #a1dd00
    }

    .swiper, swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block
    }

    .swiper-vertical > .swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box
    }

    .swiper-android .swiper-slide, .swiper-wrapper {
        transform: translate3d(0px, 0, 0)
    }

    .swiper-horizontal {
        touch-action: pan-y
    }

    .swiper-vertical {
        touch-action: pan-x
    }

    .swiper-slide, swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        display: block
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight, .swiper-autoheight .swiper-slide {
        height: auto
    }

        .swiper-autoheight .swiper-wrapper {
            align-items: flex-start;
            transition-property: transform,height
        }

    .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        backface-visibility: hidden
    }

    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d {
        perspective: 1200px
    }

        .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow {
            transform-style: preserve-3d
        }

        .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-3d .swiper-slide-shadow {
            background: rgba(0,0,0,.15)
        }

        .swiper-3d .swiper-slide-shadow-left {
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-right {
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-top {
            background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
        }

        .swiper-3d .swiper-slide-shadow-bottom {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
        }

    .swiper-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

        .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
            display: none
        }

        .swiper-css-mode > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: start start
        }

    .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
        scroll-snap-type: x mandatory
    }

    .swiper-vertical.swiper-css-mode > .swiper-wrapper {
        scroll-snap-type: y mandatory
    }

    .swiper-centered > .swiper-wrapper::before {
        content: "";
        flex-shrink: 0;
        order: 9999
    }

    .swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-centered.swiper-vertical > .swiper-wrapper::before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: rgba(0,0,0,0)
    }

    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    :root {
        --swiper-navigation-size: 44px
    }

    .swiper-button-prev, .swiper-button-next {
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size)/44*27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

        .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
            opacity: 0;
            cursor: auto;
            pointer-events: none
        }

    .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
        display: none !important
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto
    }

        .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
            content: "prev"
        }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto
    }

        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
            content: "next"
        }

    .swiper-button-lock {
        display: none
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: 300ms opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
            display: none !important
        }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0
    }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transform: scale(0.33);
            position: relative
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            transform: scale(0.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            transform: scale(0.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            transform: scale(0.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            transform: scale(0.33)
        }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
        display: none !important
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color))
    }

    .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
        right: var(--swiper-pagination-right, 8px);
        left: var(--swiper-pagination-left, auto);
        top: 50%;
        transform: translate3d(0px, -50%, 0)
    }

        .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
            display: block
        }

        .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            top: 50%;
            transform: translateY(-50%);
            width: 8px
        }

            .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                display: inline-block;
                transition: 200ms transform,200ms top
            }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }

        .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: 200ms transform,200ms left
        }

    .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform,200ms right
    }

    .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color, inherit)
    }

    .swiper-pagination-progressbar {
        background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
        position: absolute
    }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: var(--swiper-pagination-color, var(--swiper-theme-color));
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            transform-origin: left top
        }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0
    }

        .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
            width: var(--swiper-pagination-progressbar-size, 4px);
            height: 100%;
            left: 0;
            top: 0
        }

    .swiper-pagination-lock {
        display: none
    }

    [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
        transition-duration: 50ms
    }

    [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
            transition-delay: 50ms
        }

    [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
        transition-duration: .1s
    }

    [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
            transition-delay: .1s
        }

    [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
        transition-duration: .15s
    }

    [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
            transition-delay: .15s
        }

    [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
        transition-duration: .2s
    }

    [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
            transition-delay: .2s
        }

    [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
        transition-duration: .25s
    }

    [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
            transition-delay: .25s
        }

    [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
        transition-duration: .3s
    }

    [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
            transition-delay: .3s
        }

    [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
        transition-duration: .35s
    }

    [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
            transition-delay: .35s
        }

    [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
        transition-duration: .4s
    }

    [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
            transition-delay: .4s
        }

    [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
        transition-duration: .45s
    }

    [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
            transition-delay: .45s
        }

    [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
        transition-duration: .5s
    }

    [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
            transition-delay: .5s
        }

    [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
        transition-duration: .55s
    }

    [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
            transition-delay: .55s
        }

    [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
        transition-duration: .6s
    }

    [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
            transition-delay: .6s
        }

    [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
        transition-duration: .65s
    }

    [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
            transition-delay: .65s
        }

    [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
        transition-duration: .7s
    }

    [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
            transition-delay: .7s
        }

    [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
        transition-duration: .75s
    }

    [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
            transition-delay: .75s
        }

    [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
        transition-duration: .8s
    }

    [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
            transition-delay: .8s
        }

    [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
        transition-duration: .85s
    }

    [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
            transition-delay: .85s
        }

    [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
        transition-duration: .9s
    }

    [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
            transition-delay: .9s
        }

    [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
        transition-duration: .95s
    }

    [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
            transition-delay: .95s
        }

    [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 1s
    }

    [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
            transition-delay: 1s
        }

    [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
        transition-duration: 1.05s
    }

    [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
            transition-delay: 1.05s
        }

    [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
        transition-duration: 1.1s
    }

    [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
            transition-delay: 1.1s
        }

    [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
        transition-duration: 1.15s
    }

    [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
            transition-delay: 1.15s
        }

    [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
        transition-duration: 1.2s
    }

    [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
            transition-delay: 1.2s
        }

    [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
        transition-duration: 1.25s
    }

    [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
            transition-delay: 1.25s
        }

    [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
        transition-duration: 1.3s
    }

    [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
            transition-delay: 1.3s
        }

    [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
        transition-duration: 1.35s
    }

    [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
            transition-delay: 1.35s
        }

    [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
        transition-duration: 1.4s
    }

    [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
            transition-delay: 1.4s
        }

    [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
        transition-duration: 1.45s
    }

    [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
            transition-delay: 1.45s
        }

    [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
        transition-duration: 1.5s
    }

    [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
            transition-delay: 1.5s
        }

    [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
        transition-duration: 1.55s
    }

    [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
            transition-delay: 1.55s
        }

    [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
        transition-duration: 1.6s
    }

    [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
            transition-delay: 1.6s
        }

    [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
        transition-duration: 1.65s
    }

    [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
            transition-delay: 1.65s
        }

    [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
        transition-duration: 1.7s
    }

    [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
            transition-delay: 1.7s
        }

    [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
        transition-duration: 1.75s
    }

    [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
            transition-delay: 1.75s
        }

    [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
        transition-duration: 1.8s
    }

    [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
            transition-delay: 1.8s
        }

    [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
        transition-duration: 1.85s
    }

    [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
            transition-delay: 1.85s
        }

    [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
        transition-duration: 1.9s
    }

    [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
            transition-delay: 1.9s
        }

    [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
        transition-duration: 1.95s
    }

    [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
            transition-delay: 1.95s
        }

    [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
        transition-duration: 2s
    }

    [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
            transition-delay: 2s
        }

    [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
        transition-duration: 2.05s
    }

    [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
            transition-delay: 2.05s
        }

    [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
        transition-duration: 2.1s
    }

    [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
            transition-delay: 2.1s
        }

    [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
        transition-duration: 2.15s
    }

    [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
            transition-delay: 2.15s
        }

    [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
        transition-duration: 2.2s
    }

    [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
            transition-delay: 2.2s
        }

    [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
        transition-duration: 2.25s
    }

    [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
            transition-delay: 2.25s
        }

    [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
        transition-duration: 2.3s
    }

    [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
            transition-delay: 2.3s
        }

    [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
        transition-duration: 2.35s
    }

    [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
            transition-delay: 2.35s
        }

    [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
        transition-duration: 2.4s
    }

    [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
            transition-delay: 2.4s
        }

    [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
        transition-duration: 2.45s
    }

    [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
            transition-delay: 2.45s
        }

    [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
        transition-duration: 2.5s
    }

    [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
            transition-delay: 2.5s
        }

    [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
        transition-duration: 2.55s
    }

    [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
            transition-delay: 2.55s
        }

    [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
        transition-duration: 2.6s
    }

    [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
            transition-delay: 2.6s
        }

    [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
        transition-duration: 2.65s
    }

    [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
            transition-delay: 2.65s
        }

    [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
        transition-duration: 2.7s
    }

    [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
            transition-delay: 2.7s
        }

    [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
        transition-duration: 2.75s
    }

    [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
            transition-delay: 2.75s
        }

    [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
        transition-duration: 2.8s
    }

    [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
            transition-delay: 2.8s
        }

    [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
        transition-duration: 2.85s
    }

    [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
            transition-delay: 2.85s
        }

    [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
        transition-duration: 2.9s
    }

    [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
            transition-delay: 2.9s
        }

    [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
        transition-duration: 2.95s
    }

    [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
            transition-delay: 2.95s
        }

    [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
        transition-duration: 3s
    }

    [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
        transition-delay: 0s
    }

        [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
            transition-delay: 3s
        }

    [data-aos] {
        pointer-events: none
    }

        [data-aos].aos-animate {
            pointer-events: auto
        }

        [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
        }

        [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
            transition-timing-function: ease
        }

        [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
            transition-timing-function: ease-in
        }

        [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
            transition-timing-function: ease-out
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
            transition-timing-function: ease-in-out
        }

        [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
            transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
            transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
            transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
            transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
            transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
        }

        [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
            transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
        }

        [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
        }

    @media screen {
        html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
            opacity: 0;
            transition-property: opacity,-webkit-transform;
            transition-property: opacity,transform;
            transition-property: opacity,transform,-webkit-transform
        }

            html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
                opacity: 1;
                -webkit-transform: none;
                transform: none
            }

        html:not(.no-js) [data-aos=fade-up] {
            -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0)
        }

        html:not(.no-js) [data-aos=fade-down] {
            -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0)
        }

        html:not(.no-js) [data-aos=fade-right] {
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0)
        }

        html:not(.no-js) [data-aos=fade-left] {
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0)
        }

        html:not(.no-js) [data-aos=fade-up-right] {
            -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0)
        }

        html:not(.no-js) [data-aos=fade-up-left] {
            -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0)
        }

        html:not(.no-js) [data-aos=fade-down-right] {
            -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0)
        }

        html:not(.no-js) [data-aos=fade-down-left] {
            -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0)
        }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
            opacity: 0;
            transition-property: opacity,-webkit-transform;
            transition-property: opacity,transform;
            transition-property: opacity,transform,-webkit-transform
        }

            html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
                opacity: 1;
                -webkit-transform: translateZ(0) scale(1);
                transform: translateZ(0) scale(1)
            }

        html:not(.no-js) [data-aos=zoom-in] {
            -webkit-transform: scale(0.6);
            transform: scale(0.6)
        }

        html:not(.no-js) [data-aos=zoom-in-up] {
            -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
            transform: translate3d(0, 100px, 0) scale(0.6)
        }

        html:not(.no-js) [data-aos=zoom-in-down] {
            -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
            transform: translate3d(0, -100px, 0) scale(0.6)
        }

        html:not(.no-js) [data-aos=zoom-in-right] {
            -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
            transform: translate3d(-100px, 0, 0) scale(0.6)
        }

        html:not(.no-js) [data-aos=zoom-in-left] {
            -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
            transform: translate3d(100px, 0, 0) scale(0.6)
        }

        html:not(.no-js) [data-aos=zoom-out] {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        html:not(.no-js) [data-aos=zoom-out-up] {
            -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2)
        }

        html:not(.no-js) [data-aos=zoom-out-down] {
            -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2)
        }

        html:not(.no-js) [data-aos=zoom-out-right] {
            -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
            transform: translate3d(-100px, 0, 0) scale(1.2)
        }

        html:not(.no-js) [data-aos=zoom-out-left] {
            -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
            transform: translate3d(100px, 0, 0) scale(1.2)
        }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform,-webkit-transform;
            visibility: hidden
        }

            html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
                visibility: visible;
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
            }

        html:not(.no-js) [data-aos=slide-up] {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        html:not(.no-js) [data-aos=slide-down] {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        html:not(.no-js) [data-aos=slide-right] {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        html:not(.no-js) [data-aos=slide-left] {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform,-webkit-transform
        }

        html:not(.no-js) [data-aos=flip-left] {
            -webkit-transform: perspective(2500px) rotateY(-100deg);
            transform: perspective(2500px) rotateY(-100deg)
        }

            html:not(.no-js) [data-aos=flip-left].aos-animate {
                -webkit-transform: perspective(2500px) rotateY(0);
                transform: perspective(2500px) rotateY(0)
            }

        html:not(.no-js) [data-aos=flip-right] {
            -webkit-transform: perspective(2500px) rotateY(100deg);
            transform: perspective(2500px) rotateY(100deg)
        }

            html:not(.no-js) [data-aos=flip-right].aos-animate {
                -webkit-transform: perspective(2500px) rotateY(0);
                transform: perspective(2500px) rotateY(0)
            }

        html:not(.no-js) [data-aos=flip-up] {
            -webkit-transform: perspective(2500px) rotateX(-100deg);
            transform: perspective(2500px) rotateX(-100deg)
        }

            html:not(.no-js) [data-aos=flip-up].aos-animate {
                -webkit-transform: perspective(2500px) rotateX(0);
                transform: perspective(2500px) rotateX(0)
            }

        html:not(.no-js) [data-aos=flip-down] {
            -webkit-transform: perspective(2500px) rotateX(100deg);
            transform: perspective(2500px) rotateX(100deg)
        }

            html:not(.no-js) [data-aos=flip-down].aos-animate {
                -webkit-transform: perspective(2500px) rotateX(0);
                transform: perspective(2500px) rotateX(0)
            }
    }

    svg#leafy-brand #brand-wifi path, svg#leafy-brand #brand-leafy path, svg#leafy-brand #brand-card path {
        fill: #3b3b3b
    }

    .lc-header {
        background-color: #fff;
        position: relative;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
    }

        .lc-header .row {
            position: relative;
            z-index: 5
        }

        .lc-header .brand-container {
            padding: .5rem 1.5rem .5rem 4.05rem;
            display: inline-block;
            width: 215px;
            background-color: #fff;
            border-bottom-right-radius: 50px
        }

            .lc-header .brand-container svg, .lc-header .brand-container img {
                width: 110px
            }

    @media(max-width: 575.98px) {
        .lc-header .brand-container {
            width: 100%;
            padding: .5rem .5rem
        }
    }

    .lc-header .btn {
        position: relative
    }

        .lc-header .btn .material-symbols-outlined {
            position: relative;
            bottom: -7px;
            margin-top: -5px;
            font-size: 1.5rem
        }

        .lc-header .btn .badge {
            position: absolute;
            right: -2px;
            font-weight: 400;
            z-index: 10
        }

            .lc-header .btn .badge + .material-symbols-outlined {
                bottom: -5px
            }

        .lc-header .btn.btn-user {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            padding: 0
        }

            .lc-header .btn.btn-user img {
                width: 100%;
                border-radius: 50%
            }

    .lc-header .mini-cart {
        width: 310px;
        padding: 1px;
        border-radius: var(--bs-border-radius)
    }

        .lc-header .mini-cart .qty-wrapper {
            width: 100px
        }

            .lc-header .mini-cart .qty-wrapper .form-control {
                text-align: center
            }

            .lc-header .mini-cart .qty-wrapper .btn {
                border-color: var(--bs-border-color)
            }

                .lc-header .mini-cart .qty-wrapper .btn:hover {
                    background-color: #a1dd00;
                    color: #fff;
                    border-color: #a1dd00
                }

        .lc-header .mini-cart .material-symbols-outlined {
            position: relative;
            bottom: -2px
        }

    .lc-header.fixed {
        position: fixed;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        z-index: 100
    }

    .lc-header.scrolled {
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
    }

        .lc-header.scrolled .bg-decorator {
            height: 100%;
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition: height .35s .15s cubic-bezier(0.6, 0.4, 0, 1),-webkit-transform .15s;
            transition: height .35s .15s cubic-bezier(0.6, 0.4, 0, 1),-webkit-transform .15s;
            transition: height .35s .15s cubic-bezier(0.6, 0.4, 0, 1),transform .15s;
            transition: height .35s .15s cubic-bezier(0.6, 0.4, 0, 1),transform .15s,-webkit-transform .15s
        }

    .mobile-main-menu-canvas .brand-container {
        width: 110px
    }

    .mobile-main-menu-canvas .lc-main-nav {
        height: inherit;
        display: block
    }

        .mobile-main-menu-canvas .lc-main-nav ul {
            display: flex;
            flex-direction: column
        }

        .mobile-main-menu-canvas .lc-main-nav li {
            display: block
        }

    .lc-main-nav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding:0px 50px
    }

        .lc-main-nav ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .lc-main-nav ul li {
                display: inline-block
            }

                .lc-main-nav ul li > a {
                    display: block;
                    padding: 1rem 1rem;
                    font-weight: 500;
                    text-decoration: none;
                    color: #000
                }

                .lc-main-nav ul li .free-text {
                    font-weight: normal
                }

                .lc-main-nav ul li .img {
                    display: inline-block;
                    width: 24px;
                    position: relative;
                    top: -3px
                }

                .lc-main-nav ul li .lc-dropdown {
                    margin: -2px 0 0 0;
                    padding-top: .25rem;
                    position: absolute;
                    z-index: 10;
                    display: none;
                    text-align: left;
                    width: 220px
                }

                    .lc-main-nav ul li .lc-dropdown .dropdown-inner {
                        background: #fff;
                        color: #212529;
                        padding: 10px;
                        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
                        border-top-left-radius: 1rem;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 1rem;
                        border-bottom-left-radius: 0
                    }

                        .lc-main-nav ul li .lc-dropdown .dropdown-inner .dropdown-menu-items li.sp-menu-item a {
                            color: #212529;
                            font-size: 13px;
                            font-weight: 400
                        }

                    .lc-main-nav ul li .lc-dropdown .dropdown-menu {
                        list-style: none;
                        padding: 0;
                        margin: 0
                    }

                        .lc-main-nav ul li .lc-dropdown .dropdown-menu .sp-has-child > a:after {
                            font-family: "Material Symbols Outlined";
                            content: " ";
                            float: right
                        }

                    .lc-main-nav ul li .lc-dropdown.menu-center {
                        margin-left: 45px
                    }

                    .lc-main-nav ul li .lc-dropdown.dropdown-main {
                        top: 98%
                    }

                        .lc-main-nav ul li .lc-dropdown.dropdown-main.menu-right {
                            left: 0
                        }

                        .lc-main-nav ul li .lc-dropdown.dropdown-main.menu-full {
                            left: auto;
                            right: 0
                        }

                        .lc-main-nav ul li .lc-dropdown.dropdown-main.menu-left {
                            right: 0
                        }

                    .lc-main-nav ul li .lc-dropdown.dropdown-sub {
                        top: 0;
                        left: 100%
                    }

                        .lc-main-nav ul li .lc-dropdown.dropdown-sub .dropdown-inner {
                            box-shadow: 0 0 5px rgba(0,0,0,.2)
                        }

                    .lc-main-nav ul li .lc-dropdown li.menu-item {
                        display: block;
                        padding: 0;
                        position: relative
                    }

                        .lc-main-nav ul li .lc-dropdown li.menu-item > a {
                            display: block;
                            padding: 8px 10px;
                            color: #212529;
                            cursor: pointer;
                            font-weight: 400;
                            font-size: .9rem;
                            border-radius: 3px
                        }

                            .lc-main-nav ul li .lc-dropdown li.menu-item > a:hover {
                                background-color: #a1dd00;
                                color: #fff;
                                text-decoration: none
                            }

                        .lc-main-nav ul li .lc-dropdown li.menu-item.active > a {
                            background-color: #a1dd00;
                            color: #fff
                        }

                .lc-main-nav ul li.has-child {
                    position: relative
                }

                    .lc-main-nav ul li.has-child > a {
                        position: relative
                    }

                        .lc-main-nav ul li.has-child > a:after {
                            font-family: "Material Symbols Outlined";
                            content: " ";
                            margin-left: 4px;
                            margin-top: 1px;
                            position: absolute;
                            font-size: 16px;
                            opacity: .4
                        }

                    .lc-main-nav ul li.has-child:hover > .lc-dropdown {
                        display: block
                    }

                    .lc-main-nav ul li.has-child:hover:after {
                        display: inline-block;
                        -webkit-animation: spMenuFadeIn 400ms;
                        animation: spMenuFadeIn 400ms
                    }

                    .lc-main-nav ul li.has-child:after {
                        position: absolute;
                        margin-left: 1.2rem;
                        bottom: -0.4rem;
                        content: "";
                        vertical-align: -0.125em;
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e9ecef' viewBox='0 0 16 16'%3e%3cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'%3e%3c/path%3e%3c/svg%3e");
                        background-repeat: no-repeat;
                        background-size: 1rem 1rem;
                        width: 1rem;
                        height: 1rem;
                        color: #fff;
                        -webkit-animation: spMenuFadeIn 400ms;
                        animation: spMenuFadeIn 400ms;
                        display: none;
                        z-index: 15
                    }

    @-webkit-keyframes spMenuFadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes spMenuFadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .btn {
        position: relative
    }

        .btn .material-symbols-outlined {
            font-size: 1.25rem;
            position: relative;
            bottom: -3px;
            display: inline-block;
            line-height: .9;
            max-height: 20px;
            margin-top: -3px
        }


    .btn-leafy {
        position: relative;
        background-image: linear-gradient(23deg, rgb(100, 174, 41) 5%, rgb(194, 233, 0) 100%);
        z-index: 1;
        border: none;
        color: #fff;
        overflow: hidden
    }

        .btn-leafy:before {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(295deg, rgb(100, 174, 41) 0%, rgb(100, 174, 41) 100%);
            z-index: -1;
            transition: opacity .3s linear;
            opacity: 0;
            border-radius: var(--bs-border-radius);
            color: #fff
        }

        .btn-leafy:hover {
            color: #fff
        }

            .btn-leafy:hover:before {
                opacity: 1
            }

    .btn-user span.img {
        display: inline-block;
        width: 24px;
        height: 24px;
        position: relative;
        top: -3px;
        margin-bottom: -3px;
        border-radius: 50%
    }

        .btn-user span.img img, .btn-user span.img svg {
            border-radius: 50%
        }

    .btn-user span.text-placeholder {
        margin: 0 .5rem;
        width: 120px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-x: hidden;
        display: inline-block;
        line-height: .9;
        text-align: left
    }

    .nav-pills.pill-light .nav-link.active {
        background-color: #f8f9fa;
        color: #212529
    }

    .nav-pills .icn {
        margin-right: .25rem
    }

        .nav-pills .icn .material-symbols-outlined {
            font-size: 1.25rem;
            position: relative;
            bottom: -5px;
            display: inline-block;
            line-height: .9;
            max-height: 20px;
            margin-top: -5px
        }

    .btn-icon {
        width: 31px;
        height: 31px;
        padding: 0 .25rem
    }

        .btn-icon .material-symbols-outlined {
            position: relative;
            bottom: -4px
        }

        .btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
            width: 24px;
            height: 24px
        }

            .btn-icon.btn-sm .material-symbols-outlined, .btn-group-sm > .btn-icon.btn .material-symbols-outlined {
                font-size: 20px
            }

        .btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
            width: 40px;
            height: 40px
        }

            .btn-icon.btn-lg .material-symbols-outlined, .btn-group-lg > .btn-icon.btn .material-symbols-outlined {
                font-size: 34px;
                height: 34px;
                width: 34px;
                display: inline-block;
                bottom: -8px;
                left: -2px
            }

    .btn-white {
        --bs-btn-color: #000;
        --bs-btn-bg: #fff;
        --bs-btn-border-color: #fff;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #d9d9d9;
        --bs-btn-hover-border-color: #212529;
        --bs-btn-focus-shadow-rgb: 217, 217, 217;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #cccccc;
        --bs-btn-active-border-color: #bfbfbf;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #fff;
        --bs-btn-disabled-border-color: #fff
    }

    .lf-tab .nav-link {
        text-align: center;
        padding: 1rem 3rem;
        position: relative
    }

        .lf-tab .nav-link.active:after {
            content: " ";
            bottom: -18px;
            left: 50%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 24px 32px 0 32px;
            border-color: #a1dd00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
            position: absolute;
            z-index: 2;
            transform: translateX(-50%)
        }

    .lf-tab .icn {
        display: block;
        text-align: center
    }

        .lf-tab .icn .material-symbols-outlined, .lf-tab .icn span {
            font-size: 1.875rem
        }

    @media(max-width: 575.98px) {
        .lf-tab .nav-link {
            text-align: center;
            padding: .5rem .3rem;
            font-size: .875rem
        }

            .lf-tab .nav-link.active:after {
                content: " ";
                bottom: -14px;
                left: 50%;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 16px 24px 0 24px;
                border-color: #a1dd00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
                position: absolute;
                z-index: 2;
                transform: translateX(-50%)
            }

        .lf-tab .icn {
            display: block;
            text-align: center
        }

            .lf-tab .icn .material-symbols-outlined, .lf-tab .icn span {
                font-size: 1.25rem
            }
    }

    .lf-tab.lf-tab-vertical {
        flex-direction: column
    }

        .lf-tab.lf-tab-vertical .nav-link {
            padding: 1rem;
            color: #e5bc59;
            line-height: 1.2;
            border-radius: 0
        }

            .lf-tab.lf-tab-vertical .nav-link.active {
                color: #fff
            }

                .lf-tab.lf-tab-vertical .nav-link.active:after {
                    display: none
                }

        .lf-tab.lf-tab-vertical .icn {
            display: block;
            text-align: center;
            margin-bottom: .5rem
        }

            .lf-tab.lf-tab-vertical .icn .material-symbols-outlined, .lf-tab.lf-tab-vertical .icn span {
                font-size: 1.875rem
            }

    @media(max-width: 575.98px) {
        .lf-tab.lf-tab-vertical {
            flex-direction: row;
            flex-wrap: nowrap
        }

            .lf-tab.lf-tab-vertical .nav-link {
                text-align: center;
                padding: .5rem .3rem;
                font-size: .875rem;
                word-wrap: break-word
            }

                .lf-tab.lf-tab-vertical .nav-link.active:after {
                    content: " ";
                    bottom: -14px;
                    left: 50%;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 16px 24px 0 24px;
                    border-color: #a1dd00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
                    position: absolute;
                    z-index: 2;
                    transform: translateX(-50%)
                }

            .lf-tab.lf-tab-vertical .icn {
                display: block;
                text-align: center
            }

                .lf-tab.lf-tab-vertical .icn .material-symbols-outlined, .lf-tab.lf-tab-vertical .icn span {
                    font-size: 1.25rem
                }
    }

    .card-product {
        border: none;
        /*width: 230px;*/
        height: 200px;
    }

        .card-product .card-img-overlay {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            background-color: rgba(0,0,0,.7);
            color: #fff;
            opacity: 0;
            transition: all .3s linear
        }

    @media(prefers-reduced-motion: reduce) {
        .card-product .card-img-overlay {
            transition: none
        }
    }

    .card-product .card-img-overlay .product-name, .card-product .card-img-overlay .product-price {
        position: relative;
        transition: all .3s linear;
        top: -5%
    }

    @media(prefers-reduced-motion: reduce) {
        .card-product .card-img-overlay .product-name, .card-product .card-img-overlay .product-price {
            transition: none
        }
    }

    .card-product .card-img-overlay .product-name {
        font-weight: 600;
        font-size: 1.1rem;
        overflow-y: auto;
        text-align: center;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }

    .card-product:hover .card-img-overlay {
        justify-content: center;
        opacity: 1
    }

        .card-product:hover .card-img-overlay .product-name, .card-product:hover .card-img-overlay .product-price {
            top: 0
        }

    .lf-card {
        width: 100%;
        border-radius: 20px;
        border-color: rgba(0,0,0,0)
    }

        .lf-card .card-body, .lf-card .card-footer {
            border: 1px solid rgba(0,0,0,0);
            padding: 5px
        }

        .lf-card .card-body {
            border-bottom: none;
            position: relative;
            padding-bottom: 0;
            border-top-left-radius: 19px;
            border-top-right-radius: 19px
        }

            .lf-card .card-body .card-title {
                position: absolute;
                z-index: 10;
                margin-left: 15px;
                margin-top: 5px;
                padding: 1px 5px;
                display: inline-block;
                line-height: 1.2;
                background-color: rgba(255,255,255,.5);
                border-radius: .25rem;
                max-width: 200px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

        .lf-card .card-footer {
            border-top: none;
            background: rgba(0,0,0,0);
            border-bottom-right-radius: 19px;
            border-bottom-left-radius: 19px
        }

        .lf-card.active {
            border-color: #a1dd00
        }

            .lf-card.active .card-body, .lf-card.active .card-footer {
                border-color: #a1dd00
            }

        .lf-card .lf-bg-container {
            border-radius: 16px;
            height: 120px;
            width: 100%;
            overflow: hidden
        }

            .lf-card .lf-bg-container .lf-card-bg img {
                width: 100%
            }

        .lf-card .profile-pic {
            width: 120px;
            height: 120px;
            padding: 5px;
            border-radius: 50%;
            background-color: #fff
        }

            .lf-card .profile-pic img {
                border-radius: 50%
            }

        .lf-card .intro {
            z-index: 5;
            top: -4.5rem;
            margin-bottom: -4.5rem;
            position: relative
        }

        .lf-card .avatar-container {
            display: flex;
            justify-content: center;
            position: relative
        }

        .lf-card .user-detail .detail .name {
            text-align: center;
            font-weight: 500;
            margin: 0;
            font-size: 1.125rem;
            line-height: 1.2
        }

        .lf-card .user-detail .detail .jobTitle {
            text-align: center;
            font-size: .875rem
        }

        .lf-card .user-detail .detail .companyName {
            text-align: center;
            font-weight: 500;
            font-size: .875rem
        }

        .lf-card.profile-1 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 140px;
            margin-bottom: -20px
        }

        .lf-card.profile-1 .intro {
            top: -1.2rem;
            margin-bottom: -1.2rem;
            margin-left: 1.5rem;
            margin-right: 1.5rem;
            border-radius: 1.2rem;
            background: #f3f9fb;
            background: linear-gradient(0deg, rgb(243, 249, 251) 7%, rgb(167, 153, 215) 88%);
            padding-bottom: 1rem;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
        }

        .lf-card.profile-1 .avatar-container {
            top: -3.6rem;
            margin-bottom: -3.6rem;
            padding-bottom: .5rem
        }

        .lf-card.profile-1 .profile-pic {
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            border-radius: 1.2rem;
            padding: 0
        }

            .lf-card.profile-1 .profile-pic img {
                border-radius: 1.2rem
            }

        .lf-card.profile-2 {
            overflow: hidden
        }

            .lf-card.profile-2 .lf-bg-container {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
                height: 145px;
                margin-bottom: -20px
            }

                .lf-card.profile-2 .lf-bg-container .lf-card-bg {
                    width: 105%;
                    left: -2.5%;
                    position: relative;
                    height: 140px;
                    border-bottom-right-radius: 50%;
                    border-bottom-left-radius: 50%;
                    overflow: hidden
                }

            .lf-card.profile-2 .intro {
                top: -1.2rem;
                margin-bottom: -1.2rem;
                margin-left: 1.5rem;
                margin-right: 1.5rem;
                border-radius: 1.2rem;
                background: rgba(0,0,0,0);
                padding-bottom: 1rem
            }

            .lf-card.profile-2 .avatar-container {
                top: -3.6rem;
                margin-bottom: -3.6rem;
                padding-bottom: .5rem
            }

            .lf-card.profile-2 .profile-pic {
                box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
                border-radius: 2.5rem;
                padding: 4px
            }

                .lf-card.profile-2 .profile-pic img {
                    border-radius: 2.3rem
                }

            .lf-card.profile-2 .name {
                color: #c6000b
            }

        .lf-card.profile-3 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 140px;
            margin-bottom: -5px
        }

            .lf-card.profile-3 .lf-bg-container .lf-card-bg {
                top: -55px;
                position: relative
            }

        .lf-card.profile-3 .intro {
            top: -1.5rem;
            margin-bottom: -1.5rem;
            padding-bottom: 0;
            position: relative
        }

            .lf-card.profile-3 .intro .deco {
                position: absolute;
                z-index: -1;
                display: block;
                width: 100%;
                top: -50px
            }

                .lf-card.profile-3 .intro .deco .profile-3-intro-decorator {
                    fill: #9bd044
                }

            .lf-card.profile-3 .intro .user-detail {
                padding: 1.95rem 0 2.1rem 1.8rem;
                background: #fff;
                background: linear-gradient(0deg, white 0%, #9bd044 94%)
            }

                .lf-card.profile-3 .intro .user-detail .detail .name, .lf-card.profile-3 .intro .user-detail .detail .jobTitle, .lf-card.profile-3 .intro .user-detail .detail .companyName {
                    text-align: left
                }

        .lf-card.profile-3 .avatar-container {
            top: -3.9rem;
            margin-bottom: -6.09rem;
            padding-bottom: .5rem;
            justify-content: start
        }

        .lf-card.profile-3 .profile-pic {
            width: 120px;
            height: 120px;
            padding: 5px;
            margin-left: 1.5rem;
            border-radius: 50%;
            background-color: #fff
        }

            .lf-card.profile-3 .profile-pic img {
                border-radius: 50%
            }

        .lf-card.profile-4 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 230px;
            margin-bottom: -50px
        }

            .lf-card.profile-4 .lf-bg-container .lf-card-bg {
                display: block;
                position: relative
            }

                .lf-card.profile-4 .lf-bg-container .lf-card-bg:after {
                    content: " ";
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    background-color: rgba(0,0,0,.1);
                    top: 0
                }

                .lf-card.profile-4 .lf-bg-container .lf-card-bg img {
                    width: 100%
                }

        .lf-card.profile-4 .intro {
            z-index: 5;
            top: -2rem;
            margin-bottom: -2rem;
            position: relative;
            padding: 3rem 0 1.5rem 0;
            background: #000;
            background: linear-gradient(0deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 90%);
            color: #fff
        }

        .lf-card.profile-4 .avatar-container {
            display: none
        }

        .lf-card.profile-5 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 230px;
            margin-bottom: -40px
        }

            .lf-card.profile-5 .lf-bg-container .lf-card-bg {
                display: block;
                position: relative
            }

                .lf-card.profile-5 .lf-bg-container .lf-card-bg img {
                    width: 100%
                }

        .lf-card.profile-5 .intro {
            top: 0;
            margin-bottom: 0;
            margin-left: 1.5rem;
            margin-right: 1.5rem;
            border-radius: 1.2rem;
            background: #fff;
            padding: 1rem;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
        }

        .lf-card.profile-5 .avatar-container {
            display: none
        }

        .lf-card.profile-6 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            background-color: #212529;
            height: 240px;
            margin-bottom: -50px
        }

        .lf-card.profile-6 .intro {
            top: -8.5rem;
            margin-bottom: -8.5rem;
            background-color: #212529;
            color: #fff
        }

        .lf-card.profile-6 .avatar-container {
            justify-content: start
        }

        .lf-card.profile-6 .profile-pic {
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            border-radius: 1.2rem;
            padding: 0;
            margin-left: 1.5rem
        }

            .lf-card.profile-6 .profile-pic img {
                border-radius: 1.2rem
            }

        .lf-card.profile-6 .user-detail {
            padding: 1.5rem 0;
            display: block;
            position: relative
        }

            .lf-card.profile-6 .user-detail .detail {
                position: relative;
                margin-left: 2.7rem
            }

                .lf-card.profile-6 .user-detail .detail:before {
                    content: " ";
                    width: 4px;
                    border-radius: 3px;
                    height: 100%;
                    position: absolute;
                    display: inline-block;
                    background-color: #fff;
                    left: -1.2rem
                }

                .lf-card.profile-6 .user-detail .detail .name, .lf-card.profile-6 .user-detail .detail .jobTitle, .lf-card.profile-6 .user-detail .detail .companyName {
                    text-align: left
                }

                .lf-card.profile-6 .user-detail .detail .name {
                    color: #e26223
                }

        .lf-card.profile-7 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 173px;
            margin-bottom: -53px
        }

        .lf-card.profile-7 .intro {
            position: relative
        }

            .lf-card.profile-7 .intro .deco {
                position: absolute;
                z-index: 1;
                display: block;
                width: 100%;
                top: 64px
            }

                .lf-card.profile-7 .intro .deco .deco-1 {
                    fill: #111
                }

                .lf-card.profile-7 .intro .deco .deco-2 {
                    fill: #022050
                }

                .lf-card.profile-7 .intro .deco .deco-3 {
                    fill: #0a2c62
                }

                .lf-card.profile-7 .intro .deco .deco-4 {
                    fill: #1a3f7c
                }

            .lf-card.profile-7 .intro .avatar-container {
                justify-content: start;
                position: relative;
                top: -1rem;
                padding-bottom: 0
            }

                .lf-card.profile-7 .intro .avatar-container .profile-pic {
                    padding: 0;
                    width: 100px;
                    height: 100px;
                    margin-left: 1.5rem;
                    border-radius: 50%
                }

            .lf-card.profile-7 .intro .user-detail {
                background-color: #111;
                color: #fff;
                padding: 1rem 0 1.5rem 0;
                position: relative;
                z-index: 0
            }

                .lf-card.profile-7 .intro .user-detail .name {
                    color: #4d77db
                }

        .lf-card.profile-8 .lf-bg-container {
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            height: 200px;
            margin-bottom: -30px
        }

        .lf-card.profile-8 .intro {
            top: -8rem;
            margin-bottom: -8rem
        }

        .lf-card.profile-8 .avatar-container {
            justify-content: start;
            margin-bottom: 15px
        }

            .lf-card.profile-8 .avatar-container .profile-pic {
                margin-left: 1.5rem;
                padding: 0;
                width: 105px;
                height: 105px
            }

        .lf-card.profile-8 .user-detail {
            margin-left: 1.5rem;
            margin-right: 1.5rem;
            border-radius: 1.2rem;
            background: #fff;
            padding: 1rem;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
        }

            .lf-card.profile-8 .user-detail .name {
                color: #973031
            }

        .lf-card.profile-9 .profile-pic {
            background-color: #55bb19;
            border-radius: 1.2rem
        }

            .lf-card.profile-9 .profile-pic img {
                border-radius: 1rem
            }

        .lf-card.profile-9 .avatar-container {
            margin-bottom: .5rem
        }

    @media(min-width: 768px) {
        .table-imititator div[class^=col-] .list-group, .table-imititator div[class*=" col-"] .list-group {
            border-radius: 0
        }

            .table-imititator div[class^=col-] .list-group .list-group-item, .table-imititator div[class*=" col-"] .list-group .list-group-item {
                border-right: none;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem
            }

                .table-imititator div[class^=col-] .list-group .list-group-item:nth-child(even), .table-imititator div[class*=" col-"] .list-group .list-group-item:nth-child(even) {
                    background-color: rgba(161,221,0,.03)
                }

        .table-imititator div[class^=col-]:first-child .list-group, .table-imititator div[class*=" col-"]:first-child .list-group {
            border-radius: 0
        }

            .table-imititator div[class^=col-]:first-child .list-group .list-group-item, .table-imititator div[class*=" col-"]:first-child .list-group .list-group-item {
                border-top-color: rgba(0,0,0,0);
                border-left: none;
                border-right: none
            }

        .table-imititator div[class^=col-]:nth-child(2) .list-group, .table-imititator div[class*=" col-"]:nth-child(2) .list-group {
            border-top-left-radius: var(--bs-border-radius)
        }

        .table-imititator div[class^=col-]:last-child .list-group, .table-imititator div[class*=" col-"]:last-child .list-group {
            border-top-right-radius: var(--bs-border-radius);
            border-bottom-right-radius: var(--bs-border-radius)
        }

            .table-imititator div[class^=col-]:last-child .list-group .list-group-item, .table-imititator div[class*=" col-"]:last-child .list-group .list-group-item {
                border-right: 1px solid var(--bs-border-color)
            }
    }

    .product-panel {
        position: relative
    }

        .product-panel .action {
            margin-top: 1rem;
            display: block;
            text-align: center
        }

            .product-panel .action .btn {
                text-align: left;
                display: inline-flex;
                align-items: center;
                width: inherit
            }

                .product-panel .action .btn .price {
                    display: inline-block
                }

                    .product-panel .action .btn .price:before {
                        content: "|";
                        margin: 0 .5rem
                    }

    @media(max-width: 575.98px) {
        .product-panel .action .btn {
            font-size: .875rem;
            width: 100%
        }

            .product-panel .action .btn .price {
                display: inline-block
            }

                .product-panel .action .btn .price:before {
                    content: "|";
                    margin: 0 .25rem
                }
    }

    .product-panel .options-wrapper {
        max-width: 160px;
        min-width: 111px;
        display: inline-block
    }

    .product-panel .swiper {
        padding: .5rem
    }

    .product-detail .product-title {
        margin: 0
    }

    .product-detail .option-title {
        margin: .25rem 0 0 0;
        font-weight: 500
    }

    .product-detail .options {
        display: flex
    }

        .product-detail .options .option-item {
            cursor: pointer;
            position: relative
        }

            .product-detail .options .option-item label {
                cursor: pointer
            }

            .product-detail .options .option-item.option-img {
                position: relative;
                width: 42px;
                height: 37px
            }

                .product-detail .options .option-item.option-img .form-check-input input[type=radio] {
                    width: 40px;
                    height: 32px;
                    border-radius: 6px
                }

                .product-detail .options .option-item.option-img label {
                    position: absolute;
                    left: 2px;
                    top: 5.5px;
                    width: 36px;
                    height: 28px;
                    border: 2px solid #fff;
                    border-radius: 5px;
                    overflow: hidden
                }

                    .product-detail .options .option-item.option-img label img {
                        display: block;
                        width: 100%;
                        border-radius: 2px
                    }

            .product-detail .options .option-item.option-text {
                padding-left: 0
            }

                .product-detail .options .option-item.option-text .form-check-input {
                    display: none
                }

                .product-detail .options .option-item.option-text:has(> .form-check-input input[type=radio]:checked) label {
                    border-color: #a1dd00;
                    border-width: 1.5px;
                    color: #a1dd00
                }

                    .product-detail .options .option-item.option-text:has(> .form-check-input input[type=radio]:checked) label:after {
                        border: 1px solid #a1dd00
                    }

                .product-detail .options .option-item.option-text label {
                    background: #fff;
                    border: 1px solid #dee2e6;
                    position: relative;
                    left: 0;
                    display: inline-block;
                    padding: .25rem 1rem;
                    border-radius: 5px
                }

                    .product-detail .options .option-item.option-text label:after {
                        display: inline-block;
                        position: absolute;
                        content: " ";
                        width: 100%;
                        height: 100%;
                        border: 1px solid rgba(0,0,0,0);
                        left: 0;
                        top: 0;
                        border-radius: 3px
                    }

    .product-detail .list-group .list-group-item {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .product-detail .qty-wrapper {
        width: 150px
    }

    .product-detail .share .icn {
        display: inline-block;
        width: 45px;
        height: 40px;
        padding: .2rem .5rem;
        background: #fff;
        border-radius: var(--bs-border-radius-sm);
        border: 1px solid var(--bs-border-color)
    }

        .product-detail .share .icn svg {
            width: 100%
        }

        .product-detail .share .icn .material-symbols-outlined {
            font-size: 1.875rem;
            position: relative;
            bottom: -2px
        }

        .product-detail .share .icn:hover {
            background: #e9ecef
        }

    .product-detail .price {
        font-weight: 500;
        font-size: 1.75rem
    }

        .product-detail .price .currency {
            font-weight: 400;
            font-size: 1rem
        }

    .product-detail .main-image {
        padding: 0 3.5rem;
        position: relative
    }

        .product-detail .main-image .swiper-button-next, .product-detail .main-image .swiper-button-prev {
            transition: opacity .3s linear;
            opacity: 0
        }

    @media(prefers-reduced-motion: reduce) {
        .product-detail .main-image .swiper-button-next, .product-detail .main-image .swiper-button-prev {
            transition: none
        }
    }

    .product-detail .main-image .swiper-button-next {
        right: .5rem
    }

    .product-detail .main-image:hover .swiper-button-next:not(.swiper-button-disabled), .product-detail .main-image:hover .swiper-button-prev:not(.swiper-button-disabled) {
        opacity: 1
    }

    .product-detail .main-image:hover .swiper-button-next.swiper-button-disabled, .product-detail .main-image:hover .swiper-button-prev.swiper-button-disabled {
        opacity: .2
    }

    @media(max-width: 575.98px) {
        .product-detail .main-image {
            padding: 0
        }
    }

    .product-detail .thumbs {
        padding: 0 3.5rem
    }

        .product-detail .thumbs .swiper-slide img {
            border: 2px solid var(--bs-border-color);
            max-width: 100px
        }

        .product-detail .thumbs .swiper-slide.swiper-slide-thumb-active img {
            border-color: #a1dd00
        }

    @media(max-width: 575.98px) {
        .product-detail .thumbs {
            padding: 0;
            margin-bottom: 1.5rem
        }

            .product-detail .thumbs .swiper-slide img {
                border: 1px solid var(--bs-border-color);
                /*max-width: 60px*/
            }

            .product-detail .thumbs .swiper-slide.swiper-slide-thumb-active img {
                border-color: #a1dd00
            }
    }

    .product-detail .accordion .accordion-button {
        font-size: 1.25rem
    }

        .product-detail .accordion .accordion-button:not(.collapsed) {
            background-color: #f8f9fa
        }

    .phone-case {
        display: inline-block;
        position: relative;
        width: 330px;
        height: 600px;
        border: 4px solid #212529;
        border-radius: 35px;
        overflow: hidden;
        transition: all .5s ease
    }

        .phone-case .ps__rail-y {
            z-index: 55
        }

        .phone-case .phone-wrapper {
            overflow-y: auto;
            overflow-x: hidden;
            display: block;
            width: 100%;
            height: 100%;
            position: relative
        }

            .phone-case .phone-wrapper .loading-bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 48;
                background-color: #000;
                width: 100%;
                height: 100%;
                display: none
            }

                .phone-case .phone-wrapper .loading-bg .loading {
                    color: #fff;
                    font-size: .875rem;
                    display: block;
                    text-align: center;
                    position: relative
                }

                    .phone-case .phone-wrapper .loading-bg .loading:after {
                        font-family: "Material Symbols Outlined";
                        content: "";
                        position: absolute;
                        top: -60px;
                        left: 0;
                        font-size: 2.5rem;
                        display: block;
                        text-align: center;
                        width: 100%;
                        animation: PhoneLoader 2s linear infinite
                    }

                .phone-case .phone-wrapper .loading-bg.active {
                    display: flex;
                    flex-direction: column;
                    justify-content: center
                }

        .phone-case .header-bg {
            height: 30%;
            background-repeat: no-repeat;
            background-size: cover
        }

        .phone-case .util {
            display: flex;
            padding: 0 1rem 1rem 1rem;
            position: absolute;
            width: 100%;
            z-index: 50;
            border-top-left-radius: 33px;
            border-top-right-radius: 33px
        }

            .phone-case .util:before {
                content: " ";
                position: absolute;
                z-index: 49;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #212529;
                background: linear-gradient(180deg, rgba(33, 37, 41, 0.7) 5%, rgba(33, 37, 41, 0) 90%);
                transition: opacity .3s linear;
                opacity: 0
            }

            .phone-case .util .separator {
                flex-grow: 1;
                background-color: #212529;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
                margin-right: .5rem
            }

            .phone-case .util time {
                position: relative;
                z-index: 50;
                padding: .25rem 1.5rem 0 1rem
            }

            .phone-case .util .dummy-icons {
                position: relative;
                z-index: 50;
                padding: .5rem 0 0 .5rem;
                display: inline-flex;
                align-items: center;
                height: 100%
            }

                .phone-case .util .dummy-icons .signal, .phone-case .util .dummy-icons .wifi, .phone-case .util .dummy-icons .battery {
                    display: inline-block;
                    background-repeat: no-repeat
                }

                .phone-case .util .dummy-icons .signal {
                    width: 16px;
                    height: 16px;
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 66 48'%3e%3cg%3e%3cpath fill='%23212529'  d='M2 30h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V32a2 2 0 0 1 2-2zm36-20h8a2 2 0 0 1 2 2v34a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2zM56 0h8a2 2 0 0 1 2 2v44a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM20 21h8a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V23a2 2 0 0 1 2-2z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
                }

                .phone-case .util .dummy-icons .wifi {
                    width: 16px;
                    height: 16px;
                    position: relative;
                    top: -1px;
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 507.169 507.169'%3e%3cg%3e%3cpath d='M253.476 358.88c-24.24 0-43.96 19.656-43.96 43.804 0 24.156 19.72 43.82 43.96 43.82 24.248 0 43.968-19.664 43.968-43.82 0-24.148-19.724-43.804-43.968-43.804zM360.732 299.197c-28.62-28.604-66.716-44.364-107.256-44.364-40.384 0-78.376 15.656-106.988 44.08-11.556 11.5-11.576 30.236-.048 41.756 5.6 5.608 13.056 8.688 20.992 8.688 7.9 0 15.328-3.064 20.92-8.624 17.412-17.304 40.54-26.836 65.124-26.836 24.676 0 47.868 9.592 65.292 27 5.6 5.592 13.052 8.68 20.98 8.68 7.908 0 15.332-3.064 20.928-8.624 11.572-11.501 11.592-30.228.056-41.756zM498.512 161.872C433.08 96.601 346.052 60.665 253.476 60.665c-92.452 0-179.392 35.852-244.804 100.968-11.556 11.5-11.564 30.236-.016 41.756 5.596 5.58 13.04 8.648 20.96 8.648 7.916 0 15.352-3.056 20.948-8.632 54.22-53.968 126.28-83.696 202.912-83.696 76.744 0 148.876 29.788 203.108 83.9 5.596 5.584 13.052 8.664 20.968 8.664 7.912 0 15.348-3.072 20.94-8.64 11.56-11.509 11.572-30.252.02-41.761z' fill='%23212529' %3e%3c/path%3e%3cpath d='M427.876 232.256C381.3 185.788 319.364 160.2 253.476 160.2c-65.768 0-127.612 25.508-174.148 71.812-5.604 5.572-8.688 12.984-8.7 20.876 0 7.884 3.072 15.304 8.668 20.884 5.596 5.584 13.044 8.664 20.964 8.664 7.908 0 15.344-3.072 20.948-8.632 35.352-35.172 82.328-54.548 132.268-54.548 50.044 0 97.084 19.444 132.46 54.736 5.604 5.592 13.048 8.672 20.972 8.672 7.912 0 15.352-3.072 20.94-8.64 5.596-5.572 8.688-12.984 8.692-20.876.008-7.892-3.072-15.304-8.664-20.892z' fill='%23212529' %3e%3c/path%3e%3c/g%3e%3c/svg%3e")
                }

                .phone-case .util .dummy-icons .battery {
                    width: 22px;
                    height: 22px;
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 100 100'%3e%3cg%3e%3cpath d='M90 43.333 83.333 40v-6.667c0-3.665-3.001-6.666-6.666-6.666h-60c-3.666 0-6.667 3.001-6.667 6.666v33.334c0 3.665 3.001 6.666 6.667 6.666h60c3.665 0 6.666-3.001 6.666-6.666V60L90 56.667zM76.667 66.667h-60V33.333h60z' fill='%23000000'%3e%3c/path%3e%3cpath d='M23.333 40H30v20h-6.667zM36.667 40h6.666v20h-6.666z' fill='%23212529'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
                }

        .phone-case .lead-capture-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.3);
            display: none;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            z-index: 60
        }

            .phone-case .lead-capture-container .lead-capture-content {
                width: 88%;
                display: inline-flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: var(--bs-border-radius);
                font-size: .7875rem
            }

                .phone-case .lead-capture-container .lead-capture-content .header {
                    padding: .5rem;
                    font-weight: 500;
                    border-bottom: 1px solid var(--bs-border-color-translucent)
                }

                .phone-case .lead-capture-container .lead-capture-content .body {
                    padding: .5rem
                }

                .phone-case .lead-capture-container .lead-capture-content .footer {
                    border-top: 1px solid var(--bs-border-color-translucent);
                    padding: .5rem
                }

            .phone-case .lead-capture-container.active {
                display: flex
            }

        .phone-case .layout-container .profile {
            font-size: .875rem;
            border: none
        }

            .phone-case .layout-container .profile .btn {
                font-size: .875rem;
                padding: .325rem .4rem !important;
                border-radius: .54rem
            }

            .phone-case .layout-container .profile section {
                padding: 1rem .5rem .5rem .5rem
            }

                .phone-case .layout-container .profile section:nth-last-child(2), .phone-case .layout-container .profile section:last-child {
                    padding-bottom: 1.5rem
                }

            .phone-case .layout-container .profile .title {
                font-size: 1rem;
                font-weight: 500
            }

            .phone-case .layout-container .profile .top .intro .user-detail, .phone-case .layout-container .profile .top .intro .user-action {
                padding: 0 1rem
            }

            .phone-case .layout-container .profile .top .intro .user-action {
                gap: .5rem;
                margin-top: .75rem
            }

            .phone-case .layout-container .profile .top .intro .user-detail .img-placeholder {
                width: 46px;
                min-width: 46px;
                height: 46px;
                border-width: 2px;
                margin-right: .6rem
            }

            .phone-case .layout-container .profile .top .intro .user-detail .detail .name {
                font-size: 1rem;
                font-weight: 500
            }

            .phone-case .layout-container .profile .top .intro .user-detail .detail .jobTitle {
                font-size: .875rem
            }

            .phone-case .layout-container .profile .top .intro .user-detail .detail .companyName {
                font-size: .875rem;
                font-weight: 500
            }

            .phone-case .layout-container .profile .contact-details .detail {
                margin-top: .375rem
            }

                .phone-case .layout-container .profile .contact-details .detail .icn {
                    width: 22px;
                    min-width: 22px;
                    max-width: 22px;
                    height: 22px;
                    margin-right: .4rem;
                    border-radius: .45rem
                }

                    .phone-case .layout-container .profile .contact-details .detail .icn .material-symbols-outlined {
                        font-size: 1.1375rem
                    }

                .phone-case .layout-container .profile .contact-details .detail > div:not(.icn) {
                    margin-top: .125rem
                }

            .phone-case .layout-container .profile .swiper {
                margin-top: .5rem;
                border-radius: .5rem
            }

            .phone-case .layout-container .profile .swiper-pagination {
                margin-top: 1rem
            }

                .phone-case .layout-container .profile .swiper-pagination .swiper-pagination-bullet {
                    width: 6px;
                    height: 6px;
                    margin-right: 3px
                }

            .phone-case .layout-container .profile .icon-lists-container {
                padding-top: 0
            }

                .phone-case .layout-container .profile .icon-lists-container .icon-lists {
                    --bs-gutter-y: .5rem;
                    --bs-gutter-x: .15rem
                }

                    .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link {
                        padding: .25rem .25rem
                    }

                        .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon {
                            border-radius: .45rem;
                            margin-bottom: .075rem
                        }

                            .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon img, .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon svg {
                                border-radius: .45rem
                            }

                        .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .text {
                            font-size: .83125rem
                        }

                    .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link {
                        padding-top: .25rem;
                        padding-bottom: .25rem
                    }

                        .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                        .phone-case .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .text {
                            font-size: .83125rem
                        }

            .phone-case .layout-container .profile.profile-1 {
                text-align: left
            }

                .phone-case .layout-container .profile.profile-1 .top {
                    padding: 0
                }

                    .phone-case .layout-container .profile.profile-1 .top .bg {
                        height: 350px
                    }

                    .phone-case .layout-container .profile.profile-1 .top .intro {
                        top: -12.3rem;
                        margin-bottom: -11.8rem;
                        margin-left: .5rem;
                        margin-right: .5rem;
                        padding-bottom: .85rem
                    }

                        .phone-case .layout-container .profile.profile-1 .top .intro .avatar-container {
                            top: -3rem;
                            margin-bottom: -3rem;
                            padding-bottom: .25rem
                        }

                            .phone-case .layout-container .profile.profile-1 .top .intro .avatar-container .avatar {
                                width: 100px;
                                height: 100px
                            }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-detail, .phone-case .layout-container .profile.profile-1 .top .intro .user-action {
                            padding: 0 1rem
                        }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-action {
                            gap: .5rem;
                            margin-top: .75rem
                        }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-detail .img-placeholder {
                            width: 46px;
                            min-width: 46px;
                            height: 46px;
                            border-width: 2px;
                            margin-right: .6rem
                        }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-detail .detail .name {
                            font-size: 1rem;
                            font-weight: 500
                        }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-detail .detail .jobTitle {
                            font-size: .875rem
                        }

                        .phone-case .layout-container .profile.profile-1 .top .intro .user-detail .detail .companyName {
                            font-size: .875rem;
                            font-weight: 500
                        }

                .phone-case .layout-container .profile.profile-1 .about, .phone-case .layout-container .profile.profile-1 .contact-details {
                    padding: 0 .5rem
                }

                .phone-case .layout-container .profile.profile-1 .product-services, .phone-case .layout-container .profile.profile-1 .icon-lists {
                    padding: 0 .375rem
                }

                    .phone-case .layout-container .profile.profile-1 .product-services .title, .phone-case .layout-container .profile.profile-1 .icon-lists .title {
                        margin-left: .25rem
                    }

            .phone-case .layout-container .profile.profile-2 .btn {
                border-radius: 50rem
            }

            .phone-case .layout-container .profile.profile-2 .top {
                padding: 0;
                border-bottom-right-radius: 80% 15%;
                border-bottom-left-radius: 80% 15%;
                width: 115%;
                margin-left: -7.5%
            }

                .phone-case .layout-container .profile.profile-2 .top .bg {
                    height: 175px;
                    width: 115%;
                    margin-left: -7.5%;
                    border-bottom-right-radius: 80% 30%;
                    border-bottom-left-radius: 80% 30%
                }

                .phone-case .layout-container .profile.profile-2 .top .intro {
                    padding-bottom: .9rem
                }

                    .phone-case .layout-container .profile.profile-2 .top .intro .avatar-container {
                        top: -1.2rem;
                        margin-bottom: -1.2rem;
                        padding-bottom: .5rem
                    }

                        .phone-case .layout-container .profile.profile-2 .top .intro .avatar-container .avatar {
                            border-radius: 2rem;
                            width: 100px;
                            height: 100px;
                            padding: 2.5px
                        }

                            .phone-case .layout-container .profile.profile-2 .top .intro .avatar-container .avatar > img {
                                border-radius: 1.8rem
                            }

                            .phone-case .layout-container .profile.profile-2 .top .intro .avatar-container .avatar .img-placeholder {
                                width: 42px;
                                height: 42px;
                                border-width: 2px;
                                right: -1rem
                            }

                    .phone-case .layout-container .profile.profile-2 .top .intro .user-detail {
                        padding: 0 1rem
                    }

                        .phone-case .layout-container .profile.profile-2 .top .intro .user-detail .detail .name {
                            font-size: 1rem;
                            font-weight: 500
                        }

                        .phone-case .layout-container .profile.profile-2 .top .intro .user-detail .detail .jobTitle {
                            font-size: .875rem
                        }

                        .phone-case .layout-container .profile.profile-2 .top .intro .user-detail .detail .companyName {
                            font-size: .875rem;
                            font-weight: 500
                        }

                    .phone-case .layout-container .profile.profile-2 .top .intro .user-action {
                        gap: .5rem;
                        margin-top: .5rem;
                        margin-left: 1.5rem;
                        margin-right: 1.5rem;
                        padding: 0 .95rem .5rem .95rem
                    }

                        .phone-case .layout-container .profile.profile-2 .top .intro .user-action .btn {
                            padding: .5rem .5rem !important
                        }

            .phone-case .layout-container .profile.profile-3 section {
                padding: .5rem .5rem .5rem .5rem
            }

                .phone-case .layout-container .profile.profile-3 section:last-child {
                    paddin-bottom: 1.5rem
                }

            .phone-case .layout-container .profile.profile-3 .top {
                padding: 0
            }

                .phone-case .layout-container .profile.profile-3 .top .bg {
                    height: 190px
                }

                .phone-case .layout-container .profile.profile-3 .top .intro {
                    top: -1rem;
                    margin-bottom: -1rem;
                    padding-bottom: .5rem
                }

                    .phone-case .layout-container .profile.profile-3 .top .intro .deco {
                        top: -53px
                    }

                        .phone-case .layout-container .profile.profile-3 .top .intro .deco .profile-3-intro-decorator {
                            fill: #9bd044
                        }

                    .phone-case .layout-container .profile.profile-3 .top .intro .avatar-container {
                        text-align: left !important;
                        top: -5rem;
                        margin-bottom: -5rem;
                        padding-bottom: .125rem;
                        display: block
                    }

                        .phone-case .layout-container .profile.profile-3 .top .intro .avatar-container .avatar {
                            margin-left: .7rem;
                            padding: 3px;
                            width: 100px;
                            height: 100px
                        }

                        .phone-case .layout-container .profile.profile-3 .top .intro .avatar-container .img-placeholder {
                            width: 50px;
                            height: 50px;
                            border: 2px solid #dee2e6;
                            bottom: 1.2rem;
                            right: 1.2rem
                        }

                    .phone-case .layout-container .profile.profile-3 .top .intro .user-detail .detail .name, .phone-case .layout-container .profile.profile-3 .top .intro .user-detail .detail .jobTitle, .phone-case .layout-container .profile.profile-3 .top .intro .user-detail .detail .companyName {
                        display: block;
                        text-align: left
                    }

                .phone-case .layout-container .profile.profile-3 .top .contact-details {
                    padding-top: 0;
                    padding-bottom: 0
                }

            .phone-case .layout-container .profile.profile-3 .about {
                border-radius: .5rem;
                padding: .5rem;
                margin-left: .5rem;
                margin-right: .5rem
            }

                .phone-case .layout-container .profile.profile-3 .about .title {
                    margin-bottom: 0
                }

            .phone-case .layout-container .profile.profile-3 .icon-lists .text-column .icon {
                padding: 0 7px
            }

                .phone-case .layout-container .profile.profile-3 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-3 .icon-lists .text-column .icon svg {
                    width: 100%;
                    fill: #47b215
                }

            .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn {
                width: 32px;
                min-width: 32px;
                height: 32px
            }

                .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn svg {
                    width: 100%;
                    fill: #47b215
                }

            .phone-case .layout-container .profile.profile-4 {
                text-align: left
            }

                .phone-case .layout-container .profile.profile-4 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case .layout-container .profile.profile-4 section:last-child {
                        padding-bottom: 0;
                        margin-bottom: 1rem
                    }

                .phone-case .layout-container .profile.profile-4 .top {
                    padding: 0
                }

                    .phone-case .layout-container .profile.profile-4 .top .bg {
                        height: 280px
                    }

                    .phone-case .layout-container .profile.profile-4 .top .intro {
                        top: -3.6rem;
                        margin-bottom: -3.6rem;
                        padding-bottom: .5rem
                    }

                        .phone-case .layout-container .profile.profile-4 .top .intro .avatar-container {
                            top: -4rem;
                            margin-bottom: -4rem;
                            padding-bottom: .125rem
                        }

                            .phone-case .layout-container .profile.profile-4 .top .intro .avatar-container .avatar {
                                margin-left: 1rem;
                                padding: 2.5px;
                                width: 100px;
                                height: 100px
                            }

                        .phone-case .layout-container .profile.profile-4 .top .intro .user-detail {
                            padding: 0 1rem .25rem 1rem
                        }

                            .phone-case .layout-container .profile.profile-4 .top .intro .user-detail .img-placeholder {
                                width: 45px;
                                height: 45px;
                                border: 2px solid #dee2e6;
                                margin-right: .5rem
                            }

                        .phone-case .layout-container .profile.profile-4 .top .intro .user-action {
                            display: flex;
                            margin-top: .25rem;
                            padding: 0 1rem
                        }

                            .phone-case .layout-container .profile.profile-4 .top .intro .user-action .btn {
                                flex-grow: 1;
                                flex-basis: 0;
                                padding: .25rem .5rem
                            }

                .phone-case .layout-container .profile.profile-4 .about {
                    border-radius: 1rem;
                    padding: .5rem
                }

                .phone-case .layout-container .profile.profile-4 .icon-lists {
                    padding-top: .5rem
                }

                    .phone-case .layout-container .profile.profile-4 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case .layout-container .profile.profile-4 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-4 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #ca7923
                        }

                    .phone-case .layout-container .profile.profile-4 .icon-lists .text-column .text {
                        color: #fff
                    }

                    .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #ca7923
                        }

            .phone-case .layout-container .profile.profile-5 {
                text-align: left
            }

                .phone-case .layout-container .profile.profile-5 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case .layout-container .profile.profile-5 section:nth-last-child(2) {
                        padding-bottom: 1.5rem
                    }

                .phone-case .layout-container .profile.profile-5 .top {
                    padding: 0
                }

                    .phone-case .layout-container .profile.profile-5 .top .bg {
                        height: 220px
                    }

                    .phone-case .layout-container .profile.profile-5 .top .intro {
                        top: -2.6rem;
                        margin-bottom: -2.6rem;
                        padding-bottom: .25rem
                    }

                        .phone-case .layout-container .profile.profile-5 .top .intro .avatar-container {
                            top: -4rem;
                            margin-bottom: -4rem;
                            padding-bottom: .125rem
                        }

                            .phone-case .layout-container .profile.profile-5 .top .intro .avatar-container .avatar {
                                margin-left: 1rem;
                                padding: 2.5px;
                                width: 100px;
                                height: 100px
                            }

                        .phone-case .layout-container .profile.profile-5 .top .intro .user-detail {
                            padding: 1.5rem .5rem .5rem .5rem;
                            margin-left: 1rem;
                            margin-right: 1rem;
                            border-radius: .5rem
                        }

                            .phone-case .layout-container .profile.profile-5 .top .intro .user-detail .img-placeholder {
                                width: 43px;
                                height: 43px;
                                border: 2px solid #dee2e6;
                                top: -20px;
                                left: 40%
                            }

                        .phone-case .layout-container .profile.profile-5 .top .intro .user-action {
                            display: flex;
                            margin-top: 1rem;
                            padding: 0 1rem
                        }

                            .phone-case .layout-container .profile.profile-5 .top .intro .user-action .btn {
                                flex-grow: 1;
                                flex-basis: 0;
                                padding: .25rem .5rem
                            }

                .phone-case .layout-container .profile.profile-5 .about {
                    border-radius: 1rem;
                    padding: .5rem
                }

                .phone-case .layout-container .profile.profile-5 .icon-lists {
                    padding-top: .5rem
                }

                    .phone-case .layout-container .profile.profile-5 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case .layout-container .profile.profile-5 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-5 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #c08b59
                        }

                    .phone-case .layout-container .profile.profile-5 .icon-lists .text-column .text {
                        color: #212529
                    }

                    .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #c08b59
                        }

            .phone-case .layout-container .profile.profile-6 {
                background-color: #111
            }

                .phone-case .layout-container .profile.profile-6 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case .layout-container .profile.profile-6 section:nth-last-child(2) {
                        padding-bottom: 1.5rem
                    }

                .phone-case .layout-container .profile.profile-6 .top {
                    padding: 5rem 0 0 0
                }

                    .phone-case .layout-container .profile.profile-6 .top .bg {
                        display: none
                    }

                    .phone-case .layout-container .profile.profile-6 .top .intro {
                        position: relative;
                        z-index: 10;
                        top: 0;
                        margin-bottom: 0;
                        padding-top: .5rem;
                        padding-bottom: .5rem
                    }

                        .phone-case .layout-container .profile.profile-6 .top .intro .avatar-container {
                            padding-bottom: .25rem
                        }

                            .phone-case .layout-container .profile.profile-6 .top .intro .avatar-container .avatar {
                                margin-left: 1rem;
                                border-radius: .5rem;
                                width: 100px;
                                height: 100px
                            }

                                .phone-case .layout-container .profile.profile-6 .top .intro .avatar-container .avatar img {
                                    border-radius: .5rem
                                }

                            .phone-case .layout-container .profile.profile-6 .top .intro .avatar-container .user-action {
                                margin-right: 1rem;
                                margin-left: 1rem;
                                padding: 0;
                                margin-top: .15rem
                            }

                                .phone-case .layout-container .profile.profile-6 .top .intro .avatar-container .user-action .btn {
                                    width: 100%;
                                    padding: .6rem .5rem !important
                                }

                        .phone-case .layout-container .profile.profile-6 .top .intro .user-detail {
                            margin-left: 1rem;
                            margin-right: 1rem;
                            margin-top: .7rem;
                            text-align: left
                        }

                            .phone-case .layout-container .profile.profile-6 .top .intro .user-detail .img-placeholder {
                                width: 43px;
                                height: 43px;
                                border: 2px solid #dee2e6
                            }

                            .phone-case .layout-container .profile.profile-6 .top .intro .user-detail .detail {
                                margin-left: .15rem
                            }

                                .phone-case .layout-container .profile.profile-6 .top .intro .user-detail .detail:before {
                                    width: 3px;
                                    margin-top: .25rem;
                                    border-radius: 2px;
                                    left: -1rem
                                }

                .phone-case .layout-container .profile.profile-6 .icon-lists {
                    padding-top: .5rem
                }

                    .phone-case .layout-container .profile.profile-6 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case .layout-container .profile.profile-6 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-6 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #e26223
                        }

                    .phone-case .layout-container .profile.profile-6 .icon-lists .text-column .text {
                        color: #fff
                    }

                    .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #e26223
                        }

                .phone-case .layout-container .profile.profile-6 .contact-details {
                    padding: 0 .5rem
                }

                .phone-case .layout-container .profile.profile-6 .about {
                    padding: .5rem
                }

            .phone-case .layout-container .profile.profile-7 {
                background-color: #111
            }

                .phone-case .layout-container .profile.profile-7 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case .layout-container .profile.profile-7 section:nth-last-child(2) {
                        padding-bottom: 1.5rem
                    }

                .phone-case .layout-container .profile.profile-7 .top {
                    padding: 0 !important
                }

                    .phone-case .layout-container .profile.profile-7 .top .bg {
                        height: 210px
                    }

                    .phone-case .layout-container .profile.profile-7 .top .intro {
                        top: -7.9rem;
                        margin-bottom: -7.9rem;
                        padding-bottom: 1rem
                    }

                        .phone-case .layout-container .profile.profile-7 .top .intro .avatar-container {
                            padding-bottom: 0
                        }

                            .phone-case .layout-container .profile.profile-7 .top .intro .avatar-container .avatar {
                                margin-left: .75rem;
                                border-radius: 50%;
                                width: 100px;
                                height: 100px
                            }

                                .phone-case .layout-container .profile.profile-7 .top .intro .avatar-container .avatar img {
                                    border-radius: 50%
                                }

                            .phone-case .layout-container .profile.profile-7 .top .intro .avatar-container .user-action {
                                margin-right: .75rem;
                                margin-left: .5rem;
                                margin-top: 0;
                                padding: 0 .5rem
                            }

                                .phone-case .layout-container .profile.profile-7 .top .intro .avatar-container .user-action .btn {
                                    padding: .5rem .5rem !important;
                                    border-radius: 50rem !important
                                }

                        .phone-case .layout-container .profile.profile-7 .top .intro .deco .deco-1 {
                            fill: #111
                        }

                        .phone-case .layout-container .profile.profile-7 .top .intro .deco .deco-2 {
                            fill: #022050
                        }

                        .phone-case .layout-container .profile.profile-7 .top .intro .deco .deco-3 {
                            fill: #0a2c62
                        }

                        .phone-case .layout-container .profile.profile-7 .top .intro .deco .deco-4 {
                            fill: #1a3f7c
                        }

                        .phone-case .layout-container .profile.profile-7 .top .intro .user-detail {
                            margin-left: 1rem;
                            margin-right: 1rem;
                            margin-top: .15rem
                        }

                            .phone-case .layout-container .profile.profile-7 .top .intro .user-detail .detail {
                                margin-left: 0
                            }

                .phone-case .layout-container .profile.profile-7 .icon-lists {
                    padding-top: 0
                }

                    .phone-case .layout-container .profile.profile-7 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case .layout-container .profile.profile-7 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-7 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #4d77db
                        }

                    .phone-case .layout-container .profile.profile-7 .icon-lists .text-column .text {
                        color: #fff
                    }

                    .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #4d77db
                        }

                .phone-case .layout-container .profile.profile-7 .contact-details {
                    padding: 0 .5rem
                }

                .phone-case .layout-container .profile.profile-7 .about {
                    padding: .5rem
                }

            .phone-case .layout-container .profile.profile-8 section {
                padding: .5rem .5rem .5rem .5rem
            }

                .phone-case .layout-container .profile.profile-8 section:nth-last-child(2) {
                    padding-bottom: 1.5rem
                }

            .phone-case .layout-container .profile.profile-8 .top {
                padding: 0 !important
            }

                .phone-case .layout-container .profile.profile-8 .top .bg {
                    height: 245px
                }

                .phone-case .layout-container .profile.profile-8 .top .intro {
                    top: -8.4rem;
                    margin-bottom: -8.4rem;
                    padding-bottom: .5rem
                }

                    .phone-case .layout-container .profile.profile-8 .top .intro .avatar-container {
                        padding-bottom: .5rem
                    }

                        .phone-case .layout-container .profile.profile-8 .top .intro .avatar-container .avatar {
                            margin-left: 1rem;
                            border-radius: 50%;
                            width: 90px;
                            height: 90px
                        }

                            .phone-case .layout-container .profile.profile-8 .top .intro .avatar-container .avatar img {
                                border-radius: 50%
                            }

                        .phone-case .layout-container .profile.profile-8 .top .intro .avatar-container .user-action {
                            margin-right: .75rem;
                            margin-left: .5rem;
                            margin-top: 0;
                            padding: 0 .5rem
                        }

                            .phone-case .layout-container .profile.profile-8 .top .intro .avatar-container .user-action .btn {
                                padding: .5rem .5rem !important;
                                border-radius: 50rem !important
                            }

                    .phone-case .layout-container .profile.profile-8 .top .intro .user-detail {
                        padding: 1rem;
                        margin-left: 1rem;
                        margin-right: 1rem;
                        margin-top: 0;
                        border-radius: 1rem
                    }

                        .phone-case .layout-container .profile.profile-8 .top .intro .user-detail .detail {
                            margin-left: 0
                        }

            .phone-case .layout-container .profile.profile-8 .icon-lists {
                padding-top: 0
            }

                .phone-case .layout-container .profile.profile-8 .icon-lists .text-column .icon {
                    padding: 0 7px
                }

                    .phone-case .layout-container .profile.profile-8 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-8 .icon-lists .text-column .icon svg {
                        width: 100%;
                        fill: #973031
                    }

                .phone-case .layout-container .profile.profile-8 .icon-lists .text-column .text {
                    color: #fff
                }

                .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn {
                    width: 32px;
                    min-width: 32px;
                    height: 32px
                }

                    .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn svg {
                        width: 100%;
                        fill: #973031
                    }

            .phone-case .layout-container .profile.profile-8 .contact-details {
                padding: 0 .5rem
            }

                .phone-case .layout-container .profile.profile-8 .contact-details .detail {
                    padding-top: .15rem;
                    padding-bottom: .15rem
                }

            .phone-case .layout-container .profile.profile-8 .about {
                padding: .5rem
            }

            .phone-case .layout-container .profile.profile-9 {
                text-align: left
            }

                .phone-case .layout-container .profile.profile-9 .top {
                    padding: 0
                }

                    .phone-case .layout-container .profile.profile-9 .top .bg {
                        height: 170px
                    }

                    .phone-case .layout-container .profile.profile-9 .top .intro {
                        top: -0.3rem;
                        margin-bottom: -0.3rem;
                        margin-left: 1rem;
                        margin-right: 1rem;
                        padding-bottom: .5rem
                    }

                        .phone-case .layout-container .profile.profile-9 .top .intro .avatar-container {
                            top: -3rem;
                            margin-bottom: -3rem;
                            padding-bottom: .25rem
                        }

                            .phone-case .layout-container .profile.profile-9 .top .intro .avatar-container .avatar {
                                width: 100px;
                                height: 100px;
                                padding: 3px
                            }

                                .phone-case .layout-container .profile.profile-9 .top .intro .avatar-container .avatar .img-placeholder {
                                    width: 43px;
                                    height: 43px;
                                    border: 2px solid #dee2e6;
                                    bottom: 1.6rem;
                                    right: -1.7rem
                                }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-detail, .phone-case .layout-container .profile.profile-9 .top .intro .user-action {
                            padding: 0 1rem
                        }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-action {
                            gap: .5rem;
                            margin-top: .75rem
                        }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-detail .img-placeholder {
                            width: 46px;
                            min-width: 46px;
                            height: 46px;
                            border-width: 2px;
                            margin-right: .6rem
                        }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-detail .detail .name {
                            font-size: 1rem;
                            font-weight: 500
                        }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-detail .detail .jobTitle {
                            font-size: .875rem
                        }

                        .phone-case .layout-container .profile.profile-9 .top .intro .user-detail .detail .companyName {
                            font-size: .875rem;
                            font-weight: 500
                        }

                .phone-case .layout-container .profile.profile-9 .about {
                    border-radius: .5rem;
                    padding: .5rem;
                    margin-left: .5rem;
                    margin-right: .5rem
                }

                    .phone-case .layout-container .profile.profile-9 .about .title {
                        margin-bottom: 0
                    }

                .phone-case .layout-container .profile.profile-9 .contact-details {
                    padding: 0 .5rem
                }

                    .phone-case .layout-container .profile.profile-9 .contact-details .detail {
                        padding-top: .15rem;
                        padding-bottom: .15rem
                    }

                        .phone-case .layout-container .profile.profile-9 .contact-details .detail .icn {
                            border-radius: 50%;
                            border: 1px solid #55bb19
                        }

                .phone-case .layout-container .profile.profile-9 .product-services, .phone-case .layout-container .profile.profile-9 .icon-lists {
                    padding: 0 .375rem
                }

                    .phone-case .layout-container .profile.profile-9 .product-services .title, .phone-case .layout-container .profile.profile-9 .icon-lists .title {
                        margin-left: .25rem
                    }

                    .phone-case .layout-container .profile.profile-9 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case .layout-container .profile.profile-9 .icon-lists .text-column .icon img, .phone-case .layout-container .profile.profile-9 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #55bb19
                        }

                    .phone-case .layout-container .profile.profile-9 .icon-lists .text-column .text {
                        color: #212529
                    }

                    .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon, .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon img, .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon svg, .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn img, .phone-case .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #55bb19
                        }

        .phone-case.scrolled .util {
            color: #fff
        }

            .phone-case.scrolled .util:before {
                opacity: 1
            }

            .phone-case.scrolled .util .signal {
                width: 16px;
                height: 16px;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 66 48'%3e%3cg%3e%3cpath fill='%23fff'  d='M2 30h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V32a2 2 0 0 1 2-2zm36-20h8a2 2 0 0 1 2 2v34a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V12a2 2 0 0 1 2-2zM56 0h8a2 2 0 0 1 2 2v44a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM20 21h8a2 2 0 0 1 2 2v23a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V23a2 2 0 0 1 2-2z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
            }

            .phone-case.scrolled .util .wifi {
                width: 16px;
                height: 16px;
                position: relative;
                top: -1px;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 507.169 507.169'%3e%3cg%3e%3cpath d='M253.476 358.88c-24.24 0-43.96 19.656-43.96 43.804 0 24.156 19.72 43.82 43.96 43.82 24.248 0 43.968-19.664 43.968-43.82 0-24.148-19.724-43.804-43.968-43.804zM360.732 299.197c-28.62-28.604-66.716-44.364-107.256-44.364-40.384 0-78.376 15.656-106.988 44.08-11.556 11.5-11.576 30.236-.048 41.756 5.6 5.608 13.056 8.688 20.992 8.688 7.9 0 15.328-3.064 20.92-8.624 17.412-17.304 40.54-26.836 65.124-26.836 24.676 0 47.868 9.592 65.292 27 5.6 5.592 13.052 8.68 20.98 8.68 7.908 0 15.332-3.064 20.928-8.624 11.572-11.501 11.592-30.228.056-41.756zM498.512 161.872C433.08 96.601 346.052 60.665 253.476 60.665c-92.452 0-179.392 35.852-244.804 100.968-11.556 11.5-11.564 30.236-.016 41.756 5.596 5.58 13.04 8.648 20.96 8.648 7.916 0 15.352-3.056 20.948-8.632 54.22-53.968 126.28-83.696 202.912-83.696 76.744 0 148.876 29.788 203.108 83.9 5.596 5.584 13.052 8.664 20.968 8.664 7.912 0 15.348-3.072 20.94-8.64 11.56-11.509 11.572-30.252.02-41.761z' fill='%23fff' %3e%3c/path%3e%3cpath d='M427.876 232.256C381.3 185.788 319.364 160.2 253.476 160.2c-65.768 0-127.612 25.508-174.148 71.812-5.604 5.572-8.688 12.984-8.7 20.876 0 7.884 3.072 15.304 8.668 20.884 5.596 5.584 13.044 8.664 20.964 8.664 7.908 0 15.344-3.072 20.948-8.632 35.352-35.172 82.328-54.548 132.268-54.548 50.044 0 97.084 19.444 132.46 54.736 5.604 5.592 13.048 8.672 20.972 8.672 7.912 0 15.352-3.072 20.94-8.64 5.596-5.572 8.688-12.984 8.692-20.876.008-7.892-3.072-15.304-8.664-20.892z' fill='%23fff' %3e%3c/path%3e%3c/g%3e%3c/svg%3e")
            }

            .phone-case.scrolled .util .battery {
                width: 22px;
                height: 22px;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 100 100'%3e%3cg%3e%3cpath d='M90 43.333 83.333 40v-6.667c0-3.665-3.001-6.666-6.666-6.666h-60c-3.666 0-6.667 3.001-6.667 6.666v33.334c0 3.665 3.001 6.666 6.667 6.666h60c3.665 0 6.666-3.001 6.666-6.666V60L90 56.667zM76.667 66.667h-60V33.333h60z' fill='%23fff'%3e%3c/path%3e%3cpath d='M23.333 40H30v20h-6.667zM36.667 40h6.666v20h-6.666z' fill='%23fff'%3e%3c/path%3e%3c/g%3e%3c/svg%3e")
            }

        .phone-case.phone-case-sm {
            width: 275px;
            height: 530px;
            box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)
        }

            .phone-case.phone-case-sm .util time {
                font-size: .7875rem;
                padding: .25rem .5rem 0 .5rem
            }

            .phone-case.phone-case-sm .dummy-icons {
                padding: .5rem 0 0 .25rem
            }

                .phone-case.phone-case-sm .dummy-icons .signal {
                    width: 13px;
                    height: 13px
                }

                .phone-case.phone-case-sm .dummy-icons .wifi {
                    width: 13px;
                    height: 13px;
                    position: relative;
                    top: -1px
                }

                .phone-case.phone-case-sm .dummy-icons .battery {
                    width: 19px;
                    height: 19px
                }

            .phone-case.phone-case-sm .layout-container .profile {
                font-size: .65625rem;
                border: none
            }

                .phone-case.phone-case-sm .layout-container .profile .btn {
                    font-size: .65625rem;
                    padding: .325rem .4rem !important;
                    border-radius: .54rem
                }

                .phone-case.phone-case-sm .layout-container .profile section {
                    padding: 1rem .5rem .5rem .5rem
                }

                    .phone-case.phone-case-sm .layout-container .profile section:nth-last-child(2), .phone-case.phone-case-sm .layout-container .profile section:last-child {
                        padding-bottom: 1.5rem
                    }

                .phone-case.phone-case-sm .layout-container .profile .title {
                    font-size: .9rem;
                    font-weight: 500
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-detail, .phone-case.phone-case-sm .layout-container .profile .top .intro .user-action {
                    padding: 0 1rem
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-action {
                    gap: .5rem;
                    margin-top: .75rem
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-detail .img-placeholder {
                    width: 46px;
                    min-width: 46px;
                    height: 46px;
                    border-width: 2px;
                    margin-right: .6rem
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-detail .detail .name {
                    font-size: .9rem;
                    font-weight: 500
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-detail .detail .jobTitle {
                    font-size: .65625rem
                }

                .phone-case.phone-case-sm .layout-container .profile .top .intro .user-detail .detail .companyName {
                    font-size: .65625rem;
                    font-weight: 500
                }

                .phone-case.phone-case-sm .layout-container .profile .contact-details .detail {
                    margin-top: .375rem
                }

                    .phone-case.phone-case-sm .layout-container .profile .contact-details .detail .icn {
                        width: 22px;
                        min-width: 22px;
                        max-width: 22px;
                        height: 22px;
                        margin-right: .4rem;
                        border-radius: .45rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile .contact-details .detail .icn .material-symbols-outlined {
                            font-size: .853125rem
                        }

                    .phone-case.phone-case-sm .layout-container .profile .contact-details .detail > div:not(.icn) {
                        margin-top: .125rem
                    }

                .phone-case.phone-case-sm .layout-container .profile .swiper {
                    margin-top: .5rem;
                    border-radius: .5rem
                }

                .phone-case.phone-case-sm .layout-container .profile .swiper-pagination {
                    margin-top: 1rem
                }

                    .phone-case.phone-case-sm .layout-container .profile .swiper-pagination .swiper-pagination-bullet {
                        width: 6px;
                        height: 6px;
                        margin-right: 3px
                    }

                .phone-case.phone-case-sm .layout-container .profile .icon-lists-container {
                    padding-top: 0
                }

                    .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists {
                        --bs-gutter-y: .5rem;
                        --bs-gutter-x: .15rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link {
                            padding: .25rem .25rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon {
                                border-radius: .45rem;
                                margin-bottom: .075rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .icon svg {
                                    border-radius: .45rem
                                }

                            .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-column .icon-link .text {
                                font-size: .6234375rem
                            }

                        .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link {
                            padding-top: .25rem;
                            padding-bottom: .25rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .icn {
                                width: 32px;
                                min-width: 32px;
                                height: 32px
                            }

                            .phone-case.phone-case-sm .layout-container .profile .icon-lists-container .icon-lists .text-inline .icon-link .text {
                                font-size: .6234375rem
                            }

                .phone-case.phone-case-sm .layout-container .profile.profile-1 {
                    text-align: left
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-1 .top {
                        padding: 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro {
                            top: -12.3rem;
                            margin-bottom: -11.8rem;
                            margin-left: .5rem;
                            margin-right: .5rem;
                            padding-bottom: .85rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .avatar-container {
                                top: -3rem;
                                margin-bottom: -3rem;
                                padding-bottom: .25rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .avatar-container .avatar {
                                    width: 100px;
                                    height: 100px
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-detail, .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-action {
                                padding: 0 1rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-action {
                                gap: .5rem;
                                margin-top: .75rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-detail .img-placeholder {
                                width: 46px;
                                min-width: 46px;
                                height: 46px;
                                border-width: 2px;
                                margin-right: .6rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-detail .detail .name {
                                font-size: .9rem;
                                font-weight: 500
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-detail .detail .jobTitle {
                                font-size: .65625rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-1 .top .intro .user-detail .detail .companyName {
                                font-size: .65625rem;
                                font-weight: 500
                            }

                    .phone-case.phone-case-sm .layout-container .profile.profile-1 .about, .phone-case.phone-case-sm .layout-container .profile.profile-1 .contact-details {
                        padding: 0 .5rem
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-1 .product-services, .phone-case.phone-case-sm .layout-container .profile.profile-1 .icon-lists {
                        padding: 0 .375rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-1 .product-services .title, .phone-case.phone-case-sm .layout-container .profile.profile-1 .icon-lists .title {
                            margin-left: .25rem
                        }

                .phone-case.phone-case-sm .layout-container .profile.profile-2 .btn {
                    border-radius: 50rem
                }

                .phone-case.phone-case-sm .layout-container .profile.profile-2 .top {
                    padding: 0;
                    border-bottom-right-radius: 80% 15%;
                    border-bottom-left-radius: 80% 15%;
                    width: 115%;
                    margin-left: -7.5%
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .bg {
                        height: 175px;
                        width: 115%;
                        margin-left: -7.5%;
                        border-bottom-right-radius: 80% 30%;
                        border-bottom-left-radius: 80% 30%
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro {
                        padding-bottom: .9rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .avatar-container {
                            top: -1.2rem;
                            margin-bottom: -1.2rem;
                            padding-bottom: .5rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .avatar-container .avatar {
                                border-radius: 2rem;
                                width: 100px;
                                height: 100px;
                                padding: 2.5px
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .avatar-container .avatar > img {
                                    border-radius: 1.8rem
                                }

                                .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .avatar-container .avatar .img-placeholder {
                                    width: 42px;
                                    height: 42px;
                                    border-width: 2px;
                                    right: -1rem
                                }

                        .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-detail {
                            padding: 0 1rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-detail .detail .name {
                                font-size: .9rem;
                                font-weight: 500
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-detail .detail .jobTitle {
                                font-size: .65625rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-detail .detail .companyName {
                                font-size: .65625rem;
                                font-weight: 500
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-action {
                            gap: .5rem;
                            margin-top: .5rem;
                            margin-left: 1.5rem;
                            margin-right: 1.5rem;
                            padding: 0 .95rem .5rem .95rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-2 .top .intro .user-action .btn {
                                padding: .5rem .5rem !important
                            }

                .phone-case.phone-case-sm .layout-container .profile.profile-3 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 section:last-child {
                        paddin-bottom: 1.5rem
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-3 .top {
                    padding: 0
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .bg {
                        height: 190px
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro {
                        top: -1rem;
                        margin-bottom: -1rem;
                        padding-bottom: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .deco {
                            top: -53px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .deco .profile-3-intro-decorator {
                                fill: #9bd044
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .avatar-container {
                            text-align: left !important;
                            top: -5rem;
                            margin-bottom: -5rem;
                            padding-bottom: .125rem;
                            display: block
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .avatar-container .avatar {
                                margin-left: .7rem;
                                padding: 3px;
                                width: 100px;
                                height: 100px
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .avatar-container .img-placeholder {
                                width: 50px;
                                height: 50px;
                                border: 2px solid #dee2e6;
                                bottom: 1.2rem;
                                right: 1.2rem
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .user-detail .detail .name, .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .user-detail .detail .jobTitle, .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .intro .user-detail .detail .companyName {
                            display: block;
                            text-align: left
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .top .contact-details {
                        padding-top: 0;
                        padding-bottom: 0
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-3 .about {
                    border-radius: .5rem;
                    padding: .5rem;
                    margin-left: .5rem;
                    margin-right: .5rem
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .about .title {
                        margin-bottom: 0
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-column .icon {
                    padding: 0 7px
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-column .icon svg {
                        width: 100%;
                        fill: #47b215
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn {
                    width: 32px;
                    min-width: 32px;
                    height: 32px
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-3 .icon-lists .text-inline .icon-link .icn svg {
                        width: 100%;
                        fill: #47b215
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-4 {
                    text-align: left
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-4 section {
                        padding: .5rem .5rem .5rem .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 section:last-child {
                            padding-bottom: 0;
                            margin-bottom: 1rem
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-4 .top {
                        padding: 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .bg {
                            height: 280px
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro {
                            top: -3.6rem;
                            margin-bottom: -3.6rem;
                            padding-bottom: .5rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .avatar-container {
                                top: -4rem;
                                margin-bottom: -4rem;
                                padding-bottom: .125rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .avatar-container .avatar {
                                    margin-left: 1rem;
                                    padding: 2.5px;
                                    width: 100px;
                                    height: 100px
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .user-detail {
                                padding: 0 1rem .25rem 1rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .user-detail .img-placeholder {
                                    width: 45px;
                                    height: 45px;
                                    border: 2px solid #dee2e6;
                                    margin-right: .5rem
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .user-action {
                                display: flex;
                                margin-top: .25rem;
                                padding: 0 1rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-4 .top .intro .user-action .btn {
                                    flex-grow: 1;
                                    flex-basis: 0;
                                    padding: .25rem .5rem
                                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-4 .about {
                        border-radius: 1rem;
                        padding: .5rem
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists {
                        padding-top: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-column .icon {
                            padding: 0 7px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-column .icon svg {
                                width: 100%;
                                fill: #ca7923
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-column .text {
                            color: #fff
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-4 .icon-lists .text-inline .icon-link .icn svg {
                                width: 100%;
                                fill: #ca7923
                            }

                .phone-case.phone-case-sm .layout-container .profile.profile-5 {
                    text-align: left
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-5 section {
                        padding: .5rem .5rem .5rem .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 section:nth-last-child(2) {
                            padding-bottom: 1.5rem
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-5 .top {
                        padding: 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .bg {
                            height: 220px
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro {
                            top: -2.6rem;
                            margin-bottom: -2.6rem;
                            padding-bottom: .25rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .avatar-container {
                                top: -4rem;
                                margin-bottom: -4rem;
                                padding-bottom: .125rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .avatar-container .avatar {
                                    margin-left: 1rem;
                                    padding: 2.5px;
                                    width: 100px;
                                    height: 100px
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .user-detail {
                                padding: 1.5rem .5rem .5rem .5rem;
                                margin-left: 1rem;
                                margin-right: 1rem;
                                border-radius: .5rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .user-detail .img-placeholder {
                                    width: 43px;
                                    height: 43px;
                                    border: 2px solid #dee2e6;
                                    top: -20px;
                                    left: 40%
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .user-action {
                                display: flex;
                                margin-top: 1rem;
                                padding: 0 1rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-5 .top .intro .user-action .btn {
                                    flex-grow: 1;
                                    flex-basis: 0;
                                    padding: .25rem .5rem
                                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-5 .about {
                        border-radius: 1rem;
                        padding: .5rem
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists {
                        padding-top: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-column .icon {
                            padding: 0 7px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-column .icon svg {
                                width: 100%;
                                fill: #c08b59
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-column .text {
                            color: #212529
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-5 .icon-lists .text-inline .icon-link .icn svg {
                                width: 100%;
                                fill: #c08b59
                            }

                .phone-case.phone-case-sm .layout-container .profile.profile-6 {
                    background-color: #111
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-6 section {
                        padding: .5rem .5rem .5rem .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 section:nth-last-child(2) {
                            padding-bottom: 1.5rem
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .top {
                        padding: 5rem 0 0 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .bg {
                            display: none
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro {
                            position: relative;
                            z-index: 10;
                            top: 0;
                            margin-bottom: 0;
                            padding-top: .5rem;
                            padding-bottom: .5rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .avatar-container {
                                padding-bottom: .25rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .avatar-container .avatar {
                                    margin-left: 1rem;
                                    border-radius: .5rem;
                                    width: 100px;
                                    height: 100px
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .avatar-container .avatar img {
                                        border-radius: .5rem
                                    }

                                .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .avatar-container .user-action {
                                    margin-right: 1rem;
                                    margin-left: 1rem;
                                    padding: 0;
                                    margin-top: .15rem
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .avatar-container .user-action .btn {
                                        width: 100%;
                                        padding: .6rem .5rem !important
                                    }

                            .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .user-detail {
                                margin-left: 1rem;
                                margin-right: 1rem;
                                margin-top: .7rem;
                                text-align: left
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .user-detail .img-placeholder {
                                    width: 43px;
                                    height: 43px;
                                    border: 2px solid #dee2e6
                                }

                                .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .user-detail .detail {
                                    margin-left: .15rem
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .top .intro .user-detail .detail:before {
                                        width: 3px;
                                        margin-top: .25rem;
                                        border-radius: 2px;
                                        left: -1rem
                                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists {
                        padding-top: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-column .icon {
                            padding: 0 7px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-column .icon svg {
                                width: 100%;
                                fill: #e26223
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-column .text {
                            color: #fff
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-6 .icon-lists .text-inline .icon-link .icn svg {
                                width: 100%;
                                fill: #e26223
                            }

                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .contact-details {
                        padding: 0 .5rem
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-6 .about {
                        padding: .5rem
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-7 {
                    background-color: #111
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-7 section {
                        padding: .5rem .5rem .5rem .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 section:nth-last-child(2) {
                            padding-bottom: 1.5rem
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .top {
                        padding: 0 !important
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .bg {
                            height: 210px
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro {
                            top: -7.9rem;
                            margin-bottom: -7.9rem;
                            padding-bottom: 1rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .avatar-container {
                                padding-bottom: 0
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .avatar-container .avatar {
                                    margin-left: .75rem;
                                    border-radius: 50%;
                                    width: 100px;
                                    height: 100px
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .avatar-container .avatar img {
                                        border-radius: 50%
                                    }

                                .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .avatar-container .user-action {
                                    margin-right: .75rem;
                                    margin-left: .5rem;
                                    margin-top: 0;
                                    padding: 0 .5rem
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .avatar-container .user-action .btn {
                                        padding: .5rem .5rem !important;
                                        border-radius: 50rem !important
                                    }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .deco .deco-1 {
                                fill: #111
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .deco .deco-2 {
                                fill: #022050
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .deco .deco-3 {
                                fill: #0a2c62
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .deco .deco-4 {
                                fill: #1a3f7c
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .user-detail {
                                margin-left: 1rem;
                                margin-right: 1rem;
                                margin-top: .15rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-7 .top .intro .user-detail .detail {
                                    margin-left: 0
                                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists {
                        padding-top: 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-column .icon {
                            padding: 0 7px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-column .icon svg {
                                width: 100%;
                                fill: #4d77db
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-column .text {
                            color: #fff
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-7 .icon-lists .text-inline .icon-link .icn svg {
                                width: 100%;
                                fill: #4d77db
                            }

                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .contact-details {
                        padding: 0 .5rem
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-7 .about {
                        padding: .5rem
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-8 section {
                    padding: .5rem .5rem .5rem .5rem
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 section:nth-last-child(2) {
                        padding-bottom: 1.5rem
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-8 .top {
                    padding: 0 !important
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .bg {
                        height: 245px
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro {
                        top: -8.4rem;
                        margin-bottom: -8.4rem;
                        padding-bottom: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .avatar-container {
                            padding-bottom: .5rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .avatar-container .avatar {
                                margin-left: 1rem;
                                border-radius: 50%;
                                width: 90px;
                                height: 90px
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .avatar-container .avatar img {
                                    border-radius: 50%
                                }

                            .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .avatar-container .user-action {
                                margin-right: .75rem;
                                margin-left: .5rem;
                                margin-top: 0;
                                padding: 0 .5rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .avatar-container .user-action .btn {
                                    padding: .5rem .5rem !important;
                                    border-radius: 50rem !important
                                }

                        .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .user-detail {
                            padding: 1rem;
                            margin-left: 1rem;
                            margin-right: 1rem;
                            margin-top: 0;
                            border-radius: 1rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-8 .top .intro .user-detail .detail {
                                margin-left: 0
                            }

                .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists {
                    padding-top: 0
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-column .icon {
                        padding: 0 7px
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-column .icon svg {
                            width: 100%;
                            fill: #973031
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-column .text {
                        color: #fff
                    }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn {
                        width: 32px;
                        min-width: 32px;
                        height: 32px
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-8 .icon-lists .text-inline .icon-link .icn svg {
                            width: 100%;
                            fill: #973031
                        }

                .phone-case.phone-case-sm .layout-container .profile.profile-8 .contact-details {
                    padding: 0 .5rem
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-8 .contact-details .detail {
                        padding-top: .15rem;
                        padding-bottom: .15rem
                    }

                .phone-case.phone-case-sm .layout-container .profile.profile-8 .about {
                    padding: .5rem
                }

                .phone-case.phone-case-sm .layout-container .profile.profile-9 {
                    text-align: left
                }

                    .phone-case.phone-case-sm .layout-container .profile.profile-9 .top {
                        padding: 0
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .bg {
                            height: 170px
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro {
                            top: -0.3rem;
                            margin-bottom: -0.3rem;
                            margin-left: 1rem;
                            margin-right: 1rem;
                            padding-bottom: .5rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .avatar-container {
                                top: -3rem;
                                margin-bottom: -3rem;
                                padding-bottom: .25rem
                            }

                                .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .avatar-container .avatar {
                                    width: 100px;
                                    height: 100px;
                                    padding: 3px
                                }

                                    .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .avatar-container .avatar .img-placeholder {
                                        width: 43px;
                                        height: 43px;
                                        border: 2px solid #dee2e6;
                                        bottom: 1.6rem;
                                        right: -1.7rem
                                    }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-detail, .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-action {
                                padding: 0 1rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-action {
                                gap: .5rem;
                                margin-top: .75rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-detail .img-placeholder {
                                width: 46px;
                                min-width: 46px;
                                height: 46px;
                                border-width: 2px;
                                margin-right: .6rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-detail .detail .name {
                                font-size: .9rem;
                                font-weight: 500
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-detail .detail .jobTitle {
                                font-size: .65625rem
                            }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .top .intro .user-detail .detail .companyName {
                                font-size: .65625rem;
                                font-weight: 500
                            }

                    .phone-case.phone-case-sm .layout-container .profile.profile-9 .about {
                        border-radius: .5rem;
                        padding: .5rem;
                        margin-left: .5rem;
                        margin-right: .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .about .title {
                            margin-bottom: 0
                        }

                    .phone-case.phone-case-sm .layout-container .profile.profile-9 .contact-details {
                        padding: 0 .5rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .contact-details .detail {
                            padding-top: .15rem;
                            padding-bottom: .15rem
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .contact-details .detail .icn {
                                border-radius: 50%;
                                border: 1px solid #55bb19
                            }

                    .phone-case.phone-case-sm .layout-container .profile.profile-9 .product-services, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists {
                        padding: 0 .375rem
                    }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .product-services .title, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .title {
                            margin-left: .25rem
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-column .icon {
                            padding: 0 7px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-column .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-column .icon svg {
                                width: 100%;
                                fill: #55bb19
                            }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-column .text {
                            color: #212529
                        }

                        .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn {
                            width: 32px;
                            min-width: 32px;
                            height: 32px
                        }

                            .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon img, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icon svg, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn img, .phone-case.phone-case-sm .layout-container .profile.profile-9 .icon-lists .text-inline .icon-link .icn svg {
                                width: 100%;
                                fill: #55bb19
                            }

    @keyframes PhoneLoader {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .profile {
        border-left: 1px solid #e9ecef;
        border-right: 1px solid #e9ecef;
        background-color: #fff;
        position: relative
    }

        .profile p {
            margin-bottom: 0
        }

        .profile section {
            padding: 1.5rem 1.5rem .5rem 1.5rem
        }

            .profile section:last-child {
                padding-bottom: 3rem
            }

        .profile .top .intro .user-detail .detail {
            align-self: start
        }

        .profile .top .intro .user-action {
            gap: 1rem
        }

        .profile .top .img-placeholder {
            display: none
        }

            .profile .top .img-placeholder img {
                display: none
            }

            .profile .top .img-placeholder.has-logo {
                display: inline-block
            }

                .profile .top .img-placeholder.has-logo img {
                    display: block
                }

        .profile .icon-lists {
            --bs-gutter-y: 1rem;
            --bs-gutter-x: 0.5rem
        }

            .profile .icon-lists .text-column {
                display: block
            }

                .profile .icon-lists .text-column .icon-link {
                    display: flex;
                    flex-direction: column;
                    padding: .5rem .5rem;
                    justify-content: center;
                    align-items: center;
                    text-decoration: none
                }

                    .profile .icon-lists .text-column .icon-link .icon {
                        width: 100%;
                        margin-bottom: .5rem
                    }

                    .profile .icon-lists .text-column .icon-link .text {
                        text-align: center;
                        color: #212529;
                        font-size: .9rem;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 100%;
                        display: block
                    }

            .profile .icon-lists .text-inline .icon-link {
                display: flex;
                text-decoration: none;
                padding-top: .25rem;
                padding-bottom: .25rem
            }

                .profile .icon-lists .text-inline .icon-link .icon, .profile .icon-lists .text-inline .icon-link .icn {
                    width: 40px;
                    min-width: 40px;
                    height: 40px
                }

                .profile .icon-lists .text-inline .icon-link .text {
                    text-align: left;
                    color: #212529;
                    font-size: .9rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 100%;
                    display: block
                }

        .profile .lead-capture-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.3);
            display: none;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            z-index: 60
        }

            .profile .lead-capture-container .lead-capture-content {
                width: 88%;
                display: inline-flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: var(--bs-border-radius);
                font-size: .7875rem
            }

                .profile .lead-capture-container .lead-capture-content .header {
                    padding: .5rem;
                    font-weight: 500;
                    border-bottom: 1px solid var(--bs-border-color-translucent)
                }

                .profile .lead-capture-container .lead-capture-content .body {
                    padding: .5rem
                }

                .profile .lead-capture-container .lead-capture-content .footer {
                    border-top: 1px solid var(--bs-border-color-translucent);
                    padding: .5rem
                }

            .profile .lead-capture-container.active {
                display: flex
            }

    @media(max-width: 575.98px) {
        .profile {
            border: none
        }

            .profile .lead-capture-container {
                justify-content: start
            }
    }

    .cropper-container {
        direction: ltr;
        font-size: 0;
        line-height: 0;
        position: relative;
        touch-action: none;
        user-select: none
    }

        .cropper-container img {
            backface-visibility: hidden;
            display: block;
            height: 100%;
            image-orientation: 0deg;
            max-height: none !important;
            max-width: none !important;
            min-height: 0 !important;
            min-width: 0 !important;
            width: 100%
        }

    .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .cropper-wrap-box, .cropper-canvas {
        overflow: hidden
    }

    .cropper-drag-box {
        background-color: #fff;
        opacity: 0
    }

    .cropper-modal {
        background-color: #000;
        opacity: .5
    }

    .cropper-view-box {
        display: block;
        height: 100%;
        outline: 1px solid #39f;
        outline-color: rgba(51,153,255,.75);
        overflow: hidden;
        width: 100%
    }

    .cropper-dashed {
        border: 0 dashed #eee;
        display: block;
        opacity: .5;
        position: absolute
    }

        .cropper-dashed.dashed-h {
            border-bottom-width: 1px;
            border-top-width: 1px;
            height: 33.3333333333%;
            left: 0;
            top: 33.3333333333%;
            width: 100%
        }

        .cropper-dashed.dashed-v {
            border-left-width: 1px;
            border-right-width: 1px;
            height: 100%;
            left: 33.3333333333%;
            top: 0;
            width: 33.3333333333%
        }

    .cropper-center {
        display: block;
        height: 0;
        left: 50%;
        opacity: .75;
        position: absolute;
        top: 50%;
        width: 0
    }

        .cropper-center::before, .cropper-center::after {
            background-color: #eee;
            content: " ";
            display: block;
            position: absolute
        }

        .cropper-center::before {
            height: 1px;
            left: -3px;
            top: 0;
            width: 7px
        }

        .cropper-center::after {
            height: 7px;
            left: 0;
            top: -3px;
            width: 1px
        }

    .cropper-face, .cropper-line, .cropper-point {
        display: block;
        height: 100%;
        opacity: .1;
        position: absolute;
        width: 100%
    }

    .cropper-face {
        background-color: #fff;
        left: 0;
        top: 0
    }

    .cropper-line {
        background-color: #39f
    }

        .cropper-line.line-e {
            cursor: ew-resize;
            right: -3px;
            top: 0;
            width: 5px
        }

        .cropper-line.line-n {
            cursor: ns-resize;
            height: 5px;
            left: 0;
            top: -3px
        }

        .cropper-line.line-w {
            cursor: ew-resize;
            left: -3px;
            top: 0;
            width: 5px
        }

        .cropper-line.line-s {
            bottom: -3px;
            cursor: ns-resize;
            height: 5px;
            left: 0
        }

    .cropper-point {
        background-color: #39f;
        height: 5px;
        opacity: .75;
        width: 5px
    }

        .cropper-point.point-e {
            cursor: ew-resize;
            margin-top: -3px;
            right: -3px;
            top: 50%
        }

        .cropper-point.point-n {
            cursor: ns-resize;
            left: 50%;
            margin-left: -3px;
            top: -3px
        }

        .cropper-point.point-w {
            cursor: ew-resize;
            left: -3px;
            margin-top: -3px;
            top: 50%
        }

        .cropper-point.point-s {
            bottom: -3px;
            cursor: s-resize;
            left: 50%;
            margin-left: -3px
        }

        .cropper-point.point-ne {
            cursor: nesw-resize;
            right: -3px;
            top: -3px
        }

        .cropper-point.point-nw {
            cursor: nwse-resize;
            left: -3px;
            top: -3px
        }

        .cropper-point.point-sw {
            bottom: -3px;
            cursor: nesw-resize;
            left: -3px
        }

        .cropper-point.point-se {
            bottom: -3px;
            cursor: nwse-resize;
            height: 20px;
            opacity: 1;
            right: -3px;
            width: 20px
        }

    @media(min-width: 768px) {
        .cropper-point.point-se {
            height: 15px;
            width: 15px
        }
    }

    @media(min-width: 992px) {
        .cropper-point.point-se {
            height: 10px;
            width: 10px
        }
    }

    @media(min-width: 1200px) {
        .cropper-point.point-se {
            height: 5px;
            opacity: .75;
            width: 5px
        }
    }

    .cropper-point.point-se::before {
        background-color: #39f;
        bottom: -50%;
        content: " ";
        display: block;
        height: 200%;
        opacity: 0;
        position: absolute;
        right: -50%;
        width: 200%
    }

    .cropper-invisible {
        opacity: 0
    }

    .cropper-hide {
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

    .cropper-hidden {
        display: none !important
    }

    .cropper-move {
        cursor: move
    }

    .cropper-crop {
        cursor: crosshair
    }

    .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
        cursor: not-allowed
    }

    .cropperModal .modal-body {
        padding: 0
    }

    .cropperModal .img-container {
        position: relative
    }

        .cropperModal .img-container img {
            max-width: 100%
        }

    .cropperModal.rounded-cropper .cropper-view-box, .cropperModal.rounded-cropper .cropper-face {
        border-radius: 50%
    }

    .hero {
        position: relative;
        overflow: hidden
    }

        .hero .vid-container {
            position: absolute;
            z-index: -1;
            top: -160px;
            height: inherit
        }

        .hero .content {
            position: relative;
            z-index: 10
        }

    @media(max-width: 575.98px) {
        .hero .vid-container {
            position: relative;
            left: -55%;
            height: 300px;
            width: 150%;
            z-index: -1;
            top: 0px
        }
    }

    .split-chars {
        opacity: 0
    }

        .split-chars.prepared {
            opacity: 1
        }

    .icon-lg {
        font-size: 2.5rem
    }

    footer {
        display: block;
        position: relative
    }

        footer .footer-inner {
            padding-top: 3rem;
            display: block;
            background-color: #212529;
            color: #adb5bd;
            margin-bottom: -63px;
            position: relative
        }

        footer .wave-container {
            position: relative;
            top: -62px;
            overflow-x: hidden;
            z-index: 10;
            margin-bottom: -63px
        }

        footer svg.wave {
            fill: #212529
        }

        footer a, footer .nav-link {
            color: #adb5bd
        }

        footer .brand {
            width: 130px;
            display: inline-block
        }

            footer .brand svg#leafy-brand #brand-wifi path, footer .brand svg#leafy-brand #brand-leafy path, footer .brand svg#leafy-brand #brand-card path {
                fill: #adb5bd
            }

        footer .icn {
            display: inline-block;
            width: 20px;
            padding: 0
        }

            footer .icn svg {
                width: 100%
            }

                footer .icn svg path {
                    fill: #dee2e6
                }

        footer .copyright {
            border-top: 1px solid #000;
            font-size: .875rem;
            background-color: #1a1d21;
            padding: .5rem 0;
            margin-top: 3rem
        }

    .bg-static {
        background-attachment: fixed;
        background-repeat: no-repeat
    }

    .qty-wrapper {
        width: 120px;
        display: inline-block
    }

        .qty-wrapper .form-control {
            text-align: center
        }

        .qty-wrapper .btn {
            border-color: var(--bs-border-color)
        }

            .qty-wrapper .btn:hover {
                background-color: #a1dd00;
                color: #fff;
                border-color: #a1dd00
            }

    .input-group .btn .material-symbols-outlined {
        position: relative;
        bottom: -3px
    }

    .leafy-dropzone {
        display: flex;
        cursor: pointer
    }

        .leafy-dropzone input[type=file] {
            display: none
        }

        .leafy-dropzone .img-section {
            width: 100%;
            border: 1px dashed rgba(0,0,0,0);
            padding: 1px;
            display: block;
            position: relative;
            border-radius: .5rem;
            background-color: #e9ecef
        }

            .leafy-dropzone .img-section .material-symbols-outlined {
                font-size: 1.875rem
            }

            .leafy-dropzone .img-section span {
                display: block
            }

            .leafy-dropzone .img-section .text {
                margin-top: .5rem;
                font-size: .85em;
                text-align: center;
                line-height: 1.2
            }

                .leafy-dropzone .img-section .text.fs-sm {
                    font-size: .65em
                }

            .leafy-dropzone .img-section span.prev {
                display: none
            }

                .leafy-dropzone .img-section span.prev svg, .leafy-dropzone .img-section span.prev img {
                    width: 100%;
                    border-radius: 15px
                }

            .leafy-dropzone .img-section span.remove {
                display: none;
                position: absolute;
                z-index: 10;
                top: 3px;
                right: -3px
            }

                .leafy-dropzone .img-section span.remove button {
                    display: inline-block;
                    border: none;
                    background-color: #fff;
                    border-radius: 50%;
                    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
                    width: 24px;
                    height: 24px;
                    position: relative
                }

                    .leafy-dropzone .img-section span.remove button:hover, .leafy-dropzone .img-section span.remove button:focus {
                        background-color: #e9ecef
                    }

                    .leafy-dropzone .img-section span.remove button:before {
                        font-family: "Material Symbols Outlined";
                        content: ""
                    }

            .leafy-dropzone .img-section.has-img span {
                display: none
            }

                .leafy-dropzone .img-section.has-img span.prev, .leafy-dropzone .img-section.has-img span.remove {
                    display: block
                }

            .leafy-dropzone .img-section.profile-prev {
                border-radius: 100px;
                border: 2px solid rgba(0,0,0,0);
                width: 130px;
                height: 130px;
                max-height: 130px;
                max-width: 130px;
                min-width: 130px;
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: .25rem
            }

                .leafy-dropzone .img-section.profile-prev .text {
                    margin-top: .5rem;
                    font-size: .85em;
                    text-align: center;
                    line-height: 1.2
                }

                    .leafy-dropzone .img-section.profile-prev .text.fs-sm {
                        font-size: .65em
                    }

                .leafy-dropzone .img-section.profile-prev .material-symbols-outlined {
                    font-size: 1.875rem
                }

                .leafy-dropzone .img-section.profile-prev span.prev img {
                    border-radius: 100px;
                    width: 100%;
                    display: block
                }

                .leafy-dropzone .img-section.profile-prev.profile-prev-sm {
                    width: 100px;
                    height: 100px;
                    max-height: 100px;
                    max-width: 100px;
                    min-width: 100px;
                    border: 2px solid rgba(0,0,0,0);
                    padding: 1px
                }

                .leafy-dropzone .img-section.profile-prev.profile-prev-xs {
                    width: 80px;
                    height: 80px;
                    max-height: 80px;
                    max-width: 80px;
                    min-width: 80px
                }

        .leafy-dropzone.dragover .img-section, .leafy-dropzone:hover .img-section {
            border-color: #a1dd00;
            background-color: rgba(161,221,0,.1)
        }

            .leafy-dropzone.dragover .img-section.profile-prev, .leafy-dropzone:hover .img-section.profile-prev {
                border: 2px dashed #a1dd00
            }

        .leafy-dropzone.bordered .img-section {
            border: 2px dashed #ced4da
        }

        .leafy-dropzone.bordered.dragover .img-section, .leafy-dropzone.bordered:hover .img-section {
            border-color: #a1dd00
        }

    .checkout-list .list-group-item {
        background-color: rgba(161,221,0,.1);
        border-color: rgba(161,221,0,.2)
    }

        .checkout-list .list-group-item.primary {
            background-color: #a1dd00;
            border-color: #7caa00;
            color: #fff
        }

        .checkout-list .list-group-item:first-child {
            border-top-left-radius: var(--bs-border-radius);
            border-top-right-radius: var(--bs-border-radius)
        }

        .checkout-list .list-group-item:last-child {
            border-bottom-right-radius: var(--bs-border-radius);
            border-bottom-left-radius: var(--bs-border-radius)
        }

        .checkout-list .list-group-item .form-floating label {
            color: unset
        }

    .form-switch.form-switch-success .form-check-input {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")
    }

        .form-switch.form-switch-success .form-check-input:focus {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")
        }

        .form-switch.form-switch-success .form-check-input:checked {
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23198754'/%3e%3c/svg%3e");
            border-color: #a1dd00
        }

    .dropdown-menu.icon-menu .dropdown-item {
        display: flex;
        align-items: center
    }

        .dropdown-menu.icon-menu .dropdown-item .material-symbols-outlined {
            font-size: 1.25rem;
            font-variation-settings: "wght" 300;
            margin-right: .5rem;
            color: #6c757d
        }

    .profile-selections {
        position: relative
    }

        .profile-selections .swiper-pagination {
            margin-top: 1rem;
            position: relative
        }

    .method-select .nav-pills .nav-item {
        margin-left: .5rem
    }

        .method-select .nav-pills .nav-item .nav-link {
            color: #a5c9fe
        }

            .method-select .nav-pills .nav-item .nav-link:hover, .method-select .nav-pills .nav-item .nav-link:focus {
                color: #fff;
                background-color: rgba(255,255,255,.15)
            }

            .method-select .nav-pills .nav-item .nav-link.active {
                color: #fff;
                background-color: rgba(255,255,255,.15)
            }

    .method-select .radio-content {
        color: #daff77
    }

        .method-select .radio-content.active {
            color: #fff
        }

    .radio-content-wrapper {
        position: relative
    }

        .radio-content-wrapper .radio-content {
            display: block;
            position: relative
        }

            .radio-content-wrapper .radio-content label {
                padding: .5rem 1rem;
                cursor: pointer;
                display: inline-flex;
                align-items: center
            }

            .radio-content-wrapper .radio-content img {
                display: inline-block
            }

            .radio-content-wrapper .radio-content.radio-content-solid label {
                background-color: #fff;
                padding: .25rem;
                border-radius: 3px;
                border: 2px solid rgba(0,0,0,0);
                color: #343a40;
                width: 100%;
                position: relative
            }

            .radio-content-wrapper .radio-content.radio-content-solid.active {
                position: relative
            }

                .radio-content-wrapper .radio-content.radio-content-solid.active label {
                    border-color: #ffc107;
                    color: #a1dd00;
                    background-color: #ffeeba
                }

                .radio-content-wrapper .radio-content.radio-content-solid.active:after {
                    content: " ";
                    width: 18px;
                    height: 18px;
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
                    color: #fff;
                    position: absolute;
                    top: 0;
                    right: .25rem;
                    background-color: #ffc107;
                    border-top-right-radius: 3px
                }

    @media(max-width: 575.98px) {
        .radio-content-wrapper .radio-content.radio-content-solid label {
            padding: .5rem .5rem
        }
    }

    .radio-content-wrapper.radio-inline {
        display: flex;
        flex-wrap: wrap
    }

        .radio-content-wrapper.radio-inline .radio-content {
            margin-bottom: 0
        }

            .radio-content-wrapper.radio-inline .radio-content label {
                padding: .25rem .5rem;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                background-color: rgba(255,255,255,.35);
                color: rgba(255,255,255,.5);
                border-radius: 3px
            }

    @media(min-width: 1400px) {
        .radio-content-wrapper.radio-inline .radio-content label {
            padding: .25rem .5rem
        }
    }

    .radio-content-wrapper.radio-inline .radio-content.active label {
        color: #0d6efd;
        background-color: #fff
    }

    @media(max-width: 575.98px) {
        .radio-content-wrapper.radio-inline .radio-content {
            display: inline-block
        }

            .radio-content-wrapper.radio-inline .radio-content label {
                padding: .5rem .5rem
            }
    }

    .lf-switcher {
        display: inline-flex;
        align-items: center;
        gap: .25rem
    }

        .lf-switcher .form-switch .form-check-input {
            width: 2.5em;
            height: 1.2em;
            background-color: #e9ecef;
            border-color: #ced4da;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3cdefs%3e %3cfilter id='lfSwitchShadow'%3e %3cfeDropShadow dx='0.3' dy='0.4' stdDeviation='0.4' floodColor='%23ddd' floodOpacity='0.2' /%3e%3c/filter%3e%3c/defs%3e%3ccircle r='3' filter='url%28%23lfSwitchShadow%29' fill='%23fff'/%3e%3c/svg%3e")
        }

            .lf-switcher .form-switch .form-check-input:checked {
                background-color: #a1dd00
            }

            .lf-switcher .form-switch .form-check-input.success:checked {
                background-color: #198754
            }

    .lf-radios input[type=radio] {
        width: 1.8em;
        height: 1.8em;
        background: none
    }

        .lf-radios input[type=radio]:focus {
            box-shadow: none
        }

        .lf-radios input[type=radio]:before {
            content: " ";
            width: 2.3em;
            height: 2.3em;
            display: block;
            border-radius: 50%;
            position: relative;
            left: -0.31em;
            top: -0.3em;
            border: 2px solid rgba(0,0,0,0)
        }

    .lf-radios .radio-custom > input[type=radio] {
        position: relative
    }

        .lf-radios .radio-custom > input[type=radio]:checked, .lf-radios .radio-custom > input[type=radio]:focus {
            border-color: var(--bs-border-color)
        }

        .lf-radios .radio-custom > input[type=radio]:after {
            font-family: "Material Symbols Outlined";
            content: "";
            position: absolute;
            top: 1px;
            left: 5px
        }

    .lf-radios .radio-blue > input[type=radio] {
        background-color: #0d6efd
    }

        .lf-radios .radio-blue > input[type=radio]:checked {
            border-color: #0d6efd;
            background-color: #0d6efd
        }

            .lf-radios .radio-blue > input[type=radio]:checked:before {
                border: 2px solid #0d6efd
            }

    .lf-radios .radio-indigo > input[type=radio] {
        background-color: #6610f2
    }

        .lf-radios .radio-indigo > input[type=radio]:checked {
            border-color: #6610f2;
            background-color: #6610f2
        }

            .lf-radios .radio-indigo > input[type=radio]:checked:before {
                border: 2px solid #6610f2
            }

    .lf-radios .radio-purple > input[type=radio] {
        background-color: #6f42c1
    }

        .lf-radios .radio-purple > input[type=radio]:checked {
            border-color: #6f42c1;
            background-color: #6f42c1
        }

            .lf-radios .radio-purple > input[type=radio]:checked:before {
                border: 2px solid #6f42c1
            }

    .lf-radios .radio-pink > input[type=radio] {
        background-color: #d63384
    }

        .lf-radios .radio-pink > input[type=radio]:checked {
            border-color: #d63384;
            background-color: #d63384
        }

            .lf-radios .radio-pink > input[type=radio]:checked:before {
                border: 2px solid #d63384
            }

    .lf-radios .radio-red > input[type=radio] {
        background-color: #dc3545
    }

        .lf-radios .radio-red > input[type=radio]:checked {
            border-color: #dc3545;
            background-color: #dc3545
        }

            .lf-radios .radio-red > input[type=radio]:checked:before {
                border: 2px solid #dc3545
            }

    .lf-radios .radio-orange > input[type=radio] {
        background-color: #fd7e14
    }

        .lf-radios .radio-orange > input[type=radio]:checked {
            border-color: #fd7e14;
            background-color: #fd7e14
        }

            .lf-radios .radio-orange > input[type=radio]:checked:before {
                border: 2px solid #fd7e14
            }

    .lf-radios .radio-yellow > input[type=radio] {
        background-color: #ffc107
    }

        .lf-radios .radio-yellow > input[type=radio]:checked {
            border-color: #ffc107;
            background-color: #ffc107
        }

            .lf-radios .radio-yellow > input[type=radio]:checked:before {
                border: 2px solid #ffc107
            }

    .lf-radios .radio-green > input[type=radio] {
        background-color: #198754
    }

        .lf-radios .radio-green > input[type=radio]:checked {
            border-color: #198754;
            background-color: #198754
        }

        .lf-radios .radio-green > input[type=radio].radio-green:checked:before {
            border: 2px solid #198754
        }

    .lf-radios .radio-teal > input[type=radio] {
        background-color: #20c997
    }

        .lf-radios .radio-teal > input[type=radio].radio-teal:checked {
            border-color: #20c997;
            background-color: #20c997
        }

        .lf-radios .radio-teal > input[type=radio]:checked:before {
            border: 2px solid #20c997
        }

    .lf-radios .radio-cyan > input[type=radio] {
        background-color: #0dcaf0
    }

        .lf-radios .radio-cyan > input[type=radio]:checked {
            border-color: #0dcaf0;
            background-color: #0dcaf0
        }

            .lf-radios .radio-cyan > input[type=radio]:checked:before {
                border: 2px solid #0dcaf0
            }

    .lf-radios .radio-black > input[type=radio] {
        background-color: #000;
    }

        .lf-radios .radio-black > input[type=radio]:checked {
            border-color: #000;
            background-color: #000
        }

            .lf-radios .radio-black > input[type=radio]:checked:before {
                border: 2px solid #000
            }

    .lf-radios .radio-white > input[type=radio] {
        background-color: #fff
    }

        .lf-radios .radio-white > input[type=radio]:checked {
            border-color: #ced4da;
            background-color: #fff
        }

            .lf-radios .radio-white > input[type=radio]:checked:before {
                border: 2px solid #ced4da
            }

    .lf-radios .radio-gray > input[type=radio] {
        background-color: #6c757d
    }

        .lf-radios .radio-gray > input[type=radio]:checked {
            border-color: #6c757d;
            background-color: #6c757d
        }

            .lf-radios .radio-gray > input[type=radio]:checked:before {
                border: 2px solid #6c757d
            }

    .lf-radios .radio-gray-dark > input[type=radio] {
        background-color: #343a40
    }

        .lf-radios .radio-gray-dark > input[type=radio]:checked {
            border-color: #343a40;
            background-color: #343a40
        }

            .lf-radios .radio-gray-dark > input[type=radio]:checked:before {
                border: 2px solid #343a40
            }

    .lf-radios .leafy-color-picker {
        position: relative
    }

        .lf-radios .leafy-color-picker .ringer {
            position: absolute;
            width: 2.3em;
            height: 2.3em;
            display: block;
            border-radius: 50%;
            left: -0.25em;
            top: 0;
            opacity: 0
        }

        .lf-radios .leafy-color-picker .radio-custom > input[type=radio] {
            position: relative;
            z-index: 1
        }

    /*.lf-radios .leafy-color-picker input[type=radio]:checked ~ .ringer {
    opacity: 1
}

.lf-radios .leafy-color-picker input[type=color] {
    display: none
}*/


    .form-control::placeholder {
        opacity: .6
    }

    .form-control.form-control-placeholder-sm::placeholder {
        font-size: .875rem
    }

    .options {
        display: flex
    }

        .options .option-item {
            position: relative;
            width: 37px;
            height: 37px
        }

            .options .option-item input[type=radio] {
                width: 32px;
                height: 32px
            }

            .options .option-item input[type=checkbox] {
                width: 41px;
                height: 32px
            }

            .options .option-item label {
                position: absolute;
                left: 2px;
                top: 6px;
                width: 28px;
                height: 28px;
                border: 2px solid #fff;
                border-radius: 50%
            }

                .options .option-item label img {
                    display: block;
                    width: 100%;
                    border-radius: 50%
                }

                .options .option-item label.checkbox {
                    border-radius: .25rem;
                    width: 37px;
                    height: 28px;
                    overflow: hidden;
                    left: 2px;
                    border: 2px solid #fff
                }

                    .options .option-item label.checkbox img {
                        display: block;
                        width: 100%;
                        border-radius: 0;
                        border-radius: .125rem
                    }

    .form-range.runnable::-moz-range-track {
        height: .15rem;
        background-color: #6c757d
    }

    .option-img-card {
        position: relative
    }

        .option-img-card input[type=radio] {
            position: absolute;
            opacity: 0
        }

            .option-img-card input[type=radio]:checked + label {
                border-color: #d0ee80
            }

        .option-img-card label {
            display: block;
            border: 4px solid var(--bs-border-color);
            border-radius: 1rem
        }

            .option-img-card label img {
                width: 100%;
                border-radius: .75rem
            }

    .jp-card-container {
        transform: scale(0.78909);
        left: -17px
    }

    @media(max-width: 575.98px) {
        .jp-card-container {
            transform: scale(0.85) !important;
            left: 15px;
            text-align: center
        }
    }

    @media(min-width: 1400px) {
        .jp-card-container {
            transform: scale(0.909091);
            left: 0
        }
    }

    .jp-card-number {
        font-size: 1.375rem !important
    }

    .jp-card-name {
        font-size: 1rem !important
    }

    .rounded-start-lg {
        border-top-left-radius: 2.5rem;
        border-bottom-left-radius: 2.5rem
    }

    .rounded-lg {
        border-radius: 2.5rem
    }

    .rounded-15 {
        border-radius: 15px
    }

    .offset-top-5 {
        position: relative;
        top: -3rem;
        margin-bottom: -3rem
    }

    .offset-top-6 {
        position: relative;
        top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .offset-top-7 {
        position: relative;
        top: -4rem;
        margin-bottom: -4rem
    }

    .offset-top-8 {
        position: relative;
        top: -4.5rem;
        margin-bottom: -4.5rem
    }

    .offset-bottom-1 {
        position: relative;
        bottom: -0.25rem;
        margin-top: -0.25rem
    }

    .offset-bottom-2 {
        position: relative;
        bottom: -0.5rem;
        margin-top: -0.5rem
    }

    .offset-bottom-3 {
        position: relative;
        bottom: -1rem;
        margin-top: -1rem
    }

    .offset-bottom-4 {
        position: relative;
        bottom: -1.5rem;
        margin-top: -1.5rem
    }

    .offset-bottom-5 {
        position: relative;
        bottom: -3rem;
        margin-top: -3rem
    }

    .lh-1-2 {
        line-height: 1.2
    }

    .fs-lg {
        font-size: 1.25rem
    }

    .border-dashed {
        border-style: dashed
    }

    .fs-sm {
        font-size: .875rem
    }

    .fs-base {
        font-size: 1rem
    }

    .fs-lg {
        font-size: 1.25rem
    }

    .rounded-leafy {
        border-top-left-radius: 1rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 0
    }

    .bg-light-semi {
        background-color: #f2f4f6
    }

    .bg-blend-multiply-primary {
        position: relative
    }

        .bg-blend-multiply-primary:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: #a1dd00;
            mix-blend-mode: multiply;
            z-index: 0
        }

        .bg-blend-multiply-primary > * {
            z-index: 1;
            position: relative
        }

    .material-symbols-outlined.filled {
        font-variation-settings: "FILL" 1
    }

    .material-symbols-outlined.fw-bold {
        font-variation-settings: "wght" 700
    }

    .material-symbols-outlined.fw-medium {
        font-variation-settings: "wght" 500
    }

    .qr-code-wrapper {
        display: inline-block
    }

        .qr-code-wrapper img, .qr-code-wrapper svg {
            width: 100%
        }

    .tooltip.longtip {
        white-space: nowrap !important
    }

        .tooltip.longtip .tooltip-inner {
            max-width: 320px !important
        }

    .tooltip.fs-sm {
        font-size: .7875rem
    }

    .ps {
        overflow: hidden !important;
        overflow-anchor: none;
        -ms-overflow-style: none;
        touch-action: auto;
        -ms-touch-action: auto
    }

    .ps__rail-x {
        display: none;
        opacity: 0;
        transition: background-color .2s linear,opacity .2s linear;
        -webkit-transition: background-color .2s linear,opacity .2s linear;
        height: 15px;
        bottom: 0px;
        position: absolute
    }

    .ps__rail-y {
        display: none;
        opacity: 0;
        transition: background-color .2s linear,opacity .2s linear;
        -webkit-transition: background-color .2s linear,opacity .2s linear;
        width: 15px;
        right: 0;
        position: absolute
    }

    .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
        display: block;
        background-color: rgba(0,0,0,0)
    }

    .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
        opacity: .6
    }

    .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
        background-color: #eee;
        opacity: .9
    }

    .ps__thumb-x {
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,height .2s ease-in-out;
        -webkit-transition: background-color .2s linear,height .2s ease-in-out;
        height: 6px;
        bottom: 2px;
        position: absolute
    }

    .ps__thumb-y {
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,width .2s ease-in-out;
        -webkit-transition: background-color .2s linear,width .2s ease-in-out;
        width: 6px;
        right: 2px;
        position: absolute
    }

    .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
        background-color: #999;
        height: 11px
    }

    .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
        background-color: #999;
        width: 11px
    }

    @supports(-ms-overflow-style: none) {
        .ps {
            overflow: auto !important
        }
    }

    @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
        .ps {
            overflow: auto !important
        }
    }

    /* Scroll bar */
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #a1dd00;
    }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.d-contents{
    display:contents;
}

/* Banner on top */
.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
}

.visible-title {
    visibility: visible;
}

.shipping-banner {
    width: 100%;
    text-align: center;
    padding: 5px;
    background-color: #a1dd00;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    position: relative;
    z-index: 5;
}

    .shipping-banner > span {
        font-size: 18px
    }

.invalid-container, .invalid-input {
    border-radius: 10px;
    border: 1px solid red;
    box-shadow: 0 0 0 .15rem rgba(255,0,0,.25);
    width:100%
}

/* Testimonial */

.btn-icon.testimonial-next, .btn-icon.testimonial-prev {
    width: 50px;
    height: 50px;
}

.btn-icon.testimonial-next .material-symbols-outlined, .btn-icon.testimonial-prev .material-symbols-outlined {
    font-size: 30px;
    height: 30px;
    width: 30px;
    display: inline-block;
    bottom: 1px;
    left: 0;
    font-variation-settings: 'wght' 600;
    color: var(--bs-white)
}

.testimonialSlide .swiper-wrapper {
    padding: 1rem 0;
}

.testimonialSlide .swiper-wrapper .swiper-slide {
    height: auto;
}
.testimonialSlide .swiper-wrapper .swiper-slide .card{
    border-color:var(--bs-light-bg-subtle)
}
.testimonialSlide .swiper-wrapper .swiper-slide:nth-child(even) .card {
    border-color:var(--bs-primary-bg-subtle);
    --bs-card-bg: var(--bs-primary-bg-subtle);
}

.quote {
    color: var(--bs-gray-400)
}

.quote .material-symbols-outlined {
    font-variation-settings: 'FILL' 1;
    font-size: 40px;
    rotate: 180deg;
}

.star-rating .material-symbols-outlined {
    color: var(--bs-yellow);
}

.star-rating .full .material-symbols-outlined {
    font-variation-settings: 'FILL' 1;
}

/* Chat Style */
.chat-icon {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 1000;
}

    .chat-icon img {
        width: 50px;
        height: auto;
        cursor: pointer;
        transition: transform 0.3s;
    }

        .chat-icon img:hover {
            transform: scale(1.1);
        }