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

.dropdown-toggle {
    white-space: nowrap
}

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

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

.dropdown-menu {
    --si-dropdown-min-width: 12rem;
    --si-dropdown-padding-x: 0;
    --si-dropdown-padding-y: 0.5rem;
    --si-dropdown-spacer: 0.25rem;
    --si-dropdown-font-size: 0.875rem;
    --si-dropdown-color: #565973;
    --si-dropdown-bg: #fff;
    --si-dropdown-border-color: #fff;
    --si-dropdown-border-radius: 0.5rem;
    --si-dropdown-border-width: 1px;
    --si-dropdown-inner-border-radius: calc(0.5rem - 1px);
    --si-dropdown-divider-bg: #e2e5f1;
    --si-dropdown-divider-margin-y: 0.375rem;
    --si-dropdown-box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
    --si-dropdown-link-color: #33354d;
    --si-dropdown-link-hover-color: #6366f1;
    --si-dropdown-link-hover-bg: transparent;
    --si-dropdown-link-active-color: #6366f1;
    --si-dropdown-link-active-bg: transparent;
    --si-dropdown-link-disabled-color: #9397ad;
    --si-dropdown-item-padding-x: 1rem;
    --si-dropdown-item-padding-y: 0.375rem;
    --si-dropdown-header-color: #0b0f19;
    --si-dropdown-header-padding-x: 1rem;
    --si-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--si-dropdown-min-width);
    padding: var(--si-dropdown-padding-y) var(--si-dropdown-padding-x);
    margin: 0;
    font-size: var(--si-dropdown-font-size);
    color: var(--si-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--si-dropdown-bg);
    background-clip: padding-box;
    border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
    border-radius: var(--si-dropdown-border-radius);
    box-shadow: var(--si-dropdown-box-shadow);

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-menu.show {
    display: block
}

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

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

.dropdown-menu-dark,
.dark-mode .dropdown-menu {
    --si-dropdown-color: rgba(255, 255, 255, 0.7);
    --si-dropdown-bg: linear-gradient(0deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)), #0b0f19;
    --si-dropdown-border-color: rgba(255, 255, 255, 0.14);
    --si-dropdown-box-shadow: ;
    --si-dropdown-link-color: rgba(255, 255, 255, 0.85);
    --si-dropdown-link-hover-color: #6366f1;
    --si-dropdown-divider-bg: rgba(255, 255, 255, 0.14);
    --si-dropdown-link-hover-bg: transparent;
    --si-dropdown-link-active-color: #6366f1;
    --si-dropdown-link-active-bg: transparent;
    --si-dropdown-link-disabled-color: rgba(255, 255, 255, 0.4);
    --si-dropdown-header-color: #fff
}

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

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

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

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

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

.btn-group {
    border-radius: .375rem
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

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

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

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

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

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

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

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

.btn-group.show .dropdown-toggle {
    box-shadow: unset
}

.btn-group.show .dropdown-toggle.btn-link {
    box-shadow: none
}

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

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

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

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

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

.nav {
    --si-nav-link-padding-x: 1rem;
    --si-nav-link-padding-y: 0.535rem;
    --si-nav-link-font-weight: 600;
    --si-nav-link-color: #33354d;
    --si-nav-link-hover-color: #6366f1;
    --si-nav-link-disabled-color: #9397ad;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

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

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

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

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

.nav-tabs {
    --si-nav-tabs-border-width: 0;
    --si-nav-tabs-border-color: transparent;
    --si-nav-tabs-border-radius: 0.375rem;
    --si-nav-tabs-link-hover-border-color: transparent;
    --si-nav-tabs-link-active-color: #fff;
    --si-nav-tabs-link-active-bg: #6366f1;
    --si-nav-tabs-link-active-border-color: transparent;
    border-bottom: var(--si-nav-tabs-border-width) solid var(--si-nav-tabs-border-color)
}

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

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

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

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--si-nav-tabs-link-active-color);
    background-color: var(--si-nav-tabs-link-active-bg);
    border-color: var(--si-nav-tabs-link-active-border-color);
    position: absolute  ;
    left: 0;
}

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

.nav-pills {
    --si-nav-pills-border-radius: 50rem;
    --si-nav-pills-link-active-color: #fff;
    --si-nav-pills-link-active-bg: #6366f1
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--si-nav-pills-border-radius)
}

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

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

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

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

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

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

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

.navbar {
    --si-navbar-padding-x: 0;
    --si-navbar-padding-y: 0.5rem;
    --si-navbar-color: #fff;
    --si-navbar-hover-color: #fff;
    --si-navbar-disabled-color: #9397ad;
    --si-navbar-active-color: #fff;
    --si-navbar-brand-padding-y: 0.5rem;
    --si-navbar-brand-margin-end: 1rem;
    --si-navbar-brand-font-size: 1.375rem;
    --si-navbar-brand-color: #0b0f19;
    --si-navbar-brand-hover-color: #0b0f19;
    --si-navbar-nav-link-padding-x: 1.25rem;
    --si-navbar-toggler-padding-y: 0.625rem;
    --si-navbar-toggler-padding-x: 0.25rem;
    --si-navbar-toggler-font-size: 1.125rem;
    --si-navbar-toggler-icon-bg: initial;
    --si-navbar-toggler-border-color: transparent;
    --si-navbar-toggler-border-radius: 0;
    --si-navbar-toggler-focus-width: 0;
    --si-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--si-navbar-padding-y) var(--si-navbar-padding-x)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-dark {
    --si-navbar-color: rgba(255, 255, 255, 0.85);
    --si-navbar-hover-color: #6366f1;
    --si-navbar-disabled-color: rgba(255, 255, 255, 0.4);
    --si-navbar-active-color: #6366f1;
    --si-navbar-brand-color: #fff;
    --si-navbar-brand-hover-color: #fff;
    --si-navbar-toggler-border-color: transparent;
    --si-navbar-toggler-icon-bg: initial
}





.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --si-offcanvas-width: 21rem;
    --si-offcanvas-height: 30vh;
    --si-offcanvas-padding-x: 1.5rem;
    --si-offcanvas-padding-y: 1.5rem;
    --si-offcanvas-color: ;
    --si-offcanvas-bg: #fff;
    --si-offcanvas-border-width: 0;
    --si-offcanvas-border-color: var(--si-border-color-translucent);
    --si-offcanvas-box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03)
}

@media(max-width: 499.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--si-offcanvas-color);
        visibility: hidden;
        background-color: var(--si-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--si-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }
}

@media(max-width: 499.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media(max-width: 499.98px) {

    .offcanvas-sm.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none
    }
}

@media(max-width: 499.98px) {

    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible
    }
}

@media(max-width: 499.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--si-offcanvas-width);
        border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media(max-width: 499.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--si-offcanvas-width);
        border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media(max-width: 499.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media(max-width: 499.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media(min-width: 500px) {
    .offcanvas-sm {
        --si-offcanvas-height: auto;
        --si-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

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

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--si-offcanvas-color);
        visibility: hidden;
        background-color: var(--si-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--si-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }
}

@media(max-width: 767.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media(max-width: 767.98px) {

    .offcanvas-md.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none
    }
}

@media(max-width: 767.98px) {

    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--si-offcanvas-width);
        border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--si-offcanvas-width);
        border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media(max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media(min-width: 768px) {
    .offcanvas-md {
        --si-offcanvas-height: auto;
        --si-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

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

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--si-offcanvas-color);
        visibility: hidden;
        background-color: var(--si-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--si-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }
}

@media(max-width: 991.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media(max-width: 991.98px) {

    .offcanvas-lg.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none
    }
}

@media(max-width: 991.98px) {

    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--si-offcanvas-width);
        border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--si-offcanvas-width);
        border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media(max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media(min-width: 992px) {
    .offcanvas-lg {
        --si-offcanvas-height: auto;
        --si-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

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

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--si-offcanvas-color);
        visibility: hidden;
        background-color: var(--si-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--si-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }
}

@media(max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media(max-width: 1199.98px) {

    .offcanvas-xl.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none
    }
}

@media(max-width: 1199.98px) {

    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--si-offcanvas-width);
        border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--si-offcanvas-width);
        border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media(max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media(min-width: 1200px) {
    .offcanvas-xl {
        --si-offcanvas-height: auto;
        --si-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

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

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--si-offcanvas-color);
        visibility: hidden;
        background-color: var(--si-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        box-shadow: var(--si-offcanvas-box-shadow);
        transition: transform .3s ease-in-out
    }
}

@media(max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media(max-width: 1399.98px) {

    .offcanvas-xxl.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }
}

@media(max-width: 1399.98px) {

    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--si-offcanvas-width);
        border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--si-offcanvas-width);
        border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media(max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--si-offcanvas-height);
        max-height: 100%;
        border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media(min-width: 1400px) {
    .offcanvas-xxl {
        --si-offcanvas-height: auto;
        --si-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

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

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--si-offcanvas-color);
    visibility: hidden;
    background-color: var(--si-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--si-offcanvas-box-shadow);
    transition: transform .3s ease-in-out
}

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

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--si-offcanvas-width);
    border-right: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--si-offcanvas-width);
    border-left: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--si-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--si-offcanvas-height);
    max-height: 100%;
    border-top: var(--si-offcanvas-border-width) solid var(--si-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .65
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--si-offcanvas-padding-y) var(--si-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--si-offcanvas-padding-y)*.5) calc(var(--si-offcanvas-padding-x)*.5);
    margin-top: calc(var(--si-offcanvas-padding-y)*-0.5);
    margin-right: calc(var(--si-offcanvas-padding-x)*-0.5);
    margin-bottom: calc(var(--si-offcanvas-padding-y)*-0.5)
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.6
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--si-offcanvas-padding-y) var(--si-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .35
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite
}

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

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

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.88) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.88) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite
}

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

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

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

