: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-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #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-primary-rgb: 203, 12, 159;
    --bs-secondary-rgb: 131, 146, 171;
    --bs-success-rgb: 130, 214, 22;
    --bs-info-rgb: 23, 193, 232;
    --bs-warning-rgb: 251, 207, 51;
    --bs-danger-rgb: 234, 6, 6;
    --bs-light-rgb: 233, 236, 239;
    --bs-dark-rgb: 52, 71, 103;
    --bs-white-rgb: 255, 255, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 103, 116, 142;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: Sora;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #e6e6e6;
    --bs-body-bg: #202225;
    --bs-body-bg-secondary: #202225
}

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

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

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

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

.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 + .75vw)
}

@media (min-width:1200px) {

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

.h4,
h4 {
    font-size: calc(1.275rem + .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
}

ul {
    padding-left: 2rem
}

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

ul ul {
    margin-bottom: 0
}

b {
    font-weight: 700
}

a {
    color: #cb0c9f;
    text-decoration: none;
    transition: all .3s ease-in-out
}

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

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

code {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

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

a>code {
    color: inherit
}

img,
svg {
    vertical-align: middle
}

label {
    display: inline-block
}

button {
    font-family: Sora
}

[role=button] {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

[hidden] {
    display: none !important
}

.img-news {
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease-in-out
}

.img-news-container {
    overflow: hidden;
    transition: all .3s ease-in-out
}

.img-news-large {
    min-height: 400px
}

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

.container,
.container-fluid,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 13rem);
    padding-left: var(--bs-gutter-x, 13rem);
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px
}

.main-row {
    height: 75%;
    display: flex;
    align-items: center;
    padding-right: var(--bs-gutter-x, 13rem);
    padding-left: var(--bs-gutter-x, 13rem)
}

@media (max-width:1600px) {
    .container-fluid {
        padding-right: var(--bs-gutter-x, 2.5rem);
        padding-left: var(--bs-gutter-x, 2.5rem)
    }

    .main-row {
        padding-right: var(--bs-gutter-x, 2.5rem);
        padding-left: var(--bs-gutter-x, 2.5rem)
    }
}

@media (max-width:768px) {
    .container-fluid {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem)
    }

    .main-row {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem)
    }
}

.normal-gutter {
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem)
}

