/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #63B3ED;
    --bs-indigo: #596CFF;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #F56565;
    --bs-orange: #fd7e14;
    --bs-yellow: #FBD38D;
    --bs-green: #81E6D9;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #cb0c9f;
    --bs-secondary: #8392AB;
    --bs-success: #82d616;
    --bs-info: #17c1e8;
    --bs-warning: #fbcf33;
    --bs-danger: #ea0606;
    --bs-light: #e9ecef;
    --bs-dark: #344767;
    --bs-white: #fff;
    --bs-font-sans-serif: Open Sans;
    --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));
}

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

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

@font-face {
    font-family: 'Linearicons-Free';
    src: url('../fonts/Linearicons-Free.eot?w118d');
    src: url('../fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../fonts/Linearicons-Free.woff2?w118d') format('woff2'), url('../fonts/Linearicons-Free.woff?w118d') format('woff'), url('../fonts//Linearicons-Free.ttf?w118d') format('truetype'), url('../fonts//Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
    content: "\e800";
}

.lnr-apartment:before {
    content: "\e801";
}

.lnr-pencil:before {
    content: "\e802";
}

.lnr-magic-wand:before {
    content: "\e803";
}

.lnr-drop:before {
    content: "\e804";
}

.lnr-lighter:before {
    content: "\e805";
}

.lnr-poop:before {
    content: "\e806";
}

.lnr-sun:before {
    content: "\e807";
}

.lnr-moon:before {
    content: "\e808";
}

.lnr-cloud:before {
    content: "\e809";
}

.lnr-cloud-upload:before {
    content: "\e80a";
}

.lnr-cloud-download:before {
    content: "\e80b";
}

.lnr-cloud-sync:before {
    content: "\e80c";
}

.lnr-cloud-check:before {
    content: "\e80d";
}

.lnr-database:before {
    content: "\e80e";
}

.lnr-lock:before {
    content: "\e80f";
}

.lnr-cog:before {
    content: "\e810";
}

.lnr-trash:before {
    content: "\e811";
}

.lnr-dice:before {
    content: "\e812";
}

.lnr-heart:before {
    content: "\e813";
}

.lnr-star:before {
    content: "\e814";
}

.lnr-star-half:before {
    content: "\e815";
}

.lnr-star-empty:before {
    content: "\e816";
}

.lnr-flag:before {
    content: "\e817";
}

.lnr-envelope:before {
    content: "\e818";
}

.lnr-paperclip:before {
    content: "\e819";
}

.lnr-inbox:before {
    content: "\e81a";
}

.lnr-eye:before {
    content: "\e81b";
}

.lnr-printer:before {
    content: "\e81c";
}

.lnr-file-empty:before {
    content: "\e81d";
}

.lnr-file-add:before {
    content: "\e81e";
}

.lnr-enter:before {
    content: "\e81f";
}

.lnr-exit:before {
    content: "\e820";
}

.lnr-graduation-hat:before {
    content: "\e821";
}

.lnr-license:before {
    content: "\e822";
}

.lnr-music-note:before {
    content: "\e823";
}

.lnr-film-play:before {
    content: "\e824";
}

.lnr-camera-video:before {
    content: "\e825";
}

.lnr-camera:before {
    content: "\e826";
}

.lnr-picture:before {
    content: "\e827";
}

.lnr-book:before {
    content: "\e828";
}

.lnr-bookmark:before {
    content: "\e829";
}

.lnr-user:before {
    content: "\e82a";
}

.lnr-users:before {
    content: "\e82b";
}

.lnr-shirt:before {
    content: "\e82c";
}

.lnr-store:before {
    content: "\e82d";
}

.lnr-cart:before {
    content: "\e82e";
}

.lnr-tag:before {
    content: "\e82f";
}

.lnr-phone-handset:before {
    content: "\e830";
}

.lnr-phone:before {
    content: "\e831";
}

.lnr-pushpin:before {
    content: "\e832";
}

.lnr-map-marker:before {
    content: "\e833";
}

.lnr-map:before {
    content: "\e834";
}

.lnr-location:before {
    content: "\e835";
}

.lnr-calendar-full:before {
    content: "\e836";
}

.lnr-keyboard:before {
    content: "\e837";
}

.lnr-spell-check:before {
    content: "\e838";
}

.lnr-screen:before {
    content: "\e839";
}

.lnr-smartphone:before {
    content: "\e83a";
}

.lnr-tablet:before {
    content: "\e83b";
}

.lnr-laptop:before {
    content: "\e83c";
}

.lnr-laptop-phone:before {
    content: "\e83d";
}

.lnr-power-switch:before {
    content: "\e83e";
}

.lnr-bubble:before {
    content: "\e83f";
}

.lnr-heart-pulse:before {
    content: "\e840";
}

.lnr-construction:before {
    content: "\e841";
}

.lnr-pie-chart:before {
    content: "\e842";
}

.lnr-chart-bars:before {
    content: "\e843";
}

.lnr-gift:before {
    content: "\e844";
}

.lnr-diamond:before {
    content: "\e845";
}

.lnr-linearicons:before {
    content: "\e846";
}

.lnr-dinner:before {
    content: "\e847";
}

.lnr-coffee-cup:before {
    content: "\e848";
}

.lnr-leaf:before {
    content: "\e849";
}

.lnr-paw:before {
    content: "\e84a";
}

.lnr-rocket:before {
    content: "\e84b";
}

.lnr-briefcase:before {
    content: "\e84c";
}

.lnr-bus:before {
    content: "\e84d";
}

.lnr-car:before {
    content: "\e84e";
}

.lnr-train:before {
    content: "\e84f";
}

.lnr-bicycle:before {
    content: "\e850";
}

.lnr-wheelchair:before {
    content: "\e851";
}

.lnr-select:before {
    content: "\e852";
}

.lnr-earth:before {
    content: "\e853";
}

.lnr-smile:before {
    content: "\e854";
}

.lnr-sad:before {
    content: "\e855";
}

.lnr-neutral:before {
    content: "\e856";
}

.lnr-mustache:before {
    content: "\e857";
}

.lnr-alarm:before {
    content: "\e858";
}

.lnr-bullhorn:before {
    content: "\e859";
}

.lnr-volume-high:before {
    content: "\e85a";
}

.lnr-volume-medium:before {
    content: "\e85b";
}

.lnr-volume-low:before {
    content: "\e85c";
}

.lnr-volume:before {
    content: "\e85d";
}

.lnr-mic:before {
    content: "\e85e";
}

.lnr-hourglass:before {
    content: "\e85f";
}

.lnr-undo:before {
    content: "\e860";
}

.lnr-redo:before {
    content: "\e861";
}

.lnr-sync:before {
    content: "\e862";
}

.lnr-history:before {
    content: "\e863";
}

.lnr-clock:before {
    content: "\e864";
}

.lnr-download:before {
    content: "\e865";
}

.lnr-upload:before {
    content: "\e866";
}

.lnr-enter-down:before {
    content: "\e867";
}

.lnr-exit-up:before {
    content: "\e868";
}

.lnr-bug:before {
    content: "\e869";
}

.lnr-code:before {
    content: "\e86a";
}

.lnr-link:before {
    content: "\e86b";
}

.lnr-unlink:before {
    content: "\e86c";
}

.lnr-thumbs-up:before {
    content: "\e86d";
}

.lnr-thumbs-down:before {
    content: "\e86e";
}

.lnr-magnifier:before {
    content: "\e86f";
}

.lnr-cross:before {
    content: "\e870";
}

.lnr-menu:before {
    content: "\e871";
}

.lnr-list:before {
    content: "\e872";
}

.lnr-chevron-up:before {
    content: "\e873";
}

.lnr-chevron-down:before {
    content: "\e874";
}

.lnr-chevron-left:before {
    content: "\e875";
}

.lnr-chevron-right:before {
    content: "\e876";
}

.lnr-arrow-up:before {
    content: "\e877";
}

.lnr-arrow-down:before {
    content: "\e878";
}

.lnr-arrow-left:before {
    content: "\e879";
}

.lnr-arrow-right:before {
    content: "\e87a";
}

.lnr-move:before {
    content: "\e87b";
}

.lnr-warning:before {
    content: "\e87c";
}

.lnr-question-circle:before {
    content: "\e87d";
}

.lnr-menu-circle:before {
    content: "\e87e";
}

.lnr-checkmark-circle:before {
    content: "\e87f";
}

.lnr-cross-circle:before {
    content: "\e880";
}

.lnr-plus-circle:before {
    content: "\e881";
}

.lnr-circle-minus:before {
    content: "\e882";
}

.lnr-arrow-up-circle:before {
    content: "\e883";
}

.lnr-arrow-down-circle:before {
    content: "\e884";
}

.lnr-arrow-left-circle:before {
    content: "\e885";
}

.lnr-arrow-right-circle:before {
    content: "\e886";
}

.lnr-chevron-up-circle:before {
    content: "\e887";
}

.lnr-chevron-down-circle:before {
    content: "\e888";
}

.lnr-chevron-left-circle:before {
    content: "\e889";
}

.lnr-chevron-right-circle:before {
    content: "\e88a";
}

.lnr-crop:before {
    content: "\e88b";
}

.lnr-frame-expand:before {
    content: "\e88c";
}

.lnr-frame-contract:before {
    content: "\e88d";
}

.lnr-layers:before {
    content: "\e88e";
}

.lnr-funnel:before {
    content: "\e88f";
}

.lnr-text-format:before {
    content: "\e890";
}

.lnr-text-format-remove:before {
    content: "\e891";
}

.lnr-text-size:before {
    content: "\e892";
}

.lnr-bold:before {
    content: "\e893";
}

.lnr-italic:before {
    content: "\e894";
}

.lnr-underline:before {
    content: "\e895";
}

.lnr-strikethrough:before {
    content: "\e896";
}

.lnr-highlight:before {
    content: "\e897";
}

.lnr-text-align-left:before {
    content: "\e898";
}

.lnr-text-align-center:before {
    content: "\e899";
}

.lnr-text-align-right:before {
    content: "\e89a";
}

.lnr-text-align-justify:before {
    content: "\e89b";
}

.lnr-line-spacing:before {
    content: "\e89c";
}

.lnr-indent-increase:before {
    content: "\e89d";
}

.lnr-indent-decrease:before {
    content: "\e89e";
}

.lnr-pilcrow:before {
    content: "\e89f";
}

.lnr-direction-ltr:before {
    content: "\e8a0";
}

.lnr-direction-rtl:before {
    content: "\e8a1";
}

.lnr-page-break:before {
    content: "\e8a2";
}

.lnr-sort-alpha-asc:before {
    content: "\e8a3";
}

.lnr-sort-amount-asc:before {
    content: "\e8a4";
}

.lnr-hand:before {
    content: "\e8a5";
}

.lnr-pointer-up:before {
    content: "\e8a6";
}

.lnr-pointer-right:before {
    content: "\e8a7";
}

.lnr-pointer-down:before {
    content: "\e8a8";
}

.lnr-pointer-left:before {
    content: "\e8a9";
}






.small, small {
    font-size: 100% !important;
    font-weight: 400;
}










body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #67748e;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Cairo', sans-serif;
}

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

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

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
    color: #344767;
}

h1,
.h1 {
    font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 3rem;
    }
}

h2,
.h2 {
    font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2.25rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3125rem + 0.75vw);
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.875rem;
    }
}

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],
abbr[data-bs-original-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: 600;
}

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

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: 700;
}

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

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

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #cb0c9f;
    text-decoration: none;
}

    a:hover {
        color: #830866;
        text-decoration: none;
    }

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

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

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

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

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

a > code {
    color: inherit;
}

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

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

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

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

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

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

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

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

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

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

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

    select:disabled {
        opacity: 1;
    }

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

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

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

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

textarea {
    resize: vertical;
}

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

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

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

legend + * {
    clear: left;
}

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

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

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

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

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

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

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

output {
    display: inline-block;
}

iframe {
    border: 0;
}

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

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

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

.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: 0.5rem;
    }

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

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

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

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

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

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

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

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

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

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 4rem;
}

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

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

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

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

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

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

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

.g-10,
.gx-10 {
    --bs-gutter-x: 12rem;
}

.g-10,
.gy-10 {
    --bs-gutter-y: 12rem;
}

.g-11,
.gx-11 {
    --bs-gutter-x: 14rem;
}

.g-11,
.gy-11 {
    --bs-gutter-y: 14rem;
}

.g-12,
.gx-12 {
    --bs-gutter-x: 16rem;
}

.g-12,
.gy-12 {
    --bs-gutter-y: 16rem;
}

@media (min-width: 576px) {
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 4rem;
    }

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

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

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

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

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

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

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

    .g-sm-10,
    .gx-sm-10 {
        --bs-gutter-x: 12rem;
    }

    .g-sm-10,
    .gy-sm-10 {
        --bs-gutter-y: 12rem;
    }

    .g-sm-11,
    .gx-sm-11 {
        --bs-gutter-x: 14rem;
    }

    .g-sm-11,
    .gy-sm-11 {
        --bs-gutter-y: 14rem;
    }

    .g-sm-12,
    .gx-sm-12 {
        --bs-gutter-x: 16rem;
    }

    .g-sm-12,
    .gy-sm-12 {
        --bs-gutter-y: 16rem;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 4rem;
    }

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

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

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

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

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

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

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

    .g-md-10,
    .gx-md-10 {
        --bs-gutter-x: 12rem;
    }

    .g-md-10,
    .gy-md-10 {
        --bs-gutter-y: 12rem;
    }

    .g-md-11,
    .gx-md-11 {
        --bs-gutter-x: 14rem;
    }

    .g-md-11,
    .gy-md-11 {
        --bs-gutter-y: 14rem;
    }

    .g-md-12,
    .gx-md-12 {
        --bs-gutter-x: 16rem;
    }

    .g-md-12,
    .gy-md-12 {
        --bs-gutter-y: 16rem;
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 4rem;
    }

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

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

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

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

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

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

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

    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 12rem;
    }

    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 12rem;
    }

    .g-lg-11,
    .gx-lg-11 {
        --bs-gutter-x: 14rem;
    }

    .g-lg-11,
    .gy-lg-11 {
        --bs-gutter-y: 14rem;
    }

    .g-lg-12,
    .gx-lg-12 {
        --bs-gutter-x: 16rem;
    }

    .g-lg-12,
    .gy-lg-12 {
        --bs-gutter-y: 16rem;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 4rem;
    }

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

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

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

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

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

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

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

    .g-xl-10,
    .gx-xl-10 {
        --bs-gutter-x: 12rem;
    }

    .g-xl-10,
    .gy-xl-10 {
        --bs-gutter-y: 12rem;
    }

    .g-xl-11,
    .gx-xl-11 {
        --bs-gutter-x: 14rem;
    }

    .g-xl-11,
    .gy-xl-11 {
        --bs-gutter-y: 14rem;
    }

    .g-xl-12,
    .gx-xl-12 {
        --bs-gutter-x: 16rem;
    }

    .g-xl-12,
    .gy-xl-12 {
        --bs-gutter-y: 16rem;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: 4rem;
    }

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

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

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

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

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

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

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

    .g-xxl-10,
    .gx-xxl-10 {
        --bs-gutter-x: 12rem;
    }

    .g-xxl-10,
    .gy-xxl-10 {
        --bs-gutter-y: 12rem;
    }

    .g-xxl-11,
    .gx-xxl-11 {
        --bs-gutter-x: 14rem;
    }

    .g-xxl-11,
    .gy-xxl-11 {
        --bs-gutter-y: 14rem;
    }

    .g-xxl-12,
    .gx-xxl-12 {
        --bs-gutter-x: 16rem;
    }

    .g-xxl-12,
    .gy-xxl-12 {
        --bs-gutter-y: 16rem;
    }
}

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

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

    .table > tbody {
        vertical-align: inherit;
    }

    .table > thead {
        vertical-align: bottom;
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor;
    }

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

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

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

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

.table-borderless > :not(caption) > * > * {
    border-bottom-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-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-bg: #f5ceec;
    --bs-table-striped-bg: #e9c4e0;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #ddb9d4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e3bfda;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #ddb9d4;
}

.table-secondary {
    --bs-table-bg: #e6e9ee;
    --bs-table-striped-bg: #dbdde2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cfd2d6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d5d8dc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cfd2d6;
}

.table-success {
    --bs-table-bg: #e6f7d0;
    --bs-table-striped-bg: #dbebc6;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cfdebb;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d5e4c0;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cfdebb;
}

.table-info {
    --bs-table-bg: #d1f3fa;
    --bs-table-striped-bg: #c7e7ee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcdbe1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1e1e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcdbe1;
}

.table-warning {
    --bs-table-bg: #fef5d6;
    --bs-table-striped-bg: #f1e9cb;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e5ddc1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ebe3c6;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e5ddc1;
}

.table-danger {
    --bs-table-bg: #fbcdcd;
    --bs-table-striped-bg: #eec3c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e2b9b9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e8bebe;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e2b9b9;
}

.table-light {
    --bs-table-bg: #e9ecef;
    --bs-table-striped-bg: #dde0e3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #d2d4d7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d8dadd;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #d2d4d7;
}

.table-dark {
    --bs-table-bg: #344767;
    --bs-table-striped-bg: #3e506f;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #485976;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #435572;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #485976;
}

.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: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #344767;
}

.col-form-label {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 700;
    line-height: 1.4rem;
    color: #344767;
}

.col-form-label-lg {
    padding-top: calc(0.75rem + 1px);
    padding-bottom: calc(0.75rem + 1px);
    font-size: 0.875rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.75rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem .4rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d6da;
    appearance: auto;
    border-radius: 0.3rem;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

@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: #495057;
    background-color: #fff;
    border-color: #e293d3;
    outline: 0;
    box-shadow: 0 0 0 2px #e9aede;
}

.form-control::-webkit-date-and-time-value {
    height: 1.4rem;
}

.form-control::placeholder {
    color: #adb5bd;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.5rem 0.75rem;
    margin: -0.5rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #495057;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all 0.15s ease-in;
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #f2f2f2;
}

.form-control::-webkit-file-upload-button {
    padding: 0.5rem 0.75rem;
    margin: -0.5rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #495057;
    background-color: #fff;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all 0.15s ease-in;
}

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

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #f2f2f2;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    margin-bottom: 0;
    line-height: 1.4rem;
    color: #344767;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

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

.form-control-sm {
    min-height: unset;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
}

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

    .form-control-sm::-webkit-file-upload-button {
        padding: 0.25rem 0.75rem;
        margin: -0.25rem -0.75rem;
        margin-inline-end: 0.75rem;
    }

.form-control-lg {
    min-height: unset;
    padding: 0.75rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}

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

    .form-control-lg::-webkit-file-upload-button {
        padding: 0.75rem 0.75rem;
        margin: -0.75rem -0.75rem;
        margin-inline-end: 0.75rem;
    }

textarea.form-control {
    min-height: unset;
}

textarea.form-control-sm {
    min-height: unset;
}

textarea.form-control-lg {
    min-height: unset;
}

.form-control-color {
    max-width: 3rem;
    height: auto;
    padding: 0.5rem;
}

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

    .form-control-color::-moz-color-swatch {
        height: 1.4rem;
        border-radius: 0.5rem;
    }

    .form-control-color::-webkit-color-swatch {
        height: 1.4rem;
        border-radius: 0.5rem;
    }

.form-select {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem 0.5rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #495057;
    background-color: #fff;
    background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #d2d6da;
    border-radius: 0.5rem;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
    appearance: none;
}

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

.form-select:focus {
    border-color: #e293d3;
    outline: 0;
    box-shadow: 0 0 0 2px #e9aede;
}

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

.form-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    font-size: 0.75rem;
}

.form-select-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.875rem;
}

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

    .form-check .form-check-input {
        float: left;
        margin-left: -1.73em;
    }

.form-check-input {
    width: 1.23em;
    height: 1.23em;
    margin-top: 0.135em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    appearance: none;
    color-adjust: exact;
    transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out;
}

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

.form-check-input[type="checkbox"] {
    border-radius: 0.35rem;
}

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

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

.form-check-input:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: transparent;
    border-color: transparent;
}

    .form-check-input:checked[type="checkbox"] {
        background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
    }

    .form-check-input:checked[type="radio"] {
        background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
    }

.form-check-input[type="checkbox"]:indeterminate {
    background-color: #cb0c9f;
    border-color: #cb0c9f;
    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 10h8'/%3e%3c/svg%3e");
}

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

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

.form-switch {
    padding-left: 3rem;
}

    .form-switch .form-check-input {
        width: 2.5rem;
        margin-left: -3rem;
        background-image: none;
        background-position: left center;
        border-radius: 2.5rem;
        transition: background-color 0.25s ease, border-color 0.25s ease, background-position 0.15s ease-in-out, opacity 0.15s ease-out, box-shadow 0.15s ease-in-out;
    }

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

.form-switch .form-check-input:focus {
    background-image: none;
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: none;
}

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

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

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

.form-range {
    width: 100%;
    height: calc(1rem + 4px);
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede;
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e9aede;
        }

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

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

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

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

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

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

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

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

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

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

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #adb5bd;
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #adb5bd;
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 1rem 0.75rem;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

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

.form-floating > .form-control {
    padding: 1rem 0.75rem;
}

    .form-floating > .form-control::placeholder {
        color: transparent;
    }

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

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

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

    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-select ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    }

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

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

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

        .input-group > .form-control:focus,
        .input-group > .form-select:focus {
            z-index: 3;
        }

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

        .input-group .btn:focus {
            z-index: 3;
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #344767;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d2d6da;
    border-radius: 0.5rem;
}

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

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

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

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    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),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
    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: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #66d432;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #000;
    background-color: rgba(102, 212, 50, 0.9);
    border-radius: 0.5rem;
}

.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: #66d432;
    padding-right: unset;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.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 0.75rem center;
    background-size: 1rem 1rem;
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus {
        border-color: #66d432;
        box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
    }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: unset;
    background-position: top 0.75rem right 0.75rem;
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #66d432;
}

    .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"] {
        padding-right: 2.875rem;
        background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3e%3cpath fill='%2366d432' d='M2.3 6.73L.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-position: right 0.75rem center, center right 1.75rem;
        background-size: 16px 12px, 1rem 1rem;
    }

    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus {
        border-color: #66d432;
        box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
    }

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #66d432;
}

    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked {
        background-color: #66d432;
    }

    .was-validated .form-check-input:valid:focus,
    .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label {
        color: #66d432;
    }

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

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1;
}

    .was-validated .input-group .form-control:valid:focus,
    .input-group .form-control.is-valid:focus,
    .was-validated .input-group .form-select:valid:focus,
    .input-group .form-select.is-valid:focus {
        z-index: 3;
    }

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #fd5c70;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #000;
    background-color: rgba(253, 92, 112, 0.9);
    border-radius: 0.5rem;
}

.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: #fd5c70;
    padding-right: unset;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%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='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus {
        border-color: #fd5c70;
        box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
    }

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: unset;
    background-position: top 0.75rem right 0.75rem;
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #fd5c70;
}

    .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"] {
        padding-right: 2.875rem;
        background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd5c70' viewBox='0 0 12 12'%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='%23fd5c70' stroke='none'/%3e%3c/svg%3e");
        background-position: right 0.75rem center, center right 1.75rem;
        background-size: 16px 12px, 1rem 1rem;
    }

    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus {
        border-color: #fd5c70;
        box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
    }

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #fd5c70;
}

    .was-validated .form-check-input:invalid:checked,
    .form-check-input.is-invalid:checked {
        background-color: #fd5c70;
    }

    .was-validated .form-check-input:invalid:focus,
    .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label,
    .form-check-input.is-invalid ~ .form-check-label {
        color: #fd5c70;
    }

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

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2;
}

    .was-validated .input-group .form-control:invalid:focus,
    .input-group .form-control.is-invalid:focus,
    .was-validated .input-group .form-select:invalid:focus,
    .input-group .form-select.is-invalid:focus {
        z-index: 3;
    }

.btn {
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    color: #67748e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1.5rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.15s ease-in;
}

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

.btn:hover {
    color: #67748e;
}

.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
}

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

.btn-primary {
    color: #fff;
    background-image: linear-gradient(310deg, #a99f7d 0%, #958451 100%);
    border-color: #8f751a;
}

    .btn-primary:hover {
        color: #fff;
        background-image: linear-gradient(210deg, #a99f7d 0%, #958451 100%);
        border-color: #6f5b14;
    }

    .btn-check:focus + .btn-primary,
    .btn-primary:focus {
        color: #fff;
        background-image: linear-gradient(210deg, #a99f7d 0%, #958451 100%);
        border-color: #a20a7f;
        box-shadow: 0 0 0 0.2rem rgba(211, 48, 173, 0.5);
    }

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

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

    .btn-primary:disabled,
    .btn-primary.disabled {
        color: #fff;
        background-color: #8F792C;
        border-color: #cb0c9f;
    }

.btn-secondary {
    color: #000;
    background-color: #8392AB;
    border-color: #8392AB;
}

    .btn-secondary:hover {
        color: #000;
        background-color: #96a2b8;
        border-color: #8f9db3;
    }

    .btn-check:focus + .btn-secondary,
    .btn-secondary:focus {
        color: #000;
        background-color: #96a2b8;
        border-color: #8f9db3;
        box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5);
    }

    .btn-check:checked + .btn-secondary,
    .btn-check:active + .btn-secondary,
    .btn-secondary:active,
    .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        color: #000;
        background-color: #9ca8bc;
        border-color: #8f9db3;
    }

        .btn-check:checked + .btn-secondary:focus,
        .btn-check:active + .btn-secondary:focus,
        .btn-secondary:active:focus,
        .btn-secondary.active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(111, 124, 145, 0.5);
        }

    .btn-secondary:disabled,
    .btn-secondary.disabled {
        color: #000;
        background-color: #8392AB;
        border-color: #8392AB;
    }

.btn-success {
    color: #000;
    background-color: #82d616;
    border-color: #82d616;
}

    .btn-success:hover {
        color: #000;
        background-color: #95dc39;
        border-color: #8fda2d;
    }

    .btn-check:focus + .btn-success,
    .btn-success:focus {
        color: #000;
        background-color: #95dc39;
        border-color: #8fda2d;
        box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5);
    }

    .btn-check:checked + .btn-success,
    .btn-check:active + .btn-success,
    .btn-success:active,
    .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        color: #000;
        background-color: #9bde45;
        border-color: #8fda2d;
    }

        .btn-check:checked + .btn-success:focus,
        .btn-check:active + .btn-success:focus,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(111, 182, 19, 0.5);
        }

    .btn-success:disabled,
    .btn-success.disabled {
        color: #000;
        background-color: #82d616;
        border-color: #82d616;
    }

.btn-info {
    color: #000;
    background-color: #17c1e8;
    border-color: #17c1e8;
}

    .btn-info:hover {
        color: #000;
        background-color: #3acaeb;
        border-color: #2ec7ea;
    }

    .btn-check:focus + .btn-info,
    .btn-info:focus {
        color: #000;
        background-color: #3acaeb;
        border-color: #2ec7ea;
        box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5);
    }

    .btn-check:checked + .btn-info,
    .btn-check:active + .btn-info,
    .btn-info:active,
    .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        color: #000;
        background-color: #45cded;
        border-color: #2ec7ea;
    }

        .btn-check:checked + .btn-info:focus,
        .btn-check:active + .btn-info:focus,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(20, 164, 197, 0.5);
        }

    .btn-info:disabled,
    .btn-info.disabled {
        color: #000;
        background-color: #17c1e8;
        border-color: #17c1e8;
    }

.btn-warning {
    color: #000;
    background-color: #fbcf33;
    border-color: #fbcf33;
}

    .btn-warning:hover {
        color: #000;
        background-color: #fcd652;
        border-color: #fbd447;
    }

    .btn-check:focus + .btn-warning,
    .btn-warning:focus {
        color: #000;
        background-color: #fcd652;
        border-color: #fbd447;
        box-shadow: 0 0 0 0.2rem rgba(213, 176, 43, 0.5);
    }

    .btn-check:checked + .btn-warning,
    .btn-check:active + .btn-warning,
    .btn-warning:active,
    .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        color: #000;
        background-color: #fcd95c;
        border-color: #fbd447;
    }

        .btn-check:checked + .btn-warning:focus,
        .btn-check:active + .btn-warning:focus,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(213, 176, 43, 0.5);
        }

    .btn-warning:disabled,
    .btn-warning.disabled {
        color: #000;
        background-color: #fbcf33;
        border-color: #fbcf33;
    }

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

    .btn-danger:hover {
        color: #fff;
        background-color: #c70505;
        border-color: #bb0505;
    }

    .btn-check:focus + .btn-danger,
    .btn-danger:focus {
        color: #fff;
        background-color: #c70505;
        border-color: #bb0505;
        box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5);
    }

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

        .btn-check:checked + .btn-danger:focus,
        .btn-check:active + .btn-danger:focus,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(237, 43, 43, 0.5);
        }

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

.btn-light {
    color: #000;
    background-color: #e9ecef;
    border-color: #e9ecef;
}

    .btn-light:hover {
        color: #000;
        background-color: #eceff1;
        border-color: #ebeef1;
    }

    .btn-check:focus + .btn-light,
    .btn-light:focus {
        color: #000;
        background-color: #eceff1;
        border-color: #ebeef1;
        box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5);
    }

    .btn-check:checked + .btn-light,
    .btn-check:active + .btn-light,
    .btn-light:active,
    .btn-light.active,
    .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #edf0f2;
        border-color: #ebeef1;
    }

        .btn-check:checked + .btn-light:focus,
        .btn-check:active + .btn-light:focus,
        .btn-light:active:focus,
        .btn-light.active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(198, 201, 203, 0.5);
        }

    .btn-light:disabled,
    .btn-light.disabled {
        color: #000;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

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

    .btn-dark:hover {
        color: #fff;
        background-color: #2c3c58;
        border-color: #2a3952;
    }

    .btn-check:focus + .btn-dark,
    .btn-dark:focus {
        color: #fff;
        background-color: #2c3c58;
        border-color: #2a3952;
        box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5);
    }

    .btn-check:checked + .btn-dark,
    .btn-check:active + .btn-dark,
    .btn-dark:active,
    .btn-dark.active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #2a3952;
        border-color: #27354d;
    }

        .btn-check:checked + .btn-dark:focus,
        .btn-check:active + .btn-dark:focus,
        .btn-dark:active:focus,
        .btn-dark.active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 99, 126, 0.5);
        }

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

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

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

    .btn-check:focus + .btn-white,
    .btn-white:focus {
        color: #000;
        background-color: white;
        border-color: white;
        box-shadow: 0 0 0 0.2rem rgba(217, 217, 217, 0.5);
    }

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

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

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

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

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

    .btn-check:focus + .btn-outline-primary,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5);
    }

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

        .btn-check:checked + .btn-outline-primary:focus,
        .btn-check:active + .btn-outline-primary:focus,
        .btn-outline-primary:active:focus,
        .btn-outline-primary.active:focus,
        .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.5);
        }

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

.btn-outline-secondary {
    color: #8392AB;
    border-color: #8392AB;
}

    .btn-outline-secondary:hover {
        color: #000;
        background-color: #8392AB;
        border-color: #8392AB;
    }

    .btn-check:focus + .btn-outline-secondary,
    .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5);
    }

    .btn-check:checked + .btn-outline-secondary,
    .btn-check:active + .btn-outline-secondary,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active,
    .btn-outline-secondary.dropdown-toggle.show {
        color: #000;
        background-color: #8392AB;
        border-color: #8392AB;
    }

        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-check:active + .btn-outline-secondary:focus,
        .btn-outline-secondary:active:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(131, 146, 171, 0.5);
        }

    .btn-outline-secondary:disabled,
    .btn-outline-secondary.disabled {
        color: #8392AB;
        background-color: transparent;
    }

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

    .btn-outline-success:hover {
        color: #000;
        background-color: #82d616;
        border-color: #82d616;
    }

    .btn-check:focus + .btn-outline-success,
    .btn-outline-success:focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5);
    }

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

        .btn-check:checked + .btn-outline-success:focus,
        .btn-check:active + .btn-outline-success:focus,
        .btn-outline-success:active:focus,
        .btn-outline-success.active:focus,
        .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 214, 22, 0.5);
        }

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

.btn-outline-info {
    color: #17c1e8;
    border-color: #17c1e8;
}

    .btn-outline-info:hover {
        color: #000;
        background-color: #17c1e8;
        border-color: #17c1e8;
    }

    .btn-check:focus + .btn-outline-info,
    .btn-outline-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5);
    }

    .btn-check:checked + .btn-outline-info,
    .btn-check:active + .btn-outline-info,
    .btn-outline-info:active,
    .btn-outline-info.active,
    .btn-outline-info.dropdown-toggle.show {
        color: #000;
        background-color: #17c1e8;
        border-color: #17c1e8;
    }

        .btn-check:checked + .btn-outline-info:focus,
        .btn-check:active + .btn-outline-info:focus,
        .btn-outline-info:active:focus,
        .btn-outline-info.active:focus,
        .btn-outline-info.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 193, 232, 0.5);
        }

    .btn-outline-info:disabled,
    .btn-outline-info.disabled {
        color: #17c1e8;
        background-color: transparent;
    }

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

    .btn-outline-warning:hover {
        color: #000;
        background-color: #fbcf33;
        border-color: #fbcf33;
    }

    .btn-check:focus + .btn-outline-warning,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(251, 207, 51, 0.5);
    }

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

        .btn-check:checked + .btn-outline-warning:focus,
        .btn-check:active + .btn-outline-warning:focus,
        .btn-outline-warning:active:focus,
        .btn-outline-warning.active:focus,
        .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(251, 207, 51, 0.5);
        }

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

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

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

    .btn-check:focus + .btn-outline-danger,
    .btn-outline-danger:focus {
        box-shadow: 0 0 0 0.2rem rgba(234, 6, 6, 0.5);
    }

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

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

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

.btn-outline-light {
    color: #e9ecef;
    border-color: #e9ecef;
}

    .btn-outline-light:hover {
        color: #000;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

    .btn-check:focus + .btn-outline-light,
    .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
    }

    .btn-check:checked + .btn-outline-light,
    .btn-check:active + .btn-outline-light,
    .btn-outline-light:active,
    .btn-outline-light.active,
    .btn-outline-light.dropdown-toggle.show {
        color: #000;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

        .btn-check:checked + .btn-outline-light:focus,
        .btn-check:active + .btn-outline-light:focus,
        .btn-outline-light:active:focus,
        .btn-outline-light.active:focus,
        .btn-outline-light.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(233, 236, 239, 0.5);
        }

    .btn-outline-light:disabled,
    .btn-outline-light.disabled {
        color: #e9ecef;
        background-color: transparent;
    }

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

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

    .btn-check:focus + .btn-outline-dark,
    .btn-outline-dark:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5);
    }

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

        .btn-check:checked + .btn-outline-dark:focus,
        .btn-check:active + .btn-outline-dark:focus,
        .btn-outline-dark:active:focus,
        .btn-outline-dark.active:focus,
        .btn-outline-dark.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 71, 103, 0.5);
        }

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

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

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

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

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

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

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

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

    .btn-link:hover {
        color: #830866;
        text-decoration: none;
    }

    .btn-link:focus {
        text-decoration: none;
    }

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

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.875rem 4rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.5rem 2rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
}

.fade {
    transition: opacity 0.15s linear;
}

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

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

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

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

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

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

.dropdown-toggle {
    white-space: nowrap;
}

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

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

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 11rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 0.875rem;
    color: #67748e;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: 0.5rem;
}

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: 1.625rem;
    }

.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: 1.625rem;
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 1.625rem;
}

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

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

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

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 1.625rem;
}

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

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

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

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

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

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid transparent;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.3rem 1rem;
    clear: both;
    font-weight: 400;
    color: #67748e;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #344767;
        background-color: #e9ecef;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #67748e;
        text-decoration: none;
        background-color: transparent;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
    }

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

.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.3rem 1rem;
    color: #67748e;
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: transparent;
}

    .dropdown-menu-dark .dropdown-item {
        color: #dee2e6;
    }

        .dropdown-menu-dark .dropdown-item:hover,
        .dropdown-menu-dark .dropdown-item:focus {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15);
        }

        .dropdown-menu-dark .dropdown-item.active,
        .dropdown-menu-dark .dropdown-item:active {
            color: #67748e;
            background-color: transparent;
        }

        .dropdown-menu-dark .dropdown-item.disabled,
        .dropdown-menu-dark .dropdown-item:disabled {
            color: #adb5bd;
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: transparent;
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #dee2e6;
    }

    .dropdown-menu-dark .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 > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.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: 1.125rem;
    padding-left: 1.125rem;
}

    .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: 1.5rem;
    padding-left: 1.5rem;
}

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

.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: -1px;
        }

        .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 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

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

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

.nav-link:hover,
.nav-link:focus {
    color: #830866;
}

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

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

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

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

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

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

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

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.75rem;
}

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

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
}

    .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: 0.40625rem;
    padding-bottom: 0.40625rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    white-space: nowrap;
}

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

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

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

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

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

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    transition: box-shadow 0.15s ease-in-out;
}

@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 0.2rem;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    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: 0.5rem;
                padding-left: 0.5rem;
            }

        .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;
        }
}

@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: 0.5rem;
                padding-left: 0.5rem;
            }

        .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;
        }
}

@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: 0.5rem;
                padding-left: 0.5rem;
            }

        .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;
        }
}

@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: 0.5rem;
                padding-left: 0.5rem;
            }

        .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;
        }
}

@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: 0.5rem;
                padding-left: 0.5rem;
            }

        .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 {
    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: 0.5rem;
            padding-left: 0.5rem;
        }

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

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

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

.navbar-light .navbar-brand {
    color: rgba(52, 71, 103, 0.9);
}

    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-brand:focus {
        color: rgba(52, 71, 103, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: #344767;
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(52, 71, 103, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(52, 71, 103, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(52, 71, 103, 0.9);
    }

.navbar-light .navbar-toggler {
    color: #344767;
    border-color: rgba(52, 71, 103, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23344767' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: #344767;
}

    .navbar-light .navbar-text a,
    .navbar-light .navbar-text a:hover,
    .navbar-light .navbar-text a:focus {
        color: rgba(52, 71, 103, 0.9);
    }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover,
    .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: 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.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.85);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:hover,
    .navbar-dark .navbar-text a:focus {
        color: #fff;
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
}

.header-tab {
    margin-bottom: 20px;
}

.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: 1rem;
        border-top-right-radius: 1rem;
    }

    .card > .list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }

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

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.card-title {
    margin-bottom: 0.5rem;
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

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

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1rem;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: 1rem 1rem 0 0;
    }

.card-footer {
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-top: 0 solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 1rem 1rem;
    }

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: 1rem;
}

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

.card-img,
.card-img-top {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.card-group > .card {
    margin-bottom: 0.75rem;
}

@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-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1rem;
    font-size: 1rem;
    color: #67748e;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all 0.15s ease-in, border-radius 0.15s ease;
}

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

.accordion-button:not(.collapsed) {
    color: #344767;
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
}

    .accordion-button:not(.collapsed)::after {
        background-image: none;
        transform: rotate(180deg);
    }

.accordion-button::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: #e293d3;
    outline: 0;
    box-shadow: none;
}

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

.accordion-item {
    background-color: transparent;
    border: 0 solid rgba(0, 0, 0, 0.125);
}

    .accordion-item:first-of-type {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
        }

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

    .accordion-item:last-of-type {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }

.accordion-body {
    padding: 1rem 1rem;
}

.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 {
        border-radius: 0;
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: var(--bs-breadcrumb-divider, "/")
        /* rtl: var(--bs-breadcrumb-divider, "/") */
        ;
    }

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    color: #cb0c9f;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.page-link:hover {
    z-index: 2;
    color: #830866;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 3;
    color: #830866;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(203, 12, 159, 0.25);
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #cb0c9f;
    border-color: #cb0c9f;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.badge {
    display: inline-block;
    padding: 0.55em 0.9em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.45rem;
}

    .badge:empty {
        display: none;
    }

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

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 600;
}

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

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

.alert-primary {
    color: #7a075f;
    background-color: #f5ceec;
    border-color: #efb6e2;
}

    .alert-primary .alert-link {
        color: #62064c;
    }

.alert-secondary {
    color: #4f5867;
    background-color: #e6e9ee;
    border-color: #dadee6;
}

    .alert-secondary .alert-link {
        color: #3f4652;
    }

.alert-success {
    color: #345609;
    background-color: #e6f7d0;
    border-color: #daf3b9;
}

    .alert-success .alert-link {
        color: #2a4507;
    }

.alert-info {
    color: #0e748b;
    background-color: #d1f3fa;
    border-color: #b9ecf8;
}

    .alert-info .alert-link {
        color: #0b5d6f;
    }

.alert-warning {
    color: #645314;
    background-color: #fef5d6;
    border-color: #fef1c2;
}

    .alert-warning .alert-link {
        color: #504210;
    }

.alert-danger {
    color: #8c0404;
    background-color: #fbcdcd;
    border-color: #f9b4b4;
}

    .alert-danger .alert-link {
        color: #700303;
    }

.alert-light {
    color: #5d5e60;
    background-color: #fbfbfc;
    border-color: #f8f9fa;
}

    .alert-light .alert-link {
        color: #4a4b4d;
    }

.alert-dark {
    color: #1f2b3e;
    background-color: #d6dae1;
    border-color: #c2c8d1;
}

    .alert-dark .alert-link {
        color: #192232;
    }

.alert-white {
    color: #666666;
    background-color: white;
    border-color: white;
}

    .alert-white .alert-link {
        color: #525252;
    }

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 3px;
    }
}

.progress {
    display: flex;
    height: 3px;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.5rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #ad9345;
    transition: width 0.6s ease;
}

@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: 3px 3px;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}

    .list-group-numbered > li::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
    }

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

    .list-group-item-action:hover,
    .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #67748e;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: inherit;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .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: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #cb0c9f;
        border-color: #cb0c9f;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.5rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.5rem;
        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: 1px;
        border-left-width: 0;
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 0.5rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.5rem;
            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: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 0.5rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.5rem;
            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: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 0.5rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.5rem;
            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: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 0.5rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.5rem;
            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: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: 0.5rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: 0.5rem;
            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: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.list-group-item-primary {
    color: #7a075f;
    background-color: #f5ceec;
}

    .list-group-item-primary.list-group-item-action:hover,
    .list-group-item-primary.list-group-item-action:focus {
        color: #7a075f;
        background-color: #ddb9d4;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #7a075f;
        border-color: #7a075f;
    }

.list-group-item-secondary {
    color: #4f5867;
    background-color: #e6e9ee;
}

    .list-group-item-secondary.list-group-item-action:hover,
    .list-group-item-secondary.list-group-item-action:focus {
        color: #4f5867;
        background-color: #cfd2d6;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #4f5867;
        border-color: #4f5867;
    }

.list-group-item-success {
    color: #345609;
    background-color: #e6f7d0;
}

    .list-group-item-success.list-group-item-action:hover,
    .list-group-item-success.list-group-item-action:focus {
        color: #345609;
        background-color: #cfdebb;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #345609;
        border-color: #345609;
    }

.list-group-item-info {
    color: #0e748b;
    background-color: #d1f3fa;
}

    .list-group-item-info.list-group-item-action:hover,
    .list-group-item-info.list-group-item-action:focus {
        color: #0e748b;
        background-color: #bcdbe1;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0e748b;
        border-color: #0e748b;
    }

.list-group-item-warning {
    color: #645314;
    background-color: #fef5d6;
}

    .list-group-item-warning.list-group-item-action:hover,
    .list-group-item-warning.list-group-item-action:focus {
        color: #645314;
        background-color: #e5ddc1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #645314;
        border-color: #645314;
    }

.list-group-item-danger {
    color: #8c0404;
    background-color: #fbcdcd;
}

    .list-group-item-danger.list-group-item-action:hover,
    .list-group-item-danger.list-group-item-action:focus {
        color: #8c0404;
        background-color: #e2b9b9;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #8c0404;
        border-color: #8c0404;
    }

.list-group-item-light {
    color: #5d5e60;
    background-color: #fbfbfc;
}

    .list-group-item-light.list-group-item-action:hover,
    .list-group-item-light.list-group-item-action:focus {
        color: #5d5e60;
        background-color: #e2e2e3;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #5d5e60;
        border-color: #5d5e60;
    }

.list-group-item-dark {
    color: #1f2b3e;
    background-color: #d6dae1;
}

    .list-group-item-dark.list-group-item-action:hover,
    .list-group-item-dark.list-group-item-action:focus {
        color: #1f2b3e;
        background-color: #c1c4cb;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1f2b3e;
        border-color: #1f2b3e;
    }

.list-group-item-white {
    color: #666666;
    background-color: white;
}

    .list-group-item-white.list-group-item-action:hover,
    .list-group-item-white.list-group-item-action:focus {
        color: #666666;
        background-color: #e6e6e6;
    }

    .list-group-item-white.list-group-item-action.active {
        color: #fff;
        background-color: #666666;
        border-color: #666666;
    }

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

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

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

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

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

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 0 solid transparent;
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07);
    border-radius: 0.5rem;
}

    .toast:not(.showing):not(.show) {
        opacity: 0;
    }

    .toast.hide {
        display: none;
    }

.toast-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

    .toast-container > :not(:last-child) {
        margin-bottom: 1.5rem;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.75rem 0.75rem;
    color: #344767;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 0 solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

    .toast-header .btn-close {
        margin-right: -0.375rem;
        margin-left: 0.75rem;
    }

.toast-body {
    padding: 0.75rem;
    word-wrap: break-word;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

    .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% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.75rem;
    outline: 0;
}

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

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.75rem - 1px);
    border-top-right-radius: calc(0.75rem - 1px);
}

    .modal-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin: -0.5rem -0.5rem -0.5rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.75rem - 1px);
    border-bottom-left-radius: calc(0.75rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-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 {
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto;
    }

    .modal-fullscreen .modal-footer {
        border-radius: 0;
    }

@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 {
            border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0;
        }
}

@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 {
            border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0;
        }
}

@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 {
            border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0;
        }
}

@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 {
            border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0;
        }
}

@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 {
            border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto;
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0;
        }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
            top: -1px;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
            right: -1px;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
            bottom: -1px;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
            left: -1px;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.5rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0
    /* rtl:ignore */
    ;
    z-index: 1060;
    display: block;
    max-width: 276px;
    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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.75rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.75rem;
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
    }

        .popover .popover-arrow::before,
        .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
    bottom: calc(-0.5rem - 0px);
}

    .bs-popover-top > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-top > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
        bottom: 0px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
    }

.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
    left: calc(-0.5rem - 0px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-end > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-end > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
        left: 0px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
    }

.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
    top: calc(-0.5rem - 0px);
}

    .bs-popover-bottom > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-bottom > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
        top: 0px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff;
    }

.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: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 0px solid #e9ecef;
}

.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
    right: calc(-0.5rem - 0px);
    width: 0.5rem;
    height: 1rem;
}

    .bs-popover-start > .popover-arrow::before,
    .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-start > .popover-arrow::after,
    .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
        right: 0px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
    }

.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #344767;
    background-color: #e9ecef;
    border-bottom: 0px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: calc(0.75rem - 0px);
    border-top-right-radius: calc(0.75rem - 0px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 1rem 1rem;
    color: #67748e;
}

.carousel {
    position: relative;
}

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

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

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

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

    /* rtl:begin:ignore */
    .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%);
    }

/* rtl:end:ignore */
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-start,
    .carousel-fade .carousel-item-prev.carousel-item-end {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

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

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

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

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

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

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
}

.carousel-dark .carousel-caption {
    color: #000;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
        /* rtl:ignore */
        ;
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

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

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}

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

@media (prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

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

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}

    .offcanvas-header .btn-close {
        padding: 0.5rem 0.5rem;
        margin-top: -0.5rem;
        margin-right: -0.5rem;
        margin-bottom: -0.5rem;
    }

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
}

.offcanvas.show {
    transform: none;
}

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

.link-primary {
    color: #cb0c9f;
}

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

.link-secondary {
    color: #8392AB;
}

    .link-secondary:hover,
    .link-secondary:focus {
        color: #9ca8bc;
    }

.link-success {
    color: #82d616;
}

    .link-success:hover,
    .link-success:focus {
        color: #9bde45;
    }

.link-info {
    color: #17c1e8;
}

    .link-info:hover,
    .link-info:focus {
        color: #45cded;
    }

.link-warning {
    color: #fbcf33;
}

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

.link-danger {
    color: #ea0606;
}

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

.link-light {
    color: #e9ecef;
}

    .link-light:hover,
    .link-light:focus {
        color: #edf0f2;
    }

.link-dark {
    color: #344767;
}

    .link-dark:hover,
    .link-dark:focus {
        color: #2a3952;
    }

.link-white {
    color: #fff;
}

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

.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: calc(3 / 4 * 100%);
}

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}

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

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

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

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

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

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

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

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

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

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

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

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shadow {
    box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07) !important;
}

.shadow-sm {
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important;
}

.shadow-lg {
    box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06) !important;
}

.shadow-xl {
    box-shadow: 0 23px 45px -11px rgba(20, 20, 20, 0.25) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border {
    border: 1px solid #dee2e6 !important;
}

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

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

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

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

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

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

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

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

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

.border-primary {
    border-color: #cb0c9f !important;
}

.border-secondary {
    border-color: #8392AB !important;
}

.border-success {
    border-color: #82d616 !important;
}

.border-info {
    border-color: #17c1e8 !important;
}

.border-warning {
    border-color: #fbcf33 !important;
}

.border-danger {
    border-color: #ea0606 !important;
}

.border-light {
    border-color: #e9ecef !important;
}

.border-dark {
    border-color: #344767 !important;
}

.border-white {
    border-color: #fff !important;
}

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

.border-1 {
    border-width: 1px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

.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-35 {
    width: 35% !important;
}

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

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

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

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

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

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

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

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

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

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

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

.w-95 {
    width: 95% !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-25 {
    min-height: 25vh !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-7 {
    gap: 6rem !important;
}

.gap-8 {
    gap: 8rem !important;
}

.gap-9 {
    gap: 10rem !important;
}

.gap-10 {
    gap: 12rem !important;
}

.gap-11 {
    gap: 14rem !important;
}

.gap-12 {
    gap: 16rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-7 {
    margin: 6rem !important;
}

.m-8 {
    margin: 8rem !important;
}

.m-9 {
    margin: 10rem !important;
}

.m-10 {
    margin: 12rem !important;
}

.m-11 {
    margin: 14rem !important;
}

.m-12 {
    margin: 16rem !important;
}

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

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

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

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

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

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

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

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

.mx-7 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
}

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

.mx-9 {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
}

.mx-10 {
    margin-right: 12rem !important;
    margin-left: 12rem !important;
}

.mx-11 {
    margin-right: 14rem !important;
    margin-left: 14rem !important;
}

.mx-12 {
    margin-right: 16rem !important;
    margin-left: 16rem !important;
}

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

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

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

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

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

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

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

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

.my-7 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

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

.my-9 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

.my-10 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
}

.my-11 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
}

.my-12 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
}

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

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

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

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

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

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

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

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

.mt-7 {
    margin-top: 6rem !important;
}

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

.mt-9 {
    margin-top: 10rem !important;
}

.mt-10 {
    margin-top: 12rem !important;
}

.mt-11 {
    margin-top: 14rem !important;
}

.mt-12 {
    margin-top: 16rem !important;
}

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

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

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

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

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

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

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

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

.me-7 {
    margin-right: 6rem !important;
}

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

.me-9 {
    margin-right: 10rem !important;
}

.me-10 {
    margin-right: 12rem !important;
}

.me-11 {
    margin-right: 14rem !important;
}

.me-12 {
    margin-right: 16rem !important;
}

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

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

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

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

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

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

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

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

.mb-7 {
    margin-bottom: 6rem !important;
}

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

.mb-9 {
    margin-bottom: 10rem !important;
}

.mb-10 {
    margin-bottom: 12rem !important;
}

.mb-11 {
    margin-bottom: 14rem !important;
}

.mb-12 {
    margin-bottom: 16rem !important;
}

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

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

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

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

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

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

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

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

.ms-7 {
    margin-left: 6rem !important;
}

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

.ms-9 {
    margin-left: 10rem !important;
}

.ms-10 {
    margin-left: 12rem !important;
}

.ms-11 {
    margin-left: 14rem !important;
}

.ms-12 {
    margin-left: 16rem !important;
}

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

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

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

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

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

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

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

.m-n7 {
    margin: -6rem !important;
}

.m-n8 {
    margin: -8rem !important;
}

.m-n9 {
    margin: -10rem !important;
}

.m-n10 {
    margin: -12rem !important;
}

.m-n11 {
    margin: -14rem !important;
}

.m-n12 {
    margin: -16rem !important;
}

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

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

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

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

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

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

.mx-n7 {
    margin-right: -6rem !important;
    margin-left: -6rem !important;
}

.mx-n8 {
    margin-right: -8rem !important;
    margin-left: -8rem !important;
}

.mx-n9 {
    margin-right: -10rem !important;
    margin-left: -10rem !important;
}

.mx-n10 {
    margin-right: -12rem !important;
    margin-left: -12rem !important;
}

.mx-n11 {
    margin-right: -14rem !important;
    margin-left: -14rem !important;
}

.mx-n12 {
    margin-right: -16rem !important;
    margin-left: -16rem !important;
}

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

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

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

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

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

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

.my-n7 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
}

.my-n8 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
}

.my-n9 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
}

.my-n10 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
}

.my-n11 {
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
}

.my-n12 {
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
}

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

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

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

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

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

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

.mt-n7 {
    margin-top: -6rem !important;
}

.mt-n8 {
    margin-top: -8rem !important;
}

.mt-n9 {
    margin-top: -10rem !important;
}

.mt-n10 {
    margin-top: -12rem !important;
}

.mt-n11 {
    margin-top: -14rem !important;
}

.mt-n12 {
    margin-top: -16rem !important;
}

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

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

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

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

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

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

.me-n7 {
    margin-right: -6rem !important;
}

.me-n8 {
    margin-right: -8rem !important;
}

.me-n9 {
    margin-right: -10rem !important;
}

.me-n10 {
    margin-right: -12rem !important;
}

.me-n11 {
    margin-right: -14rem !important;
}

.me-n12 {
    margin-right: -16rem !important;
}

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

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

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

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

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

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

.mb-n7 {
    margin-bottom: -6rem !important;
}

.mb-n8 {
    margin-bottom: -8rem !important;
}

.mb-n9 {
    margin-bottom: -10rem !important;
}

.mb-n10 {
    margin-bottom: -12rem !important;
}

.mb-n11 {
    margin-bottom: -14rem !important;
}

.mb-n12 {
    margin-bottom: -16rem !important;
}

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

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

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

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

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

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

.ms-n7 {
    margin-left: -6rem !important;
}

.ms-n8 {
    margin-left: -8rem !important;
}

.ms-n9 {
    margin-left: -10rem !important;
}

.ms-n10 {
    margin-left: -12rem !important;
}

.ms-n11 {
    margin-left: -14rem !important;
}

.ms-n12 {
    margin-left: -16rem !important;
}

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

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

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

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

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

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

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

.p-7 {
    padding: 6rem !important;
}

.p-8 {
    padding: 8rem !important;
}

.p-9 {
    padding: 10rem !important;
}

.p-10 {
    padding: 12rem !important;
}

.p-11 {
    padding: 14rem !important;
}

.p-12 {
    padding: 16rem !important;
}

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

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

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

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

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

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

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

.px-7 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
}

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

.px-9 {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
}

.px-10 {
    padding-right: 12rem !important;
    padding-left: 12rem !important;
}

.px-11 {
    padding-right: 14rem !important;
    padding-left: 14rem !important;
}

.px-12 {
    padding-right: 16rem !important;
    padding-left: 16rem !important;
}

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

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

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

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

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

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

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

.py-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

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

.py-9 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

.py-10 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
}

.py-11 {
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
}

.py-12 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
}

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

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

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

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

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

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

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

.pt-7 {
    padding-top: 6rem !important;
}

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

.pt-9 {
    padding-top: 10rem !important;
}

.pt-10 {
    padding-top: 12rem !important;
}

.pt-11 {
    padding-top: 14rem !important;
}

.pt-12 {
    padding-top: 16rem !important;
}

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

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

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

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

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

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

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

.pe-7 {
    padding-right: 6rem !important;
}

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

.pe-9 {
    padding-right: 10rem !important;
}

.pe-10 {
    padding-right: 12rem !important;
}

.pe-11 {
    padding-right: 14rem !important;
}

.pe-12 {
    padding-right: 16rem !important;
}

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

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

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

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

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

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

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

.pb-7 {
    padding-bottom: 6rem !important;
}

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

.pb-9 {
    padding-bottom: 10rem !important;
}

.pb-10 {
    padding-bottom: 12rem !important;
}

.pb-11 {
    padding-bottom: 14rem !important;
}

.pb-12 {
    padding-bottom: 16rem !important;
}

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

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

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

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

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

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

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

.ps-7 {
    padding-left: 6rem !important;
}

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

.ps-9 {
    padding-left: 10rem !important;
}

.ps-10 {
    padding-left: 12rem !important;
}

.ps-11 {
    padding-left: 14rem !important;
}

.ps-12 {
    padding-left: 16rem !important;
}

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

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

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

.fs-3 {
    font-size: calc(1.3125rem + 0.75vw) !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-light {
    font-weight: 300 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* rtl:end:remove */
.text-primary {
    color: #cb0c9f !important;
}

.text-secondary {
    color: #8392AB !important;
}

.text-success {
    color: #82d616 !important;
}

.text-info {
    color: #17c1e8 !important;
}

.text-warning {
    color: #fbcf33 !important;
}

.text-danger {
    color: #ea0606 !important;
}

.text-light {
    color: #e9ecef !important;
}

.text-dark {
    color: #344767 !important;
}

.text-white {
    color: #fff !important;
}

.text-body {
    color: #67748e !important;
}

.text-muted {
    color: #6c757d !important;
}

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

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

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

.bg-primary {
    background-color: #cb0c9f !important;
}

.bg-secondary {
    background-color: #8392AB !important;
}

.bg-success {
    background-color: #82d616 !important;
}

.bg-info {
    background-color: #17c1e8 !important;
}

.bg-warning {
    background-color: #fbcf33 !important;
}

.bg-danger {
    background-color: #ea0606 !important;
}

.bg-light {
    background-color: #e9ecef !important;
}

.bg-dark {
    background-color: #344767 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-body {
    background-color: #fff !important;
}

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

.bg-gray-100 {
    background-color: #f1f4f6 !important;
}

.bg-gray-200 {
    background-color: #e9ecef !important;
}

.bg-gray-300 {
    background-color: #dee2e6 !important;
}

.bg-gray-400 {
    background-color: #ced4da !important;
}

.bg-gray-500 {
    background-color: #adb5bd !important;
}

.bg-gray-600 {
    background-color: #6c757d !important;
}

.bg-gray-700 {
    background-color: #495057 !important;
}

.bg-gray-800 {
    background-color: #343a40 !important;
}

.bg-gray-900 {
    background-color: #212529 !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: 0.25rem !important;
}

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

.rounded-1 {
    border-radius: 0.25rem !important;
}

.rounded-2 {
    border-radius: 0.25rem !important;
}

.rounded-3 {
    border-radius: 0.75rem !important;
}

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

.rounded-pill {
    border-radius: 50rem !important;
}

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

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

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.transform-scale-5 {
    transform: scale(0.5) !important;
}

.transform-scale-6 {
    transform: scale(0.6) !important;
}

.transform-scale-7 {
    transform: scale(0.7) !important;
}

.transform-scale-8 {
    transform: scale(0.8) !important;
}

.transform-scale-9 {
    transform: scale(0.9) !important;
}

.transform-scale-10 {
    transform: scale(1) !important;
}

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

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

.opacity-2 {
    opacity: 0.2 !important;
}

.opacity-3 {
    opacity: 0.3 !important;
}

.opacity-4 {
    opacity: 0.4 !important;
}

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

.opacity-6 {
    opacity: 0.6 !important;
}

.opacity-7 {
    opacity: 0.7 !important;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-9 {
    opacity: 0.9 !important;
}

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

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.letter-spacing-1 {
    letter-spacing: 1px !important;
}

.letter-spacing-2 {
    letter-spacing: 2px !important;
}

.letter-spacing-3 {
    letter-spacing: 3px !important;
}

.letter-spacing-4 {
    letter-spacing: 4px !important;
}

.letter-spacing-5 {
    letter-spacing: 5px !important;
}

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

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

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

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

.max-height-100 {
    max-height: 100px !important;
}

.max-height-150 {
    max-height: 150px !important;
}

.max-height-160 {
    max-height: 160px !important;
}

.max-height-200 {
    max-height: 200px !important;
}

.max-height-250 {
    max-height: 200px !important;
}

.max-height-300 {
    max-height: 300px !important;
}

.max-height-400 {
    max-height: 400px !important;
}

.max-height-500 {
    max-height: 500px !important;
}

.max-height-600 {
    max-height: 600px !important;
}

.max-height-vh-10 {
    max-height: 10vh !important;
}

.max-height-vh-20 {
    max-height: 20vh !important;
}

.max-height-vh-30 {
    max-height: 30vh !important;
}

.max-height-vh-40 {
    max-height: 40vh !important;
}

.max-height-vh-50 {
    max-height: 50vh !important;
}

.max-height-vh-60 {
    max-height: 60vh !important;
}

.max-height-vh-70 {
    max-height: 70vh !important;
}

.max-height-vh-80 {
    max-height: 80vh !important;
}

.max-height-vh-90 {
    max-height: 90vh !important;
}

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

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

.min-height-150 {
    min-height: 150px !important;
}

.min-height-160 {
    min-height: 160px !important;
}

.min-height-200 {
    min-height: 200px !important;
}

.min-height-250 {
    min-height: 200px !important;
}

.min-height-300 {
    min-height: 300px !important;
}

.min-height-400 {
    min-height: 400px !important;
}

.min-height-500 {
    min-height: 500px !important;
}

.min-height-600 {
    min-height: 600px !important;
}

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

.height-200 {
    height: 200px !important;
}

.height-300 {
    height: 300px !important;
}

.height-400 {
    height: 400px !important;
}

.height-500 {
    height: 500px !important;
}

.height-600 {
    height: 600px !important;
}

.max-width-100 {
    max-width: 100px !important;
}

.max-width-200 {
    max-width: 200px !important;
}

.max-width-300 {
    max-width: 300px !important;
}

.max-width-400 {
    max-width: 400px !important;
}

.max-width-500 {
    max-width: 500px !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .border-top-sm {
        border-top: 1px solid #dee2e6 !important;
    }

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

    .border-end-sm {
        border-right: 1px solid #dee2e6 !important;
    }

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

    .border-bottom-sm {
        border-bottom: 1px solid #dee2e6 !important;
    }

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

    .border-start-sm {
        border-left: 1px solid #dee2e6 !important;
    }

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

    .w-sm-0 {
        width: 0% !important;
    }

    .w-sm-1 {
        width: 1% !important;
    }

    .w-sm-2 {
        width: 2% !important;
    }

    .w-sm-3 {
        width: 3% !important;
    }

    .w-sm-4 {
        width: 4% !important;
    }

    .w-sm-5 {
        width: 5% !important;
    }

    .w-sm-6 {
        width: 6% !important;
    }

    .w-sm-7 {
        width: 7% !important;
    }

    .w-sm-8 {
        width: 8% !important;
    }

    .w-sm-9 {
        width: 9% !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-35 {
        width: 35% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

    .w-sm-45 {
        width: 45% !important;
    }

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

    .w-sm-55 {
        width: 55% !important;
    }

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-65 {
        width: 65% !important;
    }

    .w-sm-70 {
        width: 70% !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-95 {
        width: 95% !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;
    }

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

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

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

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

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

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

    .gap-sm-6 {
        gap: 4rem !important;
    }

    .gap-sm-7 {
        gap: 6rem !important;
    }

    .gap-sm-8 {
        gap: 8rem !important;
    }

    .gap-sm-9 {
        gap: 10rem !important;
    }

    .gap-sm-10 {
        gap: 12rem !important;
    }

    .gap-sm-11 {
        gap: 14rem !important;
    }

    .gap-sm-12 {
        gap: 16rem !important;
    }

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

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

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

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

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .order-sm-first {
        order: -1 !important;
    }

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-last {
        order: 6 !important;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-6 {
        margin: 4rem !important;
    }

    .m-sm-7 {
        margin: 6rem !important;
    }

    .m-sm-8 {
        margin: 8rem !important;
    }

    .m-sm-9 {
        margin: 10rem !important;
    }

    .m-sm-10 {
        margin: 12rem !important;
    }

    .m-sm-11 {
        margin: 14rem !important;
    }

    .m-sm-12 {
        margin: 16rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-sm-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    .mx-sm-8 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .mx-sm-9 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .mx-sm-10 {
        margin-right: 12rem !important;
        margin-left: 12rem !important;
    }

    .mx-sm-11 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .mx-sm-12 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-6 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-sm-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-sm-8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .my-sm-9 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .my-sm-10 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important;
    }

    .my-sm-11 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .my-sm-12 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mt-sm-3 {
        margin-top: 1rem !important;
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-6 {
        margin-top: 4rem !important;
    }

    .mt-sm-7 {
        margin-top: 6rem !important;
    }

    .mt-sm-8 {
        margin-top: 8rem !important;
    }

    .mt-sm-9 {
        margin-top: 10rem !important;
    }

    .mt-sm-10 {
        margin-top: 12rem !important;
    }

    .mt-sm-11 {
        margin-top: 14rem !important;
    }

    .mt-sm-12 {
        margin-top: 16rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: 0.25rem !important;
    }

    .me-sm-2 {
        margin-right: 0.5rem !important;
    }

    .me-sm-3 {
        margin-right: 1rem !important;
    }

    .me-sm-4 {
        margin-right: 1.5rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-6 {
        margin-right: 4rem !important;
    }

    .me-sm-7 {
        margin-right: 6rem !important;
    }

    .me-sm-8 {
        margin-right: 8rem !important;
    }

    .me-sm-9 {
        margin-right: 10rem !important;
    }

    .me-sm-10 {
        margin-right: 12rem !important;
    }

    .me-sm-11 {
        margin-right: 14rem !important;
    }

    .me-sm-12 {
        margin-right: 16rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-6 {
        margin-bottom: 4rem !important;
    }

    .mb-sm-7 {
        margin-bottom: 6rem !important;
    }

    .mb-sm-8 {
        margin-bottom: 8rem !important;
    }

    .mb-sm-9 {
        margin-bottom: 10rem !important;
    }

    .mb-sm-10 {
        margin-bottom: 12rem !important;
    }

    .mb-sm-11 {
        margin-bottom: 14rem !important;
    }

    .mb-sm-12 {
        margin-bottom: 16rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }

    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }

    .ms-sm-3 {
        margin-left: 1rem !important;
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-6 {
        margin-left: 4rem !important;
    }

    .ms-sm-7 {
        margin-left: 6rem !important;
    }

    .ms-sm-8 {
        margin-left: 8rem !important;
    }

    .ms-sm-9 {
        margin-left: 10rem !important;
    }

    .ms-sm-10 {
        margin-left: 12rem !important;
    }

    .ms-sm-11 {
        margin-left: 14rem !important;
    }

    .ms-sm-12 {
        margin-left: 16rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .m-sm-n6 {
        margin: -4rem !important;
    }

    .m-sm-n7 {
        margin: -6rem !important;
    }

    .m-sm-n8 {
        margin: -8rem !important;
    }

    .m-sm-n9 {
        margin: -10rem !important;
    }

    .m-sm-n10 {
        margin: -12rem !important;
    }

    .m-sm-n11 {
        margin: -14rem !important;
    }

    .m-sm-n12 {
        margin: -16rem !important;
    }

    .mx-sm-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-sm-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-sm-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-sm-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-sm-n6 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-sm-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important;
    }

    .mx-sm-n8 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .mx-sm-n9 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .mx-sm-n10 {
        margin-right: -12rem !important;
        margin-left: -12rem !important;
    }

    .mx-sm-n11 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .mx-sm-n12 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .my-sm-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-sm-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-sm-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-sm-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-sm-n6 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-sm-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .my-sm-n8 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .my-sm-n9 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .my-sm-n10 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important;
    }

    .my-sm-n11 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .my-sm-n12 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .mt-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-sm-n3 {
        margin-top: -1rem !important;
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-sm-n5 {
        margin-top: -3rem !important;
    }

    .mt-sm-n6 {
        margin-top: -4rem !important;
    }

    .mt-sm-n7 {
        margin-top: -6rem !important;
    }

    .mt-sm-n8 {
        margin-top: -8rem !important;
    }

    .mt-sm-n9 {
        margin-top: -10rem !important;
    }

    .mt-sm-n10 {
        margin-top: -12rem !important;
    }

    .mt-sm-n11 {
        margin-top: -14rem !important;
    }

    .mt-sm-n12 {
        margin-top: -16rem !important;
    }

    .me-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .me-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .me-sm-n3 {
        margin-right: -1rem !important;
    }

    .me-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .me-sm-n5 {
        margin-right: -3rem !important;
    }

    .me-sm-n6 {
        margin-right: -4rem !important;
    }

    .me-sm-n7 {
        margin-right: -6rem !important;
    }

    .me-sm-n8 {
        margin-right: -8rem !important;
    }

    .me-sm-n9 {
        margin-right: -10rem !important;
    }

    .me-sm-n10 {
        margin-right: -12rem !important;
    }

    .me-sm-n11 {
        margin-right: -14rem !important;
    }

    .me-sm-n12 {
        margin-right: -16rem !important;
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-sm-n6 {
        margin-bottom: -4rem !important;
    }

    .mb-sm-n7 {
        margin-bottom: -6rem !important;
    }

    .mb-sm-n8 {
        margin-bottom: -8rem !important;
    }

    .mb-sm-n9 {
        margin-bottom: -10rem !important;
    }

    .mb-sm-n10 {
        margin-bottom: -12rem !important;
    }

    .mb-sm-n11 {
        margin-bottom: -14rem !important;
    }

    .mb-sm-n12 {
        margin-bottom: -16rem !important;
    }

    .ms-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-sm-n3 {
        margin-left: -1rem !important;
    }

    .ms-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-sm-n5 {
        margin-left: -3rem !important;
    }

    .ms-sm-n6 {
        margin-left: -4rem !important;
    }

    .ms-sm-n7 {
        margin-left: -6rem !important;
    }

    .ms-sm-n8 {
        margin-left: -8rem !important;
    }

    .ms-sm-n9 {
        margin-left: -10rem !important;
    }

    .ms-sm-n10 {
        margin-left: -12rem !important;
    }

    .ms-sm-n11 {
        margin-left: -14rem !important;
    }

    .ms-sm-n12 {
        margin-left: -16rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .p-sm-6 {
        padding: 4rem !important;
    }

    .p-sm-7 {
        padding: 6rem !important;
    }

    .p-sm-8 {
        padding: 8rem !important;
    }

    .p-sm-9 {
        padding: 10rem !important;
    }

    .p-sm-10 {
        padding: 12rem !important;
    }

    .p-sm-11 {
        padding: 14rem !important;
    }

    .p-sm-12 {
        padding: 16rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-sm-6 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-sm-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-sm-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .px-sm-9 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .px-sm-10 {
        padding-right: 12rem !important;
        padding-left: 12rem !important;
    }

    .px-sm-11 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .px-sm-12 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-sm-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-sm-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-sm-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .py-sm-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .py-sm-10 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important;
    }

    .py-sm-11 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .py-sm-12 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pt-sm-3 {
        padding-top: 1rem !important;
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pt-sm-6 {
        padding-top: 4rem !important;
    }

    .pt-sm-7 {
        padding-top: 6rem !important;
    }

    .pt-sm-8 {
        padding-top: 8rem !important;
    }

    .pt-sm-9 {
        padding-top: 10rem !important;
    }

    .pt-sm-10 {
        padding-top: 12rem !important;
    }

    .pt-sm-11 {
        padding-top: 14rem !important;
    }

    .pt-sm-12 {
        padding-top: 16rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pe-sm-3 {
        padding-right: 1rem !important;
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pe-sm-6 {
        padding-right: 4rem !important;
    }

    .pe-sm-7 {
        padding-right: 6rem !important;
    }

    .pe-sm-8 {
        padding-right: 8rem !important;
    }

    .pe-sm-9 {
        padding-right: 10rem !important;
    }

    .pe-sm-10 {
        padding-right: 12rem !important;
    }

    .pe-sm-11 {
        padding-right: 14rem !important;
    }

    .pe-sm-12 {
        padding-right: 16rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pb-sm-6 {
        padding-bottom: 4rem !important;
    }

    .pb-sm-7 {
        padding-bottom: 6rem !important;
    }

    .pb-sm-8 {
        padding-bottom: 8rem !important;
    }

    .pb-sm-9 {
        padding-bottom: 10rem !important;
    }

    .pb-sm-10 {
        padding-bottom: 12rem !important;
    }

    .pb-sm-11 {
        padding-bottom: 14rem !important;
    }

    .pb-sm-12 {
        padding-bottom: 16rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }

    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }

    .ps-sm-3 {
        padding-left: 1rem !important;
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

    .ps-sm-6 {
        padding-left: 4rem !important;
    }

    .ps-sm-7 {
        padding-left: 6rem !important;
    }

    .ps-sm-8 {
        padding-left: 8rem !important;
    }

    .ps-sm-9 {
        padding-left: 10rem !important;
    }

    .ps-sm-10 {
        padding-left: 12rem !important;
    }

    .ps-sm-11 {
        padding-left: 14rem !important;
    }

    .ps-sm-12 {
        padding-left: 16rem !important;
    }

    .text-sm-start {
        text-align: left !important;
    }

    .text-sm-end {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .transform-scale-sm-5 {
        transform: scale(0.5) !important;
    }

    .transform-scale-sm-6 {
        transform: scale(0.6) !important;
    }

    .transform-scale-sm-7 {
        transform: scale(0.7) !important;
    }

    .transform-scale-sm-8 {
        transform: scale(0.8) !important;
    }

    .transform-scale-sm-9 {
        transform: scale(0.9) !important;
    }

    .transform-scale-sm-10 {
        transform: scale(1) !important;
    }

    .border-radius-top-start-sm-0 {
        border-top-left-radius: 0 !important;
    }

    .border-radius-top-end-sm-0 {
        border-top-right-radius: 0 !important;
    }

    .border-radius-bottom-start-sm-0 {
        border-bottom-left-radius: 0 !important;
    }

    .border-radius-bottom-end-sm-0 {
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }

    .float-md-end {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-grid {
        display: grid !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .border-top-md {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-top-md-0 {
        border-top: 0 !important;
    }

    .border-end-md {
        border-right: 1px solid #dee2e6 !important;
    }

    .border-end-md-0 {
        border-right: 0 !important;
    }

    .border-bottom-md {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-bottom-md-0 {
        border-bottom: 0 !important;
    }

    .border-start-md {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-start-md-0 {
        border-left: 0 !important;
    }

    .w-md-0 {
        width: 0% !important;
    }

    .w-md-1 {
        width: 1% !important;
    }

    .w-md-2 {
        width: 2% !important;
    }

    .w-md-3 {
        width: 3% !important;
    }

    .w-md-4 {
        width: 4% !important;
    }

    .w-md-5 {
        width: 5% !important;
    }

    .w-md-6 {
        width: 6% !important;
    }

    .w-md-7 {
        width: 7% !important;
    }

    .w-md-8 {
        width: 8% !important;
    }

    .w-md-9 {
        width: 9% !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-35 {
        width: 35% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-45 {
        width: 45% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-55 {
        width: 55% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-65 {
        width: 65% !important;
    }

    .w-md-70 {
        width: 70% !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-95 {
        width: 95% !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;
    }

    .gap-md-0 {
        gap: 0 !important;
    }

    .gap-md-1 {
        gap: 0.25rem !important;
    }

    .gap-md-2 {
        gap: 0.5rem !important;
    }

    .gap-md-3 {
        gap: 1rem !important;
    }

    .gap-md-4 {
        gap: 1.5rem !important;
    }

    .gap-md-5 {
        gap: 3rem !important;
    }

    .gap-md-6 {
        gap: 4rem !important;
    }

    .gap-md-7 {
        gap: 6rem !important;
    }

    .gap-md-8 {
        gap: 8rem !important;
    }

    .gap-md-9 {
        gap: 10rem !important;
    }

    .gap-md-10 {
        gap: 12rem !important;
    }

    .gap-md-11 {
        gap: 14rem !important;
    }

    .gap-md-12 {
        gap: 16rem !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .order-md-first {
        order: -1 !important;
    }

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-last {
        order: 6 !important;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-6 {
        margin: 4rem !important;
    }

    .m-md-7 {
        margin: 6rem !important;
    }

    .m-md-8 {
        margin: 8rem !important;
    }

    .m-md-9 {
        margin: 10rem !important;
    }

    .m-md-10 {
        margin: 12rem !important;
    }

    .m-md-11 {
        margin: 14rem !important;
    }

    .m-md-12 {
        margin: 16rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-md-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    .mx-md-8 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .mx-md-9 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .mx-md-10 {
        margin-right: 12rem !important;
        margin-left: 12rem !important;
    }

    .mx-md-11 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .mx-md-12 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-6 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-md-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-md-8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .my-md-9 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .my-md-10 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important;
    }

    .my-md-11 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .my-md-12 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: 0.25rem !important;
    }

    .mt-md-2 {
        margin-top: 0.5rem !important;
    }

    .mt-md-3 {
        margin-top: 1rem !important;
    }

    .mt-md-4 {
        margin-top: 1.5rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-6 {
        margin-top: 4rem !important;
    }

    .mt-md-7 {
        margin-top: 6rem !important;
    }

    .mt-md-8 {
        margin-top: 8rem !important;
    }

    .mt-md-9 {
        margin-top: 10rem !important;
    }

    .mt-md-10 {
        margin-top: 12rem !important;
    }

    .mt-md-11 {
        margin-top: 14rem !important;
    }

    .mt-md-12 {
        margin-top: 16rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: 0.25rem !important;
    }

    .me-md-2 {
        margin-right: 0.5rem !important;
    }

    .me-md-3 {
        margin-right: 1rem !important;
    }

    .me-md-4 {
        margin-right: 1.5rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-6 {
        margin-right: 4rem !important;
    }

    .me-md-7 {
        margin-right: 6rem !important;
    }

    .me-md-8 {
        margin-right: 8rem !important;
    }

    .me-md-9 {
        margin-right: 10rem !important;
    }

    .me-md-10 {
        margin-right: 12rem !important;
    }

    .me-md-11 {
        margin-right: 14rem !important;
    }

    .me-md-12 {
        margin-right: 16rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1rem !important;
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-6 {
        margin-bottom: 4rem !important;
    }

    .mb-md-7 {
        margin-bottom: 6rem !important;
    }

    .mb-md-8 {
        margin-bottom: 8rem !important;
    }

    .mb-md-9 {
        margin-bottom: 10rem !important;
    }

    .mb-md-10 {
        margin-bottom: 12rem !important;
    }

    .mb-md-11 {
        margin-bottom: 14rem !important;
    }

    .mb-md-12 {
        margin-bottom: 16rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: 0.25rem !important;
    }

    .ms-md-2 {
        margin-left: 0.5rem !important;
    }

    .ms-md-3 {
        margin-left: 1rem !important;
    }

    .ms-md-4 {
        margin-left: 1.5rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-6 {
        margin-left: 4rem !important;
    }

    .ms-md-7 {
        margin-left: 6rem !important;
    }

    .ms-md-8 {
        margin-left: 8rem !important;
    }

    .ms-md-9 {
        margin-left: 10rem !important;
    }

    .ms-md-10 {
        margin-left: 12rem !important;
    }

    .ms-md-11 {
        margin-left: 14rem !important;
    }

    .ms-md-12 {
        margin-left: 16rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .m-md-n6 {
        margin: -4rem !important;
    }

    .m-md-n7 {
        margin: -6rem !important;
    }

    .m-md-n8 {
        margin: -8rem !important;
    }

    .m-md-n9 {
        margin: -10rem !important;
    }

    .m-md-n10 {
        margin: -12rem !important;
    }

    .m-md-n11 {
        margin: -14rem !important;
    }

    .m-md-n12 {
        margin: -16rem !important;
    }

    .mx-md-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-md-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-md-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-md-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-md-n6 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-md-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important;
    }

    .mx-md-n8 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .mx-md-n9 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .mx-md-n10 {
        margin-right: -12rem !important;
        margin-left: -12rem !important;
    }

    .mx-md-n11 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .mx-md-n12 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .my-md-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-md-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-md-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-md-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-md-n6 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-md-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .my-md-n8 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .my-md-n9 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .my-md-n10 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important;
    }

    .my-md-n11 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .my-md-n12 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .mt-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-md-n3 {
        margin-top: -1rem !important;
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-md-n5 {
        margin-top: -3rem !important;
    }

    .mt-md-n6 {
        margin-top: -4rem !important;
    }

    .mt-md-n7 {
        margin-top: -6rem !important;
    }

    .mt-md-n8 {
        margin-top: -8rem !important;
    }

    .mt-md-n9 {
        margin-top: -10rem !important;
    }

    .mt-md-n10 {
        margin-top: -12rem !important;
    }

    .mt-md-n11 {
        margin-top: -14rem !important;
    }

    .mt-md-n12 {
        margin-top: -16rem !important;
    }

    .me-md-n1 {
        margin-right: -0.25rem !important;
    }

    .me-md-n2 {
        margin-right: -0.5rem !important;
    }

    .me-md-n3 {
        margin-right: -1rem !important;
    }

    .me-md-n4 {
        margin-right: -1.5rem !important;
    }

    .me-md-n5 {
        margin-right: -3rem !important;
    }

    .me-md-n6 {
        margin-right: -4rem !important;
    }

    .me-md-n7 {
        margin-right: -6rem !important;
    }

    .me-md-n8 {
        margin-right: -8rem !important;
    }

    .me-md-n9 {
        margin-right: -10rem !important;
    }

    .me-md-n10 {
        margin-right: -12rem !important;
    }

    .me-md-n11 {
        margin-right: -14rem !important;
    }

    .me-md-n12 {
        margin-right: -16rem !important;
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-md-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-md-n6 {
        margin-bottom: -4rem !important;
    }

    .mb-md-n7 {
        margin-bottom: -6rem !important;
    }

    .mb-md-n8 {
        margin-bottom: -8rem !important;
    }

    .mb-md-n9 {
        margin-bottom: -10rem !important;
    }

    .mb-md-n10 {
        margin-bottom: -12rem !important;
    }

    .mb-md-n11 {
        margin-bottom: -14rem !important;
    }

    .mb-md-n12 {
        margin-bottom: -16rem !important;
    }

    .ms-md-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-md-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-md-n3 {
        margin-left: -1rem !important;
    }

    .ms-md-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-md-n5 {
        margin-left: -3rem !important;
    }

    .ms-md-n6 {
        margin-left: -4rem !important;
    }

    .ms-md-n7 {
        margin-left: -6rem !important;
    }

    .ms-md-n8 {
        margin-left: -8rem !important;
    }

    .ms-md-n9 {
        margin-left: -10rem !important;
    }

    .ms-md-n10 {
        margin-left: -12rem !important;
    }

    .ms-md-n11 {
        margin-left: -14rem !important;
    }

    .ms-md-n12 {
        margin-left: -16rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .p-md-6 {
        padding: 4rem !important;
    }

    .p-md-7 {
        padding: 6rem !important;
    }

    .p-md-8 {
        padding: 8rem !important;
    }

    .p-md-9 {
        padding: 10rem !important;
    }

    .p-md-10 {
        padding: 12rem !important;
    }

    .p-md-11 {
        padding: 14rem !important;
    }

    .p-md-12 {
        padding: 16rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-md-6 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-md-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-md-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .px-md-9 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .px-md-10 {
        padding-right: 12rem !important;
        padding-left: 12rem !important;
    }

    .px-md-11 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .px-md-12 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-md-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-md-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-md-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .py-md-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .py-md-10 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important;
    }

    .py-md-11 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .py-md-12 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: 0.25rem !important;
    }

    .pt-md-2 {
        padding-top: 0.5rem !important;
    }

    .pt-md-3 {
        padding-top: 1rem !important;
    }

    .pt-md-4 {
        padding-top: 1.5rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pt-md-6 {
        padding-top: 4rem !important;
    }

    .pt-md-7 {
        padding-top: 6rem !important;
    }

    .pt-md-8 {
        padding-top: 8rem !important;
    }

    .pt-md-9 {
        padding-top: 10rem !important;
    }

    .pt-md-10 {
        padding-top: 12rem !important;
    }

    .pt-md-11 {
        padding-top: 14rem !important;
    }

    .pt-md-12 {
        padding-top: 16rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: 0.25rem !important;
    }

    .pe-md-2 {
        padding-right: 0.5rem !important;
    }

    .pe-md-3 {
        padding-right: 1rem !important;
    }

    .pe-md-4 {
        padding-right: 1.5rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pe-md-6 {
        padding-right: 4rem !important;
    }

    .pe-md-7 {
        padding-right: 6rem !important;
    }

    .pe-md-8 {
        padding-right: 8rem !important;
    }

    .pe-md-9 {
        padding-right: 10rem !important;
    }

    .pe-md-10 {
        padding-right: 12rem !important;
    }

    .pe-md-11 {
        padding-right: 14rem !important;
    }

    .pe-md-12 {
        padding-right: 16rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-md-3 {
        padding-bottom: 1rem !important;
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .pb-md-6 {
        padding-bottom: 4rem !important;
    }

    .pb-md-7 {
        padding-bottom: 6rem !important;
    }

    .pb-md-8 {
        padding-bottom: 8rem !important;
    }

    .pb-md-9 {
        padding-bottom: 10rem !important;
    }

    .pb-md-10 {
        padding-bottom: 12rem !important;
    }

    .pb-md-11 {
        padding-bottom: 14rem !important;
    }

    .pb-md-12 {
        padding-bottom: 16rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: 0.25rem !important;
    }

    .ps-md-2 {
        padding-left: 0.5rem !important;
    }

    .ps-md-3 {
        padding-left: 1rem !important;
    }

    .ps-md-4 {
        padding-left: 1.5rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }

    .ps-md-6 {
        padding-left: 4rem !important;
    }

    .ps-md-7 {
        padding-left: 6rem !important;
    }

    .ps-md-8 {
        padding-left: 8rem !important;
    }

    .ps-md-9 {
        padding-left: 10rem !important;
    }

    .ps-md-10 {
        padding-left: 12rem !important;
    }

    .ps-md-11 {
        padding-left: 14rem !important;
    }

    .ps-md-12 {
        padding-left: 16rem !important;
    }

    .text-md-start {
        text-align: left !important;
    }

    .text-md-end {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .transform-scale-md-5 {
        transform: scale(0.5) !important;
    }

    .transform-scale-md-6 {
        transform: scale(0.6) !important;
    }

    .transform-scale-md-7 {
        transform: scale(0.7) !important;
    }

    .transform-scale-md-8 {
        transform: scale(0.8) !important;
    }

    .transform-scale-md-9 {
        transform: scale(0.9) !important;
    }

    .transform-scale-md-10 {
        transform: scale(1) !important;
    }

    .border-radius-top-start-md-0 {
        border-top-left-radius: 0 !important;
    }

    .border-radius-top-end-md-0 {
        border-top-right-radius: 0 !important;
    }

    .border-radius-bottom-start-md-0 {
        border-bottom-left-radius: 0 !important;
    }

    .border-radius-bottom-end-md-0 {
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }

    .float-lg-end {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-grid {
        display: grid !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .border-top-lg {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-top-lg-0 {
        border-top: 0 !important;
    }

    .border-end-lg {
        border-right: 1px solid #dee2e6 !important;
    }

    .border-end-lg-0 {
        border-right: 0 !important;
    }

    .border-bottom-lg {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-bottom-lg-0 {
        border-bottom: 0 !important;
    }

    .border-start-lg {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-start-lg-0 {
        border-left: 0 !important;
    }

    .w-lg-0 {
        width: 0% !important;
    }

    .w-lg-1 {
        width: 1% !important;
    }

    .w-lg-2 {
        width: 2% !important;
    }

    .w-lg-3 {
        width: 3% !important;
    }

    .w-lg-4 {
        width: 4% !important;
    }

    .w-lg-5 {
        width: 5% !important;
    }

    .w-lg-6 {
        width: 6% !important;
    }

    .w-lg-7 {
        width: 7% !important;
    }

    .w-lg-8 {
        width: 8% !important;
    }

    .w-lg-9 {
        width: 9% !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-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-55 {
        width: 55% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-70 {
        width: 70% !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-95 {
        width: 95% !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;
    }

    .gap-lg-0 {
        gap: 0 !important;
    }

    .gap-lg-1 {
        gap: 0.25rem !important;
    }

    .gap-lg-2 {
        gap: 0.5rem !important;
    }

    .gap-lg-3 {
        gap: 1rem !important;
    }

    .gap-lg-4 {
        gap: 1.5rem !important;
    }

    .gap-lg-5 {
        gap: 3rem !important;
    }

    .gap-lg-6 {
        gap: 4rem !important;
    }

    .gap-lg-7 {
        gap: 6rem !important;
    }

    .gap-lg-8 {
        gap: 8rem !important;
    }

    .gap-lg-9 {
        gap: 10rem !important;
    }

    .gap-lg-10 {
        gap: 12rem !important;
    }

    .gap-lg-11 {
        gap: 14rem !important;
    }

    .gap-lg-12 {
        gap: 16rem !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .order-lg-first {
        order: -1 !important;
    }

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-last {
        order: 6 !important;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-6 {
        margin: 4rem !important;
    }

    .m-lg-7 {
        margin: 6rem !important;
    }

    .m-lg-8 {
        margin: 8rem !important;
    }

    .m-lg-9 {
        margin: 10rem !important;
    }

    .m-lg-10 {
        margin: 12rem !important;
    }

    .m-lg-11 {
        margin: 14rem !important;
    }

    .m-lg-12 {
        margin: 16rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-lg-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    .mx-lg-8 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .mx-lg-9 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .mx-lg-10 {
        margin-right: 12rem !important;
        margin-left: 12rem !important;
    }

    .mx-lg-11 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .mx-lg-12 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-6 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-lg-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-lg-8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .my-lg-9 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .my-lg-10 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important;
    }

    .my-lg-11 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .my-lg-12 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-6 {
        margin-top: 4rem !important;
    }

    .mt-lg-7 {
        margin-top: 6rem !important;
    }

    .mt-lg-8 {
        margin-top: 8rem !important;
    }

    .mt-lg-9 {
        margin-top: 10rem !important;
    }

    .mt-lg-10 {
        margin-top: 12rem !important;
    }

    .mt-lg-11 {
        margin-top: 14rem !important;
    }

    .mt-lg-12 {
        margin-top: 16rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: 0.25rem !important;
    }

    .me-lg-2 {
        margin-right: 0.5rem !important;
    }

    .me-lg-3 {
        margin-right: 1rem !important;
    }

    .me-lg-4 {
        margin-right: 1.5rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-6 {
        margin-right: 4rem !important;
    }

    .me-lg-7 {
        margin-right: 6rem !important;
    }

    .me-lg-8 {
        margin-right: 8rem !important;
    }

    .me-lg-9 {
        margin-right: 10rem !important;
    }

    .me-lg-10 {
        margin-right: 12rem !important;
    }

    .me-lg-11 {
        margin-right: 14rem !important;
    }

    .me-lg-12 {
        margin-right: 16rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-6 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 6rem !important;
    }

    .mb-lg-8 {
        margin-bottom: 8rem !important;
    }

    .mb-lg-9 {
        margin-bottom: 10rem !important;
    }

    .mb-lg-10 {
        margin-bottom: 12rem !important;
    }

    .mb-lg-11 {
        margin-bottom: 14rem !important;
    }

    .mb-lg-12 {
        margin-bottom: 16rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }

    .ms-lg-3 {
        margin-left: 1rem !important;
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-6 {
        margin-left: 4rem !important;
    }

    .ms-lg-7 {
        margin-left: 6rem !important;
    }

    .ms-lg-8 {
        margin-left: 8rem !important;
    }

    .ms-lg-9 {
        margin-left: 10rem !important;
    }

    .ms-lg-10 {
        margin-left: 12rem !important;
    }

    .ms-lg-11 {
        margin-left: 14rem !important;
    }

    .ms-lg-12 {
        margin-left: 16rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .m-lg-n6 {
        margin: -4rem !important;
    }

    .m-lg-n7 {
        margin: -6rem !important;
    }

    .m-lg-n8 {
        margin: -8rem !important;
    }

    .m-lg-n9 {
        margin: -10rem !important;
    }

    .m-lg-n10 {
        margin: -12rem !important;
    }

    .m-lg-n11 {
        margin: -14rem !important;
    }

    .m-lg-n12 {
        margin: -16rem !important;
    }

    .mx-lg-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-lg-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-lg-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-lg-n6 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-lg-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important;
    }

    .mx-lg-n8 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .mx-lg-n9 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .mx-lg-n10 {
        margin-right: -12rem !important;
        margin-left: -12rem !important;
    }

    .mx-lg-n11 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .mx-lg-n12 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .my-lg-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-lg-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-lg-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-lg-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-lg-n6 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-lg-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .my-lg-n8 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .my-lg-n9 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .my-lg-n10 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important;
    }

    .my-lg-n11 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .my-lg-n12 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .mt-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-lg-n3 {
        margin-top: -1rem !important;
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-lg-n5 {
        margin-top: -3rem !important;
    }

    .mt-lg-n6 {
        margin-top: -4rem !important;
    }

    .mt-lg-n7 {
        margin-top: -6rem !important;
    }

    .mt-lg-n8 {
        margin-top: -8rem !important;
    }

    .mt-lg-n9 {
        margin-top: -10rem !important;
    }

    .mt-lg-n10 {
        margin-top: -14rem !important;
    }

    .mt-lg-n11 {
        margin-top: -14rem !important;
    }

    .mt-lg-n12 {
        margin-top: -16rem !important;
    }

    .me-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .me-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .me-lg-n3 {
        margin-right: -1rem !important;
    }

    .me-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .me-lg-n5 {
        margin-right: -3rem !important;
    }

    .me-lg-n6 {
        margin-right: -4rem !important;
    }

    .me-lg-n7 {
        margin-right: -6rem !important;
    }

    .me-lg-n8 {
        margin-right: -8rem !important;
    }

    .me-lg-n9 {
        margin-right: -10rem !important;
    }

    .me-lg-n10 {
        margin-right: -12rem !important;
    }

    .me-lg-n11 {
        margin-right: -14rem !important;
    }

    .me-lg-n12 {
        margin-right: -16rem !important;
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-lg-n6 {
        margin-bottom: -4rem !important;
    }

    .mb-lg-n7 {
        margin-bottom: -6rem !important;
    }

    .mb-lg-n8 {
        margin-bottom: -8rem !important;
    }

    .mb-lg-n9 {
        margin-bottom: -10rem !important;
    }

    .mb-lg-n10 {
        margin-bottom: -12rem !important;
    }

    .mb-lg-n11 {
        margin-bottom: -14rem !important;
    }

    .mb-lg-n12 {
        margin-bottom: -16rem !important;
    }

    .ms-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-lg-n3 {
        margin-left: -1rem !important;
    }

    .ms-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-lg-n5 {
        margin-left: -3rem !important;
    }

    .ms-lg-n6 {
        margin-left: -4rem !important;
    }

    .ms-lg-n7 {
        margin-left: -6rem !important;
    }

    .ms-lg-n8 {
        margin-left: -8rem !important;
    }

    .ms-lg-n9 {
        margin-left: -10rem !important;
    }

    .ms-lg-n10 {
        margin-left: -12rem !important;
    }

    .ms-lg-n11 {
        margin-left: -14rem !important;
    }

    .ms-lg-n12 {
        margin-left: -16rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .p-lg-6 {
        padding: 4rem !important;
    }

    .p-lg-7 {
        padding: 6rem !important;
    }

    .p-lg-8 {
        padding: 8rem !important;
    }

    .p-lg-9 {
        padding: 10rem !important;
    }

    .p-lg-10 {
        padding: 12rem !important;
    }

    .p-lg-11 {
        padding: 14rem !important;
    }

    .p-lg-12 {
        padding: 16rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-lg-6 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-lg-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-lg-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .px-lg-9 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .px-lg-10 {
        padding-right: 12rem !important;
        padding-left: 12rem !important;
    }

    .px-lg-11 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .px-lg-12 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-lg-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-lg-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-lg-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .py-lg-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .py-lg-10 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important;
    }

    .py-lg-11 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .py-lg-12 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pt-lg-6 {
        padding-top: 4rem !important;
    }

    .pt-lg-7 {
        padding-top: 6rem !important;
    }

    .pt-lg-8 {
        padding-top: 8rem !important;
    }

    .pt-lg-9 {
        padding-top: 10rem !important;
    }

    .pt-lg-10 {
        padding-top: 12rem !important;
    }

    .pt-lg-11 {
        padding-top: 14rem !important;
    }

    .pt-lg-12 {
        padding-top: 16rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pe-lg-3 {
        padding-right: 1rem !important;
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pe-lg-6 {
        padding-right: 4rem !important;
    }

    .pe-lg-7 {
        padding-right: 6rem !important;
    }

    .pe-lg-8 {
        padding-right: 8rem !important;
    }

    .pe-lg-9 {
        padding-right: 10rem !important;
    }

    .pe-lg-10 {
        padding-right: 12rem !important;
    }

    .pe-lg-11 {
        padding-right: 14rem !important;
    }

    .pe-lg-12 {
        padding-right: 16rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pb-lg-6 {
        padding-bottom: 4rem !important;
    }

    .pb-lg-7 {
        padding-bottom: 6rem !important;
    }

    .pb-lg-8 {
        padding-bottom: 8rem !important;
    }

    .pb-lg-9 {
        padding-bottom: 10rem !important;
    }

    .pb-lg-10 {
        padding-bottom: 12rem !important;
    }

    .pb-lg-11 {
        padding-bottom: 14rem !important;
    }

    .pb-lg-12 {
        padding-bottom: 16rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }

    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }

    .ps-lg-3 {
        padding-left: 1rem !important;
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .ps-lg-6 {
        padding-left: 4rem !important;
    }

    .ps-lg-7 {
        padding-left: 6rem !important;
    }

    .ps-lg-8 {
        padding-left: 8rem !important;
    }

    .ps-lg-9 {
        padding-left: 10rem !important;
    }

    .ps-lg-10 {
        padding-left: 12rem !important;
    }

    .ps-lg-11 {
        padding-left: 14rem !important;
    }

    .ps-lg-12 {
        padding-left: 16rem !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .text-lg-end {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .transform-scale-lg-5 {
        transform: scale(0.5) !important;
    }

    .transform-scale-lg-6 {
        transform: scale(0.6) !important;
    }

    .transform-scale-lg-7 {
        transform: scale(0.7) !important;
    }

    .transform-scale-lg-8 {
        transform: scale(0.8) !important;
    }

    .transform-scale-lg-9 {
        transform: scale(0.9) !important;
    }

    .transform-scale-lg-10 {
        transform: scale(1) !important;
    }

    .border-radius-top-start-lg-0 {
        border-top-left-radius: 0 !important;
    }

    .border-radius-top-end-lg-0 {
        border-top-right-radius: 0 !important;
    }

    .border-radius-bottom-start-lg-0 {
        border-bottom-left-radius: 0 !important;
    }

    .border-radius-bottom-end-lg-0 {
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }

    .float-xl-end {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-grid {
        display: grid !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .d-xl-none {
        display: none !important;
    }

    .border-top-xl {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-top-xl-0 {
        border-top: 0 !important;
    }

    .border-end-xl {
        border-right: 1px solid #dee2e6 !important;
    }

    .border-end-xl-0 {
        border-right: 0 !important;
    }

    .border-bottom-xl {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-bottom-xl-0 {
        border-bottom: 0 !important;
    }

    .border-start-xl {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-start-xl-0 {
        border-left: 0 !important;
    }

    .w-xl-0 {
        width: 0% !important;
    }

    .w-xl-1 {
        width: 1% !important;
    }

    .w-xl-2 {
        width: 2% !important;
    }

    .w-xl-3 {
        width: 3% !important;
    }

    .w-xl-4 {
        width: 4% !important;
    }

    .w-xl-5 {
        width: 5% !important;
    }

    .w-xl-6 {
        width: 6% !important;
    }

    .w-xl-7 {
        width: 7% !important;
    }

    .w-xl-8 {
        width: 8% !important;
    }

    .w-xl-9 {
        width: 9% !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-35 {
        width: 35% !important;
    }

    .w-xl-40 {
        width: 40% !important;
    }

    .w-xl-45 {
        width: 45% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-55 {
        width: 55% !important;
    }

    .w-xl-60 {
        width: 60% !important;
    }

    .w-xl-65 {
        width: 65% !important;
    }

    .w-xl-70 {
        width: 70% !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-95 {
        width: 95% !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;
    }

    .gap-xl-0 {
        gap: 0 !important;
    }

    .gap-xl-1 {
        gap: 0.25rem !important;
    }

    .gap-xl-2 {
        gap: 0.5rem !important;
    }

    .gap-xl-3 {
        gap: 1rem !important;
    }

    .gap-xl-4 {
        gap: 1.5rem !important;
    }

    .gap-xl-5 {
        gap: 3rem !important;
    }

    .gap-xl-6 {
        gap: 4rem !important;
    }

    .gap-xl-7 {
        gap: 6rem !important;
    }

    .gap-xl-8 {
        gap: 8rem !important;
    }

    .gap-xl-9 {
        gap: 10rem !important;
    }

    .gap-xl-10 {
        gap: 12rem !important;
    }

    .gap-xl-11 {
        gap: 14rem !important;
    }

    .gap-xl-12 {
        gap: 16rem !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .order-xl-first {
        order: -1 !important;
    }

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-last {
        order: 6 !important;
    }

    .m-xl-0 {
        margin: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .m-xl-6 {
        margin: 4rem !important;
    }

    .m-xl-7 {
        margin: 6rem !important;
    }

    .m-xl-8 {
        margin: 8rem !important;
    }

    .m-xl-9 {
        margin: 10rem !important;
    }

    .m-xl-10 {
        margin: 12rem !important;
    }

    .m-xl-11 {
        margin: 14rem !important;
    }

    .m-xl-12 {
        margin: 16rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xl-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xl-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    .mx-xl-8 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .mx-xl-9 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .mx-xl-10 {
        margin-right: 12rem !important;
        margin-left: 12rem !important;
    }

    .mx-xl-11 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .mx-xl-12 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xl-6 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-xl-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-xl-8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .my-xl-9 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .my-xl-10 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important;
    }

    .my-xl-11 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .my-xl-12 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xl-3 {
        margin-top: 1rem !important;
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xl-5 {
        margin-top: 3rem !important;
    }

    .mt-xl-6 {
        margin-top: 4rem !important;
    }

    .mt-xl-7 {
        margin-top: 6rem !important;
    }

    .mt-xl-8 {
        margin-top: 8rem !important;
    }

    .mt-xl-9 {
        margin-top: 10rem !important;
    }

    .mt-xl-10 {
        margin-top: 12rem !important;
    }

    .mt-xl-11 {
        margin-top: 14rem !important;
    }

    .mt-xl-12 {
        margin-top: 16rem !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-0 {
        margin-right: 0 !important;
    }

    .me-xl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xl-3 {
        margin-right: 1rem !important;
    }

    .me-xl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xl-5 {
        margin-right: 3rem !important;
    }

    .me-xl-6 {
        margin-right: 4rem !important;
    }

    .me-xl-7 {
        margin-right: 6rem !important;
    }

    .me-xl-8 {
        margin-right: 8rem !important;
    }

    .me-xl-9 {
        margin-right: 10rem !important;
    }

    .me-xl-10 {
        margin-right: 12rem !important;
    }

    .me-xl-11 {
        margin-right: 14rem !important;
    }

    .me-xl-12 {
        margin-right: 16rem !important;
    }

    .me-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xl-6 {
        margin-bottom: 4rem !important;
    }

    .mb-xl-7 {
        margin-bottom: 6rem !important;
    }

    .mb-xl-8 {
        margin-bottom: 8rem !important;
    }

    .mb-xl-9 {
        margin-bottom: 10rem !important;
    }

    .mb-xl-10 {
        margin-bottom: 12rem !important;
    }

    .mb-xl-11 {
        margin-bottom: 14rem !important;
    }

    .mb-xl-12 {
        margin-bottom: 16rem !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-0 {
        margin-left: 0 !important;
    }

    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xl-3 {
        margin-left: 1rem !important;
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xl-5 {
        margin-left: 3rem !important;
    }

    .ms-xl-6 {
        margin-left: 4rem !important;
    }

    .ms-xl-7 {
        margin-left: 6rem !important;
    }

    .ms-xl-8 {
        margin-left: 8rem !important;
    }

    .ms-xl-9 {
        margin-left: 10rem !important;
    }

    .ms-xl-10 {
        margin-left: 12rem !important;
    }

    .ms-xl-11 {
        margin-left: 14rem !important;
    }

    .ms-xl-12 {
        margin-left: 16rem !important;
    }

    .ms-xl-auto {
        margin-left: auto !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .m-xl-n6 {
        margin: -4rem !important;
    }

    .m-xl-n7 {
        margin: -6rem !important;
    }

    .m-xl-n8 {
        margin: -8rem !important;
    }

    .m-xl-n9 {
        margin: -10rem !important;
    }

    .m-xl-n10 {
        margin: -12rem !important;
    }

    .m-xl-n11 {
        margin: -14rem !important;
    }

    .m-xl-n12 {
        margin: -16rem !important;
    }

    .mx-xl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-xl-n6 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-xl-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important;
    }

    .mx-xl-n8 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .mx-xl-n9 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .mx-xl-n10 {
        margin-right: -12rem !important;
        margin-left: -12rem !important;
    }

    .mx-xl-n11 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .mx-xl-n12 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .my-xl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-xl-n6 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-xl-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .my-xl-n8 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .my-xl-n9 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .my-xl-n10 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important;
    }

    .my-xl-n11 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .my-xl-n12 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .mt-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xl-n5 {
        margin-top: -3rem !important;
    }

    .mt-xl-n6 {
        margin-top: -4rem !important;
    }

    .mt-xl-n7 {
        margin-top: -6rem !important;
    }

    .mt-xl-n8 {
        margin-top: -8rem !important;
    }

    .mt-xl-n9 {
        margin-top: -10rem !important;
    }

    .mt-xl-n10 {
        margin-top: -12rem !important;
    }

    .mt-xl-n11 {
        margin-top: -14rem !important;
    }

    .mt-xl-n12 {
        margin-top: -16rem !important;
    }

    .me-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xl-n3 {
        margin-right: -1rem !important;
    }

    .me-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .me-xl-n5 {
        margin-right: -3rem !important;
    }

    .me-xl-n6 {
        margin-right: -4rem !important;
    }

    .me-xl-n7 {
        margin-right: -6rem !important;
    }

    .me-xl-n8 {
        margin-right: -8rem !important;
    }

    .me-xl-n9 {
        margin-right: -10rem !important;
    }

    .me-xl-n10 {
        margin-right: -12rem !important;
    }

    .me-xl-n11 {
        margin-right: -14rem !important;
    }

    .me-xl-n12 {
        margin-right: -16rem !important;
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-xl-n6 {
        margin-bottom: -4rem !important;
    }

    .mb-xl-n7 {
        margin-bottom: -6rem !important;
    }

    .mb-xl-n8 {
        margin-bottom: -8rem !important;
    }

    .mb-xl-n9 {
        margin-bottom: -10rem !important;
    }

    .mb-xl-n10 {
        margin-bottom: -12rem !important;
    }

    .mb-xl-n11 {
        margin-bottom: -14rem !important;
    }

    .mb-xl-n12 {
        margin-bottom: -16rem !important;
    }

    .ms-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xl-n3 {
        margin-left: -1rem !important;
    }

    .ms-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-xl-n5 {
        margin-left: -3rem !important;
    }

    .ms-xl-n6 {
        margin-left: -4rem !important;
    }

    .ms-xl-n7 {
        margin-left: -6rem !important;
    }

    .ms-xl-n8 {
        margin-left: -8rem !important;
    }

    .ms-xl-n9 {
        margin-left: -10rem !important;
    }

    .ms-xl-n10 {
        margin-left: -12rem !important;
    }

    .ms-xl-n11 {
        margin-left: -14rem !important;
    }

    .ms-xl-n12 {
        margin-left: -16rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .p-xl-6 {
        padding: 4rem !important;
    }

    .p-xl-7 {
        padding: 6rem !important;
    }

    .p-xl-8 {
        padding: 8rem !important;
    }

    .p-xl-9 {
        padding: 10rem !important;
    }

    .p-xl-10 {
        padding: 12rem !important;
    }

    .p-xl-11 {
        padding: 14rem !important;
    }

    .p-xl-12 {
        padding: 16rem !important;
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-xl-6 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-xl-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-xl-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .px-xl-9 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .px-xl-10 {
        padding-right: 12rem !important;
        padding-left: 12rem !important;
    }

    .px-xl-11 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .px-xl-12 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-xl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-xl-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .py-xl-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .py-xl-10 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important;
    }

    .py-xl-11 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .py-xl-12 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xl-3 {
        padding-top: 1rem !important;
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xl-5 {
        padding-top: 3rem !important;
    }

    .pt-xl-6 {
        padding-top: 4rem !important;
    }

    .pt-xl-7 {
        padding-top: 6rem !important;
    }

    .pt-xl-8 {
        padding-top: 8rem !important;
    }

    .pt-xl-9 {
        padding-top: 10rem !important;
    }

    .pt-xl-10 {
        padding-top: 12rem !important;
    }

    .pt-xl-11 {
        padding-top: 14rem !important;
    }

    .pt-xl-12 {
        padding-top: 16rem !important;
    }

    .pe-xl-0 {
        padding-right: 0 !important;
    }

    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xl-3 {
        padding-right: 1rem !important;
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xl-5 {
        padding-right: 3rem !important;
    }

    .pe-xl-6 {
        padding-right: 4rem !important;
    }

    .pe-xl-7 {
        padding-right: 6rem !important;
    }

    .pe-xl-8 {
        padding-right: 8rem !important;
    }

    .pe-xl-9 {
        padding-right: 10rem !important;
    }

    .pe-xl-10 {
        padding-right: 12rem !important;
    }

    .pe-xl-11 {
        padding-right: 14rem !important;
    }

    .pe-xl-12 {
        padding-right: 16rem !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pb-xl-6 {
        padding-bottom: 4rem !important;
    }

    .pb-xl-7 {
        padding-bottom: 6rem !important;
    }

    .pb-xl-8 {
        padding-bottom: 8rem !important;
    }

    .pb-xl-9 {
        padding-bottom: 10rem !important;
    }

    .pb-xl-10 {
        padding-bottom: 12rem !important;
    }

    .pb-xl-11 {
        padding-bottom: 14rem !important;
    }

    .pb-xl-12 {
        padding-bottom: 16rem !important;
    }

    .ps-xl-0 {
        padding-left: 0 !important;
    }

    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xl-3 {
        padding-left: 1rem !important;
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xl-5 {
        padding-left: 3rem !important;
    }

    .ps-xl-6 {
        padding-left: 4rem !important;
    }

    .ps-xl-7 {
        padding-left: 6rem !important;
    }

    .ps-xl-8 {
        padding-left: 8rem !important;
    }

    .ps-xl-9 {
        padding-left: 10rem !important;
    }

    .ps-xl-10 {
        padding-left: 12rem !important;
    }

    .ps-xl-11 {
        padding-left: 14rem !important;
    }

    .ps-xl-12 {
        padding-left: 16rem !important;
    }

    .text-xl-start {
        text-align: left !important;
    }

    .text-xl-end {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }

    .transform-scale-xl-5 {
        transform: scale(0.5) !important;
    }

    .transform-scale-xl-6 {
        transform: scale(0.6) !important;
    }

    .transform-scale-xl-7 {
        transform: scale(0.7) !important;
    }

    .transform-scale-xl-8 {
        transform: scale(0.8) !important;
    }

    .transform-scale-xl-9 {
        transform: scale(0.9) !important;
    }

    .transform-scale-xl-10 {
        transform: scale(1) !important;
    }

    .border-radius-top-start-xl-0 {
        border-top-left-radius: 0 !important;
    }

    .border-radius-top-end-xl-0 {
        border-top-right-radius: 0 !important;
    }

    .border-radius-bottom-start-xl-0 {
        border-bottom-left-radius: 0 !important;
    }

    .border-radius-bottom-end-xl-0 {
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }

    .float-xxl-end {
        float: right !important;
    }

    .float-xxl-none {
        float: none !important;
    }

    .d-xxl-inline {
        display: inline !important;
    }

    .d-xxl-inline-block {
        display: inline-block !important;
    }

    .d-xxl-block {
        display: block !important;
    }

    .d-xxl-grid {
        display: grid !important;
    }

    .d-xxl-table {
        display: table !important;
    }

    .d-xxl-table-row {
        display: table-row !important;
    }

    .d-xxl-table-cell {
        display: table-cell !important;
    }

    .d-xxl-flex {
        display: flex !important;
    }

    .d-xxl-inline-flex {
        display: inline-flex !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    .border-top-xxl {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-top-xxl-0 {
        border-top: 0 !important;
    }

    .border-end-xxl {
        border-right: 1px solid #dee2e6 !important;
    }

    .border-end-xxl-0 {
        border-right: 0 !important;
    }

    .border-bottom-xxl {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .border-bottom-xxl-0 {
        border-bottom: 0 !important;
    }

    .border-start-xxl {
        border-left: 1px solid #dee2e6 !important;
    }

    .border-start-xxl-0 {
        border-left: 0 !important;
    }

    .w-xxl-0 {
        width: 0% !important;
    }

    .w-xxl-1 {
        width: 1% !important;
    }

    .w-xxl-2 {
        width: 2% !important;
    }

    .w-xxl-3 {
        width: 3% !important;
    }

    .w-xxl-4 {
        width: 4% !important;
    }

    .w-xxl-5 {
        width: 5% !important;
    }

    .w-xxl-6 {
        width: 6% !important;
    }

    .w-xxl-7 {
        width: 7% !important;
    }

    .w-xxl-8 {
        width: 8% !important;
    }

    .w-xxl-9 {
        width: 9% !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-35 {
        width: 35% !important;
    }

    .w-xxl-40 {
        width: 40% !important;
    }

    .w-xxl-45 {
        width: 45% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-55 {
        width: 55% !important;
    }

    .w-xxl-60 {
        width: 60% !important;
    }

    .w-xxl-65 {
        width: 65% !important;
    }

    .w-xxl-70 {
        width: 70% !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-95 {
        width: 95% !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;
    }

    .gap-xxl-0 {
        gap: 0 !important;
    }

    .gap-xxl-1 {
        gap: 0.25rem !important;
    }

    .gap-xxl-2 {
        gap: 0.5rem !important;
    }

    .gap-xxl-3 {
        gap: 1rem !important;
    }

    .gap-xxl-4 {
        gap: 1.5rem !important;
    }

    .gap-xxl-5 {
        gap: 3rem !important;
    }

    .gap-xxl-6 {
        gap: 4rem !important;
    }

    .gap-xxl-7 {
        gap: 6rem !important;
    }

    .gap-xxl-8 {
        gap: 8rem !important;
    }

    .gap-xxl-9 {
        gap: 10rem !important;
    }

    .gap-xxl-10 {
        gap: 12rem !important;
    }

    .gap-xxl-11 {
        gap: 14rem !important;
    }

    .gap-xxl-12 {
        gap: 16rem !important;
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xxl-center {
        justify-content: center !important;
    }

    .justify-content-xxl-between {
        justify-content: space-between !important;
    }

    .justify-content-xxl-around {
        justify-content: space-around !important;
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }

    .align-items-xxl-start {
        align-items: flex-start !important;
    }

    .align-items-xxl-end {
        align-items: flex-end !important;
    }

    .align-items-xxl-center {
        align-items: center !important;
    }

    .align-items-xxl-baseline {
        align-items: baseline !important;
    }

    .align-items-xxl-stretch {
        align-items: stretch !important;
    }

    .align-content-xxl-start {
        align-content: flex-start !important;
    }

    .align-content-xxl-end {
        align-content: flex-end !important;
    }

    .align-content-xxl-center {
        align-content: center !important;
    }

    .align-content-xxl-between {
        align-content: space-between !important;
    }

    .align-content-xxl-around {
        align-content: space-around !important;
    }

    .align-content-xxl-stretch {
        align-content: stretch !important;
    }

    .align-self-xxl-auto {
        align-self: auto !important;
    }

    .align-self-xxl-start {
        align-self: flex-start !important;
    }

    .align-self-xxl-end {
        align-self: flex-end !important;
    }

    .align-self-xxl-center {
        align-self: center !important;
    }

    .align-self-xxl-baseline {
        align-self: baseline !important;
    }

    .align-self-xxl-stretch {
        align-self: stretch !important;
    }

    .order-xxl-first {
        order: -1 !important;
    }

    .order-xxl-0 {
        order: 0 !important;
    }

    .order-xxl-1 {
        order: 1 !important;
    }

    .order-xxl-2 {
        order: 2 !important;
    }

    .order-xxl-3 {
        order: 3 !important;
    }

    .order-xxl-4 {
        order: 4 !important;
    }

    .order-xxl-5 {
        order: 5 !important;
    }

    .order-xxl-last {
        order: 6 !important;
    }

    .m-xxl-0 {
        margin: 0 !important;
    }

    .m-xxl-1 {
        margin: 0.25rem !important;
    }

    .m-xxl-2 {
        margin: 0.5rem !important;
    }

    .m-xxl-3 {
        margin: 1rem !important;
    }

    .m-xxl-4 {
        margin: 1.5rem !important;
    }

    .m-xxl-5 {
        margin: 3rem !important;
    }

    .m-xxl-6 {
        margin: 4rem !important;
    }

    .m-xxl-7 {
        margin: 6rem !important;
    }

    .m-xxl-8 {
        margin: 8rem !important;
    }

    .m-xxl-9 {
        margin: 10rem !important;
    }

    .m-xxl-10 {
        margin: 12rem !important;
    }

    .m-xxl-11 {
        margin: 14rem !important;
    }

    .m-xxl-12 {
        margin: 16rem !important;
    }

    .m-xxl-auto {
        margin: auto !important;
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }

    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-xxl-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xxl-7 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    .mx-xxl-8 {
        margin-right: 8rem !important;
        margin-left: 8rem !important;
    }

    .mx-xxl-9 {
        margin-right: 10rem !important;
        margin-left: 10rem !important;
    }

    .mx-xxl-10 {
        margin-right: 12rem !important;
        margin-left: 12rem !important;
    }

    .mx-xxl-11 {
        margin-right: 14rem !important;
        margin-left: 14rem !important;
    }

    .mx-xxl-12 {
        margin-right: 16rem !important;
        margin-left: 16rem !important;
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-xxl-6 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .my-xxl-7 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }

    .my-xxl-8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }

    .my-xxl-9 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }

    .my-xxl-10 {
        margin-top: 12rem !important;
        margin-bottom: 12rem !important;
    }

    .my-xxl-11 {
        margin-top: 14rem !important;
        margin-bottom: 14rem !important;
    }

    .my-xxl-12 {
        margin-top: 16rem !important;
        margin-bottom: 16rem !important;
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-xxl-0 {
        margin-top: 0 !important;
    }

    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }

    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }

    .mt-xxl-3 {
        margin-top: 1rem !important;
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }

    .mt-xxl-5 {
        margin-top: 3rem !important;
    }

    .mt-xxl-6 {
        margin-top: 4rem !important;
    }

    .mt-xxl-7 {
        margin-top: 6rem !important;
    }

    .mt-xxl-8 {
        margin-top: 8rem !important;
    }

    .mt-xxl-9 {
        margin-top: 10rem !important;
    }

    .mt-xxl-10 {
        margin-top: 12rem !important;
    }

    .mt-xxl-11 {
        margin-top: 14rem !important;
    }

    .mt-xxl-12 {
        margin-top: 16rem !important;
    }

    .mt-xxl-auto {
        margin-top: auto !important;
    }

    .me-xxl-0 {
        margin-right: 0 !important;
    }

    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }

    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }

    .me-xxl-3 {
        margin-right: 1rem !important;
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }

    .me-xxl-5 {
        margin-right: 3rem !important;
    }

    .me-xxl-6 {
        margin-right: 4rem !important;
    }

    .me-xxl-7 {
        margin-right: 6rem !important;
    }

    .me-xxl-8 {
        margin-right: 8rem !important;
    }

    .me-xxl-9 {
        margin-right: 10rem !important;
    }

    .me-xxl-10 {
        margin-right: 12rem !important;
    }

    .me-xxl-11 {
        margin-right: 14rem !important;
    }

    .me-xxl-12 {
        margin-right: 16rem !important;
    }

    .me-xxl-auto {
        margin-right: auto !important;
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }

    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }

    .mb-xxl-6 {
        margin-bottom: 4rem !important;
    }

    .mb-xxl-7 {
        margin-bottom: 6rem !important;
    }

    .mb-xxl-8 {
        margin-bottom: 8rem !important;
    }

    .mb-xxl-9 {
        margin-bottom: 10rem !important;
    }

    .mb-xxl-10 {
        margin-bottom: 12rem !important;
    }

    .mb-xxl-11 {
        margin-bottom: 14rem !important;
    }

    .mb-xxl-12 {
        margin-bottom: 16rem !important;
    }

    .mb-xxl-auto {
        margin-bottom: auto !important;
    }

    .ms-xxl-0 {
        margin-left: 0 !important;
    }

    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }

    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }

    .ms-xxl-3 {
        margin-left: 1rem !important;
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }

    .ms-xxl-5 {
        margin-left: 3rem !important;
    }

    .ms-xxl-6 {
        margin-left: 4rem !important;
    }

    .ms-xxl-7 {
        margin-left: 6rem !important;
    }

    .ms-xxl-8 {
        margin-left: 8rem !important;
    }

    .ms-xxl-9 {
        margin-left: 10rem !important;
    }

    .ms-xxl-10 {
        margin-left: 12rem !important;
    }

    .ms-xxl-11 {
        margin-left: 14rem !important;
    }

    .ms-xxl-12 {
        margin-left: 16rem !important;
    }

    .ms-xxl-auto {
        margin-left: auto !important;
    }

    .m-xxl-n1 {
        margin: -0.25rem !important;
    }

    .m-xxl-n2 {
        margin: -0.5rem !important;
    }

    .m-xxl-n3 {
        margin: -1rem !important;
    }

    .m-xxl-n4 {
        margin: -1.5rem !important;
    }

    .m-xxl-n5 {
        margin: -3rem !important;
    }

    .m-xxl-n6 {
        margin: -4rem !important;
    }

    .m-xxl-n7 {
        margin: -6rem !important;
    }

    .m-xxl-n8 {
        margin: -8rem !important;
    }

    .m-xxl-n9 {
        margin: -10rem !important;
    }

    .m-xxl-n10 {
        margin: -12rem !important;
    }

    .m-xxl-n11 {
        margin: -14rem !important;
    }

    .m-xxl-n12 {
        margin: -16rem !important;
    }

    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important;
    }

    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important;
    }

    .mx-xxl-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }

    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important;
    }

    .mx-xxl-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important;
    }

    .mx-xxl-n6 {
        margin-right: -4rem !important;
        margin-left: -4rem !important;
    }

    .mx-xxl-n7 {
        margin-right: -6rem !important;
        margin-left: -6rem !important;
    }

    .mx-xxl-n8 {
        margin-right: -8rem !important;
        margin-left: -8rem !important;
    }

    .mx-xxl-n9 {
        margin-right: -10rem !important;
        margin-left: -10rem !important;
    }

    .mx-xxl-n10 {
        margin-right: -12rem !important;
        margin-left: -12rem !important;
    }

    .mx-xxl-n11 {
        margin-right: -14rem !important;
        margin-left: -14rem !important;
    }

    .mx-xxl-n12 {
        margin-right: -16rem !important;
        margin-left: -16rem !important;
    }

    .my-xxl-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important;
    }

    .my-xxl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important;
    }

    .my-xxl-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important;
    }

    .my-xxl-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important;
    }

    .my-xxl-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important;
    }

    .my-xxl-n6 {
        margin-top: -4rem !important;
        margin-bottom: -4rem !important;
    }

    .my-xxl-n7 {
        margin-top: -6rem !important;
        margin-bottom: -6rem !important;
    }

    .my-xxl-n8 {
        margin-top: -8rem !important;
        margin-bottom: -8rem !important;
    }

    .my-xxl-n9 {
        margin-top: -10rem !important;
        margin-bottom: -10rem !important;
    }

    .my-xxl-n10 {
        margin-top: -12rem !important;
        margin-bottom: -12rem !important;
    }

    .my-xxl-n11 {
        margin-top: -14rem !important;
        margin-bottom: -14rem !important;
    }

    .my-xxl-n12 {
        margin-top: -16rem !important;
        margin-bottom: -16rem !important;
    }

    .mt-xxl-n1 {
        margin-top: -0.25rem !important;
    }

    .mt-xxl-n2 {
        margin-top: -0.5rem !important;
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important;
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important;
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important;
    }

    .mt-xxl-n6 {
        margin-top: -4rem !important;
    }

    .mt-xxl-n7 {
        margin-top: -6rem !important;
    }

    .mt-xxl-n8 {
        margin-top: -8rem !important;
    }

    .mt-xxl-n9 {
        margin-top: -10rem !important;
    }

    .mt-xxl-n10 {
        margin-top: -12rem !important;
    }

    .mt-xxl-n11 {
        margin-top: -14rem !important;
    }

    .mt-xxl-n12 {
        margin-top: -16rem !important;
    }

    .me-xxl-n1 {
        margin-right: -0.25rem !important;
    }

    .me-xxl-n2 {
        margin-right: -0.5rem !important;
    }

    .me-xxl-n3 {
        margin-right: -1rem !important;
    }

    .me-xxl-n4 {
        margin-right: -1.5rem !important;
    }

    .me-xxl-n5 {
        margin-right: -3rem !important;
    }

    .me-xxl-n6 {
        margin-right: -4rem !important;
    }

    .me-xxl-n7 {
        margin-right: -6rem !important;
    }

    .me-xxl-n8 {
        margin-right: -8rem !important;
    }

    .me-xxl-n9 {
        margin-right: -10rem !important;
    }

    .me-xxl-n10 {
        margin-right: -12rem !important;
    }

    .me-xxl-n11 {
        margin-right: -14rem !important;
    }

    .me-xxl-n12 {
        margin-right: -16rem !important;
    }

    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important;
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .mb-xxl-n5 {
        margin-bottom: -3rem !important;
    }

    .mb-xxl-n6 {
        margin-bottom: -4rem !important;
    }

    .mb-xxl-n7 {
        margin-bottom: -6rem !important;
    }

    .mb-xxl-n8 {
        margin-bottom: -8rem !important;
    }

    .mb-xxl-n9 {
        margin-bottom: -10rem !important;
    }

    .mb-xxl-n10 {
        margin-bottom: -12rem !important;
    }

    .mb-xxl-n11 {
        margin-bottom: -14rem !important;
    }

    .mb-xxl-n12 {
        margin-bottom: -16rem !important;
    }

    .ms-xxl-n1 {
        margin-left: -0.25rem !important;
    }

    .ms-xxl-n2 {
        margin-left: -0.5rem !important;
    }

    .ms-xxl-n3 {
        margin-left: -1rem !important;
    }

    .ms-xxl-n4 {
        margin-left: -1.5rem !important;
    }

    .ms-xxl-n5 {
        margin-left: -3rem !important;
    }

    .ms-xxl-n6 {
        margin-left: -4rem !important;
    }

    .ms-xxl-n7 {
        margin-left: -6rem !important;
    }

    .ms-xxl-n8 {
        margin-left: -8rem !important;
    }

    .ms-xxl-n9 {
        margin-left: -10rem !important;
    }

    .ms-xxl-n10 {
        margin-left: -12rem !important;
    }

    .ms-xxl-n11 {
        margin-left: -14rem !important;
    }

    .ms-xxl-n12 {
        margin-left: -16rem !important;
    }

    .p-xxl-0 {
        padding: 0 !important;
    }

    .p-xxl-1 {
        padding: 0.25rem !important;
    }

    .p-xxl-2 {
        padding: 0.5rem !important;
    }

    .p-xxl-3 {
        padding: 1rem !important;
    }

    .p-xxl-4 {
        padding: 1.5rem !important;
    }

    .p-xxl-5 {
        padding: 3rem !important;
    }

    .p-xxl-6 {
        padding: 4rem !important;
    }

    .p-xxl-7 {
        padding: 6rem !important;
    }

    .p-xxl-8 {
        padding: 8rem !important;
    }

    .p-xxl-9 {
        padding: 10rem !important;
    }

    .p-xxl-10 {
        padding: 12rem !important;
    }

    .p-xxl-11 {
        padding: 14rem !important;
    }

    .p-xxl-12 {
        padding: 16rem !important;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }

    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .px-xxl-6 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .px-xxl-7 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .px-xxl-8 {
        padding-right: 8rem !important;
        padding-left: 8rem !important;
    }

    .px-xxl-9 {
        padding-right: 10rem !important;
        padding-left: 10rem !important;
    }

    .px-xxl-10 {
        padding-right: 12rem !important;
        padding-left: 12rem !important;
    }

    .px-xxl-11 {
        padding-right: 14rem !important;
        padding-left: 14rem !important;
    }

    .px-xxl-12 {
        padding-right: 16rem !important;
        padding-left: 16rem !important;
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }

    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-xxl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xxl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-xxl-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }

    .py-xxl-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .py-xxl-10 {
        padding-top: 12rem !important;
        padding-bottom: 12rem !important;
    }

    .py-xxl-11 {
        padding-top: 14rem !important;
        padding-bottom: 14rem !important;
    }

    .py-xxl-12 {
        padding-top: 16rem !important;
        padding-bottom: 16rem !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }

    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }

    .pt-xxl-3 {
        padding-top: 1rem !important;
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }

    .pt-xxl-5 {
        padding-top: 3rem !important;
    }

    .pt-xxl-6 {
        padding-top: 4rem !important;
    }

    .pt-xxl-7 {
        padding-top: 6rem !important;
    }

    .pt-xxl-8 {
        padding-top: 8rem !important;
    }

    .pt-xxl-9 {
        padding-top: 10rem !important;
    }

    .pt-xxl-10 {
        padding-top: 12rem !important;
    }

    .pt-xxl-11 {
        padding-top: 14rem !important;
    }

    .pt-xxl-12 {
        padding-top: 16rem !important;
    }

    .pe-xxl-0 {
        padding-right: 0 !important;
    }

    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }

    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }

    .pe-xxl-3 {
        padding-right: 1rem !important;
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }

    .pe-xxl-5 {
        padding-right: 3rem !important;
    }

    .pe-xxl-6 {
        padding-right: 4rem !important;
    }

    .pe-xxl-7 {
        padding-right: 6rem !important;
    }

    .pe-xxl-8 {
        padding-right: 8rem !important;
    }

    .pe-xxl-9 {
        padding-right: 10rem !important;
    }

    .pe-xxl-10 {
        padding-right: 12rem !important;
    }

    .pe-xxl-11 {
        padding-right: 14rem !important;
    }

    .pe-xxl-12 {
        padding-right: 16rem !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }

    .pb-xxl-6 {
        padding-bottom: 4rem !important;
    }

    .pb-xxl-7 {
        padding-bottom: 6rem !important;
    }

    .pb-xxl-8 {
        padding-bottom: 8rem !important;
    }

    .pb-xxl-9 {
        padding-bottom: 10rem !important;
    }

    .pb-xxl-10 {
        padding-bottom: 12rem !important;
    }

    .pb-xxl-11 {
        padding-bottom: 14rem !important;
    }

    .pb-xxl-12 {
        padding-bottom: 16rem !important;
    }

    .ps-xxl-0 {
        padding-left: 0 !important;
    }

    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }

    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }

    .ps-xxl-3 {
        padding-left: 1rem !important;
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }

    .ps-xxl-5 {
        padding-left: 3rem !important;
    }

    .ps-xxl-6 {
        padding-left: 4rem !important;
    }

    .ps-xxl-7 {
        padding-left: 6rem !important;
    }

    .ps-xxl-8 {
        padding-left: 8rem !important;
    }

    .ps-xxl-9 {
        padding-left: 10rem !important;
    }

    .ps-xxl-10 {
        padding-left: 12rem !important;
    }

    .ps-xxl-11 {
        padding-left: 14rem !important;
    }

    .ps-xxl-12 {
        padding-left: 16rem !important;
    }

    .text-xxl-start {
        text-align: left !important;
    }

    .text-xxl-end {
        text-align: right !important;
    }

    .text-xxl-center {
        text-align: center !important;
    }

    .transform-scale-xxl-5 {
        transform: scale(0.5) !important;
    }

    .transform-scale-xxl-6 {
        transform: scale(0.6) !important;
    }

    .transform-scale-xxl-7 {
        transform: scale(0.7) !important;
    }

    .transform-scale-xxl-8 {
        transform: scale(0.8) !important;
    }

    .transform-scale-xxl-9 {
        transform: scale(0.9) !important;
    }

    .transform-scale-xxl-10 {
        transform: scale(1) !important;
    }

    .border-radius-top-start-xxl-0 {
        border-top-left-radius: 0 !important;
    }

    .border-radius-top-end-xxl-0 {
        border-top-right-radius: 0 !important;
    }

    .border-radius-bottom-start-xxl-0 {
        border-bottom-left-radius: 0 !important;
    }

    .border-radius-bottom-end-xxl-0 {
        border-bottom-right-radius: 0 !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 3rem !important;
    }

    .fs-2 {
        font-size: 2.25rem !important;
    }

    .fs-3 {
        font-size: 1.875rem !important;
    }

    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-grid {
        display: grid !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }

    .d-print-none {
        display: none !important;
    }
}

/*!

=========================================================
* Soft UI Dashboard - v1.0.3
=========================================================

* Product Page: https://www.creative-tim.com/product/soft-ui-dashboard
* Copyright 2021 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (site.license)

* Coded by www.creative-tim.com

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*/
.alert-primary {
    background-image: linear-gradient(310deg, #7928CA 0%, #d6006c 100%);
}

.alert-secondary {
    background-image: linear-gradient(310deg, #627594 0%, #8ca1cb 100%);
}

.alert-success {
    background-image: linear-gradient(310deg, #17ad37 0%, #84dc14 100%);
}

.alert-info {
    background-image: linear-gradient(310deg, #2152ff 0%, #02c6f3 100%);
}

.alert-warning {
    background-image: linear-gradient(310deg, #f53939 0%, #fac60b 100%);
}

.alert-danger {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff3d59 100%);
}

.alert-light {
    background-image: linear-gradient(310deg, #CED4DA 0%, #d1dae6 100%);
}

.alert-dark {
    background-image: linear-gradient(310deg, #141727 0%, #2c3154 100%);
}

.btn-close:focus {
    box-shadow: none;
}

.alert-dismissible .btn-close {
    background-image: none;
}

.avatar {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 0.75rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out;
}

    .avatar img {
        width: 100%;
    }

    .avatar + .avatar-content {
        display: inline-block;
        margin-left: 0.75rem;
    }

    .avatar.avatar-raised {
        margin-top: -24px;
    }

    .avatar.avatar-scale-up:hover {
        transform: scale(1.2);
    }

.active .avatar.avatar-scale-up {
    transform: scale(1.2);
}

.avatar-xxl {
    width: 110px !important;
    height: 110px !important;
}

    .avatar-xxl.avatar-raised {
        margin-top: -55px;
    }

.avatar-xl {
    width: 74px !important;
    height: 74px !important;
}

    .avatar-xl.avatar-raised {
        margin-top: -37px;
    }

.avatar-lg {
    width: 58px !important;
    height: 58px !important;
    font-size: 0.875rem;
}

    .avatar-lg.avatar-raised {
        margin-top: -29px;
    }

.avatar-sm {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.875rem;
}

    .avatar-sm.avatar-raised {
        margin-top: -18px;
    }

.avatar-xs {
    width: 24px !important;
    height: 24px !important;
    font-size: 0.75rem;
}

    .avatar-xs.avatar-raised {
        margin-top: -12px;
    }

.avatar-group .avatar {
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}

    .avatar-group .avatar:hover {
        z-index: 3;
    }

    .avatar-group .avatar + .avatar {
        margin-left: -1rem;
    }

.badge.bg-primary {
    background: #cb0c9f;
}

.badge.bg-secondary {
    background: #8392AB;
}

.badge.bg-success {
    background: #82d616;
}

.badge.bg-info {
    background: #17c1e8;
}

.badge.bg-warning {
    background: #fbcf33;
}

.badge.bg-danger {
    background: #ea0606;
}

.badge.bg-light {
    background: #e9ecef;
}

.badge.bg-dark {
    background: #344767;
}

.badge.bg-white {
    background: #fff;
}

.badge {
    text-transform: uppercase;
}

.btn {
    margin-bottom: 1rem;
    letter-spacing: -0.025rem;
    text-transform: uppercase;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
    background-size: 150%;
    background-position-x: 25%;
}

    .btn:not([class*="btn-outline-"]) {
        border: 0;
    }

    .btn:active,
    .btn:active:focus,
    .btn:active:hover {
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
        transform: scale(1);
        opacity: 0.85;
    }

    .btn:hover:not(.btn-icon-only) {
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
        transform: scale(1.02);
    }

    .btn.bg-white:hover {
        color: #67748e;
    }

    .btn.btn-link {
        box-shadow: none;
        font-weight: 700;
    }

        .btn.btn-link:hover,
        .btn.btn-link:focus {
            box-shadow: none;
        }

    .btn.btn-round {
        border-radius: 1.875rem;
    }

    .btn.btn-icon-only {
        width: 2.375rem;
        height: 2.375rem;
        padding: 0.7rem 0.7rem;
    }

    .btn.btn-sm.btn-icon-only,
    .btn-group-sm > .btn.btn-icon-only {
        width: 1.5875rem;
        height: 1.5875rem;
        padding: 0.3rem 0.3rem;
    }

    .btn.btn-sm i,
    .btn-group-sm > .btn i {
        font-size: 0.5rem;
    }

    .btn.btn-lg.btn-icon-only,
    .btn-group-lg > .btn.btn-icon-only {
        width: 3.25rem;
        height: 3.25rem;
        padding: 1rem 1rem;
    }

    .btn.btn-lg i,
    .btn-group-lg > .btn i {
        font-size: 1.2rem;
        position: relative;
        top: 2px;
    }

    .btn.btn-rounded {
        border-radius: 1.875rem;
    }

.btn-check:checked + .btn svg .color-background {
    fill: #fff;
}

.btn-check:checked + .btn:hover svg .color-background {
    fill: #344767;
}

.icon-move-right i {
    transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}

.icon-move-right:hover i,
.icon-move-right:focus i {
    transform: translateX(5px);
}

.icon-move-left i {
    transition: all 0.2s cubic-bezier(0.34, 1.61, 0.7, 1.3);
}

.icon-move-left:hover i,
.icon-move-left:focus i {
    transform: translateX(-5px);
}

.btn-primary:hover,
.btn.bg-gradient-primary:hover {
    background-color: #866d17;
    border-color: #6b5812;
}

.btn-primary .btn.bg-outline-primary,
.btn.bg-gradient-primary .btn.bg-outline-primary {
    border: 1px solid #cb0c9f;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-primary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-primary.dropdown-toggle {
    color: color-yiq(#cb0c9f);
    background-color: #cb0c9f;
}

.btn-primary.focus,
.btn-primary:focus,
.btn.bg-gradient-primary.focus,
.btn.bg-gradient-primary:focus {
    color: #fff;
}

.btn-outline-primary {
    box-shadow: none;
}

    .btn-outline-primary:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #cb0c9f;
    }

.btn-secondary:hover,
.btn.bg-gradient-secondary:hover {
    background-color: #8392AB;
    border-color: #8392AB;
}

.btn-secondary .btn.bg-outline-secondary,
.btn.bg-gradient-secondary .btn.bg-outline-secondary {
    border: 1px solid #8392AB;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled).active,
.btn.bg-gradient-secondary:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-secondary.dropdown-toggle {
    color: color-yiq(#8392AB);
    background-color: #8392AB;
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn.bg-gradient-secondary.focus,
.btn.bg-gradient-secondary:focus {
    color: #fff;
}

.btn-outline-secondary {
    box-shadow: none;
}

    .btn-outline-secondary:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #8392AB;
    }

.btn-success:hover,
.btn.bg-gradient-success:hover {
    background-color: #82d616;
    border-color: #82d616;
}

.btn-success .btn.bg-outline-success,
.btn.bg-gradient-success .btn.bg-outline-success {
    border: 1px solid #82d616;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle,
.btn.bg-gradient-success:not(:disabled):not(.disabled).active,
.btn.bg-gradient-success:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-success.dropdown-toggle {
    color: color-yiq(#82d616);
    background-color: #82d616;
}

.btn-success.focus,
.btn-success:focus,
.btn.bg-gradient-success.focus,
.btn.bg-gradient-success:focus {
    color: #fff;
}

.btn-outline-success {
    box-shadow: none;
}

    .btn-outline-success:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #82d616;
    }

.btn-info:hover,
.btn.bg-gradient-info:hover {
    background-color: #17c1e8;
    border-color: #17c1e8;
}

.btn-info .btn.bg-outline-info,
.btn.bg-gradient-info .btn.bg-outline-info {
    border: 1px solid #17c1e8;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle,
.btn.bg-gradient-info:not(:disabled):not(.disabled).active,
.btn.bg-gradient-info:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-info.dropdown-toggle {
    color: color-yiq(#17c1e8);
    background-color: #17c1e8;
}

.btn-info.focus,
.btn-info:focus,
.btn.bg-gradient-info.focus,
.btn.bg-gradient-info:focus {
    color: #fff;
}

.btn-outline-info {
    box-shadow: none;
}

    .btn-outline-info:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #17c1e8;
    }

.btn-warning:hover,
.btn.bg-gradient-warning:hover {
    background-color: #fbcf33;
    border-color: #fbcf33;
}

.btn-warning .btn.bg-outline-warning,
.btn.bg-gradient-warning .btn.bg-outline-warning {
    border: 1px solid #fbcf33;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle,
.btn.bg-gradient-warning:not(:disabled):not(.disabled).active,
.btn.bg-gradient-warning:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-warning.dropdown-toggle {
    color: color-yiq(#fbcf33);
    background-color: #fbcf33;
}

.btn-warning.focus,
.btn-warning:focus,
.btn.bg-gradient-warning.focus,
.btn.bg-gradient-warning:focus {
    color: #fff;
}

.btn-outline-warning {
    box-shadow: none;
}

    .btn-outline-warning:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #fbcf33;
    }

.btn-danger:hover,
.btn.bg-gradient-danger:hover {
    background-color: #ea0606;
    border-color: #ea0606;
}

.btn-danger .btn.bg-outline-danger,
.btn.bg-gradient-danger .btn.bg-outline-danger {
    border: 1px solid #ea0606;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle,
.btn.bg-gradient-danger:not(:disabled):not(.disabled).active,
.btn.bg-gradient-danger:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-danger.dropdown-toggle {
    color: color-yiq(#ea0606);
    background-color: #ea0606;
}

.btn-danger.focus,
.btn-danger:focus,
.btn.bg-gradient-danger.focus,
.btn.bg-gradient-danger:focus {
    color: #fff;
}

.btn-outline-danger {
    box-shadow: none;
}

    .btn-outline-danger:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #ea0606;
    }

.btn-light:hover,
.btn.bg-gradient-light:hover {
    background-color: #e9ecef;
    border-color: #e9ecef;
}

.btn-light .btn.bg-outline-light,
.btn.bg-gradient-light .btn.bg-outline-light {
    border: 1px solid #e9ecef;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.btn.bg-gradient-light:not(:disabled):not(.disabled).active,
.btn.bg-gradient-light:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-light.dropdown-toggle {
    color: color-yiq(#e9ecef);
    background-color: #e9ecef;
}

.btn-outline-light {
    box-shadow: none;
}

    .btn-outline-light:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #e9ecef;
    }

.btn-dark:hover,
.btn.bg-gradient-dark:hover {
    background-color: #344767;
    border-color: #344767;
}

.btn-dark .btn.bg-outline-dark,
.btn.bg-gradient-dark .btn.bg-outline-dark {
    border: 1px solid #344767;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle,
.btn.bg-gradient-dark:not(:disabled):not(.disabled).active,
.btn.bg-gradient-dark:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-dark.dropdown-toggle {
    color: color-yiq(#344767);
    background-color: #344767;
}

.btn-dark.focus,
.btn-dark:focus,
.btn.bg-gradient-dark.focus,
.btn.bg-gradient-dark:focus {
    color: #fff;
}

.btn-outline-dark {
    box-shadow: none;
}

    .btn-outline-dark:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #344767;
    }

.btn-white:hover,
.btn.bg-gradient-white:hover {
    background-color: #fff;
    border-color: #fff;
}

.btn-white .btn.bg-outline-white,
.btn.bg-gradient-white .btn.bg-outline-white {
    border: 1px solid #fff;
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show > .btn-white.dropdown-toggle,
.btn.bg-gradient-white:not(:disabled):not(.disabled).active,
.btn.bg-gradient-white:not(:disabled):not(.disabled):active,
.show > .btn.bg-gradient-white.dropdown-toggle {
    color: color-yiq(#fff);
    background-color: #fff;
}

.btn-outline-white {
    box-shadow: none;
}

    .btn-outline-white:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: #fff;
    }

.btn-outline-white {
    border-color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.1);
}

.btn-primary,
.btn.bg-gradient-primary {
    color: #fff;
}

    .btn-primary:hover,
    .btn.bg-gradient-primary:hover {
        color: #fff;
    }

.btn-secondary,
.btn.bg-gradient-secondary {
    color: #fff;
}

    .btn-secondary:hover,
    .btn.bg-gradient-secondary:hover {
        color: #fff;
    }

.btn-danger,
.btn.bg-gradient-danger {
    color: #fff;
}

    .btn-danger:hover,
    .btn.bg-gradient-danger:hover {
        color: #fff;
    }

.btn-info,
.btn.bg-gradient-info {
    color: #fff;
}

    .btn-info:hover,
    .btn.bg-gradient-info:hover {
        color: #fff;
    }

.btn-success,
.btn.bg-gradient-success {
    color: #fff;
}

    .btn-success:hover,
    .btn.bg-gradient-success:hover {
        color: #fff;
    }

.btn-warning,
.btn.bg-gradient-warning {
    color: #fff;
}

    .btn-warning:hover,
    .btn.bg-gradient-warning:hover {
        color: #fff;
    }

.btn-dark,
.btn.bg-gradient-dark {
    color: #fff;
}

    .btn-dark:hover,
    .btn.bg-gradient-dark:hover {
        color: #fff;
    }

.btn-light,
.btn.bg-gradient-light {
    color: #3A416F;
}

    .btn-light:hover,
    .btn.bg-gradient-light:hover {
        color: #3A416F;
    }

.breadcrumb-item {
    font-size: 0.875rem;
}

    .breadcrumb-item.text-white::before {
        color: #fff;
    }

.breadcrumb-dark {
    background-color: #344767;
}

    .breadcrumb-dark .breadcrumb-item {
        font-weight: 600;
    }

        .breadcrumb-dark .breadcrumb-item a {
            color: #f8f9fa;
        }

            .breadcrumb-dark .breadcrumb-item a:hover {
                color: #fff;
            }

        .breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {
            color: #adb5bd;
        }

        .breadcrumb-dark .breadcrumb-item.active {
            color: #dee2e6;
        }

.breadcrumb-links {
    padding: 0;
    margin: 0;
    background: transparent;
}

.card {
    box-shadow: 0 4px 27px 0 rgb(0 0 0 / 5%);
}

    .card .card-header {
        padding: 1.5rem;
    }

    .card .card-body {
        /* font-family: "Open Sans"; */
        padding: 1.5rem;
    }

    .card.card-plain {
        background-color: transparent;
        box-shadow: none;
    }

    .card .card-footer {
        padding: 1.5rem;
        background-color: transparent;
    }

.author {
    display: flex;
}

    .author .name > span {
        line-height: 1.571;
        font-weight: 600;
        font-size: 0.875rem;
        color: #3A416F;
    }

    .author .stats {
        font-size: 0.875rem;
        font-weight: 400;
    }

.card.card-background {
    align-items: center;
}

    .card.card-background .full-background {
        background-position: 50%;
        background-size: cover;
        margin-bottom: 30px;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 1rem;
    }

    .card.card-background .card-body {
        color: #fff;
        position: relative;
        z-index: 2;
    }

        .card.card-background .card-body .content-center,
        .card.card-background .card-body .content-left {
            min-height: 330px;
            max-width: 450px;
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .card.card-background .card-body .content-center {
            text-align: center;
        }

        .card.card-background .card-body.body-left {
            width: 90%;
        }

        .card.card-background .card-body .author .name span,
        .card.card-background .card-body .author .name .stats {
            color: #fff;
        }

    .card.card-background:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        display: block;
        content: "";
        background: rgba(0, 0, 0, 0.4);
        border-radius: 1rem;
    }

    .card.card-background.card-background-mask-primary:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-primary:after {
        background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-secondary:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-secondary:after {
        background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-success:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-success:after {
        background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-info:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-info:after {
        background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-warning:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-warning:after {
        background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-danger:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-danger:after {
        background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-light:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-light:after {
        background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
        opacity: .85;
    }

    .card.card-background.card-background-mask-dark:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .card.card-background.card-background-mask-dark:after {
        background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
        opacity: .85;
    }

    .card.card-background .card-category {
        font-size: 0.875rem;
        font-weight: 600;
    }

    .card.card-background .card-description {
        margin-top: 24px;
        margin-bottom: 24px;
    }

@media (min-width: 992px) {

    .dropdown .dropdown-menu,
    .dropup .dropdown-menu,
    .dropstart .dropdown-menu,
    .dropend .dropdown-menu {
        box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
        transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
        cursor: pointer;
    }

    .dropdown .dropdown-toggle:after,
    .dropup .dropdown-toggle:after,
    .dropstart .dropdown-toggle:after,
    .dropend .dropdown-toggle:after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        border: none;
        vertical-align: middle;
        font-weight: 600;
    }

    .dropdown .dropdown-toggle.show:after,
    .dropup .dropdown-toggle.show:after,
    .dropstart .dropdown-toggle.show:after,
    .dropend .dropdown-toggle.show:after {
        transform: rotate(180deg);
    }

    .dropdown .dropdown-toggle:after,
    .dropup .dropdown-toggle:after,
    .dropstart .dropdown-toggle:after,
    .dropend .dropdown-toggle:after {
        transition: 0.3s ease;
    }

    .dropdown.dropdown-hover .dropdown-menu,
    .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        top: 0;
        transform-origin: 50% 0;
        pointer-events: none;
        transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform, box-shadow;
    }

        .dropdown.dropdown-hover:hover > .dropdown-menu,
        .dropdown .dropdown-menu.show {
            opacity: 1;
            pointer-events: auto;
            visibility: visible;
            transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important;
        }

            .dropdown.dropdown-hover:hover > .dropdown-menu:before,
            .dropdown .dropdown-menu.show:before {
                top: -20px;
            }

    .dropdown.dropdown-hover:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -24px;
        width: 100%;
        height: 100%;
    }

    .dropdown:not(.dropdown-hover) .dropdown-menu {
        margin-top: 8px !important;
    }

    .dropdown .dropdown-menu:before {
        font-family: "FontAwesome";
        content: "\f0d8";
        position: absolute;
        top: 0;
        left: 0;
        right: 28px;
        font-size: 22px;
        color: #fff;
        transition: top 0.35s ease;
    }

    .dropdown .dropdown-item .arrow {
        transform: rotate(-90deg);
    }

    .dropdown-item {
        transition: background-color 0.3s ease, color 0.3s ease;
    }
}

@media (max-width: 991.98px) {
    .dropdown:not(.nav-item) .dropdown-menu {
        display: block;
        opacity: 0;
        top: 0;
        transform-origin: 50% 0;
        pointer-events: none;
        transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0px, 37px, 0px) !important;
        transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform, box-shadow;
        box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
    }

        .dropdown:not(.nav-item) .dropdown-menu:before {
            font-family: "FontAwesome";
            content: "\f0d8";
            position: absolute;
            top: 0;
            left: 28px;
            right: auto;
            font-size: 22px;
            color: #fff;
            transition: top 0.35s ease;
        }

    .dropdown:not(.nav-item):not(.dropdown-hover) .dropdown-menu {
        margin-top: 8px !important;
    }

    .dropdown:not(.nav-item) .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 37px, 5px) !important;
    }

        .dropdown:not(.nav-item) .dropdown-menu.show:before {
            top: -20px;
        }

    .dropdown.nav-item .dropdown-menu {
        background-color: transparent;
        overflow: scroll;
    }

    .dropdown.nav-item .dropdown-menu-animation {
        display: block;
        height: 0;
        transition: all .35s ease;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        opacity: 0;
    }

        .dropdown.nav-item .dropdown-menu-animation.show {
            height: 250px;
            opacity: 1;
        }
}

.dropdown-menu li {
    position: relative;
}

.dropdown.dropdown-subitem:after {
    left: 100%;
    bottom: 0;
    width: 50%;
}

.dropdown .dropdown-menu .dropdown-item + .dropdown-menu:before {
    transform: rotate(-90deg);
    left: 0;
    top: 0;
    z-index: -1;
    transition: left .35s ease;
}

.dropdown .dropdown-menu.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
    padding-bottom: 0 !important;
}

ul.dropdown-menu.dropdown-menu-end {
    z-index: 11111;
}

    ul.dropdown-menu.dropdown-menu-end li.mb-2 {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }

        ul.dropdown-menu.dropdown-menu-end li.mb-2 a {
            padding: 4px 0;
            padding-bottom: 14px;
        }

    ul.dropdown-menu.dropdown-menu-end.px-2.py-3.me-sm-n4.show {
    }

.dropdown .dropdown-menu.dropdown-menu-end:before {
    right: 28px;
    left: auto;
}

.dropdown.dropdown-subitem:hover .dropdown-item + .dropdown-menu:before {
    left: -8px;
}

.dropdown > .dropdown-menu .dropdown-item + .dropdown-menu {
    transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0, 0px, 5px) !important;
}

.dropdown .dropdown-menu .dropdown-item + .dropdown-menu {
    right: -197px;
    left: auto;
    top: 0;
}

.dropdown-image {
    background-size: cover;
}

@media (min-width: 992px) {
    .dropdown-xl {
        min-width: 40rem;
    }

    .dropdown-lg {
        min-width: 23rem;
    }

    .dropdown-md {
        min-width: 15rem;
    }
}

@media (max-width: 1199.98px) {
    .dropdown-lg-responsive {
        min-width: 19rem;
    }
}

.dropup .dropdown-menu {
    box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
    transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
    cursor: pointer;
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 0.5rem !important;
    display: block;
    opacity: 0;
    transform-origin: bottom;
    pointer-events: none;
    transform: perspective(999px) rotateX(12deg) translateZ(0) translate3d(0px, 0px, 0px) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, box-shadow;
}

    .dropup .dropdown-menu.show {
        pointer-events: auto;
        transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(1px, 0px, 5px) !important;
        opacity: 1;
    }

        .dropup .dropdown-menu.show:after {
            bottom: -20px;
        }

    .dropup .dropdown-menu:after {
        font-family: "FontAwesome";
        content: "\f0d7";
        position: absolute;
        z-index: -1;
        bottom: 22px;
        left: 28px;
        right: auto;
        font-size: 22px;
        color: #fff;
        transition: bottom 0.35s ease;
    }

.page-header {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}

    .page-header .container {
        z-index: 1;
    }

.oblique {
    transform: skewX(-10deg);
    overflow: hidden;
    width: 60%;
    right: -10rem;
    border-bottom-left-radius: 0.75rem;
}

    .oblique .oblique-image {
        transform: skewX(10deg);
    }

.fixed-plugin .fixed-plugin-button {
    background: #fff;
    border-radius: 50%;
    bottom: 30px;
    right: 30px;
    font-size: 1.25rem;
    z-index: 990;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

    .fixed-plugin .fixed-plugin-button i {
        pointer-events: none;
    }

.fixed-plugin .card {
    position: fixed !important;
    right: -360px;
    top: 0;
    height: 100%;
    left: auto !important;
    transform: unset !important;
    width: 360px;
    border-radius: 0;
    padding: 0 10px;
    transition: .2s ease;
    z-index: 1020;
}

.fixed-plugin .badge {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px;
    transition: all 0.2s ease-in-out;
}

    .fixed-plugin .badge:hover,
    .fixed-plugin .badge.active {
        border-color: #344767;
    }

.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled) {
    border: 1px solid transparent;
}

    .fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) {
        background-color: transparent;
        background-image: none;
        border: 1px solid #cb0c9f;
        color: #cb0c9f;
    }

.fixed-plugin.show .card {
    right: 0;
}

.input-group {
    border-radius: 0.5rem;
}

    .input-group,
    .input-group .input-group-text {
        transition: box-shadow 0.15s ease, border-color 0.15s ease;
    }

        .input-group > :not(:first-child):not(.dropdown-menu) {
            margin-left: 0;
        }

        .input-group .form-control:focus {
            border-left: 1px solid #e293d3 !important;
            border-right: 1px solid #e293d3 !important;
        }

        .input-group .form-control:not(:first-child) {
            border-left: 0;
            padding-left: 0;
        }

        .input-group .form-control:not(:last-child) {
            border-right: 0;
            padding-right: 0;
        }

        .input-group .form-control + .input-group-text {
            border-left: 0;
            border-right: 1px solid #d2d6da;
        }

        .input-group .input-group-text {
            border-right: 0;
        }

.form-group {
    margin-bottom: 1rem;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"],
.form-check:not(.form-switch) .form-check-input[type="radio"] {
    border: 1px solid #cbd3da;
    margin-top: 0.25rem;
    position: relative;
}

    .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked,
    .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
        border: 0;
    }

    .form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
        transition: opacity 0.25s ease-in-out;
        font-family: "FontAwesome";
        content: "\f00c";
        width: 100%;
        height: 100%;
        color: #fff;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.67rem;
        opacity: 0;
    }

    .form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked:after {
        opacity: 1;
    }

.form-check:not(.form-switch) .form-check-input[type="radio"] {
    transition: border 0s;
}

    .form-check:not(.form-switch) .form-check-input[type="radio"]:after {
        transition: opacity 0.25s ease-in-out;
        content: "";
        position: absolute;
        width: 0.4375rem;
        height: 0.4375rem;
        border-radius: 50%;
        background-color: #fff;
        opacity: 0;
    }

    .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
        padding: 6px;
    }

        .form-check:not(.form-switch) .form-check-input[type="radio"]:checked:after {
            opacity: 1;
        }

.form-check-label,
.form-check-input[type="checkbox"] {
    cursor: pointer;
}

.form-check-label {
    font-size: 0.875rem;
    font-weight: 400;
}

.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-switch .form-check-input {
    border: 1px solid #e9ecef;
    position: relative;
    background-color: rgba(58, 65, 111, 0.1);
    height: 1.25em;
}

    .form-switch .form-check-input:after {
        transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out;
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        position: absolute;
        background-color: #fff;
        transform: translateX(1px);
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(20, 20, 20, 0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20, 20, 20, 0.07);
        top: 1px;
    }

    .form-switch .form-check-input:checked:after {
        transform: translateX(21px);
    }

    .form-switch .form-check-input:checked {
        border-color: rgba(58, 65, 111, 0.95);
        background-color: rgba(58, 65, 111, 0.95);
    }

.form-select {
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

label,
.form-label {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #344767;
    margin-left: 0.25rem;
}

.form-control.is-invalid:focus {
    box-shadow: 0 0 0 2px rgba(253, 92, 112, 0.6);
}

.form-control.is-valid:focus {
    box-shadow: 0 0 0 2px rgba(102, 212, 50, 0.65);
}

.footer .nav-link {
    color: #344767;
    font-weight: 400;
    font-size: 0.875rem;
    padding-top: 0;
    padding-bottom: 0.25rem;
}

    .footer .nav-link:hover {
        opacity: 1 !important;
        transition: opacity 0.3 ease;
    }

.bg-gradient-primary {
    background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
    background-image: linear-gradient( 310deg, #866e17 0%, #c79f2e 100%);
}

.bg-gradient-secondary {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
}

.bg-gradient-success {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
}

.bg-gradient-info {
    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);
}

.bg-gradient-warning {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
}

.bg-gradient-danger {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
}

.bg-gradient-light {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg, #866e17 0%, #c79f2e 100%);
    background-image: linear-gradient( 310deg, #7928CA 0%, #FF0080 100%);
}

.bg-gradient-faded-primary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(203, 12, 159, 0.6) 0, #9b0979 100%);
}

.bg-gradient-faded-secondary {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(131, 146, 171, 0.6) 0, #657796 100%);
}

.bg-gradient-faded-success {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(130, 214, 22, 0.6) 0, #66a811 100%);
}

.bg-gradient-faded-info {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(23, 193, 232, 0.6) 0, #129aba 100%);
}

.bg-gradient-faded-warning {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(251, 207, 51, 0.6) 0, #f6c105 100%);
}

.bg-gradient-faded-danger {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(234, 6, 6, 0.6) 0, #b80505 100%);
}

.bg-gradient-faded-light {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(233, 236, 239, 0.6) 0, #cbd3da 100%);
}

.bg-gradient-faded-dark {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(52, 71, 103, 0.6) 0, #233045 100%);
}

.bg-gradient-faded-white {
    background-image: radial-gradient(370px circle at 80% 50%, rgba(255, 255, 255, 0.6) 0, #e6e6e6 100%);
}

.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(203, 12, 159, 0.3) 0, #cb0c9f 100%);
}

.bg-gradient-faded-secondary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(131, 146, 171, 0.3) 0, #8392AB 100%);
}

.bg-gradient-faded-success-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(130, 214, 22, 0.3) 0, #82d616 100%);
}

.bg-gradient-faded-info-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(23, 193, 232, 0.3) 0, #17c1e8 100%);
}

.bg-gradient-faded-warning-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 207, 51, 0.3) 0, #fbcf33 100%);
}

.bg-gradient-faded-danger-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(234, 6, 6, 0.3) 0, #ea0606 100%);
}

.bg-gradient-faded-light-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 236, 239, 0.3) 0, #e9ecef 100%);
}

.bg-gradient-faded-dark-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.3) 0, #344767 100%);
}

.bg-gradient-faded-white-vertical {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%);
}

.icon-shape {
    width: 48px;
    height: 48px;
    background-position: center;
    border-radius: 0.75rem;
}

    .icon-shape i {
        color: #fff;
        opacity: 0.8;
        top: 11px;
        position: relative;
    }

    .icon-shape .ni {
        top: 14px;
    }

.icon-xxs {
    width: 20px;
    height: 20px;
}

    .icon-xxs i {
        top: -4px;
        font-size: .5rem;
    }

.icon-xs {
    width: 24px;
    height: 24px;
}

    .icon-xs i {
        top: -4px;
        font-size: .5rem;
    }

.icon-sm {
    width: 32px;
    height: 32px;
}

    .icon-sm i {
        top: 2px;
        font-size: .65rem;
    }

.icon-md {
    width: 48px;
    height: 48px;
}

    .icon-md i {
        top: 22%;
        font-size: 0.875rem;
    }

    .icon-md.icon-striped {
        background-position-x: 85px;
        background-position-y: 85px;
    }

        .icon-md.icon-striped i {
            top: 11%;
            margin-left: -10px;
            font-size: 0.875rem;
        }

.icon-lg {
    width: 64px;
    height: 64px;
}

    .icon-lg i {
        top: 31%;
        font-size: 1.25rem;
    }

    .icon-lg.icon-striped {
        background-position-x: 111px;
        background-position-y: 111px;
    }

        .icon-lg.icon-striped i {
            top: 21%;
            margin-left: -15px;
        }

.icon-xl {
    width: 100px;
    height: 100px;
    border-radius: 0.75rem;
}

    .icon-xl i {
        top: 37%;
        font-size: 1.6rem;
    }

    .icon-xl.icon-striped {
        background-position-x: 80px;
        background-position-y: 80px;
    }

        .icon-xl.icon-striped i {
            top: 30%;
            margin-left: -15px;
        }

.info-horizontal {
    text-align: left !important;
}

    .info-horizontal .icon {
        float: left;
    }

    .info-horizontal .description {
        overflow: hidden;
    }

svg.text-primary .color-foreground {
    fill: #7928CA;
}

svg.text-primary .color-background {
    fill: #FF0080;
}

svg.text-secondary .color-foreground {
    fill: #627594;
}

svg.text-secondary .color-background {
    fill: #A8B8D8;
}

svg.text-info .color-foreground {
    fill: #2152ff;
}

svg.text-info .color-background {
    fill: #21d4fd;
}

svg.text-warning .color-foreground {
    fill: #f53939;
}

svg.text-warning .color-background {
    fill: #fbcf33;
}

svg.text-danger .color-foreground {
    fill: #ea0606;
}

svg.text-danger .color-background {
    fill: #ff667c;
}

svg.text-success .color-foreground {
    fill: #17ad37;
}

svg.text-success .color-background {
    fill: #98ec2d;
}

svg.text-dark .color-foreground {
    fill: #141727;
}

svg.text-dark .color-background {
    fill: #3A416F;
}

.blur {
    box-shadow: inset 0px 0px 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: rgba(255, 255, 255, 0.8) !important;
}

    .blur.saturation-less {
        -webkit-backdrop-filter: saturate(20%) blur(30px);
        backdrop-filter: saturate(20%) blur(30px);
    }

    .blur.blur-rounded {
        border-radius: 40px;
    }

    .blur.blur-light {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .blur.blur-dark {
        background-color: rgba(0, 0, 0, 0.3);
    }

.shadow-blur {
    box-shadow: inset 0 0px 1px 1px rgba(254, 254, 254, 0.9), 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}

.shadow-card {
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05) !important;
}

.navbar-blur {
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: rgba(255, 255, 255, 0.58) !important;
}

.blur-section {
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
}

    .blur-section.blur-gradient-primary {
        background-image: linear-gradient(310deg, rgba(121, 40, 202, 0.95) 0%, rgba(255, 0, 128, 0.95) 100%);
    }

*.move-on-hover {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    overflow: hidden;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0);
    transform: perspective(999px) rotateX(0deg) translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, box-shadow;
}

    *.move-on-hover:hover {
        -webkit-transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px);
        transform: perspective(999px) rotateX(7deg) translate3d(0px, -4px, 5px);
    }

*.gradient-animation {
    background: linear-gradient(-45deg, #2152ff, #ea0606, #fbcf33, #7928CA, #344767);
    background-size: 400% 400% !important;
    animation: gradient 10s ease infinite;
}

hr.vertical {
    position: absolute;
    background-color: transparent;
    height: 100%;
    right: 0;
    top: 0;
    width: 1px;
}

    hr.vertical.light {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    }

    hr.vertical.dark {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    }

    hr.vertical.gray-light {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

hr.horizontal {
    background-color: transparent;
}

    hr.horizontal.light {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    }

    hr.horizontal.dark {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    }

    hr.horizontal.gray-light {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }

.lock-size {
    width: 1.7rem;
    height: 1.7rem;
}

.border-radius-xs {
    border-radius: 0.125rem;
}

.border-radius-sm {
    border-radius: 0.25rem;
}

.border-radius-md {
    border-radius: 0.5rem;
}

.border-radius-lg {
    border-radius: 0.75rem;
}

.border-radius-xl {
    border-radius: 1rem;
}

.border-radius-2xl {
    border-radius: 1.5rem;
}

.border-radius-section {
    border-radius: 10rem;
}

.border-bottom-end-radius-0 {
    border-bottom-right-radius: 0;
}

.border-top-end-radius-0 {
    border-top-right-radius: 0;
}

.border-bottom-start-radius-0 {
    border-bottom-left-radius: 0;
}

.border-top-start-radius-0 {
    border-top-left-radius: 0;
}

.border-dashed {
    border-style: dashed;
}

.z-index-sticky {
    z-index: 1020;
}

.waves {
    position: relative;
    width: 100%;
    height: 16vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

    .waves.waves-sm {
        height: 50px;
        min-height: 50px;
    }

    .waves.no-animation .moving-waves > use {
        animation: none;
    }

.wave-rotate {
    transform: rotate(180deg);
}

/* Animation for the waves */
.moving-waves > use {
    animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

    .moving-waves > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 11s;
    }

    .moving-waves > use:nth-child(2) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .moving-waves > use:nth-child(3) {
        animation-delay: -3s;
        animation-duration: 15s;
    }

    .moving-waves > use:nth-child(4) {
        animation-delay: -4s;
        animation-duration: 20s;
    }

    .moving-waves > use:nth-child(5) {
        animation-delay: -4s;
        animation-duration: 25s;
    }

    .moving-waves > use:nth-child(6) {
        animation-delay: -3s;
        animation-duration: 30s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 767.98px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    hr.horizontal {
        background-color: transparent;
    }

        hr.horizontal:not(.dark) {
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
        }

        hr.horizontal.vertical {
            transform: rotate(90deg);
        }

        hr.horizontal.dark {
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
        }
}

.overflow-visible {
    overflow: visible !important;
}

.popover .popover-header {
    font-weight: 600;
}

.bg-cover {
    background-size: cover;
}

.mask {
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.cursor-pointer {
    cursor: pointer;
}

.transform-translate-50 {
    transform: translate(0, -50%);
}

@media (min-width: 992px) {
    .virtual-reality .sidenav {
        margin-top: 1.5rem;
        animation-name: fadeInBottom;
        animation-fill-mode: both;
        animation-duration: 1.5s;
        transform: scale(0.6);
        background: #fff;
        left: 18% !important;
        position: absolute;
    }
}

.navbar {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
}

    .navbar .navbar-brand {
        color: #344767;
        font-size: 0.875rem;
    }

    .navbar .nav-link {
        color: #344767;
        padding: 0.5rem 1rem;
        font-weight: 400;
        font-size: 0.875rem;
    }

    .navbar.navbar-absolute {
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .navbar.navbar-transparent .nav-link,
    .navbar.navbar-transparent .nav-link i {
        color: #fff;
    }

        .navbar.navbar-transparent .nav-link:hover,
        .navbar.navbar-transparent .nav-link:focus {
            color: rgba(255, 255, 255, 0.75);
        }

    .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
        background: #fff;
    }

    .navbar.navbar-transparent .navbar-collapse {
        border-radius: 1rem;
    }

    .navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark,
    .navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark {
        color: #fff !important;
    }

    .navbar .sidenav-toggler-inner {
        width: 18px;
    }

        .navbar .sidenav-toggler-inner .sidenav-toggler-line {
            transition: all 0.15s ease;
            background: #67748e;
            border-radius: 0.125rem;
            position: relative;
            display: block;
            height: 2px;
        }

            .navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) {
                margin-bottom: 3px;
            }

.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
.g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child {
    width: 13px;
    transform: translateX(5px);
}

.navbar-light {
    background-color: #fff !important;
}

    .navbar-light .navbar-toggler {
        border: none;
    }

        .navbar-light .navbar-toggler:focus {
            box-shadow: none;
        }

.navbar-toggler .navbar-toggler-icon {
    background-image: none;
}

    .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 22px;
        height: 1px;
        border-radius: 1px;
        background: #6c757d;
        transition: all 0.2s;
        margin: 0 auto;
    }

        .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2,
        .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {
            margin-top: 7px;
        }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar1 {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
    margin-top: 4px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar2 {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-bar.bar3 {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    margin-top: 3px;
}

@media (max-width: 991.98px) {
    .navbar.navbar-transparent .navbar-collapse {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

        .navbar.navbar-transparent .navbar-collapse.collapsing {
            background: #fff;
        }

        .navbar.navbar-transparent .navbar-collapse.show {
            background: #fff;
        }

            .navbar.navbar-transparent .navbar-collapse.show .nav-link,
            .navbar.navbar-transparent .navbar-collapse.show i {
                color: #344767;
            }

    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
        flex-direction: row;
    }
}

@media (max-width: 767.98px) {
    .navbar-collapse {
        position: relative;
    }

        .navbar-collapse .navbar-nav {
            width: 100%;
        }

            .navbar-collapse .navbar-nav .nav-item.dropdown {
                position: static;
            }

                .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
                    /* left: 0; */
                    right: 0;
                    /* position: absolute; */
                    /* z-index: 1111111; */
                    background: #fff;
                    /* overflow: hidden; */
                    /* margin: 5px; */
                    margin: 0 !important;
                    text-align: right;
                    padding: 0 !important;
                }

                    .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before {
                        content: none;
                    }
}

@media (max-width: 575.98px) {
    .navbar-nav .nav-item.dropdown .dropdown-menu {
        left: 0;
        right: auto;
    }
}

.navbar-vertical .navbar-brand > img,
.navbar-vertical .navbar-brand-img {
    max-width: 100%;
    max-height: 2rem;
}

.navbar-vertical .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 500;
    color: #ffffff;
}

    .navbar-vertical .navbar-nav .nav-link > i {
        min-width: 1.8rem;
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }

    .navbar-vertical .navbar-nav .nav-link .dropdown-menu {
        border: none;
    }

        .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
            margin-left: 0.5rem;
        }

.navbar-vertical .navbar-nav .nav-sm .nav-link {
    font-size: 0.8125rem;
}

.navbar-vertical .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 400 !important;
}

.navbar-vertical .navbar-heading {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.navbar-vertical.navbar-expand-xs {
    display: block;
    position: relative;
    top: 0px;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    padding: 0;
    box-shadow: none;
    margin: 0 !important;
    border-radius: 0 !important;
}

    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        display: block;
        overflow: auto;
    }

    .navbar-vertical.navbar-expand-xs ul.navbar-nav {
        margin: auto;
        text-align: center;
    }

a.nav-brand img {
    width: 100px;
}

ul.dropdown-menu.dropdown-menu-end li {
    border: 0 !important;
    padding: 1px 5px !important;
}


.sidenav[data-color="primary"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #ad8b25 0%, #ad8c25 100%);
}

.sidenav[data-color="secondary"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #8392AB 0%, #8392AB 100%);
}

.sidenav[data-color="success"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #82d616 0%, #82d616 100%);
}

.sidenav[data-color="info"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #17c1e8 0%, #17c1e8 100%);
}

.sidenav[data-color="warning"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #fbcf33 0%, #fbcf33 100%);
}

.sidenav[data-color="danger"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #ea0606 0%, #ea0606 100%);
}

.sidenav[data-color="light"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%);
}

.sidenav[data-color="dark"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #344767 0%, #344767 100%);
    background-image: linear-gradient( 310deg, #7928CA 0%, #FF0080 100%);
}

.sidenav[data-color="white"] .navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(310deg, #fff 0%, #fff 100%);
}

.main-content,
.sidenav {
    transition: all 0.2s ease-in-out;
}

.sidenav {
    z-index: 990;
}

    .sidenav .navbar-brand,
    .sidenav .navbar-heading {
        display: block;
    }

@media (min-width: 1200px) {
    .sidenav:hover {
        max-width: 100%;
    }

    .sidenav .sidenav-toggler {
        padding: 1.5rem;
    }

    .sidenav.fixed-start + .main-content {
        margin-left: 0;
    }

    .sidenav.fixed-end + .main-content {
        margin-right: 17.125rem;
    }
}

.sidenav .navbar-heading .docs-mini {
    padding-left: 3px;
}

.sidenav .navbar-heading {
    transition: all 0.1s ease;
}

.sidenav .navbar-brand {
    padding: 1.5rem 2rem;
}

.sidenav-header {
    height: 4.875rem;
}

.sidenav-footer .card.card-background:after {
    opacity: 0.65;
}

.g-sidenav-show .sidenav .nav-item .collapse {
    height: auto;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .g-sidenav-show .sidenav .nav-item .collapse {
        transition: none;
    }
}

.g-sidenav-show .sidenav .nav-link-text {
    transition: 0.3s ease;
    opacity: 1;
}

@media (max-width: 1199.98px) {
    .g-sidenav-show.rtl .sidenav {
        transform: translateX(17.125rem);
    }

    .g-sidenav-show:not(.rtl) .sidenav {
        /* transform: translateX(-17.125rem); */
    }

    .g-sidenav-show .sidenav.fixed-start + .main-content {
        margin-left: 0 !important;
    }

    .g-sidenav-show.g-sidenav-pinned .sidenav {
        transform: translateX(0);
    }
}

.navbar-vertical.bg-white {
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}

    .navbar-vertical.bg-white .navbar-nav .nav-link.active {
        box-shadow: none;
    }

    .navbar-vertical.bg-white .navbar-nav .nav-link .icon {
        background-image: linear-gradient(310deg, #e9ecef 0%, #e9ecef 100%);
    }

.navbar-vertical .navbar-nav .nav-link.active {
    font-weight: 600;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active {
    color: #b59127;
}

    .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {
        background-image: linear-gradient(310deg, #534000 0%, #ad9345 100%);
    }

        .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-background,
        .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon svg .color-foreground {
            fill: #fff;
        }

.navbar-main {
    transition: box-shadow 0.25s ease-in, background-color 0.25s ease-in;
}

    .navbar-main.fixed-top {
        width: calc(100% - (15.625rem + 1.5rem * 3));
    }

        .navbar-main.fixed-top + [class*="container"] {
            margin-top: 7.1875rem !important;
        }

.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: "\f107";
    margin-left: auto;
    color: rgba(58, 65, 111, 0.5);
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
        transition: none;
    }
}

.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    color: #3A416F;
    transform: rotate(180deg);
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav {
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .navbar-vertical .navbar-nav .nav-item .collapse .nav,
    .navbar-vertical .navbar-nav .nav-item .collapsing .nav {
        transition: none;
    }
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    color: rgba(58, 65, 111, 0.5);
    margin-left: 1.35rem;
}

    .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link:before,
    .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link:before {
        content: "";
        position: absolute;
        left: -18px;
        top: 50%;
        transform: translate(0, -50%);
        height: 5px;
        width: 5px;
        border-radius: 1.5rem;
        background: rgba(58, 65, 111, 0.5);
    }

    .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active,
    .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active {
        color: #3A416F;
    }

        .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active:before,
        .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active:before {
            height: 8px;
            width: 8px;
            background: #3A416F;
        }

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link {
    color: #3A416F;
}

    .navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item.active .nav-link:before,
    .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item.active .nav-link:before {
        height: 8px;
        width: 8px;
        background: #3A416F;
    }

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-item .nav-link:before,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-item .nav-link:before {
    content: none;
}

.navbar-vertical.blur .navbar-nav > .nav-item .nav-link {
    background-color: transparent;
    box-shadow: none;
}

.navbar-vertical .navbar-brand .navbar-brand-img,
.navbar-vertical .navbar-brand span {
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .navbar-vertical .navbar-brand .navbar-brand-img,
    .navbar-vertical .navbar-brand span {
        transition: none;
    }
}

.navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
    transition: all 0.2s ease-in-out;
    text-align: center;
    width: 0;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
        transition: none;
    }
}

.navbar-vertical .docs-info {
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .navbar-vertical .docs-info {
        transition: none;
    }
}

.g-sidenav-show:not(.g-sidenav-hidden) .navbar-vertical .nav-item .nav-link span.sidenav-mini-icon {
    opacity: 0;
}

@media (min-width: 1200px) {
    .navbar-vertical .navbar-nav .nav-item .nav-link .icon {
        padding: 10px;
    }

    .g-sidenav-hidden.rtl .main-content {
        margin-right: 6rem !important;
    }

        .g-sidenav-hidden.rtl .main-content .navbar-vertical:hover {
            max-width: 15.625rem !important;
        }

    .g-sidenav-hidden.rtl .sidenav:hover + .main-content {
        margin-right: 17.125rem !important;
    }

    .g-sidenav-hidden .navbar-vertical {
        max-width: 6rem !important;
    }

        .g-sidenav-hidden .navbar-vertical.fixed-start + .main-content {
            margin-left: 7.5rem;
        }

        .g-sidenav-hidden .navbar-vertical .navbar-brand img {
            width: auto !important;
        }

        .g-sidenav-hidden .navbar-vertical .navbar-brand span {
            opacity: 0;
        }

        .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .icon {
            padding: 10px;
        }

        .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .nav-link-text,
        .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-normal {
            opacity: 0;
            width: 0;
        }

        .g-sidenav-hidden .navbar-vertical .nav-item .nav-link .sidenav-mini-icon {
            min-width: 1.8rem;
            margin-left: 0.15rem;
            opacity: 1;
        }

        .g-sidenav-hidden .navbar-vertical .nav-item .nav-link[data-bs-toggle="collapse"]:after {
            content: "";
        }

        .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

            .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link {
                margin-left: 1rem;
            }

                .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link:before {
                    content: none;
                }

                .g-sidenav-hidden .navbar-vertical .nav-item .collapse .nav .nav-item .nav-link[data-bs-toggle="collapse"]:after {
                    content: "\f107";
                }

        .g-sidenav-hidden .navbar-vertical .card.card-background .icon-shape {
            margin-bottom: 0 !important;
        }

        .g-sidenav-hidden .navbar-vertical .card.card-background .docs-info {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .g-sidenav-hidden .navbar-vertical:hover {
            max-width: 15.625rem !important;
        }

            .g-sidenav-hidden .navbar-vertical:hover.fixed-start + .main-content {
                margin-left: 17.125rem;
            }

            .g-sidenav-hidden .navbar-vertical:hover .navbar-brand span {
                opacity: 1;
            }

            .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .nav-link-text,
            .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-normal {
                opacity: 1;
                width: auto;
            }

            .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link .sidenav-mini-icon {
                opacity: 0;
                width: 0;
                min-width: 0;
            }

            .g-sidenav-hidden .navbar-vertical:hover .nav-item .nav-link[data-bs-toggle="collapse"]:after {
                content: "\f107";
            }

            .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav {
                margin-left: 1.5rem !important;
                padding-left: 1rem !important;
            }

                .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link {
                    margin-left: 1.35rem;
                }

                    .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .nav-link:before {
                        content: "";
                    }

                .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav,
                .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav {
                    margin-left: 0 !important;
                    padding-left: 0 !important;
                }

                    .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapse .nav .nav-item .nav-link:before,
                    .g-sidenav-hidden .navbar-vertical:hover .nav-item .collapse .nav .nav-item .collapsing .nav .nav-item .nav-link:before {
                        content: none;
                    }

            .g-sidenav-hidden .navbar-vertical:hover .card.card-background .icon-shape {
                margin-bottom: 1rem !important;
            }

            .g-sidenav-hidden .navbar-vertical:hover .card.card-background .docs-info {
                opacity: 1;
                width: auto;
                height: auto;
            }
}

.nav.nav-pills {
    background: #f8f9fa;
    border-radius: 0.75rem;
    position: relative;
}

    .nav.nav-pills.nav-pills-vertical {
        border-radius: 1.1875rem;
    }

        .nav.nav-pills.nav-pills-vertical .nav-link.active {
            border-radius: 0.875rem;
        }

    .nav.nav-pills .nav-link {
        z-index: 3;
        color: #344767;
        border-radius: 0.5rem;
        background-color: inherit;
    }

        .nav.nav-pills .nav-link.active {
            animation: 0.2s ease;
        }

        .nav.nav-pills .nav-link:hover:not(.active) {
            color: #344767;
        }

    .nav.nav-pills.nav-pills-primary {
        background: #fff;
        color: #fff;
    }

        .nav.nav-pills.nav-pills-primary .nav-link.active {
            color: #fff;
        }

        .nav.nav-pills.nav-pills-primary .moving-tab .nav-link.active {
            background: #7928CA;
            color: #7928CA;
        }

    .nav.nav-pills.nav-pills-info {
        background: #fff;
        color: #fff;
    }

        .nav.nav-pills.nav-pills-info .nav-link.active {
            color: #fff;
        }

        .nav.nav-pills.nav-pills-info .moving-tab .nav-link.active {
            background: #2152ff;
            color: #2152ff;
        }

    .nav.nav-pills.nav-pills-success {
        background: #fff;
        color: #fff;
    }

        .nav.nav-pills.nav-pills-success .nav-link.active {
            color: #fff;
        }

        .nav.nav-pills.nav-pills-success .moving-tab .nav-link.active {
            background: #17ad37;
            color: #17ad37;
        }

    .nav.nav-pills.nav-pills-warning {
        background: #fff;
        color: #fff;
    }

        .nav.nav-pills.nav-pills-warning .nav-link.active {
            color: #fff;
        }

        .nav.nav-pills.nav-pills-warning .moving-tab .nav-link.active {
            background: #f53939;
            color: #f53939;
        }

    .nav.nav-pills.nav-pills-danger {
        background: #fff;
        color: #fff;
    }

        .nav.nav-pills.nav-pills-danger .nav-link.active {
            color: #fff;
        }

        .nav.nav-pills.nav-pills-danger .moving-tab .nav-link.active {
            background: #ea0606;
            color: #ea0606;
        }

    .nav.nav-pills .nav-item {
        z-index: 3;
    }

.moving-tab {
    z-index: 1 !important;
}

    .moving-tab .nav-link {
        color: #fff;
        transition: .2s ease;
        border-radius: 0.5rem;
    }

        .moving-tab .nav-link.active {
            color: #fff;
            font-weight: 600;
            box-shadow: 0px 1px 5px 1px #ddd;
            animation: 0.2s ease;
            background: #fff;
        }

        .moving-tab .nav-link:hover:not(.active) {
            color: #344767;
        }

.page-item.active .page-link {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
}

.page-item .page-link,
.page-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8392AB;
    padding: 0;
    margin: 0 3px;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
}

.pagination-lg .page-item .page-link,
.pagination-lg .page-item span {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.pagination-sm .page-item .page-link,
.pagination-sm .page-item span {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.pagination.pagination-primary .page-item.active > .page-link,
.pagination.pagination-primary .page-item.active > .page-link:focus,
.pagination.pagination-primary .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
    border: none;
}

.pagination.pagination-secondary .page-item.active > .page-link,
.pagination.pagination-secondary .page-item.active > .page-link:focus,
.pagination.pagination-secondary .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%);
    border: none;
}

.pagination.pagination-success .page-item.active > .page-link,
.pagination.pagination-success .page-item.active > .page-link:focus,
.pagination.pagination-success .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%);
    border: none;
}

.pagination.pagination-info .page-item.active > .page-link,
.pagination.pagination-info .page-item.active > .page-link:focus,
.pagination.pagination-info .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%);
    border: none;
}

.pagination.pagination-warning .page-item.active > .page-link,
.pagination.pagination-warning .page-item.active > .page-link:focus,
.pagination.pagination-warning .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%);
    border: none;
}

.pagination.pagination-danger .page-item.active > .page-link,
.pagination.pagination-danger .page-item.active > .page-link:focus,
.pagination.pagination-danger .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%);
    border: none;
}

.pagination.pagination-light .page-item.active > .page-link,
.pagination.pagination-light .page-item.active > .page-link:focus,
.pagination.pagination-light .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%);
    border: none;
}

.pagination.pagination-dark .page-item.active > .page-link,
.pagination.pagination-dark .page-item.active > .page-link:focus,
.pagination.pagination-dark .page-item.active > .page-link:hover {
    background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
    border: none;
}

.popover {
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12);
}

    .popover .popover-header {
        font-weight: 600;
    }

.progress-bar {
    height: 6px;
    border-radius: 0.25rem;
    margin-top: -2px;
}

.progress {
    overflow: visible;
}

    .progress.progress-sm {
        height: 4px;
    }

    .progress.progress-lg {
        height: 20px;
    }

.rtl .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
}

.rtl .sidenav .navbar-nav {
    width: 100%;
    padding-right: 0;
}

.rtl .fixed-plugin .fixed-plugin-button {
    left: 30px;
    right: auto;
}

.rtl .fixed-plugin .card {
    left: -360px !important;
    right: auto;
}

.rtl .fixed-plugin.show .card {
    right: auto;
    left: 0 !important;
}

.rtl .timeline .timeline-content {
    margin-right: 45px;
    margin-left: 0;
}

.rtl .timeline .timeline-step {
    transform: translateX(50%);
}

.rtl .timeline.timeline-one-side:before {
    right: 1rem;
}

.rtl .timeline.timeline-one-side .timeline-step {
    right: 1rem;
}

.rtl .form-check.form-switch .form-check-input:after {
    transform: translateX(-1px);
}

.rtl .form-check.form-switch .form-check-input:checked:after {
    transform: translateX(-21px);
}

.rtl .avatar-group .avatar + .avatar {
    margin-left: 0;
    margin-right: -1rem;
}

.rtl .dropdown .dropdown-menu {
    left: 0;
}

.rtl .input-group .input-group-text {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 1px solid #d2d6da;
}

.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-right: 0;
    border-left: 1px solid #d2d6da;
}

.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn.btn-facebook {
    background-color: #3b5998;
    color: #fff;
}

    .btn.btn-facebook:focus,
    .btn.btn-facebook:hover {
        background-color: #344e86;
        color: #fff;
    }

    .btn.btn-facebook:active,
    .btn.btn-facebook:focus,
    .btn.btn-facebook:active:focus {
        box-shadow: none;
    }

    .btn.btn-facebook.btn-simple {
        color: #344e86;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-facebook.btn-simple:hover,
        .btn.btn-facebook.btn-simple:focus,
        .btn.btn-facebook.btn-simple:hover:focus,
        .btn.btn-facebook.btn-simple:active,
        .btn.btn-facebook.btn-simple:hover:focus:active {
            color: #344e86;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-facebook.btn-neutral {
        color: #3b5998;
        background-color: #fff;
    }

        .btn.btn-facebook.btn-neutral:hover,
        .btn.btn-facebook.btn-neutral:focus,
        .btn.btn-facebook.btn-neutral:active {
            color: #344e86;
        }

.btn.btn-twitter {
    background-color: #55acee;
    color: #fff;
}

    .btn.btn-twitter:focus,
    .btn.btn-twitter:hover {
        background-color: #3ea1ec;
        color: #fff;
    }

    .btn.btn-twitter:active,
    .btn.btn-twitter:focus,
    .btn.btn-twitter:active:focus {
        box-shadow: none;
    }

    .btn.btn-twitter.btn-simple {
        color: #3ea1ec;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-twitter.btn-simple:hover,
        .btn.btn-twitter.btn-simple:focus,
        .btn.btn-twitter.btn-simple:hover:focus,
        .btn.btn-twitter.btn-simple:active,
        .btn.btn-twitter.btn-simple:hover:focus:active {
            color: #3ea1ec;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-twitter.btn-neutral {
        color: #55acee;
        background-color: #fff;
    }

        .btn.btn-twitter.btn-neutral:hover,
        .btn.btn-twitter.btn-neutral:focus,
        .btn.btn-twitter.btn-neutral:active {
            color: #3ea1ec;
        }

.btn.btn-pinterest {
    background-color: #cc2127;
    color: #fff;
}

    .btn.btn-pinterest:focus,
    .btn.btn-pinterest:hover {
        background-color: #b21d22;
        color: #fff;
    }

    .btn.btn-pinterest:active,
    .btn.btn-pinterest:focus,
    .btn.btn-pinterest:active:focus {
        box-shadow: none;
    }

    .btn.btn-pinterest.btn-simple {
        color: #b21d22;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-pinterest.btn-simple:hover,
        .btn.btn-pinterest.btn-simple:focus,
        .btn.btn-pinterest.btn-simple:hover:focus,
        .btn.btn-pinterest.btn-simple:active,
        .btn.btn-pinterest.btn-simple:hover:focus:active {
            color: #b21d22;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-pinterest.btn-neutral {
        color: #cc2127;
        background-color: #fff;
    }

        .btn.btn-pinterest.btn-neutral:hover,
        .btn.btn-pinterest.btn-neutral:focus,
        .btn.btn-pinterest.btn-neutral:active {
            color: #b21d22;
        }

.btn.btn-linkedin {
    background-color: #0077B5;
    color: #fff;
}

    .btn.btn-linkedin:focus,
    .btn.btn-linkedin:hover {
        background-color: #00669c;
        color: #fff;
    }

    .btn.btn-linkedin:active,
    .btn.btn-linkedin:focus,
    .btn.btn-linkedin:active:focus {
        box-shadow: none;
    }

    .btn.btn-linkedin.btn-simple {
        color: #00669c;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-linkedin.btn-simple:hover,
        .btn.btn-linkedin.btn-simple:focus,
        .btn.btn-linkedin.btn-simple:hover:focus,
        .btn.btn-linkedin.btn-simple:active,
        .btn.btn-linkedin.btn-simple:hover:focus:active {
            color: #00669c;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-linkedin.btn-neutral {
        color: #0077B5;
        background-color: #fff;
    }

        .btn.btn-linkedin.btn-neutral:hover,
        .btn.btn-linkedin.btn-neutral:focus,
        .btn.btn-linkedin.btn-neutral:active {
            color: #00669c;
        }

.btn.btn-dribbble {
    background-color: #ea4c89;
    color: #fff;
}

    .btn.btn-dribbble:focus,
    .btn.btn-dribbble:hover {
        background-color: #e73177;
        color: #fff;
    }

    .btn.btn-dribbble:active,
    .btn.btn-dribbble:focus,
    .btn.btn-dribbble:active:focus {
        box-shadow: none;
    }

    .btn.btn-dribbble.btn-simple {
        color: #e73177;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-dribbble.btn-simple:hover,
        .btn.btn-dribbble.btn-simple:focus,
        .btn.btn-dribbble.btn-simple:hover:focus,
        .btn.btn-dribbble.btn-simple:active,
        .btn.btn-dribbble.btn-simple:hover:focus:active {
            color: #e73177;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-dribbble.btn-neutral {
        color: #ea4c89;
        background-color: #fff;
    }

        .btn.btn-dribbble.btn-neutral:hover,
        .btn.btn-dribbble.btn-neutral:focus,
        .btn.btn-dribbble.btn-neutral:active {
            color: #e73177;
        }

.btn.btn-github {
    background-color: #24292E;
    color: #fff;
}

    .btn.btn-github:focus,
    .btn.btn-github:hover {
        background-color: #171a1d;
        color: #fff;
    }

    .btn.btn-github:active,
    .btn.btn-github:focus,
    .btn.btn-github:active:focus {
        box-shadow: none;
    }

    .btn.btn-github.btn-simple {
        color: #171a1d;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-github.btn-simple:hover,
        .btn.btn-github.btn-simple:focus,
        .btn.btn-github.btn-simple:hover:focus,
        .btn.btn-github.btn-simple:active,
        .btn.btn-github.btn-simple:hover:focus:active {
            color: #171a1d;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-github.btn-neutral {
        color: #24292E;
        background-color: #fff;
    }

        .btn.btn-github.btn-neutral:hover,
        .btn.btn-github.btn-neutral:focus,
        .btn.btn-github.btn-neutral:active {
            color: #171a1d;
        }

.btn.btn-youtube {
    background-color: #e52d27;
    color: #fff;
}

    .btn.btn-youtube:focus,
    .btn.btn-youtube:hover {
        background-color: #d41f1a;
        color: #fff;
    }

    .btn.btn-youtube:active,
    .btn.btn-youtube:focus,
    .btn.btn-youtube:active:focus {
        box-shadow: none;
    }

    .btn.btn-youtube.btn-simple {
        color: #d41f1a;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-youtube.btn-simple:hover,
        .btn.btn-youtube.btn-simple:focus,
        .btn.btn-youtube.btn-simple:hover:focus,
        .btn.btn-youtube.btn-simple:active,
        .btn.btn-youtube.btn-simple:hover:focus:active {
            color: #d41f1a;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-youtube.btn-neutral {
        color: #e52d27;
        background-color: #fff;
    }

        .btn.btn-youtube.btn-neutral:hover,
        .btn.btn-youtube.btn-neutral:focus,
        .btn.btn-youtube.btn-neutral:active {
            color: #d41f1a;
        }

.btn.btn-instagram {
    background-color: #125688;
    color: #fff;
}

    .btn.btn-instagram:focus,
    .btn.btn-instagram:hover {
        background-color: #0e456d;
        color: #fff;
    }

    .btn.btn-instagram:active,
    .btn.btn-instagram:focus,
    .btn.btn-instagram:active:focus {
        box-shadow: none;
    }

    .btn.btn-instagram.btn-simple {
        color: #0e456d;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-instagram.btn-simple:hover,
        .btn.btn-instagram.btn-simple:focus,
        .btn.btn-instagram.btn-simple:hover:focus,
        .btn.btn-instagram.btn-simple:active,
        .btn.btn-instagram.btn-simple:hover:focus:active {
            color: #0e456d;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-instagram.btn-neutral {
        color: #125688;
        background-color: #fff;
    }

        .btn.btn-instagram.btn-neutral:hover,
        .btn.btn-instagram.btn-neutral:focus,
        .btn.btn-instagram.btn-neutral:active {
            color: #0e456d;
        }

.btn.btn-reddit {
    background-color: #ff4500;
    color: #fff;
}

    .btn.btn-reddit:focus,
    .btn.btn-reddit:hover {
        background-color: #e03d00;
        color: #fff;
    }

    .btn.btn-reddit:active,
    .btn.btn-reddit:focus,
    .btn.btn-reddit:active:focus {
        box-shadow: none;
    }

    .btn.btn-reddit.btn-simple {
        color: #e03d00;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-reddit.btn-simple:hover,
        .btn.btn-reddit.btn-simple:focus,
        .btn.btn-reddit.btn-simple:hover:focus,
        .btn.btn-reddit.btn-simple:active,
        .btn.btn-reddit.btn-simple:hover:focus:active {
            color: #e03d00;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-reddit.btn-neutral {
        color: #ff4500;
        background-color: #fff;
    }

        .btn.btn-reddit.btn-neutral:hover,
        .btn.btn-reddit.btn-neutral:focus,
        .btn.btn-reddit.btn-neutral:active {
            color: #e03d00;
        }

.btn.btn-tumblr {
    background-color: #35465c;
    color: #fff;
}

    .btn.btn-tumblr:focus,
    .btn.btn-tumblr:hover {
        background-color: #2a3749;
        color: #fff;
    }

    .btn.btn-tumblr:active,
    .btn.btn-tumblr:focus,
    .btn.btn-tumblr:active:focus {
        box-shadow: none;
    }

    .btn.btn-tumblr.btn-simple {
        color: #2a3749;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-tumblr.btn-simple:hover,
        .btn.btn-tumblr.btn-simple:focus,
        .btn.btn-tumblr.btn-simple:hover:focus,
        .btn.btn-tumblr.btn-simple:active,
        .btn.btn-tumblr.btn-simple:hover:focus:active {
            color: #2a3749;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-tumblr.btn-neutral {
        color: #35465c;
        background-color: #fff;
    }

        .btn.btn-tumblr.btn-neutral:hover,
        .btn.btn-tumblr.btn-neutral:focus,
        .btn.btn-tumblr.btn-neutral:active {
            color: #2a3749;
        }

.btn.btn-behance {
    background-color: #1769ff;
    color: #fff;
}

    .btn.btn-behance:focus,
    .btn.btn-behance:hover {
        background-color: #0057f7;
        color: #fff;
    }

    .btn.btn-behance:active,
    .btn.btn-behance:focus,
    .btn.btn-behance:active:focus {
        box-shadow: none;
    }

    .btn.btn-behance.btn-simple {
        color: #0057f7;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-behance.btn-simple:hover,
        .btn.btn-behance.btn-simple:focus,
        .btn.btn-behance.btn-simple:hover:focus,
        .btn.btn-behance.btn-simple:active,
        .btn.btn-behance.btn-simple:hover:focus:active {
            color: #0057f7;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-behance.btn-neutral {
        color: #1769ff;
        background-color: #fff;
    }

        .btn.btn-behance.btn-neutral:hover,
        .btn.btn-behance.btn-neutral:focus,
        .btn.btn-behance.btn-neutral:active {
            color: #0057f7;
        }

.btn.btn-vimeo {
    background-color: #1AB7EA;
    color: #fff;
}

    .btn.btn-vimeo:focus,
    .btn.btn-vimeo:hover {
        background-color: #13a3d2;
        color: #fff;
    }

    .btn.btn-vimeo:active,
    .btn.btn-vimeo:focus,
    .btn.btn-vimeo:active:focus {
        box-shadow: none;
    }

    .btn.btn-vimeo.btn-simple {
        color: #13a3d2;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-vimeo.btn-simple:hover,
        .btn.btn-vimeo.btn-simple:focus,
        .btn.btn-vimeo.btn-simple:hover:focus,
        .btn.btn-vimeo.btn-simple:active,
        .btn.btn-vimeo.btn-simple:hover:focus:active {
            color: #13a3d2;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-vimeo.btn-neutral {
        color: #1AB7EA;
        background-color: #fff;
    }

        .btn.btn-vimeo.btn-neutral:hover,
        .btn.btn-vimeo.btn-neutral:focus,
        .btn.btn-vimeo.btn-neutral:active {
            color: #13a3d2;
        }

.btn.btn-slack {
    background-color: #3aaf85;
    color: #fff;
}

    .btn.btn-slack:focus,
    .btn.btn-slack:hover {
        background-color: #329874;
        color: #fff;
    }

    .btn.btn-slack:active,
    .btn.btn-slack:focus,
    .btn.btn-slack:active:focus {
        box-shadow: none;
    }

    .btn.btn-slack.btn-simple {
        color: #329874;
        background-color: transparent;
        background-image: none !important;
        box-shadow: none;
        border: none;
    }

        .btn.btn-slack.btn-simple:hover,
        .btn.btn-slack.btn-simple:focus,
        .btn.btn-slack.btn-simple:hover:focus,
        .btn.btn-slack.btn-simple:active,
        .btn.btn-slack.btn-simple:hover:focus:active {
            color: #329874;
            background: transparent !important;
            box-shadow: none !important;
        }

    .btn.btn-slack.btn-neutral {
        color: #3aaf85;
        background-color: #fff;
    }

        .btn.btn-slack.btn-neutral:hover,
        .btn.btn-slack.btn-neutral:focus,
        .btn.btn-slack.btn-neutral:active {
            color: #329874;
        }

.table thead th {
    padding: 0.75rem 1.5rem;
    text-transform: capitalize;
    letter-spacing: 0px;
    border-bottom: 1px solid #e9ecef;
}

.table th {
    font-weight: 600;
}

.table td .progress {
    height: 3px;
    width: 120px;
    margin: 0;
}

.table td,
.table th {
    white-space: nowrap;
}

.table.align-items-center td,
.table.align-items-center th {
    vertical-align: middle;
}

.table tbody tr:last-child td {
    border-width: 0;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #e9ecef;
}

.timeline {
    position: relative;
}

    .timeline:before {
        content: '';
        position: absolute;
        top: 0;
        left: 1rem;
        height: 100%;
        border-right: 2px solid #dee2e6;
    }

.timeline-block {
    position: relative;
}

    .timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .timeline-block:first-child {
        margin-top: 0;
    }

    .timeline-block:last-child {
        margin-bottom: 0;
    }

.timeline-step {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    transform: translateX(-50%);
    font-size: 1rem;
    font-weight: 600;
    z-index: 1;
}

    .timeline-step svg,
    .timeline-step i {
        line-height: 1.4;
    }

.timeline-content {
    position: relative;
    margin-left: 45px;
    padding-top: 0.35rem;
    position: relative;
    top: -6px;
}

    .timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 992px) {
    .timeline:before {
        left: 50%;
        margin-left: -1px;
    }

    .timeline-step {
        left: 50%;
    }

    .timeline-content {
        width: 38%;
    }

    .timeline-block:nth-child(even) .timeline-content {
        float: right;
    }
}

.timeline-one-side:before {
    left: 1rem;
}

.timeline-one-side .timeline-step {
    left: 1rem;
}

.timeline-one-side .timeline-content {
    width: auto;
}

@media (min-width: 992px) {
    .timeline-one-side .timeline-content {
        max-width: 30rem;
    }
}

.timeline-one-side .timeline-block:nth-child(even) .timeline-content {
    float: none;
}

.tilt {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .tilt .up {
        -webkit-transform: translateZ(50px) scale(0.7);
        transform: translateZ(50px) scale(0.7) !important;
        transition: all 0.5s;
    }

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,
.bs-tooltip-right .tooltip-arrow {
    left: 1px;
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,
.bs-tooltip-left .tooltip-arrow {
    right: 1px;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-weight: 400;
    line-height: 1.6;
    min-height: 100vh;
    padding: 0 !important;
}

h1,
.h1,
.h1 {
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -0.025rem;
}

@media (max-width: 575.98px) {

    h1,
    .h1,
    .h1 {
        font-size: calc(1.425rem + 2.1vw);
    }
}

h2,
.h2,
.h2 {
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: 0.05rem;
}

@media (max-width: 575.98px) {

    h2,
    .h2,
    .h2 {
        font-size: calc(1.35rem + 1.2vw);
    }
}

h3,
.h3,
.h3 {
    font-size: 1.875rem;
    line-height: 1.375;
}

@media (max-width: 575.98px) {

    h3,
    .h3,
    .h3 {
        font-size: calc(1.3125rem + 0.75vw);
    }
}

h4,
.h4,
.h4 {
    font-size: 1.5rem;
    line-height: 1.375;
}

@media (max-width: 575.98px) {

    h4,
    .h4,
    .h4 {
        font-size: calc(1.275rem + 0.3vw);
    }
}

h5,
.h5,
.h5 {
    font-size: 1.25rem;
    line-height: 1.375;
}

@media (max-width: 575.98px) {

    h5,
    .h5,
    .h5 {
        font-size: 1.25rem;
    }
}

h6,
.h6,
.h6 {
    font-size: 1rem;
    line-height: 1.625;
}

p,
.p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

.lead {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.625;
}

h1,
.h1,
.h1,
h2,
.h2,
.h2,
h3,
.h3,
.h3 {
    font-weight: 700;
}

h4,
.h4,
.h4,
h5,
.h5,
.h5,
h6,
.h6,
.h6 {
    font-weight: 600;
}

h1,
.h1,
.h1,
h2,
.h2,
.h2,
h3,
.h3,
.h3,
h4,
.h4,
.h4 {
    letter-spacing: -0.05rem;
}

a {
    letter-spacing: -0.025rem;
    color: #344767;
}

.text-sm {
    line-height: 1.5;
}

.text-xs {
    line-height: 1.25;
}

p,
.p {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
}

.text-lg {
    font-size: 1.125rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
}

.text-xs {
    font-size: 0.75rem !important;
}

.text-xxs {
    font-size: 0.65rem !important;
}

p {
    line-height: 1.625;
    font-weight: 400;
}

.text-sans-serif {
    font-family: "Open Sans" !important;
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.font-weight-bolder {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
}

    .text-gradient.text-primary {
        background-image: linear-gradient(310deg, #7928CA, #FF0080);
    }

    .text-gradient.text-info {
        background-image: linear-gradient(310deg, #2152FF, #21D4FD);
    }

    .text-gradient.text-success {
        background-image: linear-gradient(310deg, #17AD37, #C1E823);
    }

    .text-gradient.text-warning {
        background-image: linear-gradient(310deg, #F53939, #FBCF33);
    }

    .text-gradient.text-danger {
        background-image: linear-gradient(310deg, #D60808, #FF6690);
    }

    .text-gradient.text-dark {
        background-image: linear-gradient(310deg, #141727, #3A416F);
    }

.blockquote {
    border-left: 3px solid #6c757d;
}

    .blockquote > span {
        font-style: italic;
    }

.text-muted {
    color: #67748e !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.letter-wider {
    letter-spacing: 0.05rem;
}

.letter-normal {
    letter-spacing: 0rem;
}

.letter-tighter {
    letter-spacing: -0.05rem;
}

.text-lighter {
    font-weight: lighter;
}

.text-light {
    font-weight: 300;
}

.text-normal {
    font-weight: 400;
}

.text-bold {
    font-weight: 600;
}

.text-bolder {
    font-weight: 700;
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 0 8px 26px -4px rgba(20, 20, 20, 0.15), 0 8px 9px -5px rgba(20, 20, 20, 0.06);
}

    .flatpickr-calendar.open,
    .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:before,
    .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:before,
    .flatpickr-calendar.arrowRight:before,
    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar.arrowCenter:before,
    .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:before,
    .flatpickr-calendar.arrowTop:after {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:before,
    .flatpickr-calendar.arrowBottom:after {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
        .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            left: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }

        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            /*
      /*rtl:begin:ignore*/
            /*
      */
            right: 0;
            /*
      /*rtl:end:ignore*/
            /*
      */
        }

        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9;
        }

            .flatpickr-months .flatpickr-prev-month:hover svg,
            .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #f64747;
            }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                -webkit-transition: fill 0.1s;
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-outer-spin-button,
        .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57, 57, 57, 0.15);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, 0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57, 57, 57, 0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57, 57, 57, 0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(0, 0, 0, 0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0, 0, 0, 0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0, 0, 0, 0.9);
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0, 0, 0, 0.5);
            background: transparent;
            pointer-events: none;
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 0.5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto;
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
        .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0, 0, 0, 0.05);
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        -webkit-box-shadow: -1px 0 0 #e6e6e6;
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .flatpickr-day.inRange,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.today.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day:hover,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day:focus,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6;
    }

    .flatpickr-day.today {
        border-color: #959ea9;
    }

        .flatpickr-day.today:hover,
        .flatpickr-day.today:focus {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff;
        }

    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        background: #569ff7;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7;
    }

        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange,
        .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange,
        .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            -webkit-box-shadow: -10px 0 0 #569ff7;
            box-shadow: -10px 0 0 #569ff7;
        }

        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange,
        .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover,
    .flatpickr-day.prevMonthDay,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        border-color: transparent;
        cursor: default;
    }

        .flatpickr-day.flatpickr-disabled,
        .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57, 57, 57, 0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time input:hover,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time .flatpickr-am-pm:focus {
            background: #eee;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.datepicker.flatpickr-input {
    background-color: #fff;
}

.flatpickr-calendar.open {
    margin-left: -38px;
    margin-top: 4px;
}

.flatpickr-calendar.arrowBottom {
    margin-top: -20px;
}

.flatpickr-calendar .flatpickr-innerContainer {
    margin-top: 15px !important;
}

.flatpickr-calendar .numInputWrapper span {
    border: none;
    border-bottom: 1px solid rgba(57, 57, 57, 0.15);
}

.flatpickr-calendar .numInputWrapper:hover .arrowUp,
.flatpickr-calendar .numInputWrapper:hover .arrowDown {
    margin-top: 3px;
}

.flatpickr-calendar .flatpickr-day.today,
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
    background: #cb0c9f !important;
    color: #fff;
    border: none;
}

.flatpickr-calendar .flatpickr-day.inRange {
    background: rgba(94, 114, 228, 0.28);
    border: none;
    -webkit-box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
    box-shadow: -5px 0 0 #D7DCF8, 5px 0 0 #D7DCF8;
}

.flatpickr-calendar .flatpickr-day:not(.selected):hover,
.flatpickr-calendar .flatpickr-day:not(.selected):focus {
    background: rgba(94, 114, 228, 0.28);
    border: none;
}

.flatpickr-calendar .flatpickr-time input:hover,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-calendar .flatpickr-time input:focus,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus {
    background: rgba(94, 114, 228, 0.28);
}

.flatpickr.form-control {
    background: #fff;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #cb0c9f;
}

/*! nouislider - 14.6.3 - 11/19/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 6px;
    position: relative;
    z-index: 1;
    top: -1px;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    z-index: 0;
    overflow: hidden;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
    border-radius: 0.25rem;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 3px;
}

    .noUi-horizontal .noUi-handle {
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2);
        height: 15px;
        width: 15px;
        cursor: pointer;
        margin-top: -6px;
        outline: none;
        right: -10px;
    }

.noUi-vertical {
    width: 3px;
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        right: -6px;
        top: -17px;
    }

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #e9ecef;
    border-radius: .25rem;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    webkit-transition: .3s ease 0s;
    -moz-transition: .3s ease 0s;
    -ms-transition: .3s ease 0s;
    -o-transform: .3s ease 0s;
    transition: .3s ease 0s;
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    transform: scale3d(1.5, 1.5, 1);
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

    pre[class*="language-"]::-moz-selection,
    pre[class*="language-"] ::-moz-selection,
    code[class*="language-"]::-moz-selection,
    code[class*="language-"] ::-moz-selection {
        text-shadow: none;
        background: #b3d4fc;
    }

    pre[class*="language-"]::selection,
    pre[class*="language-"] ::selection,
    code[class*="language-"]::selection,
    code[class*="language-"] ::selection {
        text-shadow: none;
        background: #b3d4fc;
    }

@media print {

    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none;
    }
}

/* Code blocks */
pre[class*="language-"] {
    padding: 1em;
    overflow: auto;
    border-radius: .75rem;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background: #f8f9fa;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.token.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #9a6e3a;
    /* This background color was intended by the author of this theme. */
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function,
.token.class-name {
    color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.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;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    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;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.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: 0.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: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.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;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    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;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    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;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

/*# sourceMappingURL=dashboard-free.css.map */

.profile img.img-responsive {
    width: 50px;
}

.img-responsive {
    width: 100%;
}

.head-logo {
    width: 138px;
    height: 138px;
    background: #fff;
    border-radius: 50%;
    padding: 32px 17px;
    margin: auto;
    text-align: center;
    border: 5px solid #e6ce76;
}

.login-page {
    overflow: hidden;
}

    .login-page:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-image: url(../img/bg.png);
        opacity: .2;
        background-size: 100%;
    }

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
    display: none !important;
}

.ps__rail-x {
    display: none !important;
}


.navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item:hover a.nav-link {
    /* font-weight: 600; */
    box-shadow: 0 20px 27px 0 rgb(0 0 0 / 5%);
    border-radius: 0.5rem;
    color: #344767;
}

.language-switch img.img-responsive, .theme-wrp img.img-responsive {
    width: 38px;
}

ul.navbar-nav.justify-content-end li {
    padding: 0 20px !important;
    border-left: 1px solid #ececec;
}


progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}

/* Styling the determinate progress element */

progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    /* Add dimensions */
    width: 100%;
    height: 14px;
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    position: relative;
    margin: 0;
}

    /*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

    progress[value]::-webkit-progress-bar {
        background-color: whiteSmoke;
        border-radius: 3px;
        box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    }

    progress[value]::-webkit-progress-value {
        position: relative;
        background-size: 35px 20px, 100% 100%, 100% 100%;
        border-radius: 3px;
        /* Let's animate this */
        animation: animate-stripes 5s linear infinite;
    }

@keyframes animate-stripes {
    100% {
        background-position: -100px 0;
    }
}

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 7px;
    right: 7px;
    background-color: white;
    border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image: -moz-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -moz-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -moz-linear-gradient( left, #ffcb66345, #ad9345);
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius: 3px;
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
.progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    /* Dimensions should be similar to the parent progress element. */
    width: 100%;
    height: 20px;
}

    .progress-bar span {
        background-color: #ffc262;
        border-radius: 3px;
        display: block;
        text-indent: -9999px;
    }

p[data-value] {
    position: relative;
}

    /* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

    p[data-value]:after {
        content: attr(data-value) '%';
        position: absolute;
        right: 0;
    }





.html5::-webkit-progress-value,
.python::-webkit-progress-value {
    /* Gradient background with Stripes */
    background-image: -webkit-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -webkit-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -webkit-linear-gradient( left, #ffce6e, #ad9345);
}

.css3::-webkit-progress-value,
.php::-webkit-progress-value {
    /* Gradient background with Stripes */
    background-image: -webkit-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -webkit-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -webkit-linear-gradient( left, #f4d78f, #ad9345);
}

.jquery::-webkit-progress-value,
.node-js::-webkit-progress-value {
    /* Gradient background with Stripes */
    background-image: -webkit-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -webkit-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -webkit-linear-gradient( left, #09c, #690);
}

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */

.html5::-moz-progress-bar,
.php::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image: -moz-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -moz-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -moz-linear-gradient( left, #09c, #f44);
}

.css3::-moz-progress-bar,
.php::-moz-progress-bar {

{
    /* Gradient background with Stripes */
    background-image: -moz-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -moz-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -moz-linear-gradient( left, #09c, #ff0);
}

.jquery::-moz-progress-bar,
.node-js::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image: -moz-linear-gradient( 135deg, transparent, transparent 33%, rgba(0,0,0,.1) 33%, rgba(0,0,0,.1) 66%, transparent 66%), -moz-linear-gradient( top, rgba(255, 255, 255, .25), rgba(0,0,0,.2)), -moz-linear-gradient( left, #09c, #690);
}

}

.box-img img {
    width: 34px;
}

.box-img {
    padding: 0 8px;
}

.cap-points {
    padding: 0px 0;
}

    .cap-points span strong {
        color: #ad9345;
    }

.main-wrapper {
    max-width: 1300px;
    margin: auto;
    margin-top: 30px;
}

.bredcrumbs-new nav h6 {
    padding-top: 5px;
    font-size: 30px;
}

.card span.badge {
    display: inline-block;
    padding: 11px 18px;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.45rem;
    font-size: 15px;
    min-width: 63px;
}

.fixed-plugin .card span.badge {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    position: relative;
    width: 11px;
    transition: all 0.2s ease-in-out;
    min-width: 30px;
    padding: 0;
}

.best-employee .icon {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: none !important;
    border: 5px solid #ad8b25;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    margin-top: 10%;
    background: #f7f1df;
}

.best-employee
h5.mb-0 {
    padding: 15px 0;
    font-size: 20px;
    color: #a98924;
}




/* The Loader */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
}

.no-js #loader-wrapper {
    display: none;
}

#loader {
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    margin: auto;
    z-index: 11;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}




#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    background: rgb(0 0 0 / 92%);
    z-index: 10;
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}

.loader-star {
    position: absolute;
    top: calc(50% - 12px);
}
/*LOADER-1*/

.loader-1 .loader-outter {
    position: absolute;
    border: 4px solid #f50057;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {
    position: absolute;
    border: 4px solid #f50057;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
/*LOADER-2*/

.loader-2 .loader-star {
    position: static;
    width: 60px;
    height: 60px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation: loader-2-star 1s ease alternate infinite;
    animation: loader-2-star 1s ease alternate infinite;
}

.loader-2 .loader-circles {
    width: 8px;
    height: 8px;
    background: #18ffff;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: loader-2-circles 1s ease-in-out alternate infinite;
    animation: loader-2-circles 1s ease-in-out alternate infinite;
}
/*LOADER-3*/

.loader-3 .dot {
    width: 10px;
    height: 10px;
    background: #00e676;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
}

.loader-3 .dot1 {
    left: 0px;
    -webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot2 {
    left: 20px;
    -webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}

.loader-3 .dot3 {
    left: 40px;
    -webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
    animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;
}
/*LOADER-4*/

.loader-4 {
    border: 7px double #ff5722;
    -webkit-animation: ball-turn 1s linear infinite;
    animation: ball-turn 1s linear infinite;
}

    .loader-4:before,
    .loader-4:after {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background: #ff5722;
        border-radius: 50%;
        bottom: 0;
        right: 37px;
    }

    .loader-4:after {
        left: 37px;
        top: 0;
    }
/*LOADER-5*/

.loader-5 {
    border: 8px dotted rgba(255, 255, 0, 1);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: dotted-spin 1s linear infinite;
    animation: dotted-spin 1s linear infinite;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 0, 0.3);
    border-left-width: 2px;
    border-left-color: rgba(255, 255, 0, 0.5);
    border-top-width: 3px;
    border-right-width: 4px;
    border-top-color: rgba(255, 255, 0, 0.7);
}

    .loader-5 .loader-pacman,
    .loader-pacman {
        position: absolute;
        top: 40px;
        left: 25px;
        width: 0px;
        height: 0px;
        border-right: 12px solid transparent;
        border-top: 12px solid rgba(255, 255, 0, 1);
        border-left: 12px solid rgba(255, 255, 0, 1);
        border-bottom: 12px solid rgba(255, 255, 0, 1);
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
/*LOADER-6*/

.loader-6 {
    border: 6px groove #7e57c2;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: loader-1-inner 1s ease-out alternate infinite;
    animation: loader-1-inner 1s ease-out alternate infinite;
}

    .loader-6 .loader-inner {
        border: 0px inset #9575cd;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        -webkit-animation: border-zoom 1s ease-out alternate infinite;
        animation: border-zoom 1s ease-out alternate infinite;
    }
/*LOADER-7*/

.loader-7 .line {
    width: 8px;
    position: absolute;
    border-radius: 5px;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#1ee95d), to(#5714ce));
    background: -webkit-linear-gradient(top, #1ee95d, #5714ce);
    background: -o-linear-gradient(top, #1ee95d, #5714ce);
    background: linear-gradient(to bottom, #1ee95d, #5714ce);
}

.loader-7 .line1 {
    left: 0;
    -webkit-animation: line-grow 0.5s ease alternate infinite;
    animation: line-grow 0.5s ease alternate infinite;
}

.loader-7 .line2 {
    left: 20px;
    -webkit-animation: line-grow 0.5s 0.2s ease alternate infinite;
    animation: line-grow 0.5s 0.2s ease alternate infinite;
}

.loader-7 .line3 {
    left: 40px;
    -webkit-animation: line-grow 0.5s 0.4s ease alternate infinite;
    animation: line-grow 0.5s 0.4s ease alternate infinite;
}
/*LOADER-8*/

.loader-8 .star1 {
    -webkit-animation: star-jump 0.5s ease-out alternate infinite;
    animation: star-jump 0.5s ease-out alternate infinite;
}

.loader-8 .star2 {
    -webkit-animation: star-jump 0.5s 0.25s ease-out alternate infinite;
    animation: star-jump 0.5s 0.25s ease-out alternate infinite;
}

.loader-8 .star3 {
    -webkit-animation: star-jump 0.5s 0.5s ease-out alternate infinite;
    animation: star-jump 0.5s 0.5s ease-out alternate infinite;
}

.loader-8 .loader-star {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
}

.loader-8 .star1 {
    left: 0px;
}

.loader-8 .star2 {
    left: 25px;
}

.loader-8 .star3 {
    left: 50px;
}
/*LOADER-9*/

.loader-9 .star1 {
    -webkit-animation: stars-pulse 1s ease-in-out infinite;
    animation: stars-pulse 1s ease-in-out infinite;
    left: 0;
}

.loader-9 .star2 {
    -webkit-animation: stars-pulse 1s 0.2s ease-in-out infinite;
    animation: stars-pulse 1s 0.2s ease-in-out infinite;
    left: 25px;
}

.loader-9 .star3 {
    -webkit-animation: stars-pulse 1s 0.4s ease-in-out infinite;
    animation: stars-pulse 1s 0.4s ease-in-out infinite;
    left: 50px;
}
/*LOADER-10*/

.loader-10 {
    width: auto;
    height: auto;
    -webkit-animation: star-pulse 2s ease-in-out infinite;
    animation: star-pulse 2s ease-in-out infinite;
}

    .loader-10 .loader-star {
        position: static;
    }
/*LOADER-11*/

.loader-11 {
    /*    animation: stars-rotate 2s cubic-bezier(0, 0, 0.63, 0.77) infinite;*/
    -webkit-animation: stars-rotate 2s linear infinite;
    animation: stars-rotate 2s linear infinite;
}

    .loader-11 .loader-star {
        position: absolute;
    }

    .loader-11 .star1 {
        top: 0px;
        left: -7px;
    }

    .loader-11 .star2 {
        left: 8px;
        top: -12px;
        position: absolute;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.9;
    }

    .loader-11 .star3 {
        left: 26px;
        top: -11px;
        position: absolute;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.8;
    }

    .loader-11 .star4 {
        left: 39px;
        top: -2px;
        position: absolute;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.7;
    }

    .loader-11 .star5 {
        left: 44px;
        top: 10px;
        position: absolute;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.6;
    }

    .loader-11 .star6 {
        left: 45px;
        top: 21px;
        position: absolute;
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0.5;
    }
/*LOADER-12*/

.loader-12 {
    -webkit-animation: stars-rotate-reverse 2s ease infinite;
    animation: stars-rotate-reverse 2s ease infinite;
}

    .loader-12 polygon {
        fill: #d500f9 !important;
    }

    .loader-12 .loader-star {
        position: absolute;
    }

    .loader-12 .star1 {
        top: 0px;
        right: -7px;
    }

    .loader-12 .star2 {
        right: 9px;
        top: -12px;
        position: absolute;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-animation: stars-catch 2s 0.1s ease infinite;
        animation: stars-catch 2s 0.1s ease infinite;
    }

    .loader-12 .star3 {
        right: 27px;
        top: -11px;
        position: absolute;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-animation: stars-catch 2s 0.15s ease infinite;
        animation: stars-catch 2s 0.15s ease infinite;
    }

    .loader-12 .star4 {
        right: 41px;
        top: -2px;
        position: absolute;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-animation: stars-catch 2s 0.2s ease infinite;
        animation: stars-catch 2s 0.2s ease infinite;
    }

    .loader-12 .star5 {
        right: 47px;
        top: 10px;
        position: absolute;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation: stars-catch 2s 0.25s ease infinite;
        animation: stars-catch 2s 0.25s ease infinite;
    }

    .loader-12 .star6 {
        right: 47px;
        top: 21px;
        position: absolute;
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        -webkit-animation: stars-catch 2s 0.3s ease infinite;
        animation: stars-catch 2s 0.3s ease infinite;
    }

/*LOADER-13*/


.loader-13 .css-heart {
    position: absolute;
    -webkit-animation: star-fly-out 1s ease alternate infinite;
    animation: star-fly-out 1s ease alternate infinite;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
}

.loader-13 .heart1 {
    top: 0;
    left: 30px;
}

.loader-13 .heart2 {
    left: 60px;
    top: 30px;
}

.loader-13 .heart3 {
    top: 60px;
    left: 30px;
}

.loader-13 .heart4 {
    left: 0;
    top: 30px;
}


/*LOADER-14*/



.loader-14 .loader-star {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
}

.star-small {
    -webkit-animation: star-small-pulse 1s ease-in-out alternate infinite;
    animation: star-small-pulse 1s ease-in-out alternate infinite;
}

.loader-14 .star-big {
    -webkit-animation: star-big-pulse 2s -0.2s ease-in-out infinite;
    animation: star-big-pulse 2s -0.2s ease-in-out infinite;
}
/*LOADER-15*/

.loader-15 {
    border: 2px dotted #e11a2b;
    -webkit-animation: stars-rotate-reverse 2s linear both infinite;
    animation: stars-rotate-reverse 2s linear both infinite;
}

    .loader-15 .loader-star {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        position: absolute;
        left: calc(50% - 12px);
        top: calc(50% - 13px);
    }
/*CSS-STAR*/

.css-star {
    margin: 10px 0;
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    border-right: 26px solid transparent;
    border-bottom: 23px solid #e11a2b;
    border-left: 23px solid transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .css-star:before {
        border-bottom: 18px solid #e11a2b;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -9px;
        left: -16px;
        display: block;
        content: '';
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
    }

    .css-star:after {
        position: absolute;
        display: block;
        top: 2px;
        left: -26px;
        width: 0px;
        height: 0px;
        border-right: 25px solid transparent;
        border-bottom: 22px solid #e11a2b;
        border-left: 27px solid transparent;
        -webkit-transform: rotate(-70deg);
        -moz-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        -o-transform: rotate(-70deg);
        content: '';
    }
/*LOADER-16*/

.loader-16 .css-star {
    position: absolute;
    -webkit-transform: rotate(180deg) scale(0.35);
    -ms-transform: rotate(180deg) scale(0.35);
    transform: rotate(180deg) scale(0.35);
}

.loader-16 .star1 {
    top: -20px;
    left: 5px;
    -webkit-animation: star-flicker 1s 0.1s linear infinite;
    animation: star-flicker 1s 0.1s linear infinite;
}

.loader-16 .star2 {
    left: 25px;
    top: -10px;
    -webkit-animation: star-flicker 1s 0.25s linear infinite;
    animation: star-flicker 1s 0.25s linear infinite;
}

.loader-16 .star3 {
    left: 35px;
    top: 10px;
    -webkit-animation: star-flicker 1s 0.5s linear infinite;
    animation: star-flicker 1s 0.5s linear infinite;
}

.loader-16 .star4 {
    top: 30px;
    left: 27px;
    -webkit-animation: star-flicker 1s 0.6s linear infinite;
    animation: star-flicker 1s 0.6s linear infinite;
}

.loader-16 .star5 {
    top: 40px;
    left: 5px;
    -webkit-animation: star-flicker 1s 0.7s linear infinite;
    animation: star-flicker 1s 0.7s linear infinite;
}

.loader-16 .star6 {
    top: 30px;
    left: -15px;
    -webkit-animation: star-flicker 1s 0.8s linear infinite;
    animation: star-flicker 1s 0.8s linear infinite;
}

.loader-16 .star7 {
    top: 10px;
    left: -25px;
    -webkit-animation: star-flicker 1s 0.9s linear infinite;
    animation: star-flicker 1s 0.9s linear infinite;
}

.loader-16 .star8 {
    top: -10px;
    left: -15px;
    -webkit-animation: star-flicker 1s 1s linear infinite;
    animation: star-flicker 1s 1s linear infinite;
}
/*LOADER-17*/

.loader-17 .css-square {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 7px;
    background: white;
    -webkit-box-shadow: 2px 2px 3px 0px black;
    box-shadow: 2px 2px 3px 0px black;
}


.loader-17 .square1 {
    left: 70px;
    -webkit-animation: dominos 1s 0.125s ease infinite;
    animation: dominos 1s 0.125s ease infinite;
}

.loader-17 .square2 {
    left: 60px;
    -webkit-animation: dominos 1s 0.3s ease infinite;
    animation: dominos 1s 0.3s ease infinite;
}

.loader-17 .square3 {
    left: 50px;
    -webkit-animation: dominos 1s 0.425s ease infinite;
    animation: dominos 1s 0.425s ease infinite;
}

.loader-17 .square4 {
    left: 40px;
    -webkit-animation: dominos 1s 0.540s ease infinite;
    animation: dominos 1s 0.540s ease infinite;
}

.loader-17 .square5 {
    left: 30px;
    -webkit-animation: dominos 1s 0.665s ease infinite;
    animation: dominos 1s 0.665s ease infinite;
}

.loader-17 .square6 {
    left: 20px;
    -webkit-animation: dominos 1s 0.79s ease infinite;
    animation: dominos 1s 0.79s ease infinite;
}

.loader-17 .square7 {
    left: 10px;
    -webkit-animation: dominos 1s 0.9s ease infinite;
    animation: dominos 1s 0.9s ease infinite;
}

.loader-17 .square8 {
    left: 0px;
    -webkit-animation: dominos 1s 1s ease infinite;
    animation: dominos 1s 1s ease infinite;
}


/*LOADER-18*/

.loader-18 .css-star {
    position: absolute;
    -webkit-transform: rotate(180deg) scale(0.5);
    -ms-transform: rotate(180deg) scale(0.5);
    transform: rotate(180deg) scale(0.5);
    opacity: 0.4;
}

    .loader-18 .css-star,
    .loader-18 .css-star:before,
    .loader-18 .css-star:after {
        border-bottom-color: #ffc700;
    }

.loader-18 .star1 {
    top: -20px;
    left: 5px;
    -webkit-animation: star-crazyness 1s 0.125s ease infinite;
    animation: star-crazyness 1s 0.125s ease infinite;
}

.loader-18 .star2 {
    left: 25px;
    top: -10px;
    -webkit-animation: star-crazyness 1s 0.3s ease infinite;
    animation: star-crazyness 1s 0.3s ease infinite;
}

.loader-18 .star3 {
    left: 35px;
    top: 10px;
    -webkit-animation: star-crazyness 1s 0.425s ease infinite;
    animation: star-crazyness 1s 0.425s ease infinite;
}

.loader-18 .star4 {
    top: 30px;
    left: 27px;
    -webkit-animation: star-crazyness 1s 0.540s ease infinite;
    animation: star-crazyness 1s 0.540s ease infinite;
}

.loader-18 .star5 {
    top: 40px;
    left: 5px;
    -webkit-animation: star-crazyness 1s 0.665s ease infinite;
    animation: star-crazyness 1s 0.665s ease infinite;
}

.loader-18 .star6 {
    top: 30px;
    left: -15px;
    -webkit-animation: star-crazyness 1s 0.79s ease infinite;
    animation: star-crazyness 1s 0.79s ease infinite;
}

.loader-18 .star7 {
    top: 10px;
    left: -25px;
    -webkit-animation: star-crazyness 1s 0.9s ease infinite;
    animation: star-crazyness 1s 0.9s ease infinite;
}

.loader-18 .star8 {
    top: -10px;
    left: -15px;
    -webkit-animation: star-crazyness 1s 1s ease infinite;
    animation: star-crazyness 1s 1s ease infinite;
}

/* ----------------     KEYFRAMES    ----------------- */

@-webkit-keyframes loader-1-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-1-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-1-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes loader-1-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes loader-2-circles {
    0% {
        -webkit-box-shadow: 0 0 0 #18ffff;
        box-shadow: 0 0 0 #18ffff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-box-shadow: 24px -22px #18ffff, 30px -15px 0 -3px #18ffff, 31px 0px #18ffff, 29px 9px 0 -3px #18ffff, 24px 23px #18ffff, 17px 30px 0 -3px #18ffff, 0px 33px #18ffff, -10px 28px 0 -3px #18ffff, -24px 22px #18ffff, -29px 14px 0 -3px #18ffff, -31px -3px #18ffff, -30px -11px 0 -3px #18ffff, -20px -25px #18ffff, -12px -30px 0 -3px #18ffff, 5px -29px #18ffff, 13px -25px 0 -3px #18ffff;
        box-shadow: 24px -22px #18ffff, 30px -15px 0 -3px #18ffff, 31px 0px #18ffff, 29px 9px 0 -3px #18ffff, 24px 23px #18ffff, 17px 30px 0 -3px #18ffff, 0px 33px #18ffff, -10px 28px 0 -3px #18ffff, -24px 22px #18ffff, -29px 14px 0 -3px #18ffff, -31px -3px #18ffff, -30px -11px 0 -3px #18ffff, -20px -25px #18ffff, -12px -30px 0 -3px #18ffff, 5px -29px #18ffff, 13px -25px 0 -3px #18ffff;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 25px -22px #18ffff, 15px -22px 0 -3px black, 31px 2px #18ffff, 21px 2px 0 -3px black, 23px 25px #18ffff, 13px 25px 0 -3px black, 0px 33px #18ffff, -10px 33px 0 -3px black, -26px 24px #18ffff, -19px 17px 0 -3px black, -32px 0px #18ffff, -23px 0px 0 -3px black, -25px -23px #18ffff, -16px -23px 0 -3px black, 0px -31px #18ffff, -2px -23px 0 -3px black;
        box-shadow: 25px -22px #18ffff, 15px -22px 0 -3px black, 31px 2px #18ffff, 21px 2px 0 -3px black, 23px 25px #18ffff, 13px 25px 0 -3px black, 0px 33px #18ffff, -10px 33px 0 -3px black, -26px 24px #18ffff, -19px 17px 0 -3px black, -32px 0px #18ffff, -23px 0px 0 -3px black, -25px -23px #18ffff, -16px -23px 0 -3px black, 0px -31px #18ffff, -2px -23px 0 -3px black;
    }
}

@keyframes loader-2-circles {
    0% {
        -webkit-box-shadow: 0 0 0 #18ffff;
        box-shadow: 0 0 0 #18ffff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-box-shadow: 24px -22px #18ffff, 30px -15px 0 -3px #18ffff, 31px 0px #18ffff, 29px 9px 0 -3px #18ffff, 24px 23px #18ffff, 17px 30px 0 -3px #18ffff, 0px 33px #18ffff, -10px 28px 0 -3px #18ffff, -24px 22px #18ffff, -29px 14px 0 -3px #18ffff, -31px -3px #e11a2b, -30px -11px 0 -3px #18ffff, -20px -25px #18ffff, -12px -30px 0 -3px #18ffff, 5px -29px #18ffff, 13px -25px 0 -3px #18ffff;
        box-shadow: 24px -22px #18ffff, 30px -15px 0 -3px #18ffff, 31px 0px #18ffff, 29px 9px 0 -3px #18ffff, 24px 23px #18ffff, 17px 30px 0 -3px #18ffff, 0px 33px #18ffff, -10px 28px 0 -3px #18ffff, -24px 22px #18ffff, -29px 14px 0 -3px #18ffff, -31px -3px #18ffff, -30px -11px 0 -3px #18ffff, -20px -25px #18ffff, -12px -30px 0 -3px #18ffff, 5px -29px #18ffff, 13px -25px 0 -3px #18ffff;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 25px -22px #18ffff, 15px -22px 0 -3px black, 31px 2px #18ffff, 21px 2px 0 -3px black, 23px 25px #18ffff, 13px 25px 0 -3px black, 0px 33px #18ffff, -10px 33px 0 -3px black, -26px 24px #18ffff, -19px 17px 0 -3px black, -32px 0px #18ffff, -23px 0px 0 -3px black, -25px -23px #18ffff, -16px -23px 0 -3px black, 0px -31px #18ffff, -2px -23px 0 -3px black;
        box-shadow: 25px -22px #18ffff, 15px -22px 0 -3px black, 31px 2px #18ffff, 21px 2px 0 -3px black, 23px 25px #18ffff, 13px 25px 0 -3px black, 0px 33px #18ffff, -10px 33px 0 -3px black, -26px 24px #18ffff, -19px 17px 0 -3px black, -32px 0px #18ffff, -23px 0px 0 -3px black, -25px -23px #18ffff, -16px -23px 0 -3px black, 0px -31px #18ffff, -2px -23px 0 -3px black;
    }
}

@-webkit-keyframes loader-2-star {
    0% {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(0.7) rotate(360deg);
        transform: scale(0.7) rotate(360deg);
    }
}

@keyframes loader-2-star {
    0% {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
    }

    100% {
        -webkit-transform: scale(0.7) rotate(360deg);
        transform: scale(0.7) rotate(360deg);
    }
}

@-webkit-keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes dot-jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes ball-turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ball-turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dotted-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes dotted-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes hike {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    25% {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }

    50% {
        -webkit-transform: translate(40px, 0px);
        transform: translate(40px, 0px);
    }

    75% {
        -webkit-transform: translate(60px, -20px);
        transform: translate(60px, -20px);
    }

    100% {
        -webkit-transform: translate(80px, 0px);
        transform: translate(80px, 0px);
    }
}

@keyframes hike {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    25% {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }

    50% {
        -webkit-transform: translate(40px, 0px);
        transform: translate(40px, 0px);
    }

    75% {
        -webkit-transform: translate(60px, -20px);
        transform: translate(60px, -20px);
    }

    100% {
        -webkit-transform: translate(80px, 0px);
        transform: translate(80px, 0px);
    }
}

@-webkit-keyframes border-zoom {
    0% {
        border-width: 0px;
    }

    100% {
        border-width: 10px;
    }
}

@keyframes border-zoom {
    0% {
        border-width: 0px;
    }

    100% {
        border-width: 10px;
    }
}
/*@-webkit-keyframes line-grow {
  0% {
    height: 0;
  }
  100% {
    height: 75%;
  }
}*/

@-webkit-keyframes line-grow {
    0% {
        height: 0;
    }

    100% {
        height: 75%;
    }
}

@keyframes line-grow {
    0% {
        height: 0;
    }

    100% {
        height: 75%;
    }
}

@-webkit-keyframes star-jump {
    0% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
    }

    100% {
        -webkit-transform: translateY(-15px) scale(1);
        transform: translateY(-15px) scale(1);
    }
}

@keyframes star-jump {
    0% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
    }

    100% {
        -webkit-transform: translateY(-15px) scale(1);
        transform: translateY(-15px) scale(1);
    }
}

@-webkit-keyframes stars-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    80% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes stars-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    80% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes times-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes times-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes times-background {
    0%, 100% {
        background: blueviolet;
    }

    60% {
        background: #ff3d00;
    }
}

@keyframes times-background {
    0%, 100% {
        background: blueviolet;
    }

    60% {
        background: #ff3d00;
    }
}

@-webkit-keyframes star-pulse {
    0%, 100% {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
        opacity: 0.5;
    }

    25% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(2) rotate(0deg);
        transform: scale(2) rotate(0deg);
        opacity: 1;
    }

    75% {
        -webkit-transform: scale(1.5) rotate(90deg);
        transform: scale(1.5) rotate(90deg);
    }
}

@keyframes star-pulse {
    0%, 100% {
        -webkit-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
        opacity: 0.5;
    }

    25% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(2) rotate(0deg);
        transform: scale(2) rotate(0deg);
        opacity: 1;
    }

    75% {
        -webkit-transform: scale(1.5) rotate(90deg);
        transform: scale(1.5) rotate(90deg);
    }
}

@-webkit-keyframes stars-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes stars-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes stars-rotate-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes stars-rotate-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes stars-catch {
    0% {
    }

    25% {
    }

    50% {
    }

    75% {
        top: -2px;
        right: -11px;
        opacity: 0;
    }

    100% {
    }
}

@keyframes stars-catch {
    0% {
    }

    25% {
    }

    50% {
    }

    75% {
        top: -2px;
        right: -11px;
        opacity: 0;
    }

    100% {
    }
}

@-webkit-keyframes star-fly-out {
    0% {
        top: 19px;
        left: 19px;
    }

    100% {
    }
}

@keyframes star-fly-out {
    0% {
        top: 19px;
        left: 19px;
    }

    100% {
    }
}

@-webkit-keyframes star-cube {
    0%, 100% {
        -webkit-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }

{
}

25% {
    -webkit-transform: translate(60px);
    transform: translate(60px);
}

50% {
    -webkit-transform: translate(60px, 60px);
    transform: translate(60px, 60px);
}

75% {
    -webkit-transform: translate(0px, 60px);
    transform: translate(0px, 60px);
}

}

@keyframes star-cube {
    0%, 100% {
        -webkit-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }

{
}

25% {
    -webkit-transform: translate(60px);
    transform: translate(60px);
}

50% {
    -webkit-transform: translate(60px, 60px);
    transform: translate(60px, 60px);
}

75% {
    -webkit-transform: translate(0px, 60px);
    transform: translate(0px, 60px);
}

}

@-webkit-keyframes star-big-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
}

@keyframes star-big-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
    }
}

@-webkit-keyframes star-small-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@keyframes star-small-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}

@-webkit-keyframes star-flicker {
    0% {
        -webkit-transform: rotate(180deg) scale(0.35);
        transform: rotate(180deg) scale(0.35);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.1);
        transform: rotate(180deg) scale(0.1);
    }

    100% {
        -webkit-transform: rotate(180deg) scale(0.35);
        transform: rotate(180deg) scale(0.35);
    }
}

@keyframes star-flicker {
    0% {
        -webkit-transform: rotate(180deg) scale(0.35);
        transform: rotate(180deg) scale(0.35);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.1);
        transform: rotate(180deg) scale(0.1);
    }

    100% {
        -webkit-transform: rotate(180deg) scale(0.35);
        transform: rotate(180deg) scale(0.35);
    }
}

@-webkit-keyframes star-catcher {
    0% {
        opacity: 0.5;
    }
    /*12.5% { opacity: 1;  }*/
    25% {
        opacity: 0.5;
    }
    /*  37.5% {  opacity: 1;  }*/
    50% {
        opacity: 0.5;
    }
    /*  62.5% {opacity: 1;}*/
    75% {
        opacity: 0.5;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes star-catcher {
    0% {
        opacity: 0.5;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.5;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}


@-webkit-keyframes dominos {
    50% {
        opacity: 0.7;
    }

    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    80% {
        opacity: 1;
    }
}


@keyframes dominos {
    50% {
        opacity: 0.7;
    }

    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    80% {
        opacity: 1;
    }
}


@-webkit-keyframes star-crazyness {
    0% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0px, 0) scale(0.6);
        transform: rotate(180deg) translate(0px, 0) scale(0.6);
    }

    25% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.2);
        transform: rotate(180deg) translate(0, 0) scale(0.2);
    }

    50% {
        opacity: 0.7;
        -webkit-transform: rotate(180deg) translate(5px, 5px) scale(0.4);
        transform: rotate(180deg) translate(5px, 5px) scale(0.4);
    }

    75% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.6);
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }

    80% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translate(5px, 0) scale(0.1);
        transform: rotate(180deg) translate(5px, 0) scale(0.1);
    }

    100% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.6);
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
}

@keyframes star-crazyness {
    0% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0px, 0) scale(0.6);
        transform: rotate(180deg) translate(0px, 0) scale(0.6);
    }

    25% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.2);
        transform: rotate(180deg) translate(0, 0) scale(0.2);
    }

    50% {
        opacity: 0.7;
        -webkit-transform: rotate(180deg) translate(5px, 5px) scale(0.4);
        transform: rotate(180deg) translate(5px, 5px) scale(0.4);
    }

    75% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.6);
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }

    80% {
        opacity: 1;
        -webkit-transform: rotate(180deg) translate(5px, 0) scale(0.1);
        transform: rotate(180deg) translate(5px, 0) scale(0.1);
    }

    100% {
        opacity: 0.4;
        -webkit-transform: rotate(180deg) translate(0, 0) scale(0.6);
        transform: rotate(180deg) translate(0, 0) scale(0.6);
    }
}

@-webkit-keyframes star-crawl {
    0% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.2);
        transform: rotate(180deg) translateY(0) scale(0.2);
    }

    20% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.3);
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    40% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    60% {
        -webkit-transform: rotate(90deg) translateY(0) scale(0.4);
        transform: rotate(90deg) translateY(0) scale(0.4);
    }

    80% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    100% {
        -webkit-transform: rotate(180deg) translateY(25px) scale(0.2);
        transform: rotate(180deg) translateY(25px) scale(0.2);
    }
}

@keyframes star-crawl {
    0% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.2);
        transform: rotate(180deg) translateY(0) scale(0.2);
    }

    20% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.3);
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    40% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    60% {
        -webkit-transform: rotate(90deg) translateY(0) scale(0.4);
        transform: rotate(90deg) translateY(0) scale(0.4);
    }

    80% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    100% {
        -webkit-transform: rotate(180deg) translateY(25px) scale(0.2);
        transform: rotate(180deg) translateY(25px) scale(0.2);
    }
}

@-webkit-keyframes caterpillarCrawl {
    0% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.2);
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    20% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.3);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    40% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    60% {
        -webkit-transform: rotate(90deg) translateY(0) scale(0.4);
        transform: rotate(90deg) translateY(0) scale(0.5);
    }

    80% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(180deg) translateY(25px) scale(0.2);
        transform: rotate(180deg) translateY(25px) scale(0.3);
    }
}

@keyframes caterpillarCrawl {
    0% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.2);
        transform: rotate(180deg) translateY(0) scale(0.3);
    }

    20% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.3);
        transform: rotate(180deg) translateY(0) scale(0.4);
    }

    40% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    60% {
        -webkit-transform: rotate(90deg) translateY(0) scale(0.4);
        transform: rotate(90deg) translateY(0) scale(0.5);
    }

    80% {
        -webkit-transform: rotate(180deg) translateY(0) scale(0.4);
        transform: rotate(180deg) translateY(0) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(180deg) translateY(25px) scale(0.2);
        transform: rotate(180deg) translateY(25px) scale(0.3);
    }
}


body.rtl .k-grid.k-widget table td.k-edit-cell span.k-grid.k-widget.k-dropdown.k-header {
    width: 100%;
    float: left;
}

body.ltr .k-grid.k-widget table td.k-edit-cell span.k-grid.k-widget.k-dropdown.k-header {
    width: 100%;
    float: left;
}

body.rtl .k-grid.k-widget table td.k-edit-cell .k-numerictextbox {
    width: 100%;
    float: right !important;
}

body.ltr .k-grid.k-widget table td.k-edit-cell .k-numerictextbox {
    width: 100%;
    float: left !important;
}

section.tile .tile-body form .k-grid.k-widget.k-tooltip-validation {
    display: none !important;
}




.my-profile .card .card-header {
    background: silver;
    margin: 0 !important;
    margin-bottom: 20px !important;
    height: 167px;
    padding-bottom: 96px !important;
    margin-bottom: 94px !important;
    position: relative;
}

    .my-profile .card .card-header .icon {
        margin-top: 13px;
        border: 5px solid #848484 !important;
        background: #ffffff !important;
        width: 170px;
        height: 170px;
        position: relative;
    }

#silver .card-header {
    /* margin-bottom: 94px !important; */
    background-color: #5b6467;
    background-image: linear-gradient(315deg, #5b6467 0%, #8b939a 74%) !important;
}

.my-profile .card .card-header h2 {
    color: #ececec;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding-top: 16px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
}

.my-profile .card .card-header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(25deg, transparent 65%, #5d676b, transparent 70%), linear-gradient(-25deg, transparent 65%, #5d676b, transparent 70%), linear-gradient(-25deg, transparent 30%, #5d676b, transparent 35%), linear-gradient(25deg, transparent 30%, #5d676b, transparent 35%), linear-gradient(65deg, transparent 65%, #5d676b, transparent 70%), linear-gradient(-65deg, transparent 65%, #5d676b, transparent 70%), linear-gradient(-65deg, transparent 30%, #5d676b, transparent 35%), linear-gradient(65deg, transparent 30%, #5d676b, transparent 35%);
    background-size: 5em 2em, 5em 2em, 5em 2em, 5em 2em, 2em 5em, 2em 5em, 2em 5em, 2em 5em;
    opacity: .2;
}

.my-profile .best-employee h5.mb-0 {
    padding: 0;
    padding-bottom: 6px;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border-bottom: 1px solid #efefef;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        cursor: pointer;
        padding: 5px 31px;
        line-height: 28px;
        border-top: 1px solid #efefef;
        border-left: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
        background-color: #f1f1f1;
        color: #ccc;
        overflow: hidden;
        position: relative;
        font-size: 15px;
    }

.tab_last {
    border-right: 1px solid #f1f1f1;
}

ul.tabs li:hover {
    background-color: #ccc;
    color: #333;
}

ul.tabs li.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
    display: block;
}

.tab_container {
    border: 1px solid #efefef;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.tab_content {
    padding: 20px;
}

.navbar-expand-lg .navbar-collapse .ps__rail-x {
    display: none;
}

.navbar-expand-lg .navbar-collapse .ps__rail-y {
    display: none;
}

.tab_drawer_heading {
    display: none;
}

html[dir="ltr"] .lang-en {
    display: none;
}

html[dir="rtl"] .lang-ar {
    display: none;
}


/* HEADER */
.header {
    position: fixed;
    left: 0;
    right: 0;
    height: 66px;
    line-height: 66px;
    color: #fff;
    background-color: #3f51b5;
}

.header__logo {
    font-weight: 700;
    padding: 0 25px;
    float: left;
}

/* MENU */
.menu {
    /* float: left; */
}

    .menu a {
        padding: 0 10px;
    }

        .menu a:hover {
            color: #c5cae9;
        }

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
    .site-pusher,
    .site-container {
        height: 100%;
    }

    .site-container {
        overflow: hidden;
    }

    .site-pusher {
        transition-duration: 0.3s;
        transform: translateX(0px);
    }

    .site-content {
        position: absolute;
        top: 66px;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .header {
        position: static;
    }

    .header__icon {
        position: relative;
        display: block;
        float: left;
        width: 51px;
        height: 56px;
        cursor: pointer;
        background: rgb(0 0 0 / 35%);
    }

        .header__icon:after {
            content: '';
            position: absolute;
            display: block;
            width: 1rem;
            height: 0;
            top: 16px;
            left: 15px;
            box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
        }

    .menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #3a444a;
        /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;*/
        width: 250px;
        transform: translateX(-250px);
        /* background: linear-gradient(
310deg
, #866e17 0%, #c79f2e 100%); */
        padding-top: 37px;
        height: 100vh;
    }

        .menu a {
            display: block;
            height: 40px;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #10101026;
            color: #fff;
            font-size: 13px;
        }

    .with--sidebar .site-pusher {
        transform: translateX(250px);
    }

    .with--sidebar .site-cache {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }
}




@media screen and (max-width: 480px) {
    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #666;
        color: #fff;
    }
}

.tab-table {
    padding: 20px;
}

.tab_content {
    min-height: 260px;
}

.card.mb-4.tab-table span.badge {
    min-width: 63px;
    font-size: 13px;
    padding: 9px 12px;
}

#gold .card-header {
    background-color: #cdae31;
    background-image: linear-gradient( 315deg, #d2c147 0%, #cca92c 74%) !important;
}

.card-header.mx-4.p-3.text-center {
}

#gold .card-header:before {
    background-image: linear-gradient(25deg, transparent 65%, #8a7012, transparent 70%), linear-gradient(-25deg, transparent 65%, #8a7012, transparent 70%), linear-gradient(-25deg, transparent 30%, #8a7012, transparent 35%), linear-gradient(25deg, transparent 30%, #8a7012, transparent 35%), linear-gradient(65deg, transparent 65%, #8a7012, transparent 70%), linear-gradient(-65deg, transparent 65%, #8a7012, transparent 70%), linear-gradient(-65deg, transparent 30%, #8a7012, transparent 35%), linear-gradient(65deg, transparent 30%, #8a7012, transparent 35%);
}

.img-redeem img {
    width: 100%;
}




























/*colorcode*/
.sidenav[data-color="dark"] #sidenav-collapse-main, .sidenav[data-color="dark"] .bg-gradient-primary {
    background-image: linear-gradient( 310deg, #7928CA 0%, #FF0080 100%);
}

    .sidenav[data-color="dark"] #sidenav-collapse-main li.nav-item {
        border-right: 1px solid rgb(255 255 255 / 17%);
    }

.sidenav[data-color="info"] #sidenav-collapse-main, .sidenav[data-color="info"] .bg-gradient-primary {
    background-image: linear-gradient(310deg, #17c1e8 0%, #17c1e8 100%)
}

    .sidenav[data-color="info"] #sidenav-collapse-main li.nav-item {
        border-right: 1px solid rgb(255 255 255 / 17%);
    }

.sidenav[data-color="success"] #sidenav-collapse-main, .sidenav[data-color="success"] .bg-gradient-primary {
    background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%)
}

    .sidenav[data-color="success"] #sidenav-collapse-main li.nav-item {
        border-right: 1px solid rgb(255 255 255 / 17%);
    }

.sidenav[data-color="warning"] #sidenav-collapse-main, .sidenav[data-color="warning"] .bg-gradient-primary {
    background-image: linear-gradient(310deg, #f53939 0%, #fbcf33 100%)
}

    .sidenav[data-color="warning"] #sidenav-collapse-main li.nav-item {
        border-right: 1px solid rgb(255 255 255 / 17%);
    }

.sidenav[data-color="danger"] #sidenav-collapse-main, .sidenav[data-color="danger"] .bg-gradient-primary {
    background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%)
}

    .sidenav[data-color="danger"] #sidenav-collapse-main li.nav-item {
        border-right: 1px solid rgb(255 255 255 / 17%);
    }

.sidenav span.badge.filter.bg-gradient-primary {
    background-image: linear-gradient( 310deg, #866e17 0%, #c79f2e 100%) !important;
}

.sidenav[data-color="dark"] .best-employee .icon {
    border: 5px solid #FF0080;
    background: #f9edf4;
}

.sidenav[data-color="info"] .best-employee .icon {
    border: 5px solid #17c1e8;
    background: #e2f1f5;
}

.sidenav[data-color="success"] .best-employee .icon {
    border: 5px solid #39be35;
    background: #e3efe2;
}

.sidenav[data-color="warning"] .best-employee .icon {
    border: 5px solid #f89435;
    background: #f9f3e4;
}

.sidenav[data-color="danger"] .best-employee .icon {
    border: 5px solid #fa5061;
    background: #ffe8ea;
}


.sidenav[data-color="dark"] .best-employee h5.mb-0 {
    color: #FF0080;
}

.sidenav[data-color="info"] .best-employee h5.mb-0 {
    color: #17c1e8;
}

.sidenav[data-color="success"] .best-employee h5.mb-0 {
    color: #39be35;
}

.sidenav[data-color="warning"] .best-employee h5.mb-0 {
    color: #f89435;
}

.sidenav[data-color="danger"] .best-employee h5.mb-0 {
    color: #fa5061;
}



.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all 0.3s;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none;
}

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
        transition-delay: 0.3s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
        transition-delay: 0.4s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
        transition-delay: 0.5s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
        transition-delay: 0.6s;
        color: #fff;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
        transition-delay: 0.7s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
        transition-delay: 0.8s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
        transition-delay: 0.9s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
        transition-delay: 1s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
        transition-delay: 1.1s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
        transition-delay: 1.2s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
        transition-delay: 1.3s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
        transition-delay: 1.4s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
        transition-delay: 1.5s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
        transition-delay: 1.6s;
    }

    .blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
        transition-delay: 1.7s;
    }

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    background-image: linear-gradient(147deg, #e4c65e 0%, #92771b 74%);
    box-shadow: 4px 13px 30px 1px rgb(111 111 111 / 20%);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
}

    .blog-slider__img:after {
        /* content: ""; */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background-image: linear-gradient(147deg, #b3b3b3 0%, #373737 74%); */
        border-radius: 20px;
        opacity: 0.1;
    }

    .blog-slider__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        opacity: 0;
        border-radius: 20px;
        transition: all 0.3s;
    }

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content > * {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
}

.blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #2b2b26 0%, #7c6635 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    /* box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4); */
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #977a1d;
    height: 30px;
    box-shadow: 0px 0px 20px rgb(252 219 56 / 30%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

.main-head-redeem {
    text-align: center;
    padding: 7px 0;
}

    .main-head-redeem h1 {
        color: #000000;
        font-size: 34px;
        /* text-shadow: 1px 1px 15px rgb(0 0 0 / 22%); */
    }

.silver a.blog-slider__button {
    background-image: linear-gradient( 147deg, #94989b 0%, #0b2332 74%);
    box-shadow: none !important;
}

.gold a.blog-slider__button {
    background-image: linear-gradient( 147deg, #cfb163 0%, #5f4a04 74%);
    box-shadow: none !important;
}

.silver .blog-slider__img {
    background-image: linear-gradient( 147deg, #a1a6a8 0%, #777d82 74%);
}

.alizarin-1.redeem-btn {
    text-align: center;
    margin: 4% 0;
}

    .alizarin-1.redeem-btn a {
        background: #ef451f;
        padding: 16px 30px;
        text-transform: uppercase;
        color: #fff;
        border-radius: 10px;
    }

        .alizarin-1.redeem-btn a:hover {
            background: #c73615;
        }

select.custom-select {
}


.alizarin {
    background: #886404;
}

.amethyst {
    background: #ab5d1e;
}

.emerald {
    background: #6d2805;
}

.midnight-blue {
    background: #5d5f61;
}

.peter-river {
    background: #20355a;
}

.dl {
    background: #ffffff;
    padding: 7px;
    border-radius: 0;
    position: relative;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 16%);
    transition: transform .2s; /* Animation */
    margin-bottom: 30px;
}

    .dl:before {
        content: " ";
        height: 20px;
        width: 20px;
        background: #ddd;
        border-radius: 20px;
        position: absolute;
        left: 50%;
        top: 20px;
        margin-left: -10px;
        display: none;
    }

    .dl .brand {
        text-transform: uppercase;
        letter-spacing: 3px;
        padding: 0;
        margin-top: 0;
        text-align: center;
        min-height: 100px;
    }

    .dl .discount {
        min-height: 50px;
        position: relative;
        font-size: 80px;
        line-height: 80px;
        text-align: center;
        font-weight: 700;
        padding: 20px 15px 0;
        color: #f1c40f
    }

        .dl .discount:after {
            content: " ";
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            position: absolute;
            bottom: -20px;
            left: 20%
        }

        .dl .discount.alizarin:after {
            border-top: 20px solid #886404;
        }

        .dl .discount.peter-river:after {
            border-top: 20px solid #20355a;
        }

        .dl .discount.emerald:after {
            border-top: 20px solid #6d2805;
        }

        .dl .discount.amethyst:after {
            border-top: 20px solid #ab5d1e;
        }

        .dl .discount .type {
            font-size: 20px;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-top: -30px
        }

    .dl .descr {
        color: #344767;
        margin-top: 17px;
        padding: 10px 20px;
        font-size: 22px;
        padding-bottom: 0;
    }

    .dl .ends {
        padding: 0 15px;
        color: #f1c40f;
        margin-bottom: 10px
    }

    .dl .coupon {
        min-height: 50px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700; /* font-size: 16px; */
        padding: 10px 15px;
    }

        .dl .coupon a.open-code {
            color: #ffffff;
            font-size: 14px;
        }

        .dl .coupon .code {
            letter-spacing: 1px;
            border-radius: 4px;
            margin-top: 10px;
            padding: 10px 15px;
            color: #f1c40f;
            background: #f0f0f0
        }

    .dl:hover {
        transform: scale(1.04);
    }

.my-profile hr {
    margin: 2px !important;
}

.my-profile .card .card-header .icon {
    width: 120px;
    height: 120px;
}

.my-profile .card .card-header {
    height: 138px;
    padding-bottom: 61px !important;
    margin-bottom: 60px !important;
}

.points-wrp ul {
    list-style: none;
    padding: 0;
    display: flex;
    margin: 0;
}

    .points-wrp ul li {
        padding: 7px 3px;
        margin: 0 1px;
        height: 32px;
        line-height: 0;
        font-size: 14px;
    }

        .points-wrp ul li i {
            color: #9a9a9a;
        }

.Points-redeem {
}

    .Points-redeem p.text-sm {
        text-transform: uppercase !important;
        padding: 5px 0;
    }

    .Points-redeem h5 {
        font-size: 26px;
    }

.points-wrp ul li i.disable {
    color: #dcdcdc;
}

.Points-redeem .icon.icon-shape {
    width: 90px;
    height: 90px;
    margin: 4px 2px;
}

    .Points-redeem .icon.icon-shape i {
        font-size: 36px !important;
        top: 25px;
    }

.profile .text-body i.fa {
    padding: 0 3px;
}

ul.submenu {
    position: absolute;
    width: 210px;
    list-style: none;
    background: #fff;
    text-align: center;
    padding: 0;
    margin: 9px 0px;
}

    ul.submenu li {
        border-bottom: 1px dotted #0000001f;
    }

        ul.submenu li a {
            padding: 10px 0;
            display: block;
        }

.navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item:hover ul.submenu li a:hover {
    color: #000;
    background: #d3d3d3;
}

ul.submenu li a {
    font-size: 14px;
}

ul.submenu {
    display: none;
    height: 0;
}

.navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item:hover ul.submenu {
    display: block;
    height: auto;
}

.navbar-vertical.navbar-expand-xs.fixed-start {
    overflow: inherit;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    overflow: visible;
}

main.main-content {
    float: left;
    width: 100%;
}

html[dir="rtl"] ol.breadcrumb {
    margin: 0 !important;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: initial;
}


html[dir="rtl"] .navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item {
    float: right;
}

html[dir="rtl"] .navbar-vertical .navbar-nav > .nav-item .nav-link .icon {
    margin: auto !important;
    padding: 0 !important;
    margin-left: 10px !important;
}

html[dir="rtl"] .avatar-sm {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

.demo-section.k-content {
    font-family: 'Cairo', sans-serif;
}

span.k-widget.k-dropdown {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.k-textarea > .k-input, .k-textbox > .k-input {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

    .k-input[type=text], .k-form-error, .k-input[type=number], .k-picker-wrap .k-input, .k-textarea, .k-textarea > .k-input .k-multiselect .k-input, .k-textarea > textarea, .k-textbox, .k-textbox > .k-input, .k-textbox > input {
        font-family: 'Cairo', sans-serif;
    }

.k-form-error {
    font-weight: 700;
    font-size: 10px;
}


.slide-Sponser .item {
    height: 500px;
    background: #4DC7A0;
    padding: 1rem;
    width: 100% !important;
}

.owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem;
}

.card-box {
    background: #fff;
    padding: 30px;
    min-height: 506px;
}

    .card-box h2 {
        font-weight: 500;
        font-size: 30px;
        padding-bottom: 30px;
    }

    .card-box p {
        color: #000;
        line-height: 30px;
        font-size: 14px;
    }

.k-form-error {
    position: absolute;
    margin: 0px 0;
    font-size: 9px;
}

.card-body .k-content {
    margin: 0 !important;
    margin-bottom: 22px !important;
}

.fixed-form {
    position: relative;
    width: 100%;
}

    .fixed-form form {
        position: fixed;
        width: 100%;
        max-width: 307px;
        /* background: #000; */
        -webkit-transition: all .9s ease;
        -moz-transition: all .9s ease;
        -o-transition: all .9s ease;
        transition: all .9s ease;
        text-decoration: none;
        position: fixed;
        top: 215px;
    }

.wrapper.main-wrapper.card {
    padding-bottom: 0;
}

.fixed-form .card.best-employee {
    background: #fff;
    border: 4px solid #d5c69a;
}

body.scrolling form {
    top: 100px;
}

main.main-content {
    margin-top: 23px !important;
}


.fixed-form form .card-footer button {
    width: 100%;
    background: #5e4c15;
}

.main-wrapper {
    padding-bottom: 30px;
}

.tab {
    padding-top: 50px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 70%;
    margin: 0 auto;
    line-height: 1.5;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
}

    .tabs li {
        float: left;
        line-height: 38px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .tabs a {
        background-color: #eff0f2;
        border-bottom: 1px solid #fff;
        color: #888;
        font-weight: 500;
        display: block;
        letter-spacing: 0;
        outline: none;
        padding: 0 20px;
        text-decoration: none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        border-bottom: 2px solid blue;
    }

.tabs_item {
    display: none;
    padding: 30px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: none;
}

    .tabs_item h4 {
        font-weight: bold;
        color: blue;
        font-size: 20px;
    }

    .tabs_item img {
        width: 200px;
        float: left;
        margin-right: 30px;
    }

    .tabs_item:first-child {
        display: block;
    }

.current a {
    color: #fff;
}

.main-wrapper {
    width: 100% !important;
}

    .main-wrapper .tab {
        width: 100%;
        padding: 20px !important;
        border-radius: 1rem;
    }

        .main-wrapper .tab li {
            padding: 0 !important;
        }

            .main-wrapper .tab li a {
                padding: 20px 50px;
                border-bottom: 2px solid #987c1e;
            }

            .main-wrapper .tab li.current a {
                background: #987c1e;
            }

.tabs_item img.img-res {
    width: 100%;
}

.tabs_item .col-sm-7 {
}

    .tabs_item .col-sm-7 p {
        color: #404040;
        font-size: 14px;
        line-height: 28px;
        font-weight: 600;
    }

.tabs_item h4 {
    color: #987c1e;
    padding: 16px 0;
    margin: 9px 0;
    display: inline-block;
    width: 100%;
}

.tab_content {
    padding: 0;
    border: 1px solid #eff0f2;
    padding: 0 15px;
}

.item-wrp {
    float: right;
    padding: 4px;
    margin-top: 0px !important;
}

    .item-wrp .container-box {
        width: 100%;
        border: 4px solid #efefef;
    }

        .item-wrp .container-box:hover {
            border: 4px solid #e7d185;
        }

        .item-wrp .container-box .front {
            background-size: cover;
            background-repeat: no-repeat;
            height: 230px;
            max-width: 100%;
        }

        .item-wrp .container-box .inner {
            /* position: absolute; */
            /* bottom: 0; */
            /* background: #d7c793; */
            /* width: 100%; */
            /* text-align: center; */
            text-align: center;
        }

            .item-wrp .container-box .inner p {
                margin: 6px 0;
                color: #987c1e;
                font-size: 20px;
                font-weight: 600;
            }

            .item-wrp .container-box .inner small {
                margin: -3px 0;
                display: block;
                margin-bottom: 20px;
            }

.wrapper.main-wrapper.card {
    min-height: 69vh;
    overflow: hidden;
}

.wrapper.main-wrapper.card {
    min-height: 69vh;
    overflow: hidden;
}

.main-wrapper .tab {
    max-height: 600px;
    overflow: hidden;
}

span.k-widget.k-textbox {
    max-width: 300px;
}

label.k-label.k-input-label {
    width: 100%;
}

span.k-widget.k-numerictextbox {
    max-width: 300px;
}

span.k-widget.k-dropdown {
    max-width: 300px;
}


.card-header.mx-1.p-3.text-center {
    padding-right: 1px !important;
}

.card-footer.mx-1.p-3.text-center {
    text-align: right !important;
    padding-top: 0 !important;
    margin-top: 0px !important;
}

.banner-page {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-top: -34px;
}

    .banner-page img.img-banner {
        /* background-size: cover; */
        /* background-position: -37px -31px; */
        margin: -172px 0;
    }

.banner-page {
    position: relative;
}

    .banner-page:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgb(255 255 255 / 5%);
    }

main.main-content {
    border: 0;
    border-radius: 0;
}



.banner-page {
    display: none;
}

.ps {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

.wrapper.main-wrapper.card {
    min-height: auto !important;
    overflow: inherit;
}

    .wrapper.main-wrapper.card .tabs_item {
        display: block;
        border: 1px solid #efefef;
        padding: 20px;
        margin-bottom: 30px;
        border-radius: 10px;
    }

    .wrapper.main-wrapper.card .tab_content {
        padding: 15px;
        border-radius: 10px !important;
    }

body:before {
    display: none;
}

.k-grid-header th.k-header {
    background: #958451 !important;
    font-size: 13px;
    text-align: right;
    padding: 17px 9px;
    border-color: #6c5f38 !important;
}

.k-grid-header {
    padding: 0 !important;
}

.k-toolbar.k-grid-toolbar a.k-button.k-grid-add {
    background: #4caf50;
    color: #fff;
    font-size: 14px;
    border: 0;
    padding: 11px 15px;
}

    .k-toolbar.k-grid-toolbar a.k-button.k-grid-add i {
        padding: 0 6px !important;
        margin: 0 4px !important;
    }

    .k-toolbar.k-grid-toolbar a.k-button.k-grid-add span.k-icon {
        padding: 0 6px;
    }

.k-grid tbody .k-button {
    padding: 4px 10px;
    font-size: 13px;
    background: #d7d0bd;
    background-image: linear-gradient(310deg, #917c35 0%, #958451 100%);
    color: #fff;
    border: 0;
    padding: 4px 8px;
}

.k-grid .k-button {
    margin: 0;
}

.k-grid tbody .k-button span.k-icon {
    padding-right: 8px;
}

::-webkit-scrollbar {
    width: 4px;
}
/* this targets the default scrollbar (compulsory) */

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: hsl(46deg 78% 24%);
}
    /* this will style the thumb, ignoring the track */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #DC9707;
    }

::-webkit-scrollbar-corner {
    background-color: black;
}

.k-pager-wrap .k-link.k-state-selected {
    background-color: #a48522;
    border-color: #a08220;
}

.k-grid-edit-row > td > .text-box {
    border-color: #edebeb;
    border: 1px solid #ddd;
    padding: 4px 6px;
    border-radius: 4px;
}

.k-grid .field-validation-error {
    font-size: 11px;
}


/* Bootstrap */

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
    border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
}

.pattern-bg {
    background: #f5f5f5 url(../images/crossword.png);
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}


/* Top Bar
================================================== */

.top-bar {
    padding: 8px 0;
    background: #ebebeb;
    position: relative;
}


/* Top info */

ul.top-info {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.top-info li {
        position: relative;
        line-height: 10px;
        display: inline-block;
        margin-left: 0;
        padding-right: 15px;
    }

        ul.top-info li i {
            font-size: 18px;
            position: relative;
            top: 2px;
            margin-right: 5px;
        }

        ul.top-info li p.info-text {
            margin: 0;
            line-height: normal;
            display: inline-block;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }




.top-bar-border {
    padding: 8px 20px 8px;
    border-bottom: 1px solid #ddd;
}

    .top-bar-border ul.top-info {
        color: #707070;
        font-weight: 400;
    }

    .top-bar-border .top-social li a {
        color: #7c7c7c;
    }

    .top-bar-border ul.top-info li i {
        color: $color-primary;
    }

/* Header area
================================================== */
.header {
    background: #fff;
    position: relative;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.header-one,
.header-one .site-navigation {
    background: #23282d;
}

    .header-one .navbar-collapse {
        padding-left: 0;
    }

.navbar-collapse.collapse {
    overflow-y: auto;
}

}

.header-one
ul.navbar-nav > li {
    padding-left: 0;
    padding-right: 30px;
}

.logo-area {
    padding: 5px 0;
}

.navbar-fixed {
    z-index: 9999;
    position: fixed;
    width: 100%;
    top: 0;
}

.header-two {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    padding: 15px 0;
    .navbar-fixed

{
    background-color: #fff;
}

}

ul.navbar-nav > li > a {
    padding: 15px 0 !important;
    color: #fff;
}

ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
    color: $color-primary !important;
}


/*-- Logo --*/
.logo img {
    width: auto;
    height: 72px;
}

.header-two .logo img {
    height: 30px;
}

/* header right */

.header-right {
    float: right;
}

ul.top-info-box {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

html[dir="rtl"] {
}

    html[dir="rtl"] ul.top-info-box {
        float: left;
    }

        html[dir="rtl"] ul.top-info-box li {
            float: right !important;
            direction: rtl;
            border: 0;
        }

ul.top-info-box li.nav-item {
    padding: 6px 24px !important;
    min-height: 74px;
    margin: 0;
    border-left: 1px solid #efefef !important;
}

    ul.top-info-box li.nav-item span.d-sm-inline.d-none {
        padding: 0 9px;
        font-size: 13px;
        font-weight: 700;
    }

ul.top-info-box li {
    position: relative;
    float: left;
    margin-left: 0;
    border-right: 1px solid #dedede;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 25px;
    margin-right: 25px;
}

    ul.top-info-box li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

    ul.top-info-box li.last {
        border-right: 0;
    }

    ul.top-info-box li .info-box span.info-icon {
        font-size: 20px;
        display: inline-block;
        text-align: center;
        margin: 2px 5px 0 0;
        position: relative;
    }

    ul.top-info-box li .info-box .info-box-content {
        display: inline-block;
        font-family: $font-secondary;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    ul.top-info-box li .info-box .info-box-title {
        font-size: 14px;
        margin-bottom: 8px;
        line-height: normal;
    }

    ul.top-info-box li .info-box .info-box-subtitle {
        margin: 0;
        line-height: normal;
        font-size: 15px;
        font-weight: 700;
        color: #111;
    }


/*-- Search start --*/

ul.top-info-box > li.nav-search {
    cursor: pointer;
    padding-left: 30px;
    margin-left: 30px;
}

    ul.top-info-box > li.nav-search:before {
        position: absolute;
        content: '';
        background: #ddd;
        left: 0;
        width: 1px;
        height: 40px;
        top: 50%;
        margin-top: -10px;
    }

    ul.top-info-box > li.nav-search i {
        font-size: 20px;
        top: 10px;
        position: relative;
        cursor: pointer;
        color: #999;
    }


/* Main navigation */

.navbar-toggler {
    float: left;
    margin-top: 10px;
    padding: 12px;
}

.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

.navbar-toggler {
    margin: 10px 0;
    padding: 6px;
    border-radius: 0;
    font-size: 1rem;
    background: $color-primary;
}

.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
    color: $color-primary;
    position: relative;
}

ul.navbar-nav > li {
    padding: 0 15px;
    position: relative;
    border-left: 1px solid #253238;
}

.header-two
.navbar-nav > .header-get-a-quote {
    top: -4px;
}





ul.navbar-nav > li:last-child:after {
    background: none;
}

ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
    background: none;
}

ul.navbar-nav > li > a i {
    font-weight: 700;
}


ul.navbar-nav > li > a:after,
ul.navbar-nav > li > a:after {
    display: none;
}

ul.navbar-nav > li > a {
    font-family: $font-secondary;
    color: #fff !important;
    text-rendering: optimizeLegibility;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: -.2px;
    font-size: 14px;
    margin: 0;
    line-height: 40px;
    padding: 30px 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
}

.navbar-light ul.navbar-nav > li > a {
    color: #000 !important;
    font-size: 13px;
}


/* Dropdown */

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -2px;
        border-radius: 0;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        float: right;
        margin-top: 0;
        margin-right: -5px;
        border: 0;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

.dropdown-menu {
    text-align: left;
    background: #fff;
    z-index: 100;
    min-width: 200px;
    border-radius: 0;
    border: 0;
    border-top: 2px solid $color-primary;
    padding: 0 20px;
    margin: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu-large {
    min-width: 400px;
}

    .dropdown-menu-large > li > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .dropdown-menu-large > li > ul > li > a {
            padding-left: 0;
        }

        .dropdown-menu-large > li > ul > li.active > a {
            color: $color-primary !important;
        }

.navbar-nav > li > .dropdown-menu a {
    background: none;
}

.dropdown-menu li a {
    font-family: $font-secondary;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    padding: 15px 0;
    letter-spacing: .3px;
    border-bottom: 1px solid #e5e5e5;
    color: #333333;
}

.dropdown-menu li:last-child > a {
    border-bottom: 0;
}


.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    color: $color-primary;
}

@media (min-width: 991px) {
    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;
    }
}

@media (min-width: 991px) {
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
        left: 100%;
        top: 0;
        display: none;
    }

    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
        display: block;
    }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > .dropdown-menu > .active > a {
    background: none;
    color: $color-primary;
}

/*-- Nav Search start --*/

.site-navigation .container,
.search-area {
    position: relative;
}

.search-area {
    min-height: 70px;
    padding-right: 0;
}

.nav-search {
    position: absolute;
    cursor: pointer;
    top: 22px;
    right: 18px;
    color: #999;
}


.search-block {
    background-color: rgba(0, 0, 0, .65);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 300px;
    z-index: 10;
    margin-top: 0;
}

    .search-block .form-control {
        background-color: #222;
        border: none;
        color: #fff;
        width: 100%;
        height: 40px;
        padding: 0 12px;
    }

    .search-block .search-close {
        color: #999;
        position: absolute;
        top: -53px;
        right: -4px;
        font-size: 32px;
        cursor: pointer;
        background: #23282d;
        padding: 5px;
    }

.search-area .nav-search {
    top: 23px;
}

.search-area .search-block .search-close {
    top: -50px;
}

.search-area .search-block {
    right: 0;
}

/* Get a quote */

.header-get-a-quote .btn-primary {
    padding: 12px 25px !important;
    font-size: 13px;
    border-radius: 3px;
    line-height: normal;
    text-transform: capitalize;
    color: #fff;
    margin-top: 5px;
}

    .header-get-a-quote .btn-primary:hover {
        background: #272d33;
        color: $color-primary !important;
    }

ul.navbar-nav > li.header-get-a-quote:hover > a:after {
    position: relative;
    content: no-close-quote;
}

.navbar-vertical .navbar-nav .nav-link > i.lnr {
    font-weight: 100;
    font-size: 18px;
    margin: 0 6px;
}

.navbar-vertical .navbar-nav .nav-link > i.lnr {
    font-weight: 100;
    font-size: 14px;
    margin: 0 2px;
}

.navbar-dark {
    background: #b38911;
}

.header-one, .header-one .site-navigation {
    background: #fff;
}

ul.navbar-nav > li {
    border-left: 1px solid #a17b0f;
}

    ul.navbar-nav > li.nav-item.active, ul.navbar-nav > li.nav-item:hover {
        background: #5e4c15;
    }

.dropdown:not(.dropdown-hover) .dropdown-menu {
    margin-top: 31px !important;
    text-align: right;
}

aside#sidenav-main {
    overflow-x: clip;
}


.sidebar .sidebar-content {
    background: #33424a;
    z-index: 11111;
    top: 87px !important;
}

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled) {
    background-color: #c7a24c;
}

aside#sidenav-main {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: none;
    position: fixed;
    top: 88px;
    bottom: auto;
}

body#sidenav-main {
}

body.scrolling aside#sidenav-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    text-decoration: none;
}

header#header {
    margin-bottom: 50px !important;
}

body.scrolling .sidebar.sidebar-fixed .sidebar-content {
    top: 0 !important;
}

ul.top-info-box li.nav-item {
    cursor: pointer;
}

    ul.top-info-box li.nav-item .lang-en, .lang-ar {
        cursor: pointer;
    }



.tab-slider--nav {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.tab-slider--tabs {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 35px;
    overflow: hidden;
    background: #fff;
    height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tab-slider--tabs:after {
        content: "";
        width: 50%;
        background: #345F90;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 250ms ease-in-out;
        border-radius: 35px;
    }

    .tab-slider--tabs.slide:after {
        left: 50%;
    }

.tab-slider--trigger {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #345F90;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .tab-slider--trigger.active {
        color: #fff;
    }

.tab-slider--body {
    margin-bottom: 20px;
}

.tab-slider--tabs {
    direction: ltr;
}

.tab-slider--nav {
    position: absolute;
    top: 15px;
    left: 21px;
    z-index: 11;
    width: 200px;
}


.overview-item--c1 {
    background-image: -moz-linear-gradient(90deg,#3f5efb 0%,#fc466b 100%);
    background-image: -webkit-linear-gradient(298deg,#b59d5b 0%,#386f91 100%);
    background-image: -ms-linear-gradient(90deg,#3f5efb 0%,#fc466b 100%)
}

.overview-item--c2 {
    background-image: -moz-linear-gradient(90deg,#11998e 0%,#38ef7d 100%);
    background-image: -webkit-linear-gradient(298deg,#b59d5b 0%,#386f91 100%);
    background-image: -ms-linear-gradient(90deg,#11998e 0%,#38ef7d 100%)
}

.overview-item--c3 {
    background-image: -moz-linear-gradient(90deg,#ee0979 0%,#ff6a00 100%);
    background-image: -webkit-linear-gradient(298deg,#b59d5b 0%,#386f91 100%);
    background-image: -ms-linear-gradient(90deg,#ee0979 0%,#ff6a00 100%)
}

.overview-item--c4 {
    background-image: -moz-linear-gradient(90deg,#45b649 0%,#dce35b 100%);
    background-image: -webkit-linear-gradient(90deg,#45b649 0%,#dce35b 100%);
    background-image: -ms-linear-gradient(90deg,#45b649 0%,#dce35b 100%)
}

.overview-box .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: auto;
    margin-right: 0;
    margin-left: 15px;
}

    .overview-box .icon i {
        font-size: 60px;
        color: #fff
    }

@media(min-width:992px) and (max-width:1199px) {
    .overview-box .icon {
        margin-right: 3px
    }

        .overview-box .icon i {
            font-size: 30px
        }
}

@media(max-width:991px) {
    .overview-box .icon {
        font-size: 46px
    }
}

.overview-box .text {
    font-weight: 300;
    display: inline-block
}

    .overview-box .text h2 {
        font-weight: 300;
        color: #fff;
        font-size: 36px;
        line-height: 1;
        margin-bottom: 5px
    }

    .overview-box .text span {
        font-size: 18px;
        color: rgba(255,255,255,.6);
        font-family: 'Cairo', sans-serif;
        font-weight: 700;
    }

@media(min-width:992px) and (max-width:1199px) {
    .overview-box .text {
        display: inline-block
    }

        .overview-box .text h2 {
            font-size: 20px;
            margin-bottom: 0
        }

        .overview-box .text span {
            font-size: 14px
        }
}

@media(max-width:991px) {
    .overview-box .text h2 {
        font-size: 26px
    }

    .overview-box .text span {
        font-size: 15px
    }
}

.overview-item {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 45px 35px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    margin-bottom: 40px;
}

.overview-chart {
    height: 115px;
    position: relative;
}

.overview-box .text h2 {
    font-weight: 300;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 5px;
}

.card.card-box {
    box-shadow: none;
    border: 5px solid #f1f4f6;
}

    .card.card-box h3 {
        font-size: 16px;
    }

.overview-box .text h2 {
    font-weight: 500;
}

.tab-slider--tabs:after {
    background: #3d5b6c;
}

#Employee-slider {
    direction: ltr;
}

.activity-wrp.card {
    text-align: center;
    /* background: url(/img/employee.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
    min-width: 386px;
    border: 5px solid #e9c87c;
    overflow: hidden;
    border-radius: 10px;
}

    .activity-wrp.card .card-head {
        padding-top: 0;
        background: #e9c87c;
        padding: 15px 0;
    }

        .activity-wrp.card .card-head h6 {
            font-size: 18px;
            color: #ffffff;
            font-weight: 700;
        }

    .activity-wrp.card img.img-responsive {
        max-width: 80%;
        margin: auto;
    }

    .activity-wrp.card .card-footer {
        padding-top: 0;
    }

        .activity-wrp.card .card-footer h3 {
            font-size: 25px;
            font-weight: 800;
            color: #6e5818;
            padding-bottom: 0px;
        }

.Employee-Details h6 {
    font-size: 18px;
    color: #ad792c;
    font-weight: 700;
}

.Employee-Details .card {
    box-shadow: none;
    border: 6px solid #f1f4f6;
}

    .Employee-Details .card .card-head {
        background: #f1f4f6;
        padding: 14px;
    }

    .Employee-Details .card ul {
        padding: 0;
        list-style: none;
    }

        .Employee-Details .card ul li {
            width: 100%;
            border: 1px solid #dbe4eb;
            margin-bottom: 3px;
            border-radius: 2px;
            float: right;
            color: #5a4311;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            text-decoration: none;
            cursor: pointer;
        }

            .Employee-Details .card ul li .details-title {
                width: 50%;
                float: right;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease;
                text-decoration: none;
            }

.details-title, .details-Points {
    float: right;
    padding: 20px;
}

    .details-title p {
        margin: 0;
    }

.Employee-Details .card ul li .details-title {
    /* background: #c5ac65; */
    /* color: #fff; */
    height: 48px;
}

    .Employee-Details .card ul li .details-title p {
        font-weight: 600;
    }

.details-Points span {
    font-weight: 700;
    color: #ea7f27;
    text-align: center;
}

.Employee-Details .card ul li .details-title:hover {
    /* width: 60%; */
}

.Employee-Details .card ul li:hover {
    /* transform: scale(1.04); */
}

.Employee-Details .card ul li:hover {
    /* border: 3px solid #c59424; */
}

    .Employee-Details .card ul li:hover .details-title {
        /* background: #c59424; */
    }

ul.dropdown-menu.dropdown-menu-end li {
    width: 100%;
    margin: 0;
}





/* ********* SASS EXTENDS  ********* */
.porfolio-wp .content {
    width: 1200px;
    margin: 0 auto;
}

.porfolio-wp .filter a.active {
    background: #b38911;
    color: #fff;
}

.porfolio-wp .filter a {
    padding: 10px 20px;
    display: inline-block;
    color: #7c600d;
    background: #ffffff;
    text-decoration: none;
    transition: all 0.2s;
    border-radius: 0;
    border: 2px solid #b38911;
    margin: 0 3px;
    cursor: pointer;
}

    .porfolio-wp .filter a:hover {
        background: #b38911;
        border: 2px solid #b38911;
        color: #fff;
    }

.porfolio-wp .filter {
    padding: 50px;
    text-align: center;
    direction: rtl;
}

.porfolio-wp .sets img {
    width: 100%;
    height: auto;
    float: left;
    /* min-height: 280px; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

body .Portfolio-grid1 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    max-height: 284px;
    overflow: hidden;
    min-height: 284px;
}

.porfolio-wp .sets .port-mainGallery {
    /* width: 33.33%; */
    transition: all 0.2s;
    /*display: block;
        float: left;*/
    opacity: 1;
    height: auto;
}

.porfolio-wp .sets .hide, .porfolio-wp .sets .pophide {
    width: 0%;
    opacity: 0;
    transition: all 0.1s;
}

.porfolio-wp .sets .pop {
    width: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0px 1000px rgba(0,0,0,0.5);
}

.porfolio-wp .pop:after {
    content: "\00D7";
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333;
    background: #fff;
    padding: 10px 15px;
    border-radius: 50%;
    opacity: 0.8;
}

.porfolio-wp .pop:hover:after {
    opacity: 1
}

.porfolio-wp .follow {
    font-size: 12px;
    text-align: center;
    color: #666;
    background: rgba(0,0,0,0.92);
    width: 100%;
    position: absolute;
    top: 1200px;
    opacity: 0.5;
    padding: 5px 0
}


.porfolio-wp .sets .hide {
    max-width: 0%;
    flex: 0 0 0%;
    display: none;
}

.porfolio-wp .sets .box:hover p.hide {
    display: block !important;
    margin-top: 0 !important;
    height: 30px !important;
    opacity: 1;
    z-index: 999999;
    width: 100% !important;
    max-width: 100%;
}

.img-grid:hover img {
    width: 100% !important;
    height: auto !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

ul.footer-links1 {
    direction: rtl;
}

.abt-cap b {
    width: 28px;
    height: 28px;
    background: #dcd1c2;
    float: right;
    border-radius: 50%;
    padding: 0px 0;
    text-align: center;
    margin-left: 6px;
    margin-right: -39px;
    margin-top: 1px;
}

.abt-cap.mission-vision p {
    padding-right: 30px;
    margin-bottom: 12px;
    line-height: 24px;
}


.btn-9 {
    color: #fbfbfb;
}

    .btn-9:before, .btn-9:after,
    .btn-9 span:before,
    .btn-9 span:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: rgba(53, 53, 25, 0.17);
        transition: 0.4s ease-in-out;
    }

    .btn-9:after,
    .btn-9 span:before {
        top: auto;
        bottom: 0;
    }

    .btn-9 span:before,
    .btn-9 span:after {
        transition-delay: 0.4s;
    }

    .btn-9:hover {
        color: #ffffff;
    }

        .btn-9:hover:before, .btn-9:hover:after,
        .btn-9:hover span:before,
        .btn-9:hover span:after {
            height: 80px;
        }

    .btn-9:active {
        background-color: #592a53;
    }

.btn-9 {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 50px;
    max-width: 200px;
    margin: 1rem auto;
    text-transform: uppercase;
    border: 1px solid #c9a050;
    text-align: center;
    background: #c9a050;
}

.abt-btn {
    padding: 0px 0;
    margin-bottom: -18px;
    float: right;
    width: 100%;
}

a.btn-9 span {
    padding: 10px 0 !important;
    display: block;
}

.div-about .abt-cap h2 {
    font-size: 20px;
    border-bottom: 1px solid #efe1ce;
    position: relative;
    margin-bottom: 26px;
}

    .div-about .abt-cap h2:before {
        content: '';
        width: 114px;
        height: 5px;
        background: #eed4af;
        position: absolute;
        bottom: -3px;
    }


.ul.diamond {
    font-family: $main_font;
    font-size: 13px;
    line-height: 1.5em;
    margin: 5px 0 15px;
    padding: 0;
}

.diamond li {
    list-style: none;
    position: relative;
    padding: 0 30px;
    padding-left: 0;
}

ul.diamond li::before {
    content: "";
    position: absolute;
    right: 0px;
    top: -2px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #a99c8b;
}

ul.diamond li::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 14px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #a99c8b;
}


ul {
    padding: 0;
}

.port-desc.text-center {
    background: none;
    min-height: 64px;
    max-height: 64px;
    overflow: hidden;
    list-style: none;
}

    .port-desc.text-center h6 {
        margin: 0;
        letter-spacing: 0;
        color: #5c707c !important;
        text-shadow: 0px 0px 3px rgb(0 0 0 / 10%);
        font-size: 14px;
        line-height: 20px;
    }

/*.img-grid:hover .port-desc.text-center {
    background: #c9a050;
}*/

.category-wrp ul li {
    list-style: none;
    margin-bottom: 0px;
    padding: 15px;
}

.img-grid {
    padding: 0;
    background: #ffffff;
    margin: 0;
    box-shadow: 2px 2px 5px #b7b7b7;
    border-radius: 5px;
    overflow: hidden;
    padding: 6px;
}

/*    .img-grid:hover {
        background: #ffffff;
        -webkit-box-shadow: 2px 8px 10px 0px rgb(50 46 46 / 23%);
        -moz-box-shadow: 2px 8px 10px 0px rgba(50, 46, 46, 0.23);
        box-shadow: 2px 8px 10px 0px rgb(50 46 46 / 23%);
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }*/

.navbar-nav > li > .dropdown-menu a i.lnr {
    margin: 0px 6px;
    color: #000 !important;
    opacity: 1;
    font-size: 17px;
}

.discountCard-grid {
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%;
    border-top: 1px solid #dcdbdb;
}

    .discountCard-grid h4 {
        width: 50%;
        float: right;
        margin: 0 !important;
        padding: 0 !important;
        color: #8f6e0f;
        font-size: 20px;
    }

    .discountCard-grid button.btn.btn-success {
        float: left;
        margin: 0;
        background: #cdab43;
        font-weight: 600;
    }

        .discountCard-grid button.btn.btn-success i {
            font-size: 13px;
            padding-left: 3px;
        }

.navbar-nav > li > .dropdown-menu a i.lnr:before {
    color: #000 !important;
    opacity: 1;
}

.user-profile-wrp {
    padding: 20px;
}

.k-tabstrip-items .k-item {
    background: #c5beab;
    border-color: #b1a995;
    color: #fff !important;
}

    .k-tabstrip-items .k-item span.k-link {
        color: #584d2a;
        font-size: 14px;
    }


.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    background: #b38911;
    border-color: #b38911;
}

    .k-tabstrip-top > .k-tabstrip-items .k-state-active span.k-link {
        color: #fff;
    }


.k-content.k-state-active {
    border-color: #efe6cd;
}

.k-tabstrip:focus {
    box-shadow: none;
}

.main-wrp-profile .card .tab_content {
    text-align: center;
}

.main-wrp-profile .card .tabs_item {
    margin-bottom: 0 !important;
}

card.main-one {
}

.card.main-one:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    background-image: linear-gradient(25deg, transparent 65%, #a19479, transparent 70%), linear-gradient(-25deg, transparent 65%, #a19479, transparent 70%), linear-gradient(-25deg, transparent 30%, #a19479, transparent 35%), linear-gradient(25deg, transparent 30%, #a19479, transparent 35%), linear-gradient(65deg, transparent 65%, #a19479, transparent 70%), linear-gradient(-65deg, transparent 65%, #a19479, transparent 70%), linear-gradient(-65deg, transparent 30%, #a19479, transparent 35%), linear-gradient(65deg, transparent 30%, #a19479, transparent 35%);
    background-size: 5em 2em, 5em 2em, 5em 2em, 5em 2em, 2em 5em, 2em 5em, 2em 5em, 2em 5em;
    opacity: .2;
}

.card.main-one {
    background: #c5beab;
}

    .card.main-one .main-profile {
        position: relative;
    }

        .card.main-one .main-profile .tabs_item {
            border: 4px solid #b7ae97;
        }

            .card.main-one .main-profile .tabs_item h4 {
                color: #423b27;
                padding-top: 0;
            }

            .card.main-one .main-profile .tabs_item .circle {
                margin: auto;
                margin-bottom: 20px;
                background-color: #958e7c;
                color: #000;
            }

            .card.main-one .main-profile .tabs_item h5 {
                color: #36332a;
                /* margin-bottom: 18px; */
                padding: 8px 0;
                border-bottom: 2px dotted #afa999;
                width: 100%;
            }

.inner-text {
    padding: 8px 0;
    border-bottom: 2px dotted #afa999;
    width: 100%;
    padding-top: 0;
}

    .inner-text span {
        font-weight: 900;
        color: #000;
        padding: 0 4px;
    }

.card.main-one .main-profile .tabs_item button {
    margin-top: 17px;
    position: relative;
    background: #958451;
    padding: 12px 30px;
    color: #fff;
    margin-bottom: 0;
}

.card.list-profile .tab_content .tabs_item {
    padding: 7px 10px;
    margin-bottom: 10px !important;
    background: #ecebeb;
    border-right: 5px solid #958451;
    border-radius: 0;
    width: 100%;
    float: right;
}

    .card.list-profile .tab_content .tabs_item h4 {
        padding: 0;
        margin: 0;
        color: #958451;
        font-weight: 500;
        font-size: 17px;
        padding-top: 3px;
        width: 70%;
        float: right;
        text-align: right;
        width: 100%;
        float: right;
        padding-bottom: 5px;
    }

    .card.list-profile .tab_content .tabs_item h3 {
        color: #726951;
        margin-bottom: 0;
        font-size: 25px;
        color: #646157;
        width: 100%;
        float: right;
        text-align: right;
    }

.card.profile-edit .card-header {
    background: #e5deca;
    padding: 0 !important;
    margin: 15px !important;
    position: relative;
}

    .card.profile-edit .card-header:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        top: 0;
        background-image: linear-gradient(25deg, transparent 65%, #cabda4, transparent 70%), linear-gradient(-25deg, transparent 65%, #d4cbb9, transparent 70%), linear-gradient(-25deg, transparent 30%, #d7cdb9, transparent 35%), linear-gradient(25deg, transparent 30%, #d2c9b5, transparent 35%), linear-gradient(65deg, transparent 65%, #dad1be, transparent 70%), linear-gradient(-65deg, transparent 65%, #cec2a8, transparent 70%), linear-gradient(-65deg, transparent 30%, #d3c5a8, transparent 35%), linear-gradient(65deg, transparent 30%, #dcd0b5, transparent 35%);
        background-size: 5em 2em, 5em 2em, 5em 2em, 5em 2em, 2em 5em, 2em 5em, 2em 5em, 2em 5em;
        opacity: .2;
    }

    .card.profile-edit .card-header .circle {
        position: relative;
        margin: 16px 26px;
        float: right;
    }

    .card.profile-edit .card-header .inner-pro {
        position: relative;
        float: right;
        padding: 39px;
        text-align: right;
    }

        .card.profile-edit .card-header .inner-pro h3 {
            color: #423b27;
        }

            .card.profile-edit .card-header .inner-pro h3 span {
                background: transparent;
                border: 0;
                color: #6e6447;
                font-size: 30px;
            }

        .card.profile-edit .card-header .inner-pro .inner-text {
            border: 0;
        }

    .card.profile-edit .card-header .circle {
        margin-top: 20px;
        background-color: #6a6453;
    }

.profile-edit-inner {
}

    .profile-edit-inner .card-body {
        padding-top: 31px;
        min-height: 475px;
    }

    .profile-edit-inner .card {
        border: 5px solid #dfdacc;
    }

        .profile-edit-inner .card .k-content {
        }

            .profile-edit-inner .card .k-content span.k-widget.k-textbox {
                max-width: 100%;
            }

            .profile-edit-inner .card .k-content span.k-widget.k-dropdown {
                max-width: 100%;
            }

.card ul.list-unstyled {
    padding: 10px 20px !important;
}

    .card ul.list-unstyled li {
        font-size: 14px;
        color: #898477;
    }

        .card ul.list-unstyled li span {
            padding: 0 9px;
            padding-right: 0;
        }

            .card ul.list-unstyled li span i {
                color: #6a6453;
            }


.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.progress {
    margin: 10px;
    width: 100%
}

.progress-bar {
    float: right width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-animation: progress-bar-animate 1s linear infinite;
    animation: progress-bar-animate 1s linear infinite;
}

@-webkit-keyframes progress-bar-animate {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-animate {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress-bar-success {
    background-color: #a3802a;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.dataContent.mob-responsive .chartsslablrtl {
    margin-top: 0;
    padding-left: 0px;
    width: 100%;
    padding-bottom: 9px;
    margin: 0 -12px;
}

}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    border: 0 !important;
    box-shadow: none;
    margin: 0;
}



.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}



.progress-bar-success {
    background-color: #6ac952 !important;
}


.sign-up-slider .tab-slider--nav {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: auto !important;
    float: right;
    /* padding-bottom: 30px !important; */
    width: 100%;
    border-bottom: 1px solid #f1f4f6;
}

    .sign-up-slider .tab-slider--nav .tab-slider--tabs:after {
        width: 25%;
        left: 25%;
        display: none;
    }

    .sign-up-slider .tab-slider--nav li {
        border-left: 1px solid #f1f4f6;
        min-height: 40px !important;
        float: right;
    }

        .sign-up-slider .tab-slider--nav li.active {
            color: #b38911;
            border-bottom: 2px solid #b38911 !important;
        }

.sign-up-slider {
}

    .sign-up-slider .tab-slider--container {
        float: right;
        width: 100%;
    }

.tabs_item.sign-up-slider {
    float: left;
    width: 100%;
}

.wrapper.main-wrapper.card .tabs_item {
    float: left;
    width: 100%;
}

.tabs_item.sign-up-slider {
}

    .tabs_item.sign-up-slider ul.tab-slider--tabs {
        direction: rtl;
        float: right;
        height: auto;
    }

.sign-up-slider .tab-slider--body {
    padding: 20px 15px;
}

    .sign-up-slider .tab-slider--body h3 {
        font-size: 20px;
        margin-bottom: 18px;
        color: #b38911;
        padding-top: 17px;
    }

    .sign-up-slider .tab-slider--body img.img-responsive {
        width: 100%;
        margin: auto !important;
    }

    .sign-up-slider .tab-slider--body .item-wrp {
        padding: 0;
        margin-top: 20px;
        border: 1px solid #f1f4f6;
        padding: 8px;
    }

ul.tab-ul {
    padding: 15px 34px;
    margin-bottom: 0;
}

    ul.tab-ul li {
        font-size: 15px;
        line-height: 33px;
    }

.sign-up-slider .tab-slider--body h6 {
    color: #b38911;
    font-size: 15px;
}

.sign-up-slider .tab-slider--body p {
    font-size: 15px;
    color: #3a3a3a;
}

table.table.table-striped {
    width: 100%;
    font-size: 13px;
    /* direction: rtl; */
}

.point-table.table-responsive {
    overflow: visible;
    width: 100%;
    padding: 0;
}

table.table.table-striped p {
    font-size: 13px;
}

.point-table .table > tbody > tr > td {
    padding: 8px 10px;
    border-top: 1px solid #dfdfdf;
    vertical-align: middle;
    white-space: initial;
    color: #000;
}

.point-table .table > thead > tr > th {
    padding: 10px 20px;
}

thead.point-table-head tr th {
    color: #231f20;
    font-size: 18px;
}




h3.fixture-title span {
    font-size: 12px;
    letter-spacing: 1px;
}

thead.point-table-head tr th {
    background: #5c707c;
    color: #fff;
    border-color: #4f616c !important;
}

.point-table .table > tbody > tr > td:first-child {
    background: #5c707c;
    color: #fff;
    border-color: #495a64;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f6fcff;
}

.or {
    position: absolute;
    /* top: 180px; */
    /* left: 280px; */
    width: 40px;
    height: 40px;
    background: #DDD;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    line-height: 40px;
    text-align: center;
    margin: auto !important;
    left: 0;
    right: 0;
}


.border-wrp {
    position: relative;
    width: 100%;
    height: 58px;
    margin: auto;
    margin-top: 4px;
}

    .border-wrp:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #ddd;
        top: 18px;
    }

.login-page .card-header {
    padding: 0 !important;
    padding-bottom: 26px !important;
    padding-top: 4px !important;
}

.logo-login {
    padding-top: 13px;
}


.login-page .card-header h5 {
    font-weight: 600;
}

a.btn-login {
    margin: 0;
    border: 1px solid #c1cbd1 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex;
    padding-left: 13px;
    padding-right: 13px;
}

    a.btn-login i {
        font-size: 20px;
        margin: 0 7px;
    }

    a.btn-login span {
        margin: 0px 0;
        font-size: 13px;
        font-weight: 600;
    }

.img-grid:hover button.btn.btn-success {
    background: #9d7424;
}









@media (max-width: 1440px) {

    .main-wrapper {
        margin-top: 8px;
    }

        .main-wrapper h6 {
            font-size: 17px !important;
        }

    .best-employee .icon {
        width: 170px;
        height: 170px;
    }

    .main-wrapper .table-responsive h6 {
        font-size: 13px !important;
    }

    .main-wrapper .table-responsive td {
        padding: 0.34rem 0.5rem;
    }

    .main-head-redeem h1 {
        color: #000000;
        font-size: 18px;
        /* text-shadow: 1px 1px 15px rgb(0 0 0 / 22%); */
    }

    .main-head-redeem {
        text-align: center;
        padding: 2px 0;
    }

    .alizarin-1.redeem-btn {
        text-align: center;
        margin: 2% 0;
    }

    .dl .discount {
        min-height: 50px;
        position: relative;
        font-size: 37px;
        line-height: 60px;
        text-align: center;
        font-weight: 700;
        padding: 20px 15px 0;
        color: #f1c40f;
    }
}

@media (max-width: 768px) {

    div#navbar {
        overflow: visible !important;
    }

    .navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item:hover ul.submenu {
        background: #293034;
    }

    a.fixed-plugin-button {
        display: none;
    }

    .fixed-plugin .card {
        height: 100vh;
    }

    div#navbar .points-board {
        position: absolute;
        top: 14px;
        padding: 0 !important;
        border: 0;
        right: 11px;
        width: 100%;
        background: #000;
        display: none !important;
    }

        div#navbar .points-board img.img-responsive {
            width: 29px;
        }

        div#navbar .points-board
        .progress-bar {
            height: 12px;
        }

    .progress-bar {
    }

    div#navbar .points-board span {
        font-size: 10px;
    }

    a.nav-brand img {
        width: 73px;
    }

    .navbar-vertical.navbar-expand-xs {
        transform: initial !important;
    }

        .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link span {
        }

        .navbar-vertical.navbar-expand-xs li.nav-item {
            padding: 10px 0 !important;
            width: 25% !important;
        }

            .navbar-vertical.navbar-expand-xs li.nav-item a.nav-link {
                margin: 0;
                width: 100% !important;
                margin: auto !important;
                text-align: center;
                padding: 7px 14px !important;
                /* border: 3px solid #000; */
                /* float: left; */
                border-radius: 0 !important;
            }

    ul.submenu {
        width: 100%;
        margin: auto;
        background: transparent;
    }

        ul.submenu li a {
            padding: 0;
        }

    .navbar-vertical.navbar-expand-xs ul.navbar-nav {
        display: block;
    }

        .navbar-vertical.navbar-expand-xs ul.navbar-nav li.nav-item {
            width: 100% !important;
            margin: auto !important;
            padding: 0 !important;
            /* margin: 5px 0 !important; */
            /* height: 40px; */
            border: 0 !important;
            position: relative;
            height: auto !important;
        }

    .navbar-vertical.navbar-expand-xs li.nav-item a.nav-link.active {
        background: transparent !important;
    }

    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        height: 56px !important;
        padding: 0px 0;
    }

    main.main-content {
        padding: 0 15px;
    }



    .k-grid.k-widget table thead, table colgroup {
        display: none;
    }

    .k-grid.k-widget table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 1px solid #f2f3f6;
        border-radius: 0;
        margin-top: 10px;
    }

        .k-grid.k-widget table tr td:last-child {
            background-color: transparent;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .k-grid.k-widget table tr td:nth-child(1) {
            background-color: transparent;
            color: #595974;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            font-weight: bold;
            padding-top: 1em;
        }

    .k-grid.k-widget table td {
        display: block;
        font-size: 11px;
        border-bottom: 1px dotted #ccc !important;
        letter-spacing: 0;
        min-height: 22px !important;
    }

        .k-grid.k-widget table td:before {
            content: attr(data-label);
            float: left;
            text-transform: capitalize;
            font-weight: bold;
            height: 20px;
            color: #595974;
            letter-spacing: 0px;
        }

    .k-grid-content.k-auto-scrollable {
        height: auto !important;
    }

    .k-grid {
        height: auto !important;
    }

    .k-grid-content.k-auto-scrollable {
        overflow: auto;
    }

    body.rtl .k-grid.k-widget table tr td {
        text-align: left !important;
    }

    body.rtl .k-grid.k-widget table td:before {
        float: right !important;
        font-weight: 100;
        width: 50%;
        text-align: right !important;
    }

    body.rtl .k-grid.k-grid.k-widget table tr td:nth-child(3) {
        text-align: left !important;
    }

    .k-grid.k-widget table tr.k-grid-edit-row td:before {
        margin-bottom: 7px;
    }

    body.ltr .k-grid.k-widget table td {
        text-align: right;
    }

        body.ltr .k-grid.k-widget table td.k-edit-cell {
            padding: 0;
        }

            body.ltr .k-grid.k-widget table td.k-edit-cell:before {
                width: 100%;
            }

            body.ltr .k-grid.k-widget table td.k-edit-cell input {
                width: 94%;
                float: left;
                margin: 1% 3%;
                border: 1px solid #caccdc;
                margin-bottom: 10px;
                margin: 0;
                background: transparent !important;
            }

        body.ltr .k-grid.k-widget table td.k-edit-cell {
            text-align: left;
            padding: 0 12px;
        }


    body.rtl .k-grid.k-widget table td.k-edit-cell {
        padding: 0;
    }

        body.rtl .k-grid.k-widget table td.k-edit-cell:before {
            width: 100%;
        }

        body.rtl .k-grid.k-widget table td.k-edit-cell input {
            width: 94%;
            float: left;
            margin: 1% 3%;
            border: 1px solid #caccdc;
            margin-bottom: 10px;
            margin: 0 !important;
        }

    body.rtl .k-grid.k-widget table td.k-edit-cell {
        text-align: right;
        padding: 0 12px;
    }
}

.k-grid-header th.k-header {
    border: 0;
    border-left: 1px solid #a1812a !important;
    background: #b18f30 !important;
    font-weight: 600;
}


.k-grid tr td {
    font-size: 14px;
    font-weight: 600;
}

.best-employee h5.mb-0 {
    font-size: 25px;
    color: #5e4c15;
    text-align: right;
    font-weight: 700;
}

.k-grid-content.k-auto-scrollable {
    overflow-x: hidden;
}

ul.dropdown-menu.show {
    padding: 0 4px;
}

.k-grid-header-wrap.k-auto-scrollable {
    padding-left: 4px;
}

.card-header.mx-4.p-3.text-center {
    padding: 14px !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f4f6 !important;
    margin-bottom: 22px !important;
    padding-bottom: 7px !important;
}

body .k-grid tr td .demo-section.k-content.mt-3.col-md-6 {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

    body .k-grid tr td .demo-section.k-content.mt-3.col-md-6 label.btn-2 {
        max-width: 100% !important;
        padding: 4px 2px !important;
        margin: 6px 0;
        color: #a1812a;
    }


html[dir="rtl"] .k-grid-header .k-grid-filter {
    float: left !important;
    left: 5px;
    right: auto;
    top: 15px;
}

.k-grid-header .k-grid-filter {
    right: 5px;
    left: auto;
    top: 15px;
}

span.k-widget.k-datepicker {
    max-width: 300px;
}

.k-grid tr td h5 {
    font-size: 14px;
}

.demo-section.k-content.mt-3.col-md-6 label.btn-2 {
    padding: 6px;
    color: #6c6c6c;
}

.verification-code input {
    max-width: 166px;
}

.card.email-varification .card-header.mx-4.p-3.text-center {
    border: 0 !important;
}

#email-icon {
    position: relative;
    top: 30px;
    left: 45%;
    background-color: #fff;
    padding: 0px;
    width: 300px;
    height: 300px;
}

#email-outline, #email-bg, #emailV, #left_line, #right_line, #emailBlue, #letter, .lines {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    stroke-linecap: round;
}

#email-bg {
    z-index: 0;
    left: -5px;
    top: 5px;
    fill: #c7ccd0;
}

#email-outline {
    z-index: 5;
    stroke-width: 10;
    stroke: #606D78;
    stroke-linecap: round;
    fill: none;
}

#emailV {
    z-index: 15;
    top: 115px;
    stroke: #606D78;
    stroke-width: 10;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    z-index: 12;
}

#left_line {
    z-index: 16;
    top: 160px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #606D78;
    stroke-width: 10;
}

#right_line {
    z-index: 16;
    top: 160px;
    left: 160px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #606D78;
    stroke-width: 10;
}

#emailBlue {
    top: 125px;
    left: 10px;
    z-index: 11;
}

#letter {
    fill: #FFFFFF;
    stroke: #626F7A;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    top: 40px;
    left: 30px;
    z-index: 10;
    position: absolute;
}

.lines {
    fill: none;
    stroke: #F9BF40;
    stroke-width: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    width: 125px;
    position: absolute;
}

.btn-default {
    background: #7a7a7a;
    color: #fff;
}

.swal-footer {
    direction: initial;
}

html[dir="ltr"] .dropdown-menu li {
    text-align: left;
}

html[dir="ltr"] .best-employee h5 {
    text-align: left !important;
    padding-left: 10px !important;
}

.k-grid-header th.k-header > .k-link, .k-grid-header th.k-header {
    text-align: center !important;
}

html[dir="ltr"] .card.list-profile .tab_content .tabs_item h4 {
    text-align: left;
}

html[dir="ltr"] .card.list-profile .tab_content .tabs_item h3 {
    text-align: left;
}

@media (max-width: 768px) {

    nav#sidenav-collapse-main button.navbar-toggler.collapsed {
        display: none;
    }

    #sidenav-collapse-main {
        overflow: hidden;
        align-items: initial;
    }

        #sidenav-collapse-main #navbar-collapse {
            align-items: inherit !important;
            float: left;
            width: 100%;
            display: initial;
            padding: 20px 10px;
        }

    .navbar-dark {
        background: #3c4951;
    }

    ul.navbar-nav > li.nav-item.active, ul.navbar-nav > li.nav-item:hover {
        background: #ad792c;
    }

    .Employee-Details .card ul li .details-title p {
        font-size: 12px;
        line-height: 12px;
    }

    .details-title, .details-Points {
        float: right;
        padding: 11px;
        font-size: 12px;
    }

    ul.top-info-box {
        position: relative;
    }

        ul.top-info-box li.nav-item {
            padding: 0 7px !important;
            background: #fff !important;
        }

    html[dir="rtl"] ul.top-info-box {
        float: right;
        margin: -5px -24px;
    }

    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        height: 74px !important;
    }

    #sidenav-collapse-main a#header__icon {
        margin: 8px 9px;
    }

    .navbar-vertical.navbar-expand-xs li.nav-item a.nav-link {
        font-size: 11px;
    }

    .porfolio-wp .filter {
        padding-left: 10px;
        padding-right: 10px;
    }

        .porfolio-wp .filter a {
            padding: 4px 7px;
            display: inline-block;
            color: #7c600d;
            background: #ffffff;
            text-decoration: none;
            transition: all 0.2s;
            border-radius: 0;
            border: 1px solid #b38911;
            margin: 0 0px;
            cursor: pointer;
            font-size: 13px;
            margin-bottom: 10px;
        }
}



@media (max-width: 580px) {



    .fixed-form form {
        position: relative;
    }

    .max-height-vh-100 {
        max-height: inherit !important;
    }

    body.scrolling form {
        top: 20px;
        max-width: 100%;
    }

    .sign-up-slider .tab-slider--body p, p {
        font-size: 14px;
    }

    .navbar-vertical.navbar-expand-xs .navbar-collapse {
    }

    aside#sidenav-main {
        background: #5c707c;
    }

    .header-right {
        position: relative;
    }

    ul.top-info-box {
        position: absolute;
        z-index: 999;
    }

    a.btn.btn-default.btn-login {
        color: #fff;
        border: 2px solid #4f5f68 !important;
        padding: 9px 15px;
        font-size: 12px !important;
        margin: 16px 17px;
    }

    .tab-slider--trigger {
        font-size: 12px;
        padding: 11px 7px;
    }

    .wrapper.main-wrapper.card .tabs_item {
        border: 1px solid #efefef;
        padding: 5px;
    }

    .card-body {
        padding: 10px !important;
    }

    .card .card-body .container {
        padding: 0 !important;
    }

    .slick-initialized .slick-slide {
    }

    .activity-wrp.card {
        max-width: 330px !important;
        min-width: 330px;
    }
}

html[dir="ltr"] .sign-up-slider .tab-slider--nav li {
    float: left;
}

html[dir="ltr"] .tabs_item.sign-up-slider ul.tab-slider--tabs {
    direction: ltr;
    float: left;
}

ul li.nav-item.profile #dropdownMenuButton img.img-responsive {
    max-height: 50px;
    min-height: 50px;
    border-radius: 50px;
    border: 2px solid #e9c87c;
}

a.btn.btn-default.btn-login {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 4px !important;
}

}

ul.dropdown-menu.dropdown-menu-end li.mb-2 a {
    padding-bottom: 0 !important;
}

span.d-sm-inline.d-none {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

a#dropdownMenuButton {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

i.lnr.lnr-enter {
    font-size: 19px;
}

.dropdown .dropdown-menu.dropdown-menu-end {
    right: 20px !important;
}

.language-switch img.img-responsive {
    width: 27px;
    margin-inline-start: 16px;
}

.sign-up-slider .tab-slider--body img.img-responsive {
    border-radius: 11px;
}

.sign-up-slider .tab-slider--body .item-wrp {
    border-radius: 16px;
}

h5.mb-0 {
    font-size: 23px !important;
    color: #5e4c15;
    text-align: right;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0;
}

.box:hover {
    transform: scale(1.04);
}

.box {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    cursor: pointer;
}


.box {
    width: 100%;
    height: auto;
    display: table;
    place-content: center;
    color: white;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle), #f0f0f0, #eaeaea 5%, #ffffff 60%, #ffffff 95%);
    border: solid 2px #0000000f;
    border-radius: 1em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #b38911, #e2e2e2 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
    margin-bottom: 30px;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.box:hover {
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #b38911, #5e4c15 99%, transparent);
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
    .box:hover .Rankcard {
        background: #fff;
    }


.Rankcard {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 1em;
}

    @property --border-angle {
        syntax: "<angle>";
        inherits: true;
        initial-value: 0turn;
    }

.Rankcard.h-100 {
    border: none;
    width: 100% !important;
    border-radius: 11px !important;
}


.pulses {
   
   
    border-radius: 13px;
  
    cursor: pointer;
    box-shadow: 0 0 0 rgba(142, 0, 249, 0.4);
    animation: pulses 2s infinite;
}

   

@keyframes pulses {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(249 170 0 / 40%);
        box-shadow: 0 0 0 0 rgb(249 158 0 / 40%);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(142, 0, 249, 0);
        box-shadow: 0 0 0 10px rgba(142, 0, 249, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(142, 0, 249, 0);
    }
}