.text-bg-primary {
    color: #000 !important;
    background-color: RGBA(99, 102, 241, var(--si-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #000 !important;
    background-color: RGBA(239, 242, 252, var(--si-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #000 !important;
    background-color: RGBA(34, 197, 94, var(--si-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(76, 130, 247, var(--si-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 186, 8, var(--si-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #000 !important;
    background-color: RGBA(239, 68, 68, var(--si-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(255, 255, 255, var(--si-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(11, 15, 25, var(--si-bg-opacity, 1)) !important
}


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

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

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

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

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

    .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

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

    .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

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

    .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

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

    .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

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

    .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}








.dropdown-toggle::before,
.dropdown-toggle::after {
    font-family: "boxicons";
    font-size: 1.375em;
    font-weight: normal;
    vertical-align: middle !important;
    border: none !important;
    line-height: 1
}

.dropdown-toggle::after {
    margin-right: -0.25rem;
    content: ""
}

.dropdown-toggle.fs-sm::after {
    margin-top: -0.0625rem !important
}

.dropdown-toggle.btn:not(.btn-lg)::before,
.dropdown-toggle.btn:not(.btn-lg)::after {
    font-size: 1.375em
}

.dropup .dropdown-toggle::after {
    content: ""
}

.dropstart .dropdown-toggle::before {
    margin-left: -0.3125rem;
    content: ""
}

.dropend .dropdown-toggle::after {
    margin-right: -0.3125rem;
    content: "";
    font-size: 1.15em !important
}

.dropdown-toggle-split::before,
.dropdown-toggle-split::after {
    margin: 0
}

.dropdown-menu {
    --si-dropdown-link-font-weight: 500
}

.dropdown-menu li:hover>.dropdown-item {
    color: var(--si-dropdown-link-hover-color)
}

.dropdown-menu .active>.dropdown-item {
    color: var(--si-dropdown-link-active-color)
}

.dropdown-menu .active>.dropdown-item,
.dropdown-menu .dropdown-item.active {
    pointer-events: none
}

.dropdown-menu.w-100 {
    min-width: 100%
}

.dropdown-menu-dark,
.dark-mode .dropdown-menu {
    background: var(--si-dropdown-bg)
}

.dropdown-menu-dark li:hover>.dropdown-item,
.dark-mode .dropdown-menu li:hover>.dropdown-item {
    color: var(--si-dropdown-link-hover-color)
}

.dropdown-menu-dark .active>.dropdown-item,
.dark-mode .dropdown-menu .active>.dropdown-item {
    color: var(--si-dropdown-link-active-color)
}

.dropdown-item {
    font-weight: var(--si-dropdown-link-font-weight)
}

.dropdown-divider {
    margin-right: var(--si-dropdown-item-padding-x);
    margin-left: var(--si-dropdown-item-padding-x)
}

hr.dropdown-divider {
    border: 0;
    height: var(--si-dropdown-border-width);
    background-color: var(--si-dropdown-divider-bg)
}

.dropdown-menu-dark hr.dropdown-divider,
.dark-mode .dropdown-menu hr.dropdown-divider {
    border: 0;
    background-color: var(--si-dropdown-divider-bg)
}

.dropdown-menu.show {
    -webkit-animation: fade-in .2s ease-in-out;
    animation: fade-in .2s ease-in-out
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.nav-tabs-alt>.nav-item>.dropdown-menu {
    margin-top: -0.125rem !important;
    border-top-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-item {
    margin-bottom: 0
}

.nav {
    --si-nav-link-active-color: #6366f1
}

.nav-link {
    display: flex;
    align-items: center
}

.nav-link.active {
    color: var(--si-nav-link-active-color)
}

.nav-link.active:not([data-bs-toggle=dropdown]) {
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --si-nav-tabs-link-bg: #eff2fc;
    --si-nav-tabs-link-hover-bg: rgba(99, 102, 241, 0.12);
    --si-nav-tabs-link-disabled-bg: #f3f6ff;
    --si-nav-tabs-link-color: #33354d;
    --si-nav-tabs-link-hover-color: #6366f1;
    margin-bottom: .75rem
}

.nav-tabs .nav-item {
    margin-bottom: .75rem
}

.nav-tabs .nav-link {
    border-radius: var(--si-nav-tabs-border-radius);
    background-color: var(--si-nav-tabs-link-bg);
    color: var(--si-nav-tabs-link-color)
}

.nav-tabs .nav-link:hover:not(.active),
.nav-tabs .nav-link.show:not(.active) {
    background-color: var(--si-nav-tabs-link-hover-bg);
    color: var(--si-nav-tabs-link-hover-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link[disabled] {
    background-color: var(--si-nav-tabs-link-disabled-bg)
}

.nav-tabs .dropdown-menu {
    border-top-left-radius: var(--si-dropdown-border-radius);
    border-top-right-radius: var(--si-dropdown-border-radius)
}

.nav-tabs-alt {
    --si-nav-tabs-alt-border-width: 1px;
    --si-nav-tabs-alt-border-color: #e2e5f1;
    --si-nav-tabs-alt-link-padding-y: 0.8025rem;
    --si-nav-tabs-alt-link-padding-x: 1rem;
    --si-nav-tabs-alt-link-active-border-color: #6366f1;
    margin-bottom: 1.5rem;
    border-bottom: var(--si-nav-tabs-alt-border-width) solid var(--si-nav-tabs-alt-border-color)
}

.nav-tabs-alt .nav-item {
    margin-bottom: calc(var(--si-nav-tabs-alt-border-width)*-1)
}

.nav-tabs-alt .nav-link {
    padding: var(--si-nav-tabs-alt-link-padding-y) var(--si-nav-tabs-alt-link-padding-x);
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.nav-tabs-alt .nav-link.active {
    border-bottom-color: var(--si-nav-tabs-alt-link-active-border-color)
}

.nav-tabs .nav-item,
.nav-pills .nav-item {
    margin-right: .75rem
}

.nav-tabs .nav-item:last-child,
.nav-pills .nav-item:last-child {
    margin-right: 0
}

.nav-tabs.justify-content-center .nav-item,
.nav-pills.justify-content-center .nav-item {
    margin-right: .375rem;
    margin-left: .375rem
}

.nav-tabs.justify-content-end .nav-item,
.nav-pills.justify-content-end .nav-item {
    margin-right: 0;
    margin-left: .75rem
}

.nav-tabs.flex-column .nav-item,
.nav-pills.flex-column .nav-item {
    margin-right: 0;
    margin-bottom: .75rem;
    margin-left: 0
}

.nav-tabs.flex-column .nav-item:last-child,
.nav-pills.flex-column .nav-item:last-child {
    margin-bottom: 0
}

.side-nav {
    --si-side-nav-padding-y: 0;
    --si-side-nav-padding-x: 2rem;
    --si-side-nav-border-width: 1px;
    --si-side-nav-border-color: #e2e5f1;
    --si-side-nav-link-padding-y: 0.375rem;
    --si-side-nav-link-padding-x: 2rem;
    --si-side-nav-link-font-size: 0.875rem;
    --si-side-nav-link-active-border-color: #6366f1;
    padding: var(--si-side-nav-padding-y) var(--si-side-nav-padding-x)
}

.side-nav .nav {
    flex-direction: column;
    margin-right: calc(var(--si-side-nav-padding-x)*-1);
    margin-left: calc(var(--si-side-nav-padding-x)*-1)
}

.side-nav .nav-link {
    padding: var(--si-side-nav-link-padding-y) var(--si-side-nav-link-padding-x);
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    font-size: var(--si-side-nav-link-font-size)
}

.side-nav.side-nav-start {
    border-right: var(--si-side-nav-border-width) solid var(--si-side-nav-border-color)
}

.side-nav.side-nav-start .nav-link {
    margin-right: calc(var(--si-side-nav-border-width)*-1);
    border-right: var(--si-side-nav-border-width) solid rgba(0, 0, 0, 0)
}

.side-nav.side-nav-end {
    border-left: var(--si-side-nav-border-width) solid var(--si-side-nav-border-color)
}

.side-nav.side-nav-end .nav-link {
    margin-left: calc(var(--si-side-nav-border-width)*-1);
    border-left: var(--si-side-nav-border-width) solid rgba(0, 0, 0, 0)
}

.side-nav .active>.nav-link,
.side-nav .nav-link.active {
    border-color: var(--si-side-nav-link-active-border-color)
}

.bg-faded-primary-hover {
    transition: background-color .2s ease-in-out
}

.bg-faded-primary-hover:hover {
    background-color: rgba(99, 102, 241, .12) !important
}

.navbar-brand {
    --si-navbar-brand-padding-y: 0.5rem;
    --si-navbar-brand-margin-end: 1rem;
    --si-navbar-brand-font-size: 1.375rem;
    --si-navbar-brand-font-weight: 800;
    display: flex;
    align-items: center;
    padding: calc(var(--si-navbar-brand-padding-y)*.5) 0;
    font-weight: var(--si-navbar-brand-font-weight)
}

.navbar-brand>img {
    margin-right: .4375rem
}

.navbar-toggler {
    position: relative;
    width: 1.875rem;
    height: 2.25rem
}

.navbar-toggler-icon {
    display: block;
    top: 50%;
    margin-top: -0.0625rem;
    transition-duration: .075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.navbar-toggler-icon,
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    position: absolute;
    width: 1.375rem;
    height: .125rem;
    transition-property: transform .15s ease;
    background-color: var(--si-navbar-toggler-color)
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    display: block;
    content: ""
}

.navbar-toggler-icon::before {
    top: -0.4375rem;
    transition: top .075s .12s ease, opacity .075s ease
}

.navbar-toggler-icon::after {
    bottom: -0.4375rem;
    transition: bottom .075s .12s ease, transform .075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

[aria-expanded=true] .navbar-toggler-icon {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

[aria-expanded=true] .navbar-toggler-icon::before {
    top: 0;
    opacity: 0;
    transition: top .075s ease, opacity .075s .12s ease
}

[aria-expanded=true] .navbar-toggler-icon::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .075s ease, transform .075s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.navbar-nav {
    --si-nav-link-font-weight: 400;
    --si-mega-dropdown-column-width: 14rem
}

.navbar .dropdown-toggle::after {
    margin-top: .0625rem;
    font-size: 1.15em
}

.navbar .navbar-nav .dropdown-menu {
    border: 0;
    border-left: var(--si-dropdown-border-wdth, 1px) solid var(--si-border-color);
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    background: none;
    box-shadow: none
}

.navbar .navbar-nav .dropdown-menu.dropdown-menu-dark,
.navbar .navbar-nav .dark-mode .dropdown-menu,
.dark-mode .navbar .navbar-nav .dropdown-menu {
    border-color: rgba(255, 255, 255, .14)
}

.navbar .navbar-nav .dropdown-menu .dropdown-menu {
    margin-right: .75rem;
    margin-left: .75rem
}

.navbar .navbar-nav .dropdown-menu .dropdown-toggle::after {
    margin-top: -0.0625rem;
    margin-right: 0;
    margin-left: .125rem;
    font-size: 1em
}

.navbar .navbar-nav .dropdown-menu .dropdown-divider {
    display: none
}

@-webkit-keyframes dropdown-show {
    from {
        transform: scale(0.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dropdown-show {
    from {
        transform: scale(0.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@media(min-width: 500px) {
    .navbar-expand-sm .navbar-brand {
        padding: var(--si-navbar-brand-padding-y) 0
    }

    .navbar-expand-sm .offcanvas {
        background-color: rgba(0, 0, 0, 0) !important;
        box-shadow: none
    }

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

    .navbar-expand-sm .dropdown-divider {
        display: block
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        margin-top: var(--si-dropdown-spacer);
        border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
        border-radius: var(--si-dropdown-border-radius);
        background-color: var(--si-dropdown-bg);
        box-shadow: var(--si-dropdown-box-shadow)
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-menu-dark,
    .navbar-expand-sm .navbar-nav .dark-mode .dropdown-menu,
    .dark-mode .navbar-expand-sm .navbar-nav .dropdown-menu {
        background: var(--si-dropdown-bg)
    }

    .navbar-expand-sm .dropdown-menu.show {
        display: none
    }

    .navbar-expand-sm .dropdown::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .375rem;
        content: ""
    }

    .navbar-expand-sm .dropdown .dropdown .dropdown-toggle {
        display: flex;
        align-items: center
    }

    .navbar-expand-sm .dropdown .dropdown .dropdown-toggle::after {
        margin-top: 0;
        margin-right: -0.3125rem;
        margin-left: auto;
        font-size: 1.25em;
        content: ""
    }

    .navbar-expand-sm .dropdown .dropdown .dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        left: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-sm .dropdown .dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-sm .dropstart>.dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        right: 94%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-sm .dropdown:hover>.dropdown-menu,
    .navbar-expand-sm .dropstart:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show .2s;
        animation: dropdown-show .2s
    }

    .navbar-expand-sm .mega-dropdown-column {
        width: var(--si-mega-dropdown-column-width);
        padding: 0 .75rem
    }

    .navbar-expand-sm .mega-dropdown-column:last-child {
        border-right: 0
    }
}

@media(min-width: 768px) {
    .navbar-expand-md .navbar-brand {
        padding: var(--si-navbar-brand-padding-y) 0
    }

    .navbar-expand-md .offcanvas {
        background-color: rgba(0, 0, 0, 0) !important;
        box-shadow: none
    }

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

    .navbar-expand-md .dropdown-divider {
        display: block
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        margin-top: var(--si-dropdown-spacer);
        border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
        border-radius: var(--si-dropdown-border-radius);
        background-color: var(--si-dropdown-bg);
        box-shadow: var(--si-dropdown-box-shadow)
    }

    .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-menu-dark,
    .navbar-expand-md .navbar-nav .dark-mode .dropdown-menu,
    .dark-mode .navbar-expand-md .navbar-nav .dropdown-menu {
        background: var(--si-dropdown-bg)
    }

    .navbar-expand-md .dropdown-menu.show {
        display: none
    }

    .navbar-expand-md .dropdown::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .375rem;
        content: ""
    }

    .navbar-expand-md .dropdown .dropdown .dropdown-toggle {
        display: flex;
        align-items: center
    }

    .navbar-expand-md .dropdown .dropdown .dropdown-toggle::after {
        margin-top: 0;
        margin-right: -0.3125rem;
        margin-left: auto;
        font-size: 1.25em;
        content: ""
    }

    .navbar-expand-md .dropdown .dropdown .dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        left: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-md .dropdown .dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-md .dropstart>.dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        right: 94%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-md .dropdown:hover>.dropdown-menu,
    .navbar-expand-md .dropstart:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show .2s;
        animation: dropdown-show .2s
    }

    .navbar-expand-md .mega-dropdown-column {
        width: var(--si-mega-dropdown-column-width);
        padding: 0 .75rem
    }

    .navbar-expand-md .mega-dropdown-column:last-child {
        border-right: 0
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        padding: var(--si-navbar-brand-padding-y) 0
    }

    .navbar-expand-lg .offcanvas {
        background-color: rgba(0, 0, 0, 0) !important;
        box-shadow: none
    }

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

    .navbar-expand-lg .dropdown-divider {
        display: block
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: var(--si-dropdown-spacer);
        border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
        border-radius: var(--si-dropdown-border-radius);
        background-color: var(--si-dropdown-bg);
        box-shadow: var(--si-dropdown-box-shadow)
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-dark,
    .navbar-expand-lg .navbar-nav .dark-mode .dropdown-menu,
    .dark-mode .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: var(--si-dropdown-bg)
    }

    .navbar-expand-lg .dropdown-menu.show {
        display: none
    }

    .navbar-expand-lg .dropdown::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .375rem;
        content: ""
    }

    .navbar-expand-lg .dropdown .dropdown .dropdown-toggle {
        display: flex;
        align-items: center
    }

    .navbar-expand-lg .dropdown .dropdown .dropdown-toggle::after {
        margin-top: 0;
        margin-right: -0.3125rem;
        margin-left: auto;
        font-size: 1.25em;
        content: ""
    }

    .navbar-expand-lg .dropdown .dropdown .dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        left: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-lg .dropdown .dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-lg .dropstart>.dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        right: 94%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-lg .dropdown:hover>.dropdown-menu,
    .navbar-expand-lg .dropstart:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show .2s;
        animation: dropdown-show .2s
    }

    .navbar-expand-lg .mega-dropdown-column {
        width: var(--si-mega-dropdown-column-width);
        padding: 0 .75rem
    }

    .navbar-expand-lg .mega-dropdown-column:last-child {
        border-right: 0
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl .navbar-brand {
        padding: var(--si-navbar-brand-padding-y) 0
    }

    .navbar-expand-xl .offcanvas {
        background-color: rgba(0, 0, 0, 0) !important;
        box-shadow: none
    }

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

    .navbar-expand-xl .dropdown-divider {
        display: block
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        margin-top: var(--si-dropdown-spacer);
        border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
        border-radius: var(--si-dropdown-border-radius);
        background-color: var(--si-dropdown-bg);
        box-shadow: var(--si-dropdown-box-shadow)
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-menu-dark,
    .navbar-expand-xl .navbar-nav .dark-mode .dropdown-menu,
    .dark-mode .navbar-expand-xl .navbar-nav .dropdown-menu {
        background: var(--si-dropdown-bg)
    }

    .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xl .dropdown::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .375rem;
        content: ""
    }

    .navbar-expand-xl .dropdown .dropdown .dropdown-toggle {
        display: flex;
        align-items: center
    }

    .navbar-expand-xl .dropdown .dropdown .dropdown-toggle::after {
        margin-top: 0;
        margin-right: -0.3125rem;
        margin-left: auto;
        font-size: 1.25em;
        content: ""
    }

    .navbar-expand-xl .dropdown .dropdown .dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        left: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-xl .dropdown .dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-xl .dropstart>.dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        right: 94%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-xl .dropdown:hover>.dropdown-menu,
    .navbar-expand-xl .dropstart:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show .2s;
        animation: dropdown-show .2s
    }

    .navbar-expand-xl .mega-dropdown-column {
        width: var(--si-mega-dropdown-column-width);
        padding: 0 .75rem
    }

    .navbar-expand-xl .mega-dropdown-column:last-child {
        border-right: 0
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl .navbar-brand {
        padding: var(--si-navbar-brand-padding-y) 0
    }

    .navbar-expand-xxl .offcanvas {
        background-color: rgba(0, 0, 0, 0) !important;
        box-shadow: none
    }

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

    .navbar-expand-xxl .dropdown-divider {
        display: block
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        margin-top: var(--si-dropdown-spacer);
        border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
        border-radius: var(--si-dropdown-border-radius);
        background-color: var(--si-dropdown-bg);
        box-shadow: var(--si-dropdown-box-shadow)
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-menu-dark,
    .navbar-expand-xxl .navbar-nav .dark-mode .dropdown-menu,
    .dark-mode .navbar-expand-xxl .navbar-nav .dropdown-menu {
        background: var(--si-dropdown-bg)
    }

    .navbar-expand-xxl .dropdown-menu.show {
        display: none
    }

    .navbar-expand-xxl .dropdown::before {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: .375rem;
        content: ""
    }

    .navbar-expand-xxl .dropdown .dropdown .dropdown-toggle {
        display: flex;
        align-items: center
    }

    .navbar-expand-xxl .dropdown .dropdown .dropdown-toggle::after {
        margin-top: 0;
        margin-right: -0.3125rem;
        margin-left: auto;
        font-size: 1.25em;
        content: ""
    }

    .navbar-expand-xxl .dropdown .dropdown .dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        left: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-xxl .dropdown .dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand-xxl .dropstart>.dropdown-menu {
        top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
        right: 94%;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-expand-xxl .dropdown:hover>.dropdown-menu,
    .navbar-expand-xxl .dropstart:hover>.dropdown-menu {
        display: block;
        -webkit-animation: dropdown-show .2s;
        animation: dropdown-show .2s
    }

    .navbar-expand-xxl .mega-dropdown-column {
        width: var(--si-mega-dropdown-column-width);
        padding: 0 .75rem
    }

    .navbar-expand-xxl .mega-dropdown-column:last-child {
        border-right: 0
    }
}

.navbar-expand .navbar-brand {
    padding: var(--si-navbar-brand-padding-y) 0
}

.navbar-expand .offcanvas {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none
}

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

.navbar-expand .dropdown-divider {
    display: block
}

.navbar-expand .navbar-nav .dropdown-menu {
    margin-top: var(--si-dropdown-spacer);
    border: var(--si-dropdown-border-width) solid var(--si-dropdown-border-color);
    border-radius: var(--si-dropdown-border-radius);
    background-color: var(--si-dropdown-bg);
    box-shadow: var(--si-dropdown-box-shadow)
}

.navbar-expand .navbar-nav .dropdown-menu.dropdown-menu-dark,
.navbar-expand .navbar-nav .dark-mode .dropdown-menu,
.dark-mode .navbar-expand .navbar-nav .dropdown-menu {
    background: var(--si-dropdown-bg)
}

.navbar-expand .dropdown-menu.show {
    display: none
}

.navbar-expand .dropdown::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: .375rem;
    content: ""
}

.navbar-expand .dropdown .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;

}

.navbar-expand .dropdown .dropdown .dropdown-toggle::after {
    margin-top: 0;
    margin-right: -0.3125rem;
    margin-left: auto;
    font-size: 1.25em;
    content: ""
}

.navbar-expand .dropdown .dropdown .dropdown-menu {
    top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
    left: 100%;
    margin-right: 0;
    margin-left: 0
}

.navbar-expand .dropdown .dropdown-menu-end {
    left: auto;
    right: 0
}

.navbar-expand .dropstart>.dropdown-menu {
    top: calc((var(--si-dropdown-item-padding-y) + var(--si-dropdown-padding-y))*-1);
    right: 94%;
    margin-right: 0;
    margin-left: 0
}

.navbar-expand .dropdown:hover>.dropdown-menu,
.navbar-expand .dropstart:hover>.dropdown-menu {
    display: block;
    -webkit-animation: dropdown-show .2s;
    animation: dropdown-show .2s
}

.navbar-expand .mega-dropdown-column {
    width: var(--si-mega-dropdown-column-width);
    padding: 0 .75rem
}

.navbar-expand .mega-dropdown-column:last-child {
    border-right: 0
}

.navbar-stuck {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: navbar-show .25s ease-in-out;
    animation: navbar-show .25s ease-in-out;
    box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03);
    z-index: 1031
}

.navbar.position-absolute {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1030
}

@-webkit-keyframes navbar-show {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes navbar-show {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.navbar {
    --si-navbar-stuck-bg: #fff;
    --si-navbar-toggler-color: #33354d
}

.navbar.navbar-stuck {
    background-color: var(--si-navbar-stuck-bg)
}

.navbar .nav-item:hover>.nav-link:not(.disabled) {
    color: var(--si-navbar-hover-color)
}

.navbar .nav-item.active>.nav-link:not(.disabled) {
    color: var(--si-navbar-active-color)
}

.navbar .dropdown:hover>.nav-link {
    color: #fff;
    background-color: rgba(0, 64, 94, 0.2);
    border-radius: 0.625rem;
    font-weight: 500;

}

.navbar.fixed-top {
    z-index: 1031
}

.navbar-dark {
    --si-navbar-stuck-bg: #0b0f19;
    --si-navbar-toggler-color: rgba(255, 255, 255, 0.85)
}

.card-header,
.card-footer {
    width: calc(100% - var(--si-card-spacer-x)*2);
    margin: auto;
    padding-right: 0;
    padding-left: 0
}

.card-header-tabs,
.card-header-pills {
    margin: 0
}

.card-header-tabs .nav-item,
.card-header-pills .nav-item {
    margin-bottom: 0
}

.card-header-tabs .nav-link.active,
.card-header-pills .nav-link.active {
    border-color: var(--si-nav-tabs-link-active-border-color);
    background-color: var(--si-nav-tabs-link-active-bg)
}

.card-header-tabs.nav-tabs-alt,
.card-header-pills.nav-tabs-alt {
    margin-top: calc(var(--si-card-cap-padding-y)*-0.625);
    margin-bottom: calc((var(--si-card-cap-padding-y) + .0625rem)*-1);
    border-bottom: 0
}

.card-header-pills .nav-link.active {
    background-color: var(--si-nav-pills-link-active-bg)
}

.card-hover:not(.bg-transparent) {
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.card-hover:not(.bg-transparent):hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 .275rem .75rem -0.0625rem rgba(11, 15, 25, .06), 0 .125rem .4rem -0.0625rem rgba(11, 15, 25, .03)
}

.card-hover:not(.bg-transparent).shadow-sm:hover {
    box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03) !important
}

.card-hover:not(.bg-transparent).shadow:hover {
    box-shadow: 0 .3rem 1.525rem -0.375rem rgba(11, 15, 25, .1), 0 .25rem .8125rem -0.125rem rgba(11, 15, 25, .06) !important
}

.card-hover:not(.bg-transparent).border-primary:hover {
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .9) !important
}

.card-hover {
    --si-card-icon-hover-color: #6366f1
}

.card-hover .card-img-overlay {
    transition: opacity .3s ease-in-out;
    opacity: 0;
    z-index: 5
}

.card-hover .card-icon {
    transition: color .3s ease-in-out
}

.card-hover:hover .card-icon {
    color: var(--si-card-icon-hover-color) !important
}

.card-hover:hover .card-img-overlay {
    opacity: 1
}

.card-hover-primary {
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.card-hover-primary.shadow-sm:hover,
.card-hover-primary.shadow:hover,
.card-hover-primary:hover {
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .9) !important
}

.card-hover-primary .card-title,
.card-hover-primary .card-body,
.card-hover-primary .text-muted,
.card-hover-primary .text-dark,
.card-hover-primary .text-nav,
.card-hover-primary .text-primary,
.card-hover-primary h1,
.card-hover-primary .h1,
.card-hover-primary h2,
.card-hover-primary .h2,
.card-hover-primary h3,
.card-hover-primary .h3,
.card-hover-primary h4,
.card-hover-primary .h4,
.card-hover-primary h5,
.card-hover-primary .h5,
.card-hover-primary h6,
.card-hover-primary .h6 {
    transition: color .2s ease-in-out
}

.card-hover-primary .border-top,
.card-hover-primary .border-end,
.card-hover-primary .border-bottom,
.card-hover-primary .border-start {
    transition: border-color .2s ease-in-out
}

.card-hover-primary .bg-secondary {
    transition: background-color .2s ease-in-out
}

.card-hover-primary:hover {
    border-color: var(--si-primary) !important;
    background-color: var(--si-primary) !important
}

.card-hover-primary:hover .card-title {
    color: #fff
}

.card-hover-primary:hover .card-body {
    color: rgba(255, 255, 255, .7)
}

.card-hover-primary:hover .text-muted {
    color: rgba(255, 255, 255, .5) !important
}

.card-hover-primary:hover .text-primary {
    color: #fff !important
}

.card-hover-primary:hover .border-top,
.card-hover-primary:hover .border-end,
.card-hover-primary:hover .border-bottom,
.card-hover-primary:hover .border-start {
    border-color: rgba(255, 255, 255, .14) !important
}

.card-hover-primary:hover .bg-secondary {
    background-color: rgba(255, 255, 255, .05) !important
}

.card-hover-primary:hover h1,
.card-hover-primary:hover .h1,
.card-hover-primary:hover h2,
.card-hover-primary:hover .h2,
.card-hover-primary:hover h3,
.card-hover-primary:hover .h3,
.card-hover-primary:hover h4,
.card-hover-primary:hover .h4,
.card-hover-primary:hover h5,
.card-hover-primary:hover .h5,
.card-hover-primary:hover h6,
.card-hover-primary:hover .h6 {
    color: #fff !important
}

.card-hover-primary:hover h1>a,
.card-hover-primary:hover .h1>a,
.card-hover-primary:hover h2>a,
.card-hover-primary:hover .h2>a,
.card-hover-primary:hover h3>a,
.card-hover-primary:hover .h3>a,
.card-hover-primary:hover h4>a,
.card-hover-primary:hover .h4>a,
.card-hover-primary:hover h5>a,
.card-hover-primary:hover .h5>a,
.card-hover-primary:hover h6>a,
.card-hover-primary:hover .h6>a {
    color: #fff !important
}

.card-hover-primary:hover .text-dark:not(.badge.bg-white) {
    color: #fff !important
}

.card-hover-primary:hover .text-nav:not(.badge.bg-white) {
    color: rgba(255, 255, 255, .85) !important
}

.card-portfolio {
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

.card-portfolio .card-img {
    border-radius: var(--si-card-border-radius);
    transform: translateZ(0);
    overflow: hidden
}

.card-portfolio .card-img>img {
    display: block;
    transition: transform .35s ease-in-out
}

.card-portfolio .card-body {
    padding-right: 0;
    padding-left: 0
}

@media(min-width: 768px) {
    .card-portfolio .card-portfolio-meta {
        transition: opacity .35s ease-in-out;
        opacity: 0
    }

    .card-portfolio:hover .card-img>img {
        transform: scale(1.05)
    }

    .card-portfolio:hover .card-portfolio-meta {
        opacity: 1
    }
}

.accordion {
    --si-accordion-color: var(--si-body-color);
    --si-accordion-btn-font-weight: 600;
    --si-accordion-btn-color: #0b0f19;
    --si-accordion-btn-icon-box-size: 2.25rem;
    --si-accordion-btn-icon-box-border-radius: 50%;
    --si-accordion-btn-icon-box-bg: #f3f6ff;
    --si-accordion-btn-icon-box-active-bg: #6366f1;
    --si-accordion-btn-icon-box-active-shadow: 0 -0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9)
}

.accordion-button {
    transition: none;
    font-weight: var(--si-accordion-btn-font-weight)
}

.accordion-button:not(.collapsed) {
    box-shadow: inset 0 calc(var(--si-accordion-border-width)*-1) 0 var(--si-accordion-border-color)
}

.accordion-button::after {
    width: var(--si-accordion-btn-icon-box-size);
    height: var(--si-accordion-btn-icon-box-size);
    background-position: center;
    background-color: var(--si-accordion-btn-icon-box-bg);
    transition: all .35s;
    border-radius: var(--si-accordion-btn-icon-box-border-radius)
}

.accordion-button:not(.collapsed)::after {
    background-color: var(--si-accordion-btn-icon-box-active-bg);
    box-shadow: var(--si-accordion-btn-icon-box-active-shadow)
}

.breadcrumb {
    --si-breadcrumb-font-weight: 600;
    --si-breadcrumb-color: var(--si-gray-600);
    --si-breadcrumb-hover-color: var(--si-gray-800);
    font-weight: var(--si-breadcrumb-font-weight)
}

.breadcrumb-item {
    display: flex;
    align-items: center
}

.breadcrumb-item+.breadcrumb-item::before {
    margin-top: .15em;
    font-family: "boxicons";
    font-size: 1.15em;
    font-weight: normal;
    line-height: 1
}

.breadcrumb-item>a {
    display: flex;
    align-items: center;
    color: var(--si-breadcrumb-color);
    text-decoration: none
}

.breadcrumb-item:hover>a {
    color: var(--si-breadcrumb-hover-color)
}

.pagination {
    --si-pagination-font-weight: 600;
    --si-pagination-active-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9);
    margin-bottom: 0
}

.page-link {
    display: flex;
    align-items: center;
    height: 100%;
    border-radius: var(--si-pagination-border-radius);
    font-weight: var(--si-pagination-font-weight)
}

.page-link>i {
    margin-top: .0625rem;
    font-size: 1.425em
}

.page-item {
    margin: 0 .125rem
}

.page-item:first-child {
    margin-left: 0
}

.page-item:last-child {
    margin-right: 0
}

.page-item.active .page-link {
    box-shadow: var(--si-pagination-active-box-shadow)
}

.pagination-sm {
    --si-pagination-border-radius: 0.25rem;
    --si-pagination-font-size: 0.75rem
}

.pagination-lg {
    --si-pagination-border-radius: 0.5rem;
    --si-pagination-font-size: 1rem
}

.badge.bg-secondary,
.badge.bg-light {
    --si-badge-color: #33354d
}

a.badge {
    text-decoration: none
}

.btn .badge {
    top: 1px
}

.alert {
    --si-alert-link-color: inherit
}

.alert .alert-link {
    color: var(--si-alert-link-color)
}

.alert-secondary {
    --si-alert-bg: #f3f5fd
}

.alert-secondary,
.alert-light {
    --si-alert-color: #33354d;
    --si-alert-border-color: var(--si-border-color);
    --si-alert-link-color: #0b0f19
}

.alert-dark {
    --si-alert-border-color: #0b0f19;
    --si-alert-bg: #0b0f19;
    --si-alert-color: rgba(255, 255, 255, .85);
    --si-alert-link-color: #fff
}

.alert-dismissible .btn-close {
    padding: calc(var(--si-alert-padding-y)*1.375) var(--si-alert-padding-x)
}

.alert-primary .btn-close {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231419e4'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat
}

.alert-success .btn-close {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23147739'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat
}

.alert-info .btn-close {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a4ddd'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat
}

.alert-warning .btn-close {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ab7b00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat
}

.alert-danger .btn-close {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c61111'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat
}

.list-group {
    --si-list-group-color: #565973;
    --si-list-group-bg: transparent;
    --si-list-group-border-color: #e2e5f1;
    --si-list-group-border-width: 1px;
    --si-list-group-border-radius: 0.5rem;
    --si-list-group-item-padding-x: 1rem;
    --si-list-group-item-padding-y: 0.75rem;
    --si-list-group-action-color: #33354d;
    --si-list-group-action-hover-color: #6366f1;
    --si-list-group-action-hover-bg: rgba(99, 102, 241, 0.12);
    --si-list-group-action-active-color: #fff;
    --si-list-group-action-active-bg: #6366f1;
    --si-list-group-disabled-color: #9397ad;
    --si-list-group-disabled-bg: transparent;
    --si-list-group-active-color: #fff;
    --si-list-group-active-bg: #6366f1;
    --si-list-group-active-border-color: #6366f1;
    --si-list-group-active-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--si-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--si-list-group-item-padding-y) var(--si-list-group-item-padding-x);
    color: var(--si-list-group-color);
    text-decoration: none;
    background-color: var(--si-list-group-bg);
    border: var(--si-list-group-border-width) solid var(--si-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--si-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--si-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--si-list-group-active-color);
    background-color: var(--si-list-group-active-bg);
    border-color: var(--si-list-group-active-border-color);
    box-shadow: var(--si-list-group-active-box-shadow)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(var(--si-list-group-border-width)*-1);
    border-top-width: var(--si-list-group-border-width)
}

.list-group-item-action {
    width: 100%;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
    color: var(--si-list-group-action-color);
    font-weight: 600;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: var(--si-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--si-list-group-action-hover-bg)
}

.list-group-item-action.active {
    color: var(--si-list-group-action-active-color);
    background-color: var(--si-list-group-action-active-bg)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: var(--si-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: var(--si-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--si-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--si-list-group-border-width)*-1);
    border-left-width: var(--si-list-group-border-width)
}

@media(min-width: 500px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: var(--si-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: var(--si-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--si-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--si-list-group-border-width)*-1);
        border-left-width: var(--si-list-group-border-width)
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: var(--si-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: var(--si-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--si-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--si-list-group-border-width)*-1);
        border-left-width: var(--si-list-group-border-width)
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: var(--si-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: var(--si-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--si-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--si-list-group-border-width)*-1);
        border-left-width: var(--si-list-group-border-width)
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: var(--si-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: var(--si-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--si-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--si-list-group-border-width)*-1);
        border-left-width: var(--si-list-group-border-width)
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: var(--si-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: var(--si-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--si-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--si-list-group-border-width)*-1);
        border-left-width: var(--si-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--si-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-flush .list-group-item-action {
    margin-bottom: .125rem;
    border: 0;
    border-radius: var(--si-list-group-border-radius)
}

.card .list-group-flush .list-group-item-action {
    margin-bottom: 0;
    border-bottom: var(--si-list-group-border-width) solid var(--si-list-group-border-color);
    border-radius: 0
}

.card .list-group-flush .list-group-item-action:last-child {
    border-bottom: 0
}

.card .list-group-flush .list-group-item-action.active {
    border-color: var(--si-list-group-active-border-color)
}

.offcanvas-body .list-group-flush .list-group-item-action {
    margin-bottom: .0625rem;
    border-radius: 0
}

.toast-header {
    position: relative;
    border: 0;
    font-weight: 800
}

.toast-header::after {
    position: absolute;
    left: var(--si-toast-padding-x);
    bottom: calc(var(--si-toast-border-width)*-1);
    width: calc(100% - var(--si-toast-padding-x)*2);
    height: var(--si-toast-border-width);
    background-color: var(--si-toast-header-border-color);
    content: ""
}

.toast-header[class^=bg-]::after,
.toast-header[class*=" bg-"]::after {
    display: none
}

.toast-header .btn-close {
    margin-right: 0
}

.modal-content {
    padding-right: var(--si-modal-padding);
    padding-left: var(--si-modal-padding)
}

.modal-header,
.modal-footer {
    padding-right: 0;
    padding-left: 0
}

.modal-body {
    margin-right: calc(var(--si-modal-padding)*-1);
    margin-left: calc(var(--si-modal-padding)*-1)
}

.offcanvas-header {
    padding: calc(var(--si-offcanvas-padding-y)*.75) var(--si-offcanvas-padding-x)
}

.offcanvas-body {
    display: block !important
}

.btn-prev,
.btn-next {
    --si-carousel-nav-btn-border-radius: 50%;
    --si-carousel-nav-btn-bg: #fff;
    --si-carousel-nav-btn-color: #33354d;
    --si-carousel-nav-btn-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);
    --si-carousel-nav-btn-hover-bg: #6366f1;
    --si-carousel-nav-btn-hover-color: #fff;
    --si-carousel-nav-btn-hover-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9);
    --si-carousel-nav-btn-disabled-color: rgba(51, 53, 77, .5);
    --si-carousel-nav-btn-font-size: 1rem;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out;
    border: 0;
    border-radius: var(--si-carousel-nav-btn-border-radius);
    background-color: var(--si-carousel-nav-btn-bg);
    color: var(--si-carousel-nav-btn-color) !important;
    font-size: var(--si-carousel-nav-btn-font-size);
    box-shadow: var(--si-carousel-nav-btn-box-shadow)
}

.btn-prev:focus,
.btn-next:focus {
    background-color: var(--si-carousel-nav-btn-bg);
    box-shadow: var(--si-carousel-nav-btn-box-shadow)
}

.btn-prev.bg-white,
.btn-next.bg-white {
    color: #33354d !important
}

.btn-prev:not(.bg-transparent):hover,
.btn-next:not(.bg-transparent):hover {
    background-color: var(--si-carousel-nav-btn-hover-bg) !important;
    color: var(--si-carousel-nav-btn-hover-color) !important;
    box-shadow: var(--si-carousel-nav-btn-hover-box-shadow) !important
}

.btn-prev>i,
.btn-next>i {
    font-size: 1.5em
}

.btn-prev.btn-sm>i,
.btn-group-sm>.btn-prev.btn>i,
.btn-next.btn-sm>i,
.btn-group-sm>.btn-next.btn>i {
    font-size: 1.25em
}

.btn-prev.btn-lg>i,
.btn-group-lg>.btn-prev.btn>i,
.btn-next.btn-lg>i,
.btn-group-lg>.btn-next.btn>i {
    font-size: 1.75em
}

.btn-prev.btn-xl>i,
.btn-next.btn-xl>i {
    font-size: 2em
}

.swiper-button-disabled,
.swiper-button-disabled:disabled {
    background-color: var(--si-carousel-nav-btn-bg);
    color: var(--si-carousel-nav-btn-disabled-color) !important;
    box-shadow: var(--si-carousel-nav-btn-box-shadow) !important;
    opacity: 1
}

.swiper-button-disabled.shadow-none,
.swiper-button-disabled:disabled.shadow-none {
    box-shadow: none !important
}

.pagination .swiper-button-disabled,
.pagination .swiper-button-disabled:disabled {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
    pointer-events: none
}

.swiper .btn-prev:not(.position-static),
.swiper .btn-next:not(.position-static) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5
}

.swiper .btn-prev {
    left: 1.25rem
}

.swiper .btn-next {
    right: 1.25rem
}

.swiper-nav-onhover .btn-prev,
.swiper-nav-onhover .btn-next {
    opacity: 0 !important
}

.swiper-nav-onhover:hover .btn-prev,
.swiper-nav-onhover:hover .btn-next {
    opacity: 1 !important
}

.swiper-pagination {
    --si-carousel-pagination-bullet-width: 0.3125rem;
    --si-carousel-pagination-bullet-height: 0.3125rem;
    --si-carousel-pagination-bullet-spacer: 0.875rem;
    --si-carousel-pagination-bullet-border-radius: 50rem;
    --si-carousel-pagination-bullet-bg: #b4b7c9;
    --si-carousel-pagination-bullet-active-width: 1.5rem;
    --si-carousel-pagination-bullet-active-bg: #6366f1;
    --si-carousel-pagination-progressbar-height: 0.1875rem;
    --si-carousel-pagination-progressbar-bg: #e2e5f1;
    --si-carousel-pagination-progressbar-fill-bg: #6366f1;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1.25rem
}

.swiper-pagination-bullet {
    width: var(--si-carousel-pagination-bullet-width);
    height: var(--si-carousel-pagination-bullet-height);
    transition: width .2s ease-in-out, height .2s ease-in-out, background-color .2s ease-in-out;
    border-radius: var(--si-carousel-pagination-bullet-border-radius);
    background-color: var(--si-carousel-pagination-bullet-bg);
    opacity: 1
}

.swiper-pagination-bullet-active {
    background-color: var(--si-carousel-pagination-bullet-active-bg)
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1.25rem
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    margin-right: calc(var(--si-carousel-pagination-bullet-spacer)*.5);
    margin-left: calc(var(--si-carousel-pagination-bullet-spacer)*.5)
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    width: var(--si-carousel-pagination-bullet-active-width)
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-vertical {
    flex-direction: column;
    right: 1.25rem
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets.swiper-pagination-vertical .swiper-pagination-bullet {
    margin-top: calc(var(--si-carousel-pagination-bullet-spacer)*.5);
    margin-bottom: calc(var(--si-carousel-pagination-bullet-spacer)*.5)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-pagination-bullets.swiper-pagination-vertical .swiper-pagination-bullet-active {
    height: var(--si-carousel-pagination-bullet-active-width)
}

.swiper-pagination-progressbar {
    background-color: var(--si-carousel-pagination-progressbar-bg)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--si-carousel-pagination-progressbar-fill-bg)
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: var(--si-carousel-pagination-progressbar-height)
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical {
    width: var(--si-carousel-pagination-progressbar-height)
}

.page-link.btn-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0
}

.swiper-scrollbar {
    --si-carousel-scrollbar-width: 0.1875rem;
    --si-carousel-scrollbar-bg: #e2e5f1;
    --si-carousel-scrollbar-drag-bg: #a2a6bc;
    background-color: var(--si-carousel-scrollbar-bg)
}

.swiper-scrollbar-drag {
    background-color: var(--si-carousel-scrollbar-drag-bg)
}

.swiper-vertical>.swiper-scrollbar {
    top: 0;
    height: 100%;
    width: var(--si-carousel-scrollbar-width)
}

.swiper-horizontal>.swiper-scrollbar {
    left: 0;
    width: 100%;
    height: var(--si-carousel-scrollbar-width)
}

.scrollbar-hover .swiper-scrollbar {
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.scrollbar-hover:hover .swiper-scrollbar {
    opacity: 1
}

.swiper-tabs {
    position: relative;
    height: 100%
}

.swiper-tab {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.swiper-tab.active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.from-top,
.from-bottom,
.from-start,
.from-end,
.scale-up,
.scale-down,
.fade-in {
    transition: all .4s .4s ease-in-out;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.from-top {
    transform: translateY(-2.25rem)
}

.from-bottom {
    transform: translateY(2.25rem)
}

.from-start {
    transform: translateX(-2.25rem)
}

.from-end {
    transform: translateX(2.25rem)
}

.scale-up {
    transform: scale(0.85)
}

.scale-down {
    transform: scale(1.15)
}

.delay-1 {
    transition-delay: .5s
}

.delay-2 {
    transition-delay: .7s
}

.delay-3 {
    transition-delay: .9s
}

.delay-4 {
    transition-delay: 1.1s
}

.swiper-slide-active .from-top,
.swiper-slide-active .from-bottom {
    transform: translateY(0);
    opacity: 1
}

.swiper-slide-active .from-start,
.swiper-slide-active .from-end {
    transform: translateX(0);
    opacity: 1
}

.swiper-slide-active .scale-up,
.swiper-slide-active .scale-down {
    transform: scale(1);
    opacity: 1
}

.swiper-slide-active .fade-in {
    opacity: 1
}

.mobile-app-slider {
    max-width: 328px;
    border-radius: 4rem
}

@media(min-width: 768px) {
    .mobile-app-slider {
        max-width: 100%
    }

    .mobile-app-slider .swiper-slide {
        transition: opacity .3s ease-in-out;
        opacity: .8
    }

    .mobile-app-slider .swiper-slide.swiper-slide-active {
        opacity: 1
    }
}

.gallery {
    --si-gallery-overlay-bg: rgba(11, 15, 25, 0.4);
    --si-gallery-indicator-size: 4.5rem;
    --si-gallery-image-indicator-color: #fff;
    --si-gallery-image-indicator-font-size: 2rem;
    --si-gallery-video-indicator-bg: #fff;
    --si-gallery-video-indicator-color: #33354d;
    --si-gallery-video-indicator-font-size: 2rem;
    --si-gallery-video-indicator-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);
    --si-gallery-video-indicator-hover-bg: #6366f1;
    --si-gallery-video-indicator-hover-color: #fff;
    --si-gallery-video-indicator-hover-box-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9)
}

.gallery-item {
    display: block;
    position: relative;
    text-decoration: none !important;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.gallery-item>img {
    display: block;
    width: 100%
}

.gallery-item::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out;
    background-color: var(--si-gallery-overlay-bg);
    content: "";
    opacity: 0;
    z-index: 1
}

.gallery-item::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--si-gallery-indicator-size);
    height: var(--si-gallery-indicator-size);
    margin-top: calc(var(--si-gallery-indicator-size)*-0.5);
    margin-left: calc(var(--si-gallery-indicator-size)*-0.5);
    transform: scale(0.3);
    color: var(--si-gallery-image-indicator-color);
    font-family: "boxicons";
    font-size: var(--si-gallery-image-indicator-font-size);
    text-align: center;
    line-height: var(--si-gallery-indicator-size);
    content: "";
    z-index: 5
}

.gallery-item .gallery-item-caption {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1rem;
    transform: translateY(0.5rem);
    color: #fff;
    z-index: 5
}

.gallery-item::after,
.gallery-item .gallery-item-caption {
    transition: all .3s ease-in-out;
    opacity: 0
}

.gallery-item:hover::before,
.gallery-item:hover::after,
.gallery-item:hover .gallery-item-caption,
.gallery-item.is-hovered::before,
.gallery-item.is-hovered::after,
.gallery-item.is-hovered .gallery-item-caption {
    transform: none;
    opacity: 1
}

.gallery-item.video-item::after {
    padding-top: .0625rem;
    padding-left: .25rem;
    transform: none;
    border-radius: 50%;
    background-color: var(--si-gallery-video-indicator-bg);
    color: var(--si-gallery-video-indicator-color);
    font-size: var(--si-gallery-video-indicator-font-size);
    opacity: 1;
    box-shadow: var(--si-gallery-video-indicator-box-shadow);
    content: ""
}

.gallery-item.video-item:hover::after {
    background-color: var(--si-gallery-video-indicator-hover-bg);
    color: var(--si-gallery-video-indicator-hover-color);
    box-shadow: var(--si-gallery-video-indicator-hover-box-shadow)
}

.lg-backdrop {
    z-index: 1055
}

.lg-outer {
    z-index: 1060
}

.lg-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-item.active {
    border-color: var(--si-primary)
}

.lg-on {
    overflow: hidden
}

.lg-item:focus,
.lg:focus,
.lg-outer:focus,
.lg-inner:focus {
    outline: none
}

.steps {
    --si-steps-padding-y: 1.5rem;
    --si-steps-padding-x: 1.5rem;
    --si-steps-number-size: 7.625rem;
    --si-steps-number-inner-size: 5.625rem;
    --si-steps-number-size-sm: 5rem;
    --si-steps-number-inner-size-sm: 3.5rem;
    --si-steps-number-border-radius: 50%;
    --si-steps-number-bg: #f3f6ff;
    --si-steps-number-inner-bg: #fff;
    --si-steps-number-inner-box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);
    --si-steps-number-font-size: 2rem;
    --si-steps-number-font-size-sm: 1.5rem;
    --si-steps-number-color: var(--si-heading-color);
    --si-steps-connect-width: var(--si-border-width);
    --si-steps-connect-color: var(--si-border-color);
    display: flex;
    flex-direction: column
}

.step {
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--si-steps-padding-y) 0
}

.step:first-child {
    padding-top: 0 !important
}

.step:last-child {
    padding-bottom: 0 !important
}

.step::before,
.step::after {
    position: absolute;
    left: calc(var(--si-steps-number-size)*.5);
    width: var(--si-steps-connect-width);
    height: 50%;
    content: ""
}

.step::before {
    top: 0
}

.step::after {
    top: 50%
}

.step:not(:first-child)::before {
    background-color: var(--si-steps-connect-color)
}

.step:not(:last-child)::after {
    background-color: var(--si-steps-connect-color)
}

.step-number {
    position: relative;
    width: var(--si-steps-number-size);
    height: var(--si-steps-number-size);
    flex-shrink: 0;
    padding-top: calc((var(--si-steps-number-size) - var(--si-steps-number-inner-size))*.5);
    padding-left: calc((var(--si-steps-number-size) - var(--si-steps-number-inner-size))*.5);
    border-radius: var(--si-steps-number-border-radius);
    background-color: var(--si-steps-number-bg);
    color: var(--si-steps-number-color);
    font-size: var(--si-steps-number-font-size);
    font-weight: 800;
    z-index: 2
}

.step-number .step-number-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--si-steps-number-inner-size);
    height: var(--si-steps-number-inner-size);
    border-radius: var(--si-steps-number-border-radius);
    background-color: var(--si-steps-number-inner-bg);
    box-shadow: var(--si-steps-number-inner-box-shadow)
}

.step-body {
    padding-left: var(--si-steps-padding-x)
}

.steps-sm .step::before,
.steps-sm .step::after {
    left: calc(var(--si-steps-number-size-sm)*.5)
}

.steps-sm .step-number {
    width: var(--si-steps-number-size-sm);
    height: var(--si-steps-number-size-sm);
    padding-top: .75rem;
    padding-left: .75rem;
    font-size: var(--si-steps-number-font-size-sm)
}

.steps-sm .step-number .step-number-inner {
    width: var(--si-steps-number-inner-size-sm);
    height: var(--si-steps-number-inner-size-sm)
}

@media(min-width: 500px) {
    .steps-horizontal-sm.steps {
        flex-direction: row;
        margin-right: calc(var(--si-steps-padding-x)*-1);
        margin-left: calc(var(--si-steps-padding-x)*-1)
    }

    .steps-horizontal-sm .step {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        padding: 0 var(--si-steps-padding-x)
    }

    .steps-horizontal-sm .step::before,
    .steps-horizontal-sm .step::after {
        top: calc(var(--si-steps-number-size)*.5);
        height: var(--si-steps-connect-width)
    }

    .steps-horizontal-sm .step::before {
        display: none;
        left: 0
    }

    .steps-horizontal-sm .step::after {
        left: var(--si-steps-padding-x);
        width: 100%
    }

    .steps-horizontal-sm.steps-sm .step::before,
    .steps-horizontal-sm.steps-sm .step::after {
        top: calc(var(--si-steps-number-size-sm)*.5)
    }

    .steps-horizontal-sm .step-number {
        margin-bottom: var(--si-steps-padding-y)
    }

    .steps-horizontal-sm .step-body {
        padding-left: 0
    }

    .steps-horizontal-sm.steps-center {
        text-align: center
    }

    .steps-horizontal-sm.steps-center .step::after {
        left: 50%;
        width: 50%
    }

    .steps-horizontal-sm.steps-center .step:not(:first-child)::before {
        display: block;
        width: 50%
    }

    .steps-horizontal-sm.steps-center .step-number {
        margin-right: auto;
        margin-left: auto
    }

    .steps-horizontal-sm.steps-end {
        text-align: right
    }

    .steps-horizontal-sm.steps-end .step:not(:first-child)::before {
        display: block;
        width: calc(100% - var(--si-steps-padding-x))
    }

    .steps-horizontal-sm.steps-end .step::after {
        right: 0;
        left: auto;
        width: var(--si-steps-padding-x)
    }

    .steps-horizontal-sm.steps-end .step:last-child::after {
        display: none
    }

    .steps-horizontal-sm.steps-end .step-number {
        margin-left: auto
    }
}

@media(min-width: 768px) {
    .steps-horizontal-md.steps {
        flex-direction: row;
        margin-right: calc(var(--si-steps-padding-x)*-1);
        margin-left: calc(var(--si-steps-padding-x)*-1)
    }

    .steps-horizontal-md .step {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        padding: 0 var(--si-steps-padding-x)
    }

    .steps-horizontal-md .step::before,
    .steps-horizontal-md .step::after {
        top: calc(var(--si-steps-number-size)*.5);
        height: var(--si-steps-connect-width)
    }

    .steps-horizontal-md .step::before {
        display: none;
        left: 0
    }

    .steps-horizontal-md .step::after {
        left: var(--si-steps-padding-x);
        width: 100%
    }

    .steps-horizontal-md.steps-sm .step::before,
    .steps-horizontal-md.steps-sm .step::after {
        top: calc(var(--si-steps-number-size-sm)*.5)
    }

    .steps-horizontal-md .step-number {
        margin-bottom: var(--si-steps-padding-y)
    }

    .steps-horizontal-md .step-body {
        padding-left: 0
    }

    .steps-horizontal-md.steps-center {
        text-align: center
    }

    .steps-horizontal-md.steps-center .step::after {
        left: 50%;
        width: 50%
    }

    .steps-horizontal-md.steps-center .step:not(:first-child)::before {
        display: block;
        width: 50%
    }

    .steps-horizontal-md.steps-center .step-number {
        margin-right: auto;
        margin-left: auto
    }

    .steps-horizontal-md.steps-end {
        text-align: right
    }

    .steps-horizontal-md.steps-end .step:not(:first-child)::before {
        display: block;
        width: calc(100% - var(--si-steps-padding-x))
    }

    .steps-horizontal-md.steps-end .step::after {
        right: 0;
        left: auto;
        width: var(--si-steps-padding-x)
    }

    .steps-horizontal-md.steps-end .step:last-child::after {
        display: none
    }

    .steps-horizontal-md.steps-end .step-number {
        margin-left: auto
    }
}

@media(min-width: 992px) {
    .steps-horizontal-lg.steps {
        flex-direction: row;
        margin-right: calc(var(--si-steps-padding-x)*-1);
        margin-left: calc(var(--si-steps-padding-x)*-1)
    }

    .steps-horizontal-lg .step {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        padding: 0 var(--si-steps-padding-x)
    }

    .steps-horizontal-lg .step::before,
    .steps-horizontal-lg .step::after {
        top: calc(var(--si-steps-number-size)*.5);
        height: var(--si-steps-connect-width)
    }

    .steps-horizontal-lg .step::before {
        display: none;
        left: 0
    }

    .steps-horizontal-lg .step::after {
        left: var(--si-steps-padding-x);
        width: 100%
    }

    .steps-horizontal-lg.steps-sm .step::before,
    .steps-horizontal-lg.steps-sm .step::after {
        top: calc(var(--si-steps-number-size-sm)*.5)
    }

    .steps-horizontal-lg .step-number {
        margin-bottom: var(--si-steps-padding-y)
    }

    .steps-horizontal-lg .step-body {
        padding-left: 0
    }

    .steps-horizontal-lg.steps-center {
        text-align: center
    }

    .steps-horizontal-lg.steps-center .step::after {
        left: 50%;
        width: 50%
    }

    .steps-horizontal-lg.steps-center .step:not(:first-child)::before {
        display: block;
        width: 50%
    }

    .steps-horizontal-lg.steps-center .step-number {
        margin-right: auto;
        margin-left: auto
    }

    .steps-horizontal-lg.steps-end {
        text-align: right
    }

    .steps-horizontal-lg.steps-end .step:not(:first-child)::before {
        display: block;
        width: calc(100% - var(--si-steps-padding-x))
    }

    .steps-horizontal-lg.steps-end .step::after {
        right: 0;
        left: auto;
        width: var(--si-steps-padding-x)
    }

    .steps-horizontal-lg.steps-end .step:last-child::after {
        display: none
    }

    .steps-horizontal-lg.steps-end .step-number {
        margin-left: auto
    }
}

@media(min-width: 1200px) {
    .steps-horizontal-xl.steps {
        flex-direction: row;
        margin-right: calc(var(--si-steps-padding-x)*-1);
        margin-left: calc(var(--si-steps-padding-x)*-1)
    }

    .steps-horizontal-xl .step {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        padding: 0 var(--si-steps-padding-x)
    }

    .steps-horizontal-xl .step::before,
    .steps-horizontal-xl .step::after {
        top: calc(var(--si-steps-number-size)*.5);
        height: var(--si-steps-connect-width)
    }

    .steps-horizontal-xl .step::before {
        display: none;
        left: 0
    }

    .steps-horizontal-xl .step::after {
        left: var(--si-steps-padding-x);
        width: 100%
    }

    .steps-horizontal-xl.steps-sm .step::before,
    .steps-horizontal-xl.steps-sm .step::after {
        top: calc(var(--si-steps-number-size-sm)*.5)
    }

    .steps-horizontal-xl .step-number {
        margin-bottom: var(--si-steps-padding-y)
    }

    .steps-horizontal-xl .step-body {
        padding-left: 0
    }

    .steps-horizontal-xl.steps-center {
        text-align: center
    }

    .steps-horizontal-xl.steps-center .step::after {
        left: 50%;
        width: 50%
    }

    .steps-horizontal-xl.steps-center .step:not(:first-child)::before {
        display: block;
        width: 50%
    }

    .steps-horizontal-xl.steps-center .step-number {
        margin-right: auto;
        margin-left: auto
    }

    .steps-horizontal-xl.steps-end {
        text-align: right
    }

    .steps-horizontal-xl.steps-end .step:not(:first-child)::before {
        display: block;
        width: calc(100% - var(--si-steps-padding-x))
    }

    .steps-horizontal-xl.steps-end .step::after {
        right: 0;
        left: auto;
        width: var(--si-steps-padding-x)
    }

    .steps-horizontal-xl.steps-end .step:last-child::after {
        display: none
    }

    .steps-horizontal-xl.steps-end .step-number {
        margin-left: auto
    }
}

@media(min-width: 1400px) {
    .steps-horizontal-xxl.steps {
        flex-direction: row;
        margin-right: calc(var(--si-steps-padding-x)*-1);
        margin-left: calc(var(--si-steps-padding-x)*-1)
    }

    .steps-horizontal-xxl .step {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        padding: 0 var(--si-steps-padding-x)
    }

    .steps-horizontal-xxl .step::before,
    .steps-horizontal-xxl .step::after {
        top: calc(var(--si-steps-number-size)*.5);
        height: var(--si-steps-connect-width)
    }

    .steps-horizontal-xxl .step::before {
        display: none;
        left: 0
    }

    .steps-horizontal-xxl .step::after {
        left: var(--si-steps-padding-x);
        width: 100%
    }

    .steps-horizontal-xxl.steps-sm .step::before,
    .steps-horizontal-xxl.steps-sm .step::after {
        top: calc(var(--si-steps-number-size-sm)*.5)
    }

    .steps-horizontal-xxl .step-number {
        margin-bottom: var(--si-steps-padding-y)
    }

    .steps-horizontal-xxl .step-body {
        padding-left: 0
    }

    .steps-horizontal-xxl.steps-center {
        text-align: center
    }

    .steps-horizontal-xxl.steps-center .step::after {
        left: 50%;
        width: 50%
    }

    .steps-horizontal-xxl.steps-center .step:not(:first-child)::before {
        display: block;
        width: 50%
    }

    .steps-horizontal-xxl.steps-center .step-number {
        margin-right: auto;
        margin-left: auto
    }

    .steps-horizontal-xxl.steps-end {
        text-align: right
    }

    .steps-horizontal-xxl.steps-end .step:not(:first-child)::before {
        display: block;
        width: calc(100% - var(--si-steps-padding-x))
    }

    .steps-horizontal-xxl.steps-end .step::after {
        right: 0;
        left: auto;
        width: var(--si-steps-padding-x)
    }

    .steps-horizontal-xxl.steps-end .step:last-child::after {
        display: none
    }

    .steps-horizontal-xxl.steps-end .step-number {
        margin-left: auto
    }
}

.steps-horizontal.steps {
    flex-direction: row;
    margin-right: calc(var(--si-steps-padding-x)*-1);
    margin-left: calc(var(--si-steps-padding-x)*-1)
}

.steps-horizontal .step {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    padding: 0 var(--si-steps-padding-x)
}

.steps-horizontal .step::before,
.steps-horizontal .step::after {
    top: calc(var(--si-steps-number-size)*.5);
    height: var(--si-steps-connect-width)
}

.steps-horizontal .step::before {
    display: none;
    left: 0
}

.steps-horizontal .step::after {
    left: var(--si-steps-padding-x);
    width: 100%
}

.steps-horizontal.steps-sm .step::before,
.steps-horizontal.steps-sm .step::after {
    top: calc(var(--si-steps-number-size-sm)*.5)
}

.steps-horizontal .step-number {
    margin-bottom: var(--si-steps-padding-y)
}

.steps-horizontal .step-body {
    padding-left: 0
}

.steps-horizontal.steps-center {
    text-align: center
}

.steps-horizontal.steps-center .step::after {
    left: 50%;
    width: 50%
}

.steps-horizontal.steps-center .step:not(:first-child)::before {
    display: block;
    width: 50%
}

.steps-horizontal.steps-center .step-number {
    margin-right: auto;
    margin-left: auto
}

.steps-horizontal.steps-end {
    text-align: right
}

.steps-horizontal.steps-end .step:not(:first-child)::before {
    display: block;
    width: calc(100% - var(--si-steps-padding-x))
}

.steps-horizontal.steps-end .step::after {
    right: 0;
    left: auto;
    width: var(--si-steps-padding-x)
}

.steps-horizontal.steps-end .step:last-child::after {
    display: none
}

.steps-horizontal.steps-end .step-number {
    margin-left: auto
}

@media(max-width: 499.98px) {

    .steps-sm .step,
    .step {
        padding: calc(var(--si-steps-padding-y)*.625) 0
    }

    .steps-sm .step::before,
    .steps-sm .step::after,
    .step::before,
    .step::after {
        left: calc(var(--si-steps-number-size)*.625*.5)
    }

    .steps-sm .step-number,
    .step-number {
        width: calc(var(--si-steps-number-size)*.625);
        height: calc(var(--si-steps-number-size)*.625);
        padding-top: calc((var(--si-steps-number-size)*.625 - var(--si-steps-number-inner-size)*.625)*.5);
        padding-left: calc((var(--si-steps-number-size)*.625 - var(--si-steps-number-inner-size)*.625)*.5);
        font-size: calc(var(--si-steps-number-font-size)*.625)
    }

    .steps-sm .step-number .step-number-inner,
    .step-number .step-number-inner {
        width: calc(var(--si-steps-number-inner-size)*.625);
        height: calc(var(--si-steps-number-inner-size)*.625)
    }

    .step-body {
        padding-left: calc(var(--si-steps-padding-x)*.875)
    }
}

.jarallax {
    position: relative;
    z-index: 0
}

.jarallax .jarallax-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center !important;
    background-size: cover !important
}

[data-disable-parallax-down=xs] {
    transform: none !important
}

@media(max-width: 499.98px) {
    [data-disable-parallax-down=sm] {
        transform: none !important
    }
}

@media(max-width: 767.98px) {
    [data-disable-parallax-down=md] {
        transform: none !important
    }
}

@media(max-width: 991.98px) {
    [data-disable-parallax-down=lg] {
        transform: none !important
    }
}

@media(max-width: 1199.98px) {
    [data-disable-parallax-down=xl] {
        transform: none !important
    }
}

@media(min-width: 500px) {
    [data-disable-parallax-up=sm] {
        transform: none !important
    }
}

@media(min-width: 768px) {
    [data-disable-parallax-up=md] {
        transform: none !important
    }
}

@media(min-width: 992px) {
    [data-disable-parallax-up=lg] {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    [data-disable-parallax-up=xl] {
        transform: none !important
    }
}

.parallax {
    position: relative
}

.parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.parallax-layer:first-child {
    position: relative
}

.parallax-layer>img {
    display: block;
    width: 100%
}

.tilt-3d {
    transform-style: preserve-3d
}

.tilt-3d .tilt-3d-inner {
    transform: translateZ(2rem)
}

img-comparison-slider {
    display: block;
    --divider-width: 0.1875rem;
    --divider-color: #6366f1;
    --default-handle-opacity: 1
}

img-comparison-slider:focus {
    outline: none
}

.audio-player {
    --prefixaudio-player-theme: #6366f1;
    --seek-before-width: 0%;
    --volume-before-width: 100%;
    --buffered-width: 0%;
    display: flex;
    align-items: center;
    width: 100%
}

.ap-play-button {
    padding-top: .125rem;
    font-family: "boxicons";
    font-size: 1.5rem;
    font-weight: normal;
    font-style: normal
}

.ap-play-button::before {
    content: ""
}

.ap-play-button.ap-pause::before {
    content: ""
}

.ap-volume-button+.dropdown-menu {
    left: 50% !important;
    width: 2.125rem;
    min-width: 2.125rem;
    max-width: 2.125rem;
    height: 6.5rem;
    margin-left: -1.0625rem !important
}

.ap-seek-slider,
.ap-volume-slider {
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    outline: none
}

.ap-seek-slider::before,
.ap-volume-slider::before {
    position: absolute;
    left: 0;
    cursor: pointer;
    content: ""
}

.ap-seek-slider {
    width: 100%;
    height: 1.125rem
}

.ap-seek-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: .25rem;
    background: linear-gradient(to right, #d4d7e5 var(--buffered-width), rgba(226, 229, 241, 0.9) var(--buffered-width));
    cursor: pointer
}

.ap-seek-slider::before {
    top: .4375rem;
    width: var(--seek-before-width);
    height: .25rem;
    background-color: var(--prefixaudio-player-theme)
}

.ap-seek-slider::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    box-sizing: content-box;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: var(--prefixaudio-player-theme);
    cursor: pointer;
    margin: -0.375rem 0 0 0
}

.ap-seek-slider:active::-webkit-slider-thumb {
    transform: scale(1.2)
}

.ap-seek-slider::-moz-range-track {
    width: 100%;
    height: .25rem;
    background: linear-gradient(to right, #d4d7e5 var(--buffered-width), rgba(226, 229, 241, 0.9) var(--buffered-width));
    cursor: pointer
}

.ap-seek-slider::-moz-range-progress {
    background-color: var(--prefixaudio-player-theme)
}

.ap-seek-slider::-moz-focus-outer {
    border: 0
}

.ap-seek-slider::-moz-range-thumb {
    box-sizing: content-box;
    border: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: var(--prefixaudio-player-theme);
    cursor: pointer
}

.ap-seek-slider:active::-moz-range-thumb {
    transform: scale(1.2)
}

.ap-volume-slider {
    top: 1.925rem;
    right: 1.5rem;
    width: 5rem;
    height: .5625rem;
    transform: rotate(-90deg)
}

.ap-volume-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: .1875rem;
    background-color: var(--prefixaudio-player-theme);
    cursor: pointer
}

.ap-volume-slider::before {
    top: .1875rem;
    width: var(--volume-before-width);
    height: .1875rem;
    background-color: #fff
}

.ap-volume-slider::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    box-sizing: content-box;
    height: .5625rem;
    width: .5625rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin: -0.1875rem 0 0 0
}

.ap-volume-slider:active::-webkit-slider-thumb {
    transform: scale(1.2)
}

.ap-volume-slider::-moz-range-track {
    width: 100%;
    height: .1875rem;
    background-color: var(--prefixaudio-player-theme);
    cursor: pointer
}

.ap-volume-slider::-moz-range-progress {
    background-color: #fff
}

.ap-volume-slider::-moz-focus-outer {
    border: 0
}

.ap-volume-slider::-moz-range-thumb {
    box-sizing: content-box;
    border: 0;
    height: .5625rem;
    width: .5625rem;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.ap-volume-slider:active::-moz-range-thumb {
    transform: scale(1.2)
}

.dark-mode {
    --si-gray-600: rgba(255, 255, 255, .5);
    --si-gray-700: rgba(255, 255, 255, .7);
    --si-gray-800: rgba(255, 255, 255, .85);
    --si-gray-900: #fff;
    --si-body-bg: #0b0f19;
    --si-body-color: rgba(255, 255, 255, 0.7);
    --si-secondary-bg: rgba(255, 255, 255, .04);
    --si-heading-color: #fff;
    --si-heading-link-color: rgba(255, 255, 255, 0.85);
    --si-heading-link-hover-color: #6366f1;
    --si-nav-link-color: rgba(255, 255, 255, 0.85);
    --si-border-color: rgba(255, 255, 255, 0.14);
    --si-code-color: #f33185
}

.dark-mode .d-dark-mode-none {
    display: none !important
}

.dark-mode .d-dark-mode-block {
    display: block !important
}

.dark-mode .d-dark-mode-inline {
    display: inline !important
}

.dark-mode .d-dark-mode-inline-block {
    display: inline-block !important
}

.dark-mode .d-dark-mode-inline-flex {
    display: inline-flex !important
}

.dark-mode .d-dark-mode-flex {
    display: flex !important
}

.dark-mode .text-border {
    color: var(--si-border-color) !important
}

.dark-mode .text-dark:not(.badge) {
    color: #fff !important
}

.dark-mode .text-nav:not(.badge.bg-white) {
    color: rgba(255, 255, 255, .85) !important
}

.dark-mode .text-body {
    color: rgba(255, 255, 255, .7) !important
}

.dark-mode .border-dark {
    border-color: var(--si-border-color) !important
}

.dark-mode .bg-light:not(.badge),
.dark-mode .card.card-hover.bg-light {
    background-color: #0b0f19 !important
}

.dark-mode .bg-secondary,
.dark-mode .card.bg-light {
    background-color: var(--si-secondary-bg) !important
}

.dark-mode .bg-secondary.badge {
    color: var(--si-body-color)
}

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

.dark-mode .bg-white {
    --si-body-color: #565973;
    --si-heading-color: #0b0f19;
    --si-nav-link-color: #33354d;
    --si-border-color: #e2e5f1
}

.dark-mode .bg-white p,
.dark-mode .bg-white ul,
.dark-mode .bg-white ol,
.dark-mode .bg-white span,
.dark-mode .bg-white dd {
    color: var(--si-body-color)
}

.dark-mode .bg-white .text-muted {
    color: #9397ad !important
}

.dark-mode .bg-white .text-dark {
    color: #0b0f19 !important
}

.dark-mode .img-thumbnail {
    background-color: rgba(255, 255, 255, .1)
}

.dark-mode .dark-mode-img {
    display: block
}

.dark-mode .light-mode-img {
    display: none
}

.dark-mode .table {
    --si-table-th-color: #fff;
    --si-table-striped-bg: rgba(255, 255, 255, 0.0375);
    --si-table-hover-bg: rgba(255, 255, 255, 0.05);
    --si-table-hover-color: var(--si-body-color)
}

.dark-mode .table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(255, 255, 255, .3)
}

.dark-mode .btn-outline-secondary {
    --si-btn-color: rgba(255, 255, 255, .85);
    --si-btn-hover-color: #33354d;
    --si-btn-active-color: #33354d;
    --si-btn-border-color: rgba(255, 255, 255, .25);
    --si-btn-hover-bg: #fff;
    --si-btn-active-bg: #fff
}

.dark-mode .btn-secondary:not(.bg-white) {
    --si-btn-color: rgba(255, 255, 255, .85);
    --si-btn-hover-color: #fff;
    --si-btn-active-color: #fff;
    --si-btn-border-color: transparent;
    --si-btn-hover-border-color: transparent;
    --si-btn-active-border-color: transparent;
    --si-btn-bg: rgba(255, 255, 255, .06);
    --si-btn-hover-bg: rgba(255, 255, 255, .12);
    --si-btn-active-bg: rgba(255, 255, 255, .12)
}

.dark-mode .btn-secondary,
.dark-mode .btn-outline-secondary,
.dark-mode .btn-light,
.dark-mode .btn-outline-light {
    --si-btn-disabled-color: rgba(255, 255, 255, .5)
}

.dark-mode .btn-dark {
    --si-btn-color: #33354d !important;
    --si-btn-hover-color: #33354d !important;
    --si-btn-active-color: #33354d !important;
    --si-btn-bg: #eff2fc;
    --si-btn-hover-bg: #d5ddf7;
    --si-btn-active-bg: #d5ddf7
}

.dark-mode .btn-video {
    --si-btn-video-bg: rgba(255, 255, 255, 0.05);
    --si-btn-video-hover-bg: #6366f1;
    --si-btn-video-color: #fff;
    --si-btn-video-hover-color: #fff;
    --si-btn-video-shadow: none;
    --si-btn-video-hover-shadow: 0 0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9)
}

.dark-mode .btn-scroll-top {
    --si-btn-scroll-top-color: #fff;
    --si-btn-scroll-top-hover-color: #fff;
    --si-btn-scroll-top-bg: rgba(255, 255, 255, 0.15);
    --si-btn-scroll-top-hover-bg: rgba(255, 255, 255, 0.3)
}

.dark-mode .form-label,
.dark-mode .col-form-label {
    color: #fff
}

.dark-mode .form-text {
    color: rgba(255, 255, 255, .5)
}

.dark-mode .form-control,
.dark-mode .form-select {
    border-color: rgba(255, 255, 255, .18);
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    border-color: rgba(255, 255, 255, .35);
    box-shadow: none
}

.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly],
.dark-mode .form-select:disabled,
.dark-mode .form-select[readonly] {
    border-color: rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .01)
}

.dark-mode .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .4)
}

.dark-mode .form-control::placeholder {
    color: rgba(255, 255, 255, .4)
}

.dark-mode .form-control::-webkit-file-upload-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control::file-selector-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control::-webkit-file-upload-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

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

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

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

.dark-mode .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.dark-mode .form-floating .form-control::-moz-placeholder,
.dark-mode .form-floating .form-select::-moz-placeholder {
    color: rgba(0, 0, 0, 0)
}

.dark-mode .form-floating .form-control::placeholder,
.dark-mode .form-floating .form-select::placeholder {
    color: rgba(0, 0, 0, 0)
}

.dark-mode .form-floating .form-control:focus~label,
.dark-mode .form-floating .form-select:focus~label {
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-range::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, .09)
}

.dark-mode .form-range::-moz-range-track {
    background-color: rgba(255, 255, 255, .09)
}

.dark-mode .form-check-label {
    color: rgba(255, 255, 255, .7)
}

.dark-mode .form-check-input:not(:checked):not(.is-invalid):not(:invalid) {
    border-color: rgba(255, 255, 255, .5)
}

.dark-mode .form-check-input:not(:checked) {
    background-color: rgba(0, 0, 0, 0)
}

.dark-mode .form-switch .form-check-input {
    background-color: rgba(255, 255, 255, .25)
}

.dark-mode .form-switch .form-check-input:checked {
    background-color: #6366f1
}

.dark-mode .form-switch.mode-switch .form-check-label:first-of-type,
.dark-mode .form-switch.price-switch .form-check-label:first-of-type {
    color: #fff
}

.dark-mode .form-switch.mode-switch .form-check-input,
.dark-mode .form-switch.price-switch .form-check-input {
    background-color: #6366f1
}

.dark-mode .form-switch.mode-switch .form-check-input:checked~.form-check-label:first-of-type,
.dark-mode .form-switch.price-switch .form-check-input:checked~.form-check-label:first-of-type {
    color: rgba(255, 255, 255, .6)
}

.dark-mode .form-switch.mode-switch .form-check-input:checked~.form-check-label:last-of-type,
.dark-mode .form-switch.price-switch .form-check-input:checked~.form-check-label:last-of-type {
    color: #fff
}

.dark-mode .form-switch.form-switch-success .form-check-input:checked {
    background-color: #22c55e
}

.dark-mode .form-control~.password-toggle-btn .password-toggle-indicator {
    color: rgba(255, 255, 255, .4)
}

.dark-mode .form-control~.password-toggle-btn .password-toggle-indicator:hover {
    color: rgba(255, 255, 255, .85)
}

.dark-mode .input-group-text {
    border-color: rgba(255, 255, 255, .18);
    background-color: rgba(255, 255, 255, .02);
    color: rgba(255, 255, 255, .7)
}

.dark-mode .range-slider {
    --si-range-slider-bg: rgba(255, 255, 255, 0.12);
    --si-range-slider-handle-bg: #eff2fc;
    --si-range-slider-pips-border-color: rgba(255, 255, 255, .2)
}

.dark-mode .input-group .input-group-text:first-of-type:not(:last-child) {
    border-right-color: rgba(0, 0, 0, 0)
}

.dark-mode .input-group .input-group-text:last-of-type:not(:first-child) {
    border-left-color: rgba(0, 0, 0, 0)
}

.dark-mode .input-group .input-group-text:first-child+.input-group-text {
    border-left-color: rgba(255, 255, 255, .18)
}

.dark-mode .was-validated :valid:not(:required):not(.btn),
.dark-mode .is-valid:not(:required):not(.btn) {
    border-color: rgba(255, 255, 255, .18) !important
}

.dark-mode .credit-card-icon {
    background-position: 0 -26px
}

.dark-mode .nav {
    --si-nav-link-color: rgba(255, 255, 255, 0.85);
    --si-nav-link-hover-color: #6366f1;
    --si-nav-link-active-color: #6366f1;
    --si-nav-link-disabled-color: rgba(255, 255, 255, 0.4)
}

.dark-mode .nav-tabs {
    --si-nav-tabs-link-bg: rgba(255, 255, 255, 0.05);
    --si-nav-tabs-link-hover-bg: rgba(99, 102, 241, 0.12);
    --si-nav-tabs-link-active-bg: #6366f1;
    --si-nav-tabs-link-disabled-bg: rgba(255, 255, 255, 0.04);
    --si-nav-tabs-link-color: rgba(255, 255, 255, 0.85);
    --si-nav-tabs-link-hover-color: #6366f1;
    --si-nav-tabs-link-active-color: #fff;
    --si-nav-tabs-link-disabled-color: rgba(255, 255, 255, 0.4)
}

.dark-mode .nav-tabs-alt {
    --si-nav-tabs-alt-border-color: rgba(255, 255, 255, 0.14)
}

.dark-mode .side-nav {
    --si-side-nav-border-color: rgba(255, 255, 255, 0.14)
}

.dark-mode .navbar {
    --si-navbar-stuck-bg: #0b0f19;
    --si-navbar-brand-color: #fff;
    --si-navbar-brand-hover-color: #fff;
    --si-navbar-toggler-color: rgba(255, 255, 255, 0.85);
    --si-navbar-color: rgba(255, 255, 255, 0.85);
    --si-navbar-hover-color: #6366f1;
    --si-navbar-disabled-color: rgba(255, 255, 255, 0.4);
    --si-navbar-active-color: #6366f1
}

.dark-mode .navbar-stuck {
    box-shadow: none
}

.dark-mode .placeholder {
    opacity: .25
}

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

.dark-mode .placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.9) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.9) 75%, #000 95%)
}

.dark-mode .card {
    --si-card-border-color: rgba(255, 255, 255, 0.14);
    --si-card-bg: #0b0f19;
    --si-card-color: rgba(255, 255, 255, 0.7)
}

.dark-mode .card.shadow-sm,
.dark-mode .card.shadow,
.dark-mode .card.shadow-lg,
.dark-mode .card.border-0 {
    background-color: var(--si-secondary-bg)
}

.dark-mode .card-hover:hover {
    border-color: rgba(255, 255, 255, .3);
    background-color: var(--si-secondary-bg)
}

.dark-mode .card-hover.border-0:not(.bg-transparent):not(.bg-light) {
    border: var(--si-border-width) solid rgba(0, 0, 0, 0) !important
}

.dark-mode .card-hover.border-0:not(.bg-transparent):not(.bg-light):hover {
    border-color: var(--si-card-border-color) !important
}

.dark-mode .card-hover.bg-light:hover {
    background-color: var(--si-secondary-bg) !important
}

.dark-mode .accordion {
    --si-accordion-border-color: rgba(255, 255, 255, 0.14);
    --si-accordion-bg: #0b0f19;
    --si-accordion-btn-bg: #0b0f19;
    --si-accordion-active-bg: #0b0f19;
    --si-accordion-btn-color: #fff;
    --si-accordion-active-color: #fff;
    --si-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3e%3cpath d='M225.813 48.907L128 146.72 30.187 48.907 0 79.093l128 128 128-128z'/%3e%3c/svg%3e");
    --si-accordion-btn-icon-box-bg: rgba(255, 255, 255, 0.05);
    --si-accordion-btn-icon-box-active-bg: #6366f1
}

.dark-mode .accordion-item.border-0 {
    background-color: var(--si-secondary-bg)
}

.dark-mode .accordion-button.shadow-none {
    background-color: rgba(0, 0, 0, 0) !important
}

.dark-mode .popover {
    --si-popover-bg: #14171f;
    --si-popover-border-color: var(--si-border-color);
    --si-popover-body-color: var(--si-body-color);
    --si-popover-header-color: var(--si-heading-color);
    --si-popover-arrow-border: rgba(255, 255, 255, .2)
}

.dark-mode .modal {
    --si-modal-bg: #0b0f19;
    --si-modal-border-color: rgba(255, 255, 255, 0.14);
    --si-modal-border-width: 1px;
    --si-modal-header-border-color: rgba(255, 255, 255, 0.14);
    --si-modal-footer-border-color: rgba(255, 255, 255, 0.14)
}

.dark-mode .alert-primary {
    --si-alert-bg: rgba(99, 102, 241, .05);
    --si-alert-border-color: rgba(99, 102, 241, .25)
}

.dark-mode .alert-secondary {
    --si-alert-bg: rgba(239, 242, 252, .05);
    --si-alert-border-color: rgba(239, 242, 252, .25)
}

.dark-mode .alert-success {
    --si-alert-bg: rgba(34, 197, 94, .05);
    --si-alert-border-color: rgba(34, 197, 94, .25)
}

.dark-mode .alert-info {
    --si-alert-bg: rgba(76, 130, 247, .05);
    --si-alert-border-color: rgba(76, 130, 247, .25)
}

.dark-mode .alert-warning {
    --si-alert-bg: rgba(255, 186, 8, .05);
    --si-alert-border-color: rgba(255, 186, 8, .25)
}

.dark-mode .alert-danger {
    --si-alert-bg: rgba(239, 68, 68, .05);
    --si-alert-border-color: rgba(239, 68, 68, .25)
}

.dark-mode .alert-light {
    --si-alert-bg: rgba(255, 255, 255, .05);
    --si-alert-border-color: rgba(255, 255, 255, .25)
}

.dark-mode .alert-dark {
    --si-alert-bg: rgba(11, 15, 25, .05);
    --si-alert-border-color: rgba(11, 15, 25, .25)
}

.dark-mode .alert-secondary,
.dark-mode .alert-light,
.dark-mode .alert-dark {
    --si-alert-border-color: var(--si-border-color)
}

.dark-mode .alert-secondary,
.dark-mode .alert-light {
    --si-alert-bg: var(--si-secondary-bg);
    --si-alert-color: var(--si-body-color);
    --si-alert-link-color: #fff
}

.dark-mode .progress {
    --si-progress-bg: rgba(255, 255, 255, 0.08)
}

.dark-mode .progress-bar.bg-dark {
    --si-progress-bar-bg: #fff;
    --si-progress-bar-color: #0b0f19;
    background-color: var(--si-progress-bar-bg) !important
}

.dark-mode .progress-bar.bg-dark.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(11, 15, 25, 0.15) 25%, transparent 25%, transparent 50%, rgba(11, 15, 25, 0.15) 50%, rgba(11, 15, 25, 0.15) 75%, transparent 75%, transparent)
}

.dark-mode .list-group {
    --si-list-group-color: rgba(255, 255, 255, 0.7);
    --si-list-group-border-color: rgba(255, 255, 255, 0.14);
    --si-list-group-active-border-color: #6366f1;
    --si-list-group-disabled-color: rgba(255, 255, 255, 0.5);
    --si-list-group-action-color: rgba(255, 255, 255, 0.85);
    --si-list-group-action-hover-color: #6366f1
}

.dark-mode .toast {
    --si-toast-bg: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), #0b0f19;
    --si-toast-border-color: var(--si-border-color);
    background: var(--si-toast-bg)
}