@media (min-width:576px) {

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

@media (min-width:768px) {

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

@media (min-width:992px) {

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

@media (min-width:1200px) {

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

@media (min-width:1400px) {

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

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

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

.col {
    flex: 1 0 0%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem
}

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

.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-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

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

@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 .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

@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 .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

@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 .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

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

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

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

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

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

.navbar-light .navbar-nav .nav-link {
    color: #344767
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(52, 71, 103, .7)
}

.navbar-light .navbar-nav .nav-link.active {
    color: rgba(52, 71, 103, .9)
}

.navbar-light .navbar-text {
    color: #344767
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(52, 71, 103, .9)
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .85)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .85)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 1rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

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

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #0064a7;
    border-bottom: 0 solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: 1rem 1rem 0 0
}

.card-img {
    width: 100%
}

.card-img {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.card-img {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.badge {
    display: inline-block;
    padding: .55em .9em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: right;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .45rem
}

.badge:empty {
    display: none
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 3px
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

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

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border {
        animation-duration: 1.5s
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0
    }
}

.link-light {
    color: #e9ecef
}

.link-light:focus,
.link-light:hover {
    color: #edf0f2
}

.link-dark {
    color: #344767
}

.link-dark:focus,
.link-dark:hover {
    color: #2a3952
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, .12) !important
}

.shadow-xs {
    box-shadow: 0 2px 9px -5px rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .25rem .375rem -.0625rem rgba(20, 20, 20, .12), 0 .125rem .25rem -.0625rem rgba(20, 20, 20, .07) !important
}

.shadow-md {
    box-shadow: 0 .3125rem .625rem 0 rgba(0, 0, 0, .12) !important
}

.shadow-xl {
    box-shadow: 0 23px 45px -11px rgba(20, 20, 20, .25) !important
}

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

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-fixed {
    position: fixed !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
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

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

.border-light {
    border-color: #e9ecef !important
}

.border-dark {
    border-color: #344767 !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
}

.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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-6 {
    margin-top: 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
}

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

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

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

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

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

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

.mb-6 {
    margin-bottom: 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
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

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

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

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

.p-6 {
    padding: 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: .25rem !important;
    padding-left: .25rem !important
}

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

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

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

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

.px-6 {
    padding-right: 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
}

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

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

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

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

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

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

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

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

.pb-6 {
    padding-bottom: 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
}

.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 + .75vw) !important
}

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

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

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

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

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

.text-light {
    color: #e9ecef !important
}

.text-dark {
    color: #344767 !important
}

.text-body {
    color: #67748e !important
}

.text-muted {
    color: #fff !important
}

.bg-light {
    background-color: #e9ecef !important
}

.bg-dark {
    background-color: #344767 !important
}

.bg-body {
    background-color: #fff !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: 250px !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-150 {
    height: 150px !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
}

@media (min-width:576px) {
    .d-sm-block {
        display: block !important
    }

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

    .d-sm-none {
        display: none !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-shrink-0 {
        flex-shrink: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

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

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

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

    .mt-sm-6 {
        margin-top: 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
    }

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

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

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

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

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

    .mb-sm-6 {
        margin-bottom: 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
    }

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

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

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

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

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

    .p-sm-6 {
        padding: 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: .25rem !important;
        padding-left: .25rem !important
    }

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

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

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

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

    .px-sm-6 {
        padding-right: 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
    }

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

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

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

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

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

    .pb-sm-6 {
        padding-bottom: 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
    }

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

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

@media (min-width:768px) {
    .d-md-block {
        display: block !important
    }

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

    .d-md-none {
        display: none !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-shrink-0 {
        flex-shrink: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

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

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

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

    .mt-md-6 {
        margin-top: 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
    }

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

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

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

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

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

    .mb-md-6 {
        margin-bottom: 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
    }

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

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

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

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

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

    .p-md-6 {
        padding: 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: .25rem !important;
        padding-left: .25rem !important
    }

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

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

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

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

    .px-md-6 {
        padding-right: 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
    }

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

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

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

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

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

    .pb-md-6 {
        padding-bottom: 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
    }

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

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

@media (min-width:1200px) {
    .d-xl-block {
        display: block !important
    }

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

    .d-xl-none {
        display: none !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-shrink-0 {
        flex-shrink: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

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

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

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

    .mt-xl-6 {
        margin-top: 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
    }

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

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

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

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

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

    .mb-xl-6 {
        margin-bottom: 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
    }

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

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

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

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

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

    .p-xl-6 {
        padding: 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: .25rem !important;
        padding-left: .25rem !important
    }

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

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

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

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

    .px-xl-6 {
        padding-right: 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
    }

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

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

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

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

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

    .pb-xl-6 {
        padding-bottom: 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
    }

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

    .text-xl-center {
        text-align: center !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
    }
}

.badge.bg-light {
    background: #e9ecef
}

.badge.bg-dark {
    background: #344767
}

.badge {
    text-transform: uppercase
}

.card .card-header {
    padding: 1.5rem
}

.card .card-body {
    font-family: Sora;
    padding: 1.5rem;
    display: flex;
    flex-direction: column
}

.card.card-plain {
    background-color: #35373a9e;
    backdrop-filter: blur(15px);
    box-shadow: none;
    transition: all .2s ease-in;
    border: 1px solid #383b42;
    height: 100%
}

.card.card-plain:focus>.d-block>.img-news,
.card.card-plain:hover>.d-block>.img-news {
    transform: scale(1.08)
}

.card.card-plain:focus>.d-block,
.card.card-plain:hover>.d-block {
    transform: scale(.98)
}

.card-featured-news:focus>.row>div>.img-news-container>.img-news-large,
.card-featured-news:hover>.row>div>.img-news-container>.img-news-large {
    transform: scale(1.1)
}

.card-featured-news:focus>.row>div>.img-news-container,
.card-featured-news:hover>.row>div>.img-news-container {
    transform: scale(.98)
}

.card.card-background {
    align-items: center
}

.card.card-background .card-body {
    color: #fff;
    position: relative;
    z-index: 2
}

.card.card-background .card-body .content-center {
    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:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    content: "";
    background: rgba(0, 0, 0, .4);
    border-radius: 1rem
}

.card.card-background.card-background-mask-light:before {
    background: rgba(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, .2)
}

.card.card-background.card-background-mask-dark:after {
    background-image: linear-gradient(310deg, #141727 0, #3a416f 100%);
    opacity: .85
}

.card.card-background .card-description {
    margin-top: 24px;
    margin-bottom: 24px
}

label {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: .5rem;
    color: #fff
}

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

.icon-xl {
    width: 100px;
    height: 100px;
    border-radius: .75rem
}

.icon-xl i {
    top: 37%;
    font-size: 1.6rem
}

svg.text-dark .color-background {
    fill: #3a416f
}

.blur {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-image: linear-gradient(-105deg, #009acc30, #3637956e) !important
}

.blur.blur-light {
    background-color: rgba(255, 255, 255, .4)
}

.blur.blur-dark {
    background-color: rgba(0, 0, 0, .3)
}

.shadow-card {
    box-shadow: 0 20px 27px 0 rgba(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, .58) !important
}

.move-on-hover {
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    overflow: hidden;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(999px) rotateX(0) translate3d(0, 0, 0);
    transform: perspective(999px) rotateX(0) 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(0, -4px, 5px);
    transform: perspective(999px) rotateX(7deg) translate3d(0, -4px, 5px)
}

.gradient-animation {
    background: linear-gradient(-45deg, #2152ff, #ea0606, #fbcf33, #7928ca, #344767);
    background-size: 400% 400% !important;
    animation: gradient 10s ease infinite
}

.border-radius-xs {
    border-radius: .125rem
}

.border-radius-sm {
    border-radius: .25rem
}

.border-radius-md {
    border-radius: 50px
}

.border-radius-xl {
    border-radius: 1rem
}

.border-radius-2xl {
    border-radius: 1.5rem
}

.mask {
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8
}

.cursor-pointer {
    cursor: pointer
}

.navbar {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .16)
}

.navbar .nav-link {
    color: #344767;
    padding: .5rem 1rem;
    font-weight: 400;
    font-size: .875rem
}

.navbar-light {
    background-color: #fff !important
}

@media (max-width:991.98px) {

    .app .navbar:not(.aside).navbar-main .navbar-collapse,
    .app .navbar:not(.mixed-navbar) .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .app .navbar:not(.aside).navbar-main .navbar-nav,
    .app .navbar:not(.mixed-navbar) .navbar-nav {
        flex-direction: row
    }
}

@media (max-width:767.98px) {
    .navbar-collapse {
        position: relative
    }

    .navbar-collapse .navbar-nav {
        width: 100%
    }
}

.navbar-vertical .navbar-nav {
    flex-direction: column !important
}

.navbar-vertical .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 500;
    color: #67748e
}

.navbar-vertical .navbar-nav .nav-link>i {
    min-width: 1.8rem;
    font-size: .9375rem;
    line-height: 1.5rem
}

.navbar-vertical .navbar-nav .nav-link .icon {
    padding: 10px;
    margin-right: -1px
}

.navbar-vertical .navbar-nav .nav-sm .nav-link {
    font-size: .8125rem
}

.navbar-vertical .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.navbar-vertical.navbar-expand-xs {
    display: block;
    position: fixed;
    width: 100%;
    max-width: 6.25rem !important;
    overflow-y: auto;
    padding: 0;
    box-shadow: none
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.navbar-vertical.navbar-expand-xs>[class*=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .navbar-vertical.navbar-expand-xs>[class*=container] {
        min-height: none;
        height: 100%
    }
}

.navbar-vertical.navbar-expand-xs.fixed-start {
    left: 0
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
    padding-top: .675rem;
    padding-bottom: .675rem
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text,
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i {
    pointer-events: none
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-item {
    width: 100%
}

.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item {
    margin-top: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link .icon svg .color-background {
    fill: #3a416f
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
    padding-top: .417rem;
    padding-bottom: .417rem;
    padding-left: 15px
}

@media (min-width:576px) {
    .navbar-vertical.navbar-expand-sm {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem !important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }

    .navbar-vertical.navbar-expand-sm .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 360px)
    }

    .navbar-vertical.navbar-expand-sm>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (min-width:576px) and (-ms-high-contrast:none),
(min-width:576px) and (-ms-high-contrast:active) {
    .navbar-vertical.navbar-expand-sm>[class*=container] {
        min-height: none;
        height: 100%
    }
}

@media (min-width:576px) {
    .navbar-vertical.navbar-expand-sm.fixed-start {
        left: 0
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
        padding-top: .675rem;
        padding-bottom: .675rem;
        margin: 0 1rem
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i {
        pointer-events: none
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item {
        width: 100%
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item {
        margin-top: .125rem
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item>.nav-link .icon svg .color-background {
        fill: #3a416f
    }

    .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
        padding-top: .417rem;
        padding-bottom: .417rem;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-vertical.navbar-expand-md {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem !important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 360px)
    }

    .navbar-vertical.navbar-expand-md>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (min-width:768px) and (-ms-high-contrast:none),
(min-width:768px) and (-ms-high-contrast:active) {
    .navbar-vertical.navbar-expand-md>[class*=container] {
        min-height: none;
        height: 100%
    }
}

@media (min-width:768px) {
    .navbar-vertical.navbar-expand-md.fixed-start {
        left: 0
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
        padding-top: .675rem;
        padding-bottom: .675rem;
        margin: 0 1rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i {
        pointer-events: none
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-item {
        width: 100%
    }

    .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item {
        margin-top: .125rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link .icon svg .color-background {
        fill: #3a416f
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
        padding-top: .417rem;
        padding-bottom: .417rem;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .navbar-vertical.navbar-expand-xl {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 15.625rem !important;
        overflow-y: auto;
        padding: 0;
        box-shadow: none
    }

    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        display: block;
        overflow: auto;
        height: calc(100vh - 360px)
    }

    .navbar-vertical.navbar-expand-xl>[class*=container] {
        flex-direction: column;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (min-width:1200px) and (-ms-high-contrast:none),
(min-width:1200px) and (-ms-high-contrast:active) {
    .navbar-vertical.navbar-expand-xl>[class*=container] {
        min-height: none;
        height: 100%
    }
}

@media (min-width:1200px) {
    .navbar-vertical.navbar-expand-xl.fixed-start {
        left: 0
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
        padding-top: .675rem;
        padding-bottom: .675rem;
        margin: 0 1rem
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text,
    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i {
        pointer-events: none
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item {
        width: 100%
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item {
        margin-top: .125rem
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item>.nav-link .icon svg .color-background {
        fill: #3a416f
    }

    .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
        padding-top: .417rem;
        padding-bottom: .417rem;
        padding-left: 15px
    }
}

.aside[data-color=primary] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #cb0c9f 0, #cb0c9f 100%)
}

.aside[data-color=secondary] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #8392ab 0, #8392ab 100%)
}

.aside[data-color=success] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #82d616 0, #82d616 100%)
}

.aside[data-color=info] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #17c1e8 0, #17c1e8 100%)
}

.aside[data-color=warning] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #fbcf33 0, #fbcf33 100%)
}

.aside[data-color=danger] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #ea0606 0, #ea0606 100%)
}

.aside[data-color=light] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #e9ecef 0, #e9ecef 100%)
}

.aside[data-color=dark] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #344767 0, #344767 100%)
}

.aside[data-color=white] .navbar-nav>.nav-item>.nav-link.active .icon {
    background-image: linear-gradient(310deg, #fff 0, #fff 100%)
}

.aside,
.main-content {
    transition: all .2s ease-in-out;
    min-height: calc(100vh - 38px)
}

.main-content {
    background-color: var(--bs-body-bg-secondary);
    overflow-y: auto;
    height: 1px;
    border-top: 1px solid #383b42;
    border-left: 1px solid #383b42;
    scroll-behavior: smooth;
    transform: scale(1)
}

.aside {
    z-index: 9999
}

@media (min-width:1200px) {
    .aside:hover {
        max-width: 15.625rem
    }

    .aside.fixed-start~.main-content {
        margin-left: 6.5rem;
        background-color: var(--bs-body-bg-secondary);
        border-top-left-radius: 20px
    }
}

.aside-header {
    height: 4.875rem
}

.app .aside .nav-item .collapse {
    height: auto;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .app .aside .nav-item .collapse {
        transition: none
    }
}

.app .aside .nav-link-text {
    transition: .3s ease;
    opacity: 1
}

@media (max-width:1199.98px) {
    .app:not(.rtl) .aside {
        transform: translateX(-17.125rem)
    }

    .app .aside.fixed-start~.main-content {
        margin-left: 0 !important
    }

    .app.aside-open .aside {
        transform: translateX(5px) translateY(1.3%)
    }
}

.navbar-vertical .navbar-nav .nav-link.active {
    font-weight: 600;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
    border-radius: .5rem
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active {
    color: #344767;
    background-color: #fff
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background-image: linear-gradient(310deg, #cb0c9f 0, #cb0c9f 100%)
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon svg .color-background {
    fill: #fff
}

.navbar-main {
    transition: box-shadow .25s ease-in, background-color .25s ease-in;
    margin-bottom: -50px
}

.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, .5);
    transition: all .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 {
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-vertical .navbar-nav .nav-item .collapse .nav {
        transition: none
    }
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    color: rgba(58, 65, 111, .5);
    margin-left: 1.35rem
}

.navbar-vertical .navbar-nav .nav-item .collapse .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, .5)
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active {
    color: #3a416f
}

.navbar-vertical .navbar-nav .nav-item .collapse .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 {
    color: #3a416f
}

.navbar-vertical .navbar-nav .nav-item .collapse .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 {
    content: none
}

.navbar-vertical.blur .navbar-nav>.nav-item .nav-link {
    background-color: transparent;
    box-shadow: none
}

.navbar-vertical .navbar-nav .nav-item .nav-link .icon i {
    color: #141727;
    font-size: 35px;
    height: 35px;
    width: 35px;
    line-height: 1.05
}

.navbar-vertical .navbar-nav .nav-item .nav-link .icon i {
    color: #fff
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-weight: 400;
    line-height: 1.6
}

.h1,
h1 {
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: -.025rem
}

@media (max-width:575.98px) {

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

.h2,
h2 {
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: .05rem
}

@media (max-width:575.98px) {

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

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

@media (max-width:575.98px) {

    .h3,
    h3 {
        font-size: calc(0.8rem + .75vw)
    }
}

.h4,
h4 {
    font-size: 1.5rem;
    line-height: 1.375
}

@media (max-width:575.98px) {

    .h4,
    h4 {
        font-size: calc(1.3rem + .3vw)
    }
}

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

@media (max-width:575.98px) {

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

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

.p,
p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: 600
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-weight: 400
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    letter-spacing: -.05rem
}

a {
    letter-spacing: -.025rem;
    color: #d4d4d4
}

.text-sm {
    line-height: 1.5
}

.text-xs {
    line-height: 1.25
}

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

.text-sm {
    font-size: .875rem !important
}

.text-xs {
    font-size: .75rem !important
}

p {
    line-height: 1.625;
    font-weight: 400
}

.text-justify {
    text-align: justify !important
}

.text-muted {
    color: #9a9a9a !important
}

.text-light {
    font-weight: 300
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.text-4xl {
    font-size: 2rem
}

.text-5xl {
    font-size: 2.25rem
}

.text-6xl {
    font-size: 3rem
}

.text-7xl {
    font-size: 3.75rem
}

.text-8xl {
    font-size: 4rem
}

.text-9xl {
    font-size: 5rem
}

.logo-font {
    font-family: Tesla, sans-serif;
    color: #fff;
    user-select: none;
    z-index: 1001
}

.logo-font-spooky {
    font-family: 'Courier New', Courier, monospace;
    color: #fff;
    user-select: none;
    z-index: 1001
}

.header-bar {
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    margin-left: 8px;
    margin-right: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    align-items: center;
    transition: all .2s cubic-bezier(.25, 1, .5, 1)
}

.app {
    overflow: hidden;
    margin-right: 5px
}

.app>.blur-load {
    transition: all .5s cubic-bezier(.075, .82, .165, 1);
    filter: blur(50px)
}

.app.loaded {
    transform: initial;
    margin-right: unset
}

.app.loaded>.blur-load {
    filter: unset
}

.app.loaded>.loader {
    display: none
}

.loader {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    opacity: 1;
    transition: all .2s cubic-bezier(.5, 0, .75, 0)
}

.spinner-text {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 51%;
    margin: -100px 0 0 -100px;
    font-size: 40px;
    user-select: none;
    color: #fff
}

.code-text {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 44.4%;
    margin: 50px 0 0 -36px;
    font-size: 20px;
    user-select: none;
    color: #adadad
}

.spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px
}

.spinner .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

.aside-separator {
    height: calc(100vh - 35px)
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.menu-name {
    border: 2px solid #383939;
    box-shadow: rgba(0, 0, 0, .07) 0 1px 2px, rgba(0, 0, 0, .07) 0 2px 4px, rgba(0, 0, 0, .07) 0 4px 8px, rgba(0, 0, 0, .07) 0 8px 16px, rgba(0, 0, 0, .07) 0 16px 32px, rgba(0, 0, 0, .07) 0 32px 64px;
    opacity: 0;
    background-color: #1e1f21ef;
    backdrop-filter: blur(2px);
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1001;
    font-size: .8rem;
    transition: all .2s cubic-bezier(.25, 1, .5, 1);
    pointer-events: none;
    display: inline;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 20em;
    word-wrap: break-word;
    overflow-x: hidden
}

.aside-icon {
    transition: all 1s cubic-bezier(.25, 1, .5, 1);
    border-color: transparent;
    border-radius: 10px;
    border: 1px solid transparent
}

.nav-link:hover>.aside-icon {
    background-color: #ffffff2a;
    border-radius: 50px
}

.aside-icon.active {
    background-color: #ffffff21;
    border-radius: 50px;
    border: 1px inset #ffffff69
}

.header-bar-fixed {
    display: flex;
    position: fixed;
    align-items: center;
    margin-left: 8px;
    margin-top: 5px;
    top: 0;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, 1, .5, 1);
    z-index: 10;
    margin-top: 5px;
    margin-bottom: 5px;
    width: calc(100% - 8px);
    z-index: 1001
}

.toggle-aside {
    right: 10px;
    position: fixed
}

.logo-font-to-shine {
    font-family: Tesla, sans-serif;
    font-size: 17px;
    color: #fff;
    user-select: none
}

.logo-font-shine {
    font-family: Tesla, sans-serif;
    font-size: 17px;
    user-select: none;
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    -webkit-mask-size: 200%;
    mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    mask-size: 200%;
    animation: shine 1s ease-in-out 1
}

@keyframes shine {
    from {
        -webkit-mask-position: 150%
    }

    to {
        -webkit-mask-position: 0
    }
}

.main-parallax {
    box-shadow: inset 0 -74px 63px -7px var(--bs-body-bg-secondary), 800px 0vw 10000px #0000004d inset;
    padding: 24px;
    height: 100vh;
    background-color: #0000004d;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    animation: move-around 10s infinite
}

.main-parallax-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: absolute;
    width: 100%;
    height: 90vh;
    top: 0;
    left: 0;
    filter: blur(20px);
    z-index: -1
}

#main-container {
    margin-top: -250px
}

.services-container {
    background: #202225;
    background: linear-gradient(126deg, rgba(26, 27, 27, .67) 40%, rgba(26, 27, 27, 0) 100%);
    backdrop-filter: blur(15px);
    border-radius: 15px;
    max-width: 340px;
    -webkit-box-shadow: 0 0 29px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 0 29px 2px rgba(0, 0, 0, .4)
}

.dot-cool {
    height: 15px;
    width: 15px;
    background-color: #00beff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px
}

.dot-not-cool {
    height: 15px;
    width: 15px;
    background-color: #606060;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px
}

.dot-limited {
    height: 15px;
    width: 15px;
    background-color: #fb0;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px
}

.service-row {
    line-height: 1;
    margin: 10px
}

.aside-icon-account {
    min-height: 55px;
    min-width: 55px;
    background-size: cover
}

.main-parallax-container {
    overflow: hidden
}

.icon-navbar {
    display: none;
    font-size: 25px
}

.card-featured-news {
    height: unset !important;
    border: 1px solid transparent !important;
    background-color: unset !important;
    backdrop-filter: unset !important
}

.card-featured-description {
    text-align: justify
}

.view-more-floating {
    padding: 7px 10px;
    border-radius: 50%;
    backdrop-filter: blur(15px);
    background-color: #202225b6
}

.section-title {
    z-index: 1
}

.subsection-title {
    font-weight: 300
}

.page-title {
    line-height: 1;
    align-self: center;
    margin-bottom: 0;
    transition: opacity 0.2s cubic-bezier(.25, 1, .5, 1);
    position: sticky
}

.back-icon {
    font-size: 30px;
    padding: 5px 15px;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border-color: transparent;
    border-radius: 10px;
    color: #fff;
    margin-right: 24px;
    margin-top: -2px
}

.back-icon:hover,
.back-icon:focus {
    background-color: #ffffff2a;
    border-radius: 50px
}

.main-parallax-news-article {
    background-blend-mode: darken
}

.time-icon {
    font-size: 25px;
    margin-right: 10px;
    line-height: 1;
    margin-top: -2px
}

.text-right {
    text-align: right
}

.news-article-container {
    padding: 5rem;
    border-radius: 25px;
    background-color: #35373a9e;
    backdrop-filter: blur(20px);
    margin-bottom: 20px
}

.product-row {
    border-radius: 10px;
    background-color: #35373a9e;
    backdrop-filter: blur(10px);
    margin: 1rem 0;
    display: flex;
    transition: all 0.5s cubic-bezier(.175, .885, .32, 1.275);
    user-select: none;
    justify-content: space-between;
    border: 1px solid #383b42;
    color: #fff
}

.product-row:hover {
    color: #fff
}

.no-shadow {
    box-shadow: none;
    background-color: unset
}

.product-icon {
    font-size: 30px;
    padding: 5px 9px;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border-color: transparent;
    border-radius: 50px;
    color: #fff;
    margin-left: 24px
}

.product-icon:hover,
.product-icon:focus {
    border-radius: 50px
}

.product-button {
    font-size: 14px;
    padding: 5px 40px;
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1);
    border: 2px inset #ffffff23;
    border-radius: 5px;
    color: #fff;
    background-color: #ffffff29;
    text-align: center;
    display: flex;
    align-items: center;
    letter-spacing: normal;
    backdrop-filter: blur(15px);
    justify-content: center
}

.product-button:hover {
    color: #fff;
    border: 2px inset #fff0;
    background-color: #47484b80
}

.product-img-container {
    overflow: hidden;
    background-color: #202225;
    border-radius: 10px;
    margin-right: 24px;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.product-light {
    font-size: .8rem;
    color: #b9b9b9 !important
}

.product-img {
    height: 70px;
    width: 70px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.product-row:focus>div>.product-img-container>.product-img,
.product-row:hover>div>.product-img-container>.product-img {
    transform: scale(1.2)
}

.product-row:focus>div>.product-img-container,
.product-row:hover>div>.product-img-container {
    transform: translate3d(12px, -5%, 3em)
}

.store-product-img-large {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease-in-out;
    height: 300px;
    width: 300px
}

.store-product-button {
    font-size: 1rem;
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1);
    border: 2px inset #ffffff23;
    border-radius: 10px;
    color: #fff;
    background-color: #47484b80;
    text-align: center;
    letter-spacing: normal;
    cursor: pointer;
    width: 150px;
    padding: 10px 0;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(15px);
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px;
    user-select: none
}

.store-product-button:hover {
    color: #fff;
    border: 2px inset #fff0;
    background-color: #47484b80
}

.store-product-button:disabled {
    border: 2px inset transparent;
    background-color: #3132337a;
    color: #fefefed1;
    cursor: not-allowed;
    background: linear-gradient(95deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) #3132337a;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s slide ease-in-out infinite
}

.price {
    font-weight: 600
}

.store-details-row {
    border-radius: 10px;
    z-index: 1;
    margin: 1rem 1rem;
    display: flex;
    user-select: none;
    justify-content: space-between
}

.details-title {
    font-size: .95rem;
    color: #c5c5c5 !important
}

.details-data {
    font-size: 2rem;
    font-weight: 600
}

.img-showcase {
    min-height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease-in-out;
    position: relative
}

.img-showcase-container {
    overflow: hidden;
    transition: all .3s ease-in-out;
    height: 300px;
    cursor: pointer
}

.img-showcase-container:focus>.img-showcase,
.img-showcase-container:hover>.img-showcase {
    transform: scale(1.08)
}

.img-showcase-container:focus,
.img-showcase-container:hover {
    transform: scale(.99)
}

.controls {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.controls:focus {
    outline: none
}

.controls li {
    font-size: 2rem;
    border-radius: 50%;
    padding: 5px 15px;
    margin: 10px;
    line-height: 0;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1)
}

.controls li:hover {
    background-color: #ffffff29;
    cursor: pointer;
    transform: scale(1.09);
    backdrop-filter: blur(10px)
}

.controls li[aria-disabled="true"] {
    transform: scale(1.5);
    opacity: 0;
    visibility: hidden
}

.product-button-icon {
    font-size: 21px
}

.product-button-icon-lg {
    font-size: 26px
}

.verified-icon {
    font-size: 1.8rem;
    color: #009acc;
    margin: 0 15px
}

.retailer-row {
    border-radius: 10px;
    background-color: #35373a9e;
    backdrop-filter: blur(10px);
    margin: 1rem 0;
    display: flex;
    transition: all 0.1s ease-in-out;
    justify-content: space-between;
    border: 1px solid #383b42
}

.retailer-payment-methods {
    padding: 10px;
    background-color: #ffffff29;
    border-radius: 15px;
    align-items: center
}

.retailer-payment-method {
    font-size: 2rem;
    color: #f8f8f8;
    margin: 0 15px
}

.retailer-payment-method.cards::before {
    content: '\f142'
}

.retailer-payment-method.btc::before {
    content: '\f22b'
}

.retailer-payment-method.apay::before {
    content: '\f229'
}

.retailer-payment-method.gpay::before {
    content: '\f23a'
}

.retailer-payment-method.paypal {
    background-image: url(../../media/image/shared/store/payment-method/paypal.240321a1956001b2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.retailer-payment-method.paysafecard {
    background-image: url(../../media/image/shared/store/payment-method/paysafecard.1ccf5a4ea2952fe3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.retailer-payment-method.ideal {
    background-image: url(../../media/image/shared/store/payment-method/ideal.8b90c869b1b8d81f.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 34px
}

.retailer-payment-method.eps {
    background-image: url(../../media/image/shared/store/payment-method/eps.1989d6638d19b1fa.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 39px
}

.retailer-payment-method.giropay {
    background-image: url(../../media/image/shared/store/payment-method/giropay.9013a644ababc601.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 70px
}

.retailer-payment-method.bancontact {
    background-image: url(../../media/image/shared/store/payment-method/bancontact.78a0d6b8a715f4da.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 42px
}

.retailer-payment-method.wechat {
    background-image: url(../../media/image/shared/store/payment-method/wechat.9bb54d654a21d832.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.retailer-payment-method.alipay {
    background-image: url(../../media/image/shared/store/payment-method/alipay.8fd728a19ca6108f.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.retailer-payment-method.sofort {
    background-image: url(../../media/image/shared/store/payment-method/sofort.ff7ca19a0d0d89ef.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 78px
}

.retailer-payment-method.cashapp {
    background-image: url(../../media/image/shared/store/payment-method/cashapp.16af8b0ab70ea5c9.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.retailer-payment-method.venmo {
    background-image: url(../../media/image/shared/store/payment-method/venmo.fcb169eae63bd675.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 30px;
    width: 30px
}

.pay-with {
    margin: 0 15px;
    color: #cecece
}

.retailer-sales {
    text-align: center;
    margin-top: 13px;
    color: #bbb;
    font-size: .85rem
}

.retailer-button {
    font-size: 14px;
    padding: 5px 40px;
    transition: all 0.3s cubic-bezier(.25, 1, .5, 1);
    border: 2px inset #ffffff23;
    border-radius: 5px;
    color: #fff;
    background-color: #ffffff29;
    text-align: center;
    display: flex;
    align-items: center;
    letter-spacing: normal;
    user-select: none;
    backdrop-filter: blur(15px)
}

.retailer-button:hover {
    color: #fff;
    border: 2px inset #fff0;
    background-color: #47484b80
}

.retailer-img-container {
    overflow: hidden;
    background-color: #202225;
    border-radius: 10px;
    margin-right: 24px;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.retailer-img {
    height: 120px;
    width: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.side-separator {
    border-right: 1px solid #ffffff2b
}

.store-description {
    text-align: justify
}

.h-unset {
    height: unset
}

.no-blur {
    backdrop-filter: unset !important
}

.popup-background {
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
    backdrop-filter: blur(20px);
    transition: all .2s ease-in-out
}

.popup-container {
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    position: absolute;
    top: 50%;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.popup-img {
    max-width: 90%;
    height: auto
}

.popup-close-icon {
    margin-left: -45px;
    margin-top: 10px;
    border-radius: 50%;
    padding: 17px 11px;
    background-color: #0000006c;
    backdrop-filter: blur(15px);
    line-height: 0;
    font-size: 30px
}

.showcase-badge {
    padding: 0 15px;
    background-color: #0084ff;
    border-radius: 25px;
    color: #fff;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border: 3px inset transparent
}

.showcase-badge:hover {
    color: #fff;
    background-color: #0084ffbb
}

.sign-out-badge {
    padding: 0 15px;
    background-color: #be2424;
    border-radius: 25px;
    color: #fff;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border: 3px inset transparent
}

.sign-out-badge:hover {
    color: #fff;
    background-color: #f00b
}

.get-more-badge {
    padding: 5px 15px;
    background-color: #ffffff29;
    border-radius: 25px;
    color: #fff;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border: 1px inset #ffffff23;
    backdrop-filter: blur(15px)
}

.get-more-badge:hover {
    color: #fff;
    background-color: #0084ffbb
}

.edition-badge {
    padding: 5px 15px;
    background-color: #ffffff29;
    border-radius: 25px;
    color: #fff;
    transition: all 0.5s cubic-bezier(.25, 1, .5, 1);
    border: 1px inset #ffffff23;
    backdrop-filter: blur(15px);
    margin-right: 10px;
    margin-bottom: 10px
}

.store-featured {
    height: unset !important;
    background-color: transparent !important;
    border: 1px solid transparent !important
}

.store-home-row {
    border-radius: 10px;
    background-color: #35373a9e;
    backdrop-filter: blur(10px);
    margin: 1rem 0;
    margin-top: 0;
    display: flex;
    transition: all 0.5s cubic-bezier(.175, .885, .32, 1.275);
    user-select: none;
    justify-content: space-between;
    border: 1px solid #383b42;
    color: #fff
}

.store-home-row:hover {
    color: #fff
}

.store-home-img-container {
    overflow: hidden;
    background-color: #202225;
    border-radius: 10px;
    margin-right: 24px;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.store-home-img {
    height: 100px;
    width: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

.store-home-img-lg {
    height: 200px;
    width: 200px
}

.store-home-row:focus>div>.store-home-img-container>.store-home-img,
.store-home-row:hover>div>.store-home-img-container>.store-home-img,
.store-home-row:focus>div>.store-home-img-container>.store-home-img-lg,
.store-home-row:hover>div>.store-home-img-container>.store-home-img-lg {
    transform: scale(1.2)
}

.price-tag {
    padding: 5px 10px;
    border-radius: 15px;
    background-color: #ffffff29;
    font-size: .9rem;
    font-weight: 600
}

.price-tag-container {
    position: absolute;
    right: 15px;
    top: 15px
}

.main-parallax-auth {
    height: calc(100vh - 67px)
}

input {
    color: #fff
}

select {
    color: #fff
}

.form-input {
    font-size: .9rem;
    padding: .8rem;
    border-radius: 10px;
    background-color: #20222586;
    border: 2px inset #ffffff23;
    outline: none;
    color: #fff;
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1), padding 0.0s linear;
    font-family: 'Sora';
    backdrop-filter: blur(15px);
    width: 100%;
}

.form-input:hover {
    background-color: #ffffff09
}

.form-input:focus {
    border: 2px inset #fff0;
    background-color: #ffffff10
}


.outer {
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1);
    border-radius: 5px;
    position: relative
}

.invalid-outer::before {
    content: attr(data-highlight-message);
    display: flex;
    position: absolute;
    border-radius: 10px;
    padding: 5px 0 5px 10px;
    right: 0;
    transform: translate(0, -137%);
    pointer-events: none;
    font-family: 'Sora';
    color: #c80000;
    font-size: .8rem;
    line-height: 1.2;
    text-align: left;
    font-weight: 600
}

.invalid-outer::after {
    content: "\f268";
    font-family: Ionicons;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 25px;
    top: 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 22px;
    text-shadow: 0 0 6px #000000b3
}

.form-button {
    font-size: .9rem;
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1);
    border: 2px inset #19a6dd52;
    border-radius: 5px;
    color: #fff;
    background-color: #0084ff7a;
    text-align: center;
    cursor: pointer;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(15px);
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px;
    user-select: none
}

.form-button:hover {
    color: #fff;
    border: 2px inset #fff0;
    background-color: #0084ffa2
}

.form-button:disabled {
    border: 2px inset transparent;
    background-color: #3132337a;
    color: #fefefed1;
    cursor: not-allowed;
    background: linear-gradient(95deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) #3132337a;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s slide ease-in-out infinite
}

.button-red {
    background-color: #ff11007a;
    border: 2px inset #dd191952
}

.button-red:hover {
    background-color: #ff0000a2
}

.mr-6 {
    margin-right: 6rem
}

.lh-0 {
    line-height: 0
}

.sessions-container {
    transition: all 0.8s cubic-bezier(.175, .885, .32, 1.275)
}

.sessions-row {
    border-radius: 10px;
    background-color: #35373a9e;
    backdrop-filter: blur(10px);
    margin: 1rem 0;
    display: flex;
    transition: all 0.5s cubic-bezier(.175, .885, .32, 1.275);
    justify-content: space-between;
    border: 1px solid #383b42;
    color: #fff
}

.sessions-row:hover {
    color: #fff
}

.account-button {
    font-size: 14px;
    padding: 7px 25px;
    transition: all 0.5s cubic-bezier(.22, 1, .36, 1);
    border: 2px inset #ffffff23;
    border-radius: 5px;
    color: #fff;
    background-color: #ffffff29;
    text-align: center;
    display: flex;
    align-items: center;
    letter-spacing: normal;
    backdrop-filter: blur(15px);
    justify-content: center;
    user-select: none;
    cursor: pointer
}

.account-button:hover {
    color: #fff;
    border: 2px inset #fff0;
    background-color: #47484b80
}

.account-button:disabled {
    border: 2px inset transparent;
    background-color: #3132337a;
    color: #fefefed1;
    cursor: not-allowed;
    background: linear-gradient(95deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 60%) #3132337a;
    background-size: 200% 100%;
    background-position-x: 180%;
    animation: 1s slide ease-in-out infinite
}

.account-panel {
    border-radius: 15px;
    background: #35373a9e;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border: 1px solid #383b42
}

.account-img-large {
    border-radius: 50%;
    margin-bottom: 2rem
}

.account-name-badge {
    font-weight: 700;
    padding: 10px;
    line-height: normal;
    border-radius: 15px;
    background-color: #0004
}

.account-info {
    margin-right: 3rem
}

.counter {
    font-family: 'Courier New', Courier, monospace;
    padding: 10px;
    line-height: normal;
    border-radius: 15px;
    background-color: #35373a9e
}

.peter-griffin {
    font-family: 'Courier New', Courier, monospace
}

select {
    background-color: #000
}

option {
    background-color: #000
}

hr {
    margin: 1.5rem 0;
    width: 100%;
    border: 1px solid #383838
}

.camo {
    background: radial-gradient(circle at bottom, var(--bs-body-bg-secondary), transparent 80%), linear-gradient(to top, var(--bs-body-bg-secondary) 0%, transparent 70%), url(../../media/image/shared/element/camo.c31bea89c4daaaec.webp), url(../../media/image/shared/element/ruby.e6d4d45959435bfb.webp), var(--bs-body-bg-secondary);
    background-repeat: repeat;
    animation: roll 3600s linear infinite
}

.camo.speed {
    animation-play-state: paused
}

.text-shaw-heavy {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .8), 0 8px 13px rgba(0, 0, 0, .2), 0 18px 23px rgba(0, 0, 0, .2)
}

.landing-img {
    /* border-radius: 20px;
    box-shadow: 0 8px 45px 15px rgb(20 20 20 / 99%); */
    height: 445px;
    width: 340px
}

.mt-10 {
    margin-top: 10rem
}

.go-black {
    cursor: pointer;
    user-select: none;
    transition: all 0.6s ease-in
}

.owned-badge {
    position: absolute;
    top: -23px;
    left: -9px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    border-radius: 25px;
    background-color: #005fff;
    box-shadow: rgba(17, 17, 26, .1) 0 4px 16px, rgba(17, 17, 26, .1) 0 8px 24px, rgba(17, 17, 26, .1) 0 16px 56px;
    font-size: .9rem;
    font-weight: 600;
    user-select: none
}

.owned-icon {
    font-size: 1.5rem;
    margin-right: 10px
}

.owned-text {
    line-height: 1
}

.text-shadow-heavy {
    text-shadow: 0 0 20px #000
}

.library-counter {
    font-family: 'Courier New', Courier, monospace;
    line-height: 1
}

.editions-container {
    flex-wrap: wrap
}

@keyframes roll {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 10000% 10000%
    }
}

@keyframes slide {
    to {
        background-position-x: -20%
    }
}

@media (max-width:1199.98px) {
    .main-content>.main-parallax-container {
        border-radius: unset
    }

    .main-content {
        border-top: unset;
        border-left: unset
    }

    .stamp {
        display: none
    }

    .menu-name {
        display: none
    }

    .icon-navbar {
        display: initial
    }

    .aside-separator {
        border: 2px solid #383939;
        border-radius: 25px;
        background-color: #202225cb;
        backdrop-filter: blur(5px);
        height: unset
    }

    #toggle-aside {
        text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 55px #000, 0 0 75px #000
    }

    .services-container {
        max-width: unset
    }

    .main-row {
        height: 100%;
        justify-content: center
    }

    .service-row {
        line-height: unset
    }

    .service-row>* {
        width: unset
    }

    #main-container {
        margin-top: 0
    }

    .img-news-large {
        min-height: 200px
    }

    .news-article-container {
        padding: 20px
    }

    .product-obtained {
        display: none !important
    }

    .product-img-container {
        display: none
    }

    .product-button {
        display: none
    }

    .store-details:nth-child(3),
    .store-details:nth-child(4) {
        display: none !important
    }

    .retailer-payment-methods {
        display: none !important
    }

    .retailer-sales {
        display: none !important
    }

    .retailer-img-container {
        display: none !important
    }

    .side-separator {
        display: none !important
    }

    .main-parallax {
        height: unset
    }

    .popup-container {
        left: 48.7%
    }

    .popup-img {
        max-width: 100vw
    }

    .store-front-container {
        justify-content: center;
        margin: 3rem 0
    }

    .store-details-row {
        margin-left: 0
    }

    .showcase-badge {
        display: none !important
    }

    .store-home-img {
        height: 75px;
        width: 75px
    }

    .store-home-img-lg {
        height: 100px;
        width: 100px
    }

    .price-tag-container {
        right: -15px;
        top: -15px
    }

    .price-tag {
        background-color: #4a4c4f
    }

    .main-parallax-auth {
        min-height: calc(100vh - 38px)
    }

    .signin-description {
        margin-top: 6rem
    }

    .account-info {
        margin-right: unset;
        margin-top: 2rem
    }

    .landing-img {
        display: none
    }

    .card-featured-news {
        background-color: unset !important;
        backdrop-filter: unset !important
    }

    .owned-badge {
        top: unset;
        left: unset
    }

    .home-services {
        justify-content: space-between
    }
}

::-webkit-scrollbar {
    width: 15px
}

::-webkit-scrollbar-track {
    background-color: var(--bs-body-bg-secondary)
}

::-webkit-scrollbar-thumb {
    background-color: #ffffff27;
    border-radius: 20px;
    border: 5px var(--bs-body-bg-secondary) solid
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff50;
    border-radius: 20px
}