.dark-mode .breadcrumb-item {
    --si-breadcrumb-item-active-color: #fff
}

.dark-mode .pagination {
    --si-pagination-color: rgba(255, 255, 255, 0.85);
    --si-pagination-hover-color: #6366f1;
    --si-pagination-hover-bg: rgba(255, 255, 255, 0.05);
    --si-pagination-focus-bg: rgba(255, 255, 255, 0.05);
    --si-pagination-disabled-color: rgba(255, 255, 255, 0.5)
}

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

.dark-mode .offcanvas,
.dark-mode .offcanvas-sm,
.dark-mode .offcanvas-md,
.dark-mode .offcanvas-lg,
.dark-mode .offcanvas-xl,
.dark-mode .offcanvas-xxl {
    --si-offcanvas-bg: #0b0f19
}

.dark-mode .offcanvas.bg-secondary,
.dark-mode .offcanvas-sm.bg-secondary,
.dark-mode .offcanvas-md.bg-secondary,
.dark-mode .offcanvas-lg.bg-secondary,
.dark-mode .offcanvas-xl.bg-secondary,
.dark-mode .offcanvas-xxl.bg-secondary {
    background-color: #14171f !important
}

.dark-mode :not(pre)>code[class*=language-],
.dark-mode pre[class*=language-],
.dark-mode pre {
    --si-pre-bg: rgba(255, 255, 255, 0.04);
    --si-pre-line-numbers-border-color: rgba(255, 255, 255, 0.14);
    --si-pre-line-numbers-color: rgba(255, 255, 255, 0.5);
    --si-pre-tag-color: #5960f3;
    --si-pre-comment-color: rgba(255, 255, 255, .5);
    --si-pre-attr-name-color: #4da2f7;
    --si-pre-attr-value-color: #f33185;
    --si-pre-class-name-color: #4ddcda;
    box-shadow: none
}

.dark-mode code[class*=language-],
.dark-mode pre[class*=language-],
.dark-mode pre>code,
.dark-mode pre {
    --si-pre-color: #fff
}

.dark-mode kbd {
    background-color: #000;
    color: #fff
}

.dark-mode .btn-prev,
.dark-mode .btn-next {
    --si-carousel-nav-btn-bg: rgba(255, 255, 255, 0.05);
    --si-carousel-nav-btn-color: #fff;
    --si-carousel-nav-btn-box-shadow: none;
    --si-carousel-nav-btn-disabled-color: rgba(255, 255, 255, .5)
}

.dark-mode .swiper-pagination {
    --si-carousel-pagination-bullet-bg: rgba(255, 255, 255, 0.5);
    --si-carousel-pagination-bullet-active-bg: #fff;
    --si-carousel-pagination-progressbar-bg: rgba(255, 255, 255, 0.14)
}

.dark-mode .swiper-scrollbar {
    --si-carousel-scrollbar-bg: rgba(255, 255, 255, 0.14);
    --si-carousel-scrollbar-drag-bg: #fff
}

.dark-mode .offcanvas .swiper-scrollbar-drag,
.dark-mode .offcanvas-sm .swiper-scrollbar-drag,
.dark-mode .offcanvas-md .swiper-scrollbar-drag,
.dark-mode .offcanvas-lg .swiper-scrollbar-drag,
.dark-mode .offcanvas-xl .swiper-scrollbar-drag,
.dark-mode .offcanvas-xl .swiper-scrollbar-drag {
    opacity: .55
}

.dark-mode .steps {
    --si-steps-number-bg: #181b24;
    --si-steps-number-inner-bg: rgba(255, 255, 255, 0.04)
}

.dark-mode .ap-seek-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.55) var(--buffered-width), rgba(255, 255, 255, 0.3) var(--buffered-width))
}

/*# sourceMappingURL=theme.min.css.map */