/* Variables */
:root, [data-bs-theme=light] {
    --bs-basic-rgb: 240,240,240;
    --bs-sky-rgb: 0, 152, 219;
    --bs-darksky-rgb: 0, 122, 179;
    --bs-brown-rgb: 152,0,52;
    --bs-cute-rgb: 242,94,134;
    --bs-iris-rgb: 163,71,229;
    --bs-darkbrown-rgb: 96,6,9;
    --bs-vanilla-rgb: 254,235,205;
    --bs-header-height: 0px;
    --bs-muted-rgb: 230,230,230;
    --vh: 1vh;
}

/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.mcol-1 {
    max-width: 8.33333333%
}

.mcol-2 {
    max-width: 16.66666667%;
}

.mcol-3 {
    max-width: 25%
}

.mcol-4 {
    max-width: 33.33333333%
}

.mcol-5 {
    max-width: 41.66666667%
}

.mcol-6 {
    max-width: 50%
}

.mcol-7 {
    max-width: 58.33333333%
}

.mcol-8 {
    max-width: 66.66666667%
}

.mcol-9 {
    max-width: 75%
}

.mcol-10 {
    max-width: 83.33333333%
}

.mcol-11 {
    max-width: 91.66666667%
}

.mcol-12 {
    max-width: 100%
}

@media (min-width: 575px) {
    .mcol-sm-1 {
        max-width: 8.33333333%
    }

    .mcol-sm-2 {
        max-width: 16.66666667%;
    }

    .mcol-sm-3 {
        max-width: 25%
    }

    .mcol-sm-4 {
        max-width: 33.33333333%
    }

    .mcol-sm-5 {
        max-width: 41.66666667%
    }

    .mcol-sm-6 {
        max-width: 50%
    }

    .mcol-sm-7 {
        max-width: 58.33333333%
    }

    .mcol-sm-8 {
        max-width: 66.66666667%
    }

    .mcol-sm-9 {
        max-width: 75%
    }

    .mcol-sm-10 {
        max-width: 83.33333333%
    }

    .mcol-sm-11 {
        max-width: 91.66666667%
    }

    .mcol-sm-12 {
        max-width: 100%
    }
}

@media (min-width: 767px) {
    .mcol-md-1 {
        max-width: 8.33333333%
    }

    .mcol-md-2 {
        max-width: 16.66666667%;
    }

    .mcol-md-3 {
        max-width: 25%
    }

    .mcol-md-4 {
        max-width: 33.33333333%
    }

    .mcol-md-5 {
        max-width: 41.66666667%
    }

    .mcol-md-6 {
        max-width: 50%
    }

    .mcol-md-7 {
        max-width: 58.33333333%
    }

    .mcol-md-8 {
        max-width: 66.66666667%
    }

    .mcol-md-9 {
        max-width: 75%
    }

    .mcol-md-10 {
        max-width: 83.33333333%
    }

    .mcol-md-11 {
        max-width: 91.66666667%
    }

    .mcol-md-12 {
        max-width: 100%
    }
}

@media (min-width: 991px) {
    .mcol-lg-1 {
        max-width: 8.33333333%
    }

    .mcol-lg-2 {
        max-width: 16.66666667%;
    }

    .mcol-lg-3 {
        max-width: 25%
    }

    .mcol-lg-4 {
        max-width: 33.33333333%
    }

    .mcol-lg-5 {
        max-width: 41.66666667%
    }

    .mcol-lg-6 {
        max-width: 50%
    }

    .mcol-lg-7 {
        max-width: 58.33333333%
    }

    .mcol-lg-8 {
        max-width: 66.66666667%
    }

    .mcol-lg-9 {
        max-width: 75%
    }

    .mcol-lg-10 {
        max-width: 83.33333333%
    }

    .mcol-lg-11 {
        max-width: 91.66666667%
    }

    .mcol-lg-12 {
        max-width: 100%
    }
}

@media (min-width: 1199px) {
    .mcol-xl-1 {
        max-width: 8.33333333%
    }

    .mcol-xl-2 {
        max-width: 16.66666667%;
    }

    .mcol-xl-3 {
        max-width: 25%
    }

    .mcol-xl-4 {
        max-width: 33.33333333%
    }

    .mcol-xl-5 {
        max-width: 41.66666667%
    }

    .mcol-xl-6 {
        max-width: 50%
    }

    .mcol-xl-7 {
        max-width: 58.33333333%
    }

    .mcol-xl-8 {
        max-width: 66.66666667%
    }

    .mcol-xl-9 {
        max-width: 75%
    }

    .mcol-xl-10 {
        max-width: 83.33333333%
    }

    .mcol-xl-11 {
        max-width: 91.66666667%
    }

    .mcol-xl-12 {
        max-width: 100%
    }
}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
# Collapse
--------------------------------------------------------------*/
.collapse-arrow::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    margin-left: .25rem;
}


.collapse-arrow:not(.collapsed)::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>');
    margin-left: .25rem;
}

[data-bs-theme="dark"] .collapse-arrow::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16" style="filter: brightness(88%) sepia(50%) saturate(100%) hue-rotate(70deg) invert(93%) brightness(93%) contrast(83%);"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    margin-left: .25rem;
}

[data-bs-theme="dark"] .collapse-arrow:not(.collapsed)::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="rgb(148,148,148)" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>');
    margin-left: .25rem;
}

/*--------------------------------------------------------------
# Dropdown
--------------------------------------------------------------*/
.dropdown-arrow::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>');
    margin-left: .25rem;
}


.dropdown-arrow:not(.show)::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    margin-left: .25rem;
}

.dropdown-item:active {
    color: black;
}

[data-bs-theme="dark"] .dropdown-arrow::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="white" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>');
    margin-left: .25rem;
}

[data-bs-theme="dark"] .dropdown-arrow:not(.show)::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="white" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    margin-left: .25rem;
}

/*--------------------------------------------------------------
# Toast
--------------------------------------------------------------*/
.toast-light {
}

    .toast-light .toast-header {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important
    }

.toast-secondary {
}

    .toast-secondary .toast-header {
        --bs-bg-opacity: .25;
        background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
    }

.toast-danger {
}

    .toast-danger .toast-header {
        --bs-bg-opacity: .125;
        background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important
    }

.toast-primary {
}

    .toast-primary .toast-header {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
    }

.toast-success {
}

    .toast-success .toast-header {
        --bs-bg-opacity: 1;
        background-color: rgba(195, 210, 206,var(--bs-bg-opacity)) !important;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important
    }

.toast-warning {
}

    .toast-warning .toast-header {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;
        --bs-text-opacity: .75;
        color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
    }

.toast-info {
}

    .toast-info .toast-header {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important;
        --bs-text-opacity: .75;
        color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
    }

.toast-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
}

/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
.caption-top {
    width: 100%;
    height: 2.25em;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, .5), rgba(0, 0, 0, .25), rgba(0, 0, 0, .125));
    display: flex;
    align-items: center;
    padding: .5em 1em;
}

.vertical.carousel .carousel-item {
    overflow: hidden;
}

.vertical.carousel .carousel-item-next:not(.carousel-item-start),
.vertical.carousel .active.carousel-item-end {
    transform: translateY(100%);
}

.vertical.carousel .carousel-item-prev:not(.carousel-item-end),
.vertical.carousel .active.carousel-item-start {
    transform: translateY(-100%);
}

.vertical.carousel .carousel-indicators {
    top: 0;
    left: unset;
    margin-left: unset !important;
    margin-right: 1rem;
    flex-direction: column;
}

    .vertical.carousel .carousel-indicators [data-bs-target] {
        height: 30px;
        width: 3px;
    }

.vertical.carousel .carousel-control-prev,
.vertical.carousel .carousel-control-next {
    width: 100%;
    height: 60px;
}

.vertical.carousel .carousel-control-prev-icon,
.vertical.carousel .carousel-control-next-icon {
    transform: rotateZ(90deg);
}

.vertical.carousel .carousel-control-next {
    top: unset;
    bottom: 0;
}

@media (min-width: 767px) {
    .caption-top {
        height: 4.5em !important;
    }
}

@media (min-width: 991px) {
}

@media (min-width: 1199px) {
}

/*--------------------------------------------------------------
# Button Class
--------------------------------------------------------------*/
[data-bs-theme="dark"] .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
}

.btn-outline-darksky {
    --bs-btn-color: rgba(0, 92, 139);
    --bs-btn-border-color: rgba(0, 92, 139);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(0, 142, 209);
    --bs-btn-hover-border-color: rgba(0, 142, 209);
    --bs-btn-focus-shadow-rgb: 0, 92, 139;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0, 92, 139);
    --bs-btn-active-border-color: rgba(0, 92, 139);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(0, 92, 139);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(0, 92, 139);
    --bs-gradient: none;
}

.btn-darksky {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(0, 92, 139);
    --bs-btn-border-color: rgba(0, 92, 139);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(0, 142, 209);
    --bs-btn-hover-border-color: rgba(0, 142, 209);
    --bs-btn-focus-shadow-rgb: 0, 92, 139;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0, 92, 139);
    --bs-btn-active-border-color: rgba(0, 92, 139);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(180, 220, 240);
    --bs-btn-disabled-border-color: rgba(180, 220, 240)
}

.btn-sky {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(0, 152, 219);
    --bs-btn-border-color: rgba(0, 152, 219);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(0, 172, 239);
    --bs-btn-hover-border-color: rgba(0, 172, 239);
    --bs-btn-focus-shadow-rgb: 0, 122, 179;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0, 122, 179);
    --bs-btn-active-border-color: rgba(0, 122, 179);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(180, 220, 240);
    --bs-btn-disabled-border-color: rgba(180, 220, 240)
}

.btn-outline-sky {
    --bs-btn-color: rgba(0, 152, 219);
    --bs-btn-border-color: rgba(0, 152, 219);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(0, 152, 219);
    --bs-btn-hover-border-color: rgba(0, 152, 219);
    --bs-btn-focus-shadow-rgb: 172,10,62;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(0, 152, 219);
    --bs-btn-active-border-color: rgba(0, 152, 219);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(0, 152, 219);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(0, 152, 219);
    --bs-gradient: none
}

/*--------------------------------------------------------------
# Focus Class
--------------------------------------------------------------*/
.btn:focus:not(.shadow-none),
.form-check-input:focus:not(.shadow-none),
.form-control:focus:not(.shadow-none),
.form-select:focus:not(.shadow-none) {
    box-shadow: 0 0 0 .125rem rgba(13,110,253,.25) !important;
}

/*--------------------------------------------------------------
# Width Class
--------------------------------------------------------------*/
.w-0 {
    width: 0 !important;
}

.w-90 {
    width: 90% !important;
}

.w-inherit {
    width: inherit !important;
}

.w-initial {
    width: initial !important;
}

.w-fit-content {
    width: fit-content !important;
}

.mw-75 {
    max-width: 75% !important;
}

.mw-80 {
    max-width: 80% !important;
}

.min-w-100 {
    min-width: 100% !important;
}

@media (min-width: 767px) {
    .w-md-auto {
        width: auto !important;
    }

    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .mw-md-25 {
        max-width: 25% !important;
    }

    .mw-md-50 {
        max-width: 50% !important;
    }

    .mw-md-75 {
        max-width: 75% !important;
    }

    .w-md-inherit {
        width: inherit !important;
    }

    .w-md-initial {
        width: initial !important;
    }

    .w-md-fit-content {
        width: fit-content !important;
    }
}

@media (min-width: 991px) {
    .w-lg-auto {
        width: auto !important;
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-90 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .mw-lg-25 {
        max-width: 25% !important;
    }

    .mw-lg-50 {
        max-width: 50% !important;
    }

    .mw-lg-75 {
        max-width: 75% !important;
    }

    .w-lg-inherit {
        width: inherit !important;
    }

    .w-lg-initial {
        width: initial !important;
    }

    .w-lg-fit-content {
        width: fit-content;
    }
}

@media (min-width: 1199px) {
    .w-xl-auto {
        width: auto !important;
    }

    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .mw-xl-25 {
        max-width: 25% !important;
    }

    .mw-xl-50 {
        max-width: 50% !important;
    }

    .mw-xl-75 {
        max-width: 75% !important;
    }

    .w-xl-inherit {
        width: inherit !important;
    }

    .w-xl-initial {
        width: initial !important;
    }

    .w-xl-fit-content {
        width: fit-content;
    }
}

/*--------------------------------------------------------------
# Height Class
--------------------------------------------------------------*/
.h-0 {
    height: 0 !important;
}

.h-90 {
    height: 90% !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-100 {
    height: 100vh !important;
    height: calc(var(--vh, 1vh) * 100) !important;
}

.h-inherit {
    height: inherit !important;
}

.h-fit-content {
    height: fit-content !important;
}

.min-h-auto {
    min-height: auto !important
}

.min-h-50 {
    min-height: 50% !important
}

.min-h-75 {
    min-height: 75% !important
}

.min-h-100 {
    min-height: 100% !important
}

.max-vh-75 {
    max-height: 75vh !important
}

@media (min-width: 767px) {
    .h-md-auto {
        height: auto !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-inherit {
        height: inherit !important;
    }

    .h-md-fit-content {
        height: fit-content !important;
    }

    .min-vh-md-none {
        min-height: unset !important;
    }
}

@media (min-width: 991px) {
    .h-lg-auto {
        height: auto !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-inherit {
        height: inherit !important;
    }

    .h-lg-fit-content {
        height: fit-content !important;
    }

    .min-vh-lg-none {
        min-height: unset !important;
    }

    .max-vh-lg-75 {
        max-height: 75vh;
    }
}

@media (min-width: 1199px) {
    .h-xl-auto {
        height: auto !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-inherit {
        height: inherit !important;
    }

    .h-xl-fit-content {
        height: fit-content !important;
    }

    .min-vh-xl-none {
        min-height: unset !important;
    }

    .max-vh-xl-75 {
        max-height: 75vh;
    }
}

/*--------------------------------------------------------------
# Rotate Class
--------------------------------------------------------------*/
.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-225 {
    transform: rotate(225deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.rotate-315 {
    transform: rotate(315deg);
}

/*--------------------------------------------------------------
# Rounded Class
--------------------------------------------------------------*/
.rounded-pill-start {
    border-radius: 50rem 0 0 50rem !important;
}

.rounded-pill-end {
    border-radius: 0 50rem 50rem 0 !important;
}

.rounded-topstart {
    border-radius: .33rem 0 0 0 !important;
}

.rounded-topend {
    border-radius: 0 .33rem 0 0 !important;
}

.rounded-bottomstart {
    border-radius: 0 0 0 .33rem !important;
}

.rounded-bottomend {
    border-radius: 0 0 .33rem 0 !important;
}

@media (min-width: 767px) {
    .rounded-md-0 {
        border-radius: unset !important;
    }

    .rounded-md {
        border-radius: .33em !important;
    }

    .rounded-md-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }

    .rounded-md-circle {
        border-radius: 50% !important;
    }

    .rounded-md-start {
        border-radius: .33em 0 0 .33em !important;
    }
}

@media (min-width: 991px) {
    .rounded-lg-0 {
        border-radius: unset !important;
    }

    .rounded-lg {
        border-radius: .33em !important;
    }

    .rounded-lg-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }

    .rounded-lg-circle {
        border-radius: 50% !important;
    }

    .rounded-lg-start {
        border-radius: .33em 0 0 .33em !important;
    }
}

@media (min-width: 1199px) {
    .rounded-xl-0 {
        border-radius: unset !important;
    }

    .rounded-xl {
        border-radius: .33em !important;
    }

    .rounded-xl-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }

    .rounded-xl-circle {
        border-radius: 50% !important;
    }

    .rounded-xl-start {
        border-radius: .33em 0 0 .33em !important;
    }
}

/*--------------------------------------------------------------
# Border Class
--------------------------------------------------------------*/
.border-sky {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-rgb),var(--bs-border-opacity)) !important
}

[data-bs-theme="dark"] .border {
    border: var(--bs-border-width) var(--bs-border-style) gray !important
}

@media (min-width: 767px) {
}

@media (min-width: 991px) {
    .border-lg {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .border-lg-0 {
        border: 0 !important
    }

    .border-lg-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .border-lg-top-0 {
        border-top: 0 !important
    }

    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .border-lg-end-0 {
        border-right: 0 !important
    }

    .border-lg-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .border-lg-bottom-0 {
        border-bottom: 0 !important
    }

    .border-lg-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

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

    .border-lg-primary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-success {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-info {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-warning {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-danger {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-light {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-dark {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-white {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-brown {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-brown-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-darkbrown {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-darkbrown-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-sky {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-sky-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-darksky {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-darksky-rgb),var(--bs-border-opacity)) !important
    }

    .border-lg-1 {
        --bs-border-width: 1px
    }

    .border-lg-2 {
        --bs-border-width: 2px
    }

    .border-lg-3 {
        --bs-border-width: 3px
    }

    .border-lg-4 {
        --bs-border-width: 4px
    }

    .border-lg-5 {
        --bs-border-width: 5px
    }

    .border-lg-opacity-10 {
        --bs-border-opacity: 0.1
    }

    .border-lg-opacity-25 {
        --bs-border-opacity: 0.25
    }

    .border-lg-opacity-50 {
        --bs-border-opacity: 0.5
    }

    .border-lg-opacity-75 {
        --bs-border-opacity: 0.75
    }

    .border-lg-opacity-100 {
        --bs-border-opacity: 1
    }
}

@media (min-width: 1199px) {
    .border-xl-0 {
        border: 0 !important;
    }

    .border-xl {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-xl-5 {
        --bs-border-width: 5px;
    }
}

/*--------------------------------------------------------------
# Background Class
--------------------------------------------------------------*/
[data-bs-theme="dark"] .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(85, 85, 85, var(--bs-bg-opacity)) !important
}

[data-bs-theme="dark"] .bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important
}

.bg-size-50 {
    background-size: 50%;
}

.bg-size-75 {
    background-size: 75%;
}

.bg-size-contain {
    background-size: contain;
}

.bg-size-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.bg-top {
    background-position: top;
}

.bg-start {
    background-position: left;
}

.bg-bottom {
    background-position: bottom;
}

.bg-bottomend {
    background-position: bottom right;
}

.bg-end {
    background-position: right;
}

.bg-norepeat {
    background-repeat: no-repeat;
}

.bg-none {
    background: none !important;
    background-color: none !important;
}

@media (min-width: 767px) {
    .bg-size-md-contain {
        background-size: contain;
    }

    .bg-size-md-cover {
        background-size: cover;
    }

    .bg-md-center {
        background-position: center;
    }

    .bg-md-top {
        background-position: top;
    }

    .bg-md-start {
        background-position: left;
    }

    .bg-md-bottom {
        background-position: bottom;
    }

    .bg-md-end {
        background-position: right;
    }

    .bg-md-none {
        background: none !important;
        background-color: none !important;
    }
}

@media (min-width: 991px) {
    .bg-size-lg-contain {
        background-size: contain;
    }

    .bg-size-lg-cover {
        background-size: cover;
    }

    .bg-lg-center {
        background-position: center;
    }

    .bg-lg-top {
        background-position: top;
    }

    .bg-lg-end {
        background-position: right;
    }

    .bg-lg-bottom {
        background-position: bottom;
    }

    .bg-lg-start {
        background-position: left;
    }

    .bg-lg-none {
        background: none !important;
        background-color: none !important;
    }
}

@media (min-width: 1199px) {
    .bg-size-xl-contain {
        background-size: contain;
    }

    .bg-size-xl-cover {
        background-size: cover;
    }

    .bg-xl-center {
        background-position: center;
    }

    .bg-xl-top {
        background-position: top;
    }

    .bg-xl-end {
        background-position: right;
    }

    .bg-xl-bottom {
        background-position: bottom;
    }

    .bg-xl-start {
        background-position: left;
    }

    .bg-xl-none {
        background: none !important;
        background-color: none !important;
    }
}

/*--------------------------------------------------------------
# Font Class
--------------------------------------------------------------*/
.fs-giant-1 {
    font-size: calc(2.075rem + 9.9vw) !important;
}

.fs-giant-2 {
    font-size: calc(1.675rem + 5.1vw) !important;
}

.fs-giant-3 {
    font-size: calc(1.475rem + 2.7vw) !important;
}

.fs-7 {
    font-size: 0.9rem;
}

.fs-8 {
    font-size: 0.8rem;
}

.fs-9 {
    font-size: 0.7rem;
}

.fs-10 {
    font-size: 0.6rem
}

.fs-first:first-letter {
    font-size: 300%;
    font-weight: 700;
    float: left;
    padding-right: 3px;
    line-height: 100%;
}

@media (min-width: 767px) {
    .fs-md-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-md-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-md-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

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

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

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

    .fs-md-7 {
        font-size: 0.9rem !important;
    }

    .fs-md-8 {
        font-size: 0.8rem !important;
    }

    .fs-md-9 {
        font-size: 0.7rem !important;
    }

    .fs-md-10 {
        font-size: 0.6rem !important;
    }
}

@media (min-width: 991px) {
    .fs-lg-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-lg-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-lg-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

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

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

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

    .fs-lg-7 {
        font-size: 0.9rem !important;
    }

    .fs-lg-8 {
        font-size: 0.8rem !important;
    }

    .fs-lg-9 {
        font-size: 0.7rem !important;
    }

    .fs-lg-10 {
        font-size: 0.6rem !important;
    }

    .fs-giant-lg-1 {
        font-size: calc(2.075rem + 9.9vw) !important;
    }

    .fs-giant-lg-2 {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-giant-lg-3 {
        font-size: calc(1.475rem + 2.7vw) !important;
    }
}

@media (min-width: 1199px) {
    .fs-xl-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-xl-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    .fs-xl-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

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

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

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

    .fs-xl-7 {
        font-size: 0.9rem !important;
    }

    .fs-xl-8 {
        font-size: 0.8rem !important;
    }

    .fs-xl-9 {
        font-size: 0.7rem !important;
    }

    .fs-xl-10 {
        font-size: 0.6rem !important;
    }

    .fs-giant-xl-1 {
        font-size: calc(2.075rem + 9.9vw) !important;
    }

    .fs-giant-xl-2 {
        font-size: calc(1.675rem + 5.1vw) !important;
    }

    .fs-giant-xl-3 {
        font-size: calc(1.475rem + 2.7vw) !important;
    }
}

/*--------------------------------------------------------------
# Text Class
--------------------------------------------------------------*/
.text-sky {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-sky-rgb),var(--bs-text-opacity)) !important
}

.text-darksky {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-darksky-rgb),var(--bs-text-opacity)) !important
}

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

.text-inherit {
    color: inherit !important;
}

[data-bs-theme="dark"] .text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important
}

[data-bs-theme="dark"] .text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important
}

[data-bs-theme="dark"] .text-secondary {
    --bs-text-opacity: 1;
    color: rgba(175, 175, 175,var(--bs-text-opacity)) !important
}

[data-bs-theme="dark"] .text-success {
    --bs-text-opacity: 1;
    color: rgba(0, 255, 0,var(--bs-text-opacity)) !important
}

[data-bs-theme="dark"] .text-primary {
    --bs-text-opacity: 1;
    color: rgba(0, 255, 255,var(--bs-text-opacity)) !important
}

.tracking-tighter {
    letter-spacing: -0.05rem !important;
}

.tracking-tight {
    letter-spacing: -0.025rem !important;
}

.tracking-normal {
    letter-spacing: 0rem !important;
}

.tracking-wide {
    letter-spacing: 0.025rem !important;
}

.tracking-wider {
    letter-spacing: 0.05rem !important;
}

.tracking-widest {
    letter-spacing: 0.1rem !important;
}

.text-opacity-10 {
    --bs-text-opacity: .1 !important;
}

.text-opacity-25 {
    --bs-text-opacity: .25 !important;
}

.text-opacity-50 {
    --bs-text-opacity: .5 !important;
}

.text-opacity-75 {
    --bs-text-opacity: .75 !important;
}

.text-shadow {
    text-shadow: .25rem .25rem .5rem gray;
}

.text-shadow-sm {
    text-shadow: .125rem .125rem .25rem gray;
}

.text-stroke-sm {
    -webkit-text-stroke: .25px #000;
}

.text-stroke {
    -webkit-text-stroke: 1px #000;
}

.text-stroke-lg {
    -webkit-text-stroke: 5px #000;
}

.text-truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-truncate-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-truncate-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-truncate-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.text-truncate-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

@media (min-width: 767px) {
    .tracking-md-tighter {
        letter-spacing: -0.05rem !important;
    }

    .tracking-md-tight {
        letter-spacing: -0.025rem !important;
    }

    .tracking-md-normal {
        letter-spacing: 0rem !important;
    }

    .tracking-md-wide {
        letter-spacing: 0.025rem !important;
    }

    .tracking-md-wider {
        letter-spacing: 0.05rem !important;
    }

    .tracking-md-widest {
        letter-spacing: 0.1rem !important;
    }

    .text-truncate-md-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .text-truncate-md-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .text-truncate-md-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .text-truncate-md-4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .text-truncate-md-5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 991px) {
    .tracking-lg-tighter {
        letter-spacing: -0.05rem !important;
    }

    .tracking-lg-tight {
        letter-spacing: -0.025rem !important;
    }

    .tracking-lg-normal {
        letter-spacing: 0rem !important;
    }

    .tracking-lg-wide {
        letter-spacing: 0.025rem !important;
    }

    .tracking-lg-wider {
        letter-spacing: 0.05rem !important;
    }

    .tracking-lg-widest {
        letter-spacing: 0.1em !important;
    }

    .text-truncate-lg-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .text-truncate-lg-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .text-truncate-lg-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .text-truncate-lg-4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .text-truncate-lg-5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 1199px) {
    .text-xl-secondary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important
    }

    .tracking-xl-tighter {
        letter-spacing: -0.05rem !important;
    }

    .tracking-xl-tight {
        letter-spacing: -0.025rem !important;
    }

    .tracking-xl-normal {
        letter-spacing: 0rem !important;
    }

    .tracking-xl-wide {
        letter-spacing: 0.025rem !important;
    }

    .tracking-xl-wider {
        letter-spacing: 0.05rem !important;
    }

    .tracking-xl-widest {
        letter-spacing: 0.1em !important;
    }

    .text-truncate-xl-1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .text-truncate-xl-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .text-truncate-xl-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .text-truncate-xl-4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .text-truncate-xl-5 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
}

/*--------------------------------------------------------------
# Shadow Class
--------------------------------------------------------------*/
@media (min-width: 767px) {
}

@media (min-width: 991px) {
}

/*--------------------------------------------------------------
# Overflow Class
--------------------------------------------------------------*/
.overflow-y-auto {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.overflow-unvisible {
    overflow: -moz-scrollbars-none !important;
    -ms-overflow-style: none !important;
    overflow: -webkit-scrollbar !important;
    scrollbar-width: none !important;
}

@media (min-width: 1199px) {
    .overflow-xl-unvisible {
        overflow: -moz-scrollbars-none !important;
        -ms-overflow-style: none !important;
        overflow: -webkit-scrollbar !important;
        scrollbar-width: none !important;
    }
}

/*--------------------------------------------------------------
# Transform Class
--------------------------------------------------------------*/
.transform-start-25 {
    transform: rotate(-25deg);
}

.transform-start-45 {
    transform: rotate(-45deg);
}

.transform-end-45 {
    transform: rotate(45deg);
}

@media (min-width: 767px) {
}

@media (min-width: 991px) {
    .transform-lg-end-45 {
        transform: rotate(45deg);
    }
}

@media (min-width: 1199px) {
    .transform-xl-end-45 {
        transform: rotate(45deg);
    }
}

/*--------------------------------------------------------------
# Transition Class
--------------------------------------------------------------*/
.transition-none {
    transition: none;
}

.transition-25 {
    transition: all .25s;
}

.transition-50 {
    transition: all .5s;
}

.transition-75 {
    transition: all .75s;
}

.transition-100 {
    transition: all 1s;
}

@media (min-width: 767px) {
}

@media (min-width: 991px) {
    .rm-lg-transition {
        transition: none;
    }
}

@media (min-width: 1199px) {
    .rm-xl-transition {
        transition: none;
    }
}

/*--------------------------------------------------------------
# Object Fit Class
--------------------------------------------------------------*/
.object-fit-cover {
    object-fit: cover
}

/*--------------------------------------------------------------
# Resize Class
--------------------------------------------------------------*/
.resize-none {
    resize: none;
}

/*--------------------------------------------------------------
# Display Class
--------------------------------------------------------------*/
@media (min-width: 767px) {
    .d-md-none {
        display: none !important;
    }

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

@media (min-width: 991px) {
    .d-lg-none {
        display: none !important;
    }

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

@media (min-width: 1199px) {
    .d-xl-none {
        display: none !important;
    }

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

@media screen and (orientation: portrait) and (max-width:767px) {
}

@media screen and (orientation: landscape) and (max-width:767px) {
    .d-mobile-ol-none {
        display: none;
    }

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

/*--------------------------------------------------------------
# Position Class
--------------------------------------------------------------*/

@media (min-width: 767px) {
}

@media (min-width: 991px) {
    .position-lg-unset {
        position: unset !important;
    }

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

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

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

    .end-lg-0 {
        right: 0 !important;
    }

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

    .start-lg-0 {
        left: 0 !important;
    }

    .start-lg-unset {
        left: unset !important;
    }
}

@media (min-width: 1199px) {
    .position-xl-unset {
        position: unset !important;
    }

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

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

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

    .top-xl-unset {
        top: unset !important;
    }

    .end-xl-0 {
        right: 0 !important;
    }

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

    .start-xl-0 {
        left: 0 !important;
    }

    .start-xl-unset {
        left: unset !important;
    }
}

/*--------------------------------------------------------------
# Padding Class
--------------------------------------------------------------*/
.p-6 {
    padding: 4.5rem !important;
}

.p-7 {
    padding: 6rem !important;
}

.p-25 {
    padding: 25% !important;
}

.p-50 {
    padding: 50% !important;
}

.p-75 {
    padding: 75% !important;
}

.p-100 {
    padding: 100% !important;
}

.ps-6 {
    padding-left: 4.5rem !important;
}

.pe-6 {
    padding-right: 4.5rem !important;
}

.ps-7 {
    padding-left: 6rem !important;
}

.pe-7 {
    padding-right: 6rem !important;
}

.ps-8 {
    padding-left: 7.5rem !important;
}

.pe-8 {
    padding-right: 7.5rem !important;
}

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

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

.pt-16x9 {
    padding-top: 56.25% !important;
}

@media (min-width: 767px) {
    .p-md-6 {
        padding: 4.5rem !important;
    }

    .p-md-7 {
        padding: 6rem !important;
    }

    .p-md-25 {
        padding: 25% !important;
    }

    .p-md-50 {
        padding: 50% !important;
    }

    .p-md-75 {
        padding: 75% !important;
    }

    .p-md-100 {
        padding: 100% !important;
    }

    .ps-md-6 {
        padding-left: 4.5rem !important;
    }

    .pe-md-6 {
        padding-right: 4.5rem !important;
    }

    .ps-md-7 {
        padding-left: 6rem !important;
    }

    .pe-md-7 {
        padding-right: 6rem !important;
    }

    .ps-md-8 {
        padding-left: 7.5rem !important;
    }

    .pe-md-8 {
        padding-right: 7.5rem !important;
    }

    .pt-md-50 {
        padding-top: 50% !important;
    }

    .pt-md-100 {
        padding-top: 100% !important;
    }
}

@media (min-width: 991px) {
    .p-lg-6 {
        padding: 4.5rem !important;
    }

    .p-lg-7 {
        padding: 6rem !important;
    }

    .p-lg-25 {
        padding: 25% !important;
    }

    .p-lg-50 {
        padding: 50% !important;
    }

    .p-lg-75 {
        padding: 75% !important;
    }

    .p-lg-100 {
        padding: 100% !important;
    }

    .ps-lg-6 {
        padding-left: 4.5rem !important;
    }

    .pe-lg-6 {
        padding-right: 4.5rem !important;
    }

    .ps-lg-7 {
        padding-left: 6rem !important;
    }

    .pe-lg-7 {
        padding-right: 6rem !important;
    }

    .ps-lg-8 {
        padding-left: 7.5rem !important;
    }

    .pe-lg-8 {
        padding-right: 7.5rem !important;
    }

    .pt-lg-50 {
        padding-top: 50% !important;
    }

    .pt-lg-100 {
        padding-top: 100% !important;
    }
}

@media (min-width: 1199px) {
    .p-xl-6 {
        padding: 4.5rem !important;
    }

    .p-xl-7 {
        padding: 6rem !important;
    }

    .p-xl-25 {
        padding: 25% !important;
    }

    .p-xl-50 {
        padding: 50% !important;
    }

    .p-xl-75 {
        padding: 75% !important;
    }

    .p-xl-100 {
        padding: 100% !important;
    }

    .ps-xl-6 {
        padding-left: 4.5rem !important;
    }

    .pe-xl-6 {
        padding-right: 4.5rem !important;
    }

    .ps-xl-7 {
        padding-left: 6rem !important;
    }

    .pe-xl-7 {
        padding-right: 6rem !important;
    }

    .ps-xl-8 {
        padding-left: 7.5rem !important;
    }

    .pe-xl-8 {
        padding-right: 7.5rem !important;
    }

    .pt-xl-50 {
        padding-top: 50% !important;
    }

    .pt-xl-100 {
        padding-top: 100% !important;
    }
}

/*--------------------------------------------------------------
# Margin Class
--------------------------------------------------------------*/
.mt-6 {
    margin-top: 6rem !important;
}

.mt-7 {
    margin-top: 12rem !important;
}

.ms-6 {
    margin-left: 6rem !important;
}

.ms-7 {
    margin-left: 12rem !important;
}

@media (min-width: 767px) {
}

@media (min-width: 991px) {
    .mb-lg-6 {
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 1199px) {
    .mb-xl-6 {
        margin-bottom: 4rem !important;
    }
}

/*--------------------------------------------------------------
# Z-index Class
--------------------------------------------------------------*/
.z-n1 {
    z-index: -1 !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

.z-4 {
    z-index: 4 !important
}

.z-5 {
    z-index: 5 !important
}

.z-6 {
    z-index: 6 !important
}

.z-7 {
    z-index: 7 !important
}

.z-8 {
    z-index: 8 !important
}

.z-9 {
    z-index: 9 !important
}

.z-10 {
    z-index: 10 !important;
}

.z-11 {
    z-index: 11 !important;
}

.z-1029 {
    z-index: 1029 !important;
}

.z-1030 {
    z-index: 1029 !important;
}

.z-1031 {
    z-index: 1031 !important;
}

.z-1032 {
    z-index: 1032 !important;
}

.z-max {
    z-index: 2147483647 !important;
}

@media (min-width: 767px) {
    .z-md-0 {
        z-index: 0 !important;
    }
}

@media (min-width: 991px) {
    .z-lg-0 {
        z-index: 0 !important;
    }
}

@media (min-width: 1199px) {
    .z-xl-0 {
        z-index: 0 !important;
    }
}

/*--------------------------------------------------------------
# Unknown Class
--------------------------------------------------------------*/
@media (min-width: 991px) {
    .img-h-fluid-lg {
        max-height: 100%;
        width: auto;
    }

    .nav-lg-overlay:hover:not(.active) {
        border-radius: .5em;
        background-color: rgba(255, 255, 255, .5);
    }

    .nav-lg-overlay.active {
        border-bottom: 2px solid;
    }
}

.navbar-toggler:focus, .navbar-toggler:active, .btn-close:focus {
    outline: none;
    box-shadow: none;
}

/* Grid Layout Class */
.grid-layout {
    display: grid;
}

.grid-0-12 {
    grid-template-columns: 0 12fr;
}

.grid-1-11 {
    grid-template-columns: 1fr 11fr;
}

.grid-2-10 {
    grid-template-columns: 2fr 10fr;
}

.grid-3-9 {
    grid-template-columns: 3fr 9fr;
}

.grid-4-8 {
    grid-template-columns: 4fr 8fr;
}

.grid-5-7 {
    grid-template-columns: 5fr 7fr;
}

.grid-6-6 {
    grid-template-columns: 6fr 6fr;
}

.grid-7-5 {
    grid-template-columns: 7fr 5fr;
}

.grid-8-4 {
    grid-template-columns: 8fr 4fr;
}

.grid-9-3 {
    grid-template-columns: 9fr 3fr;
}

.grid-10-2 {
    grid-template-columns: 10fr 2fr;
}

.grid-11-1 {
    grid-template-columns: 11fr 1fr;
}

.grid-12-0 {
    grid-template-columns: 12fr 0;
}

.grid-layout > .grid-container {
    height: 100vh !important;
    height: calc(var(--vh) * 100) !important;
}

@media (min-width: 576px) {
    .grid-layout-sm {
        display: grid;
    }

        .grid-layout-sm > .grid-container {
            height: calc(100vh - var(--bs-header-height)) !important;
            height: calc(var(--vh) * 100 - var(--bs-header-height)) !important;
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--bs-header-height));
        }

    .grid-sm-0-12 {
        grid-template-columns: 0 12fr;
    }

    .grid-sm-1-11 {
        grid-template-columns: 1fr 11fr;
    }

    .grid-sm-2-10 {
        grid-template-columns: 2fr 10fr;
    }

    .grid-sm-3-9 {
        grid-template-columns: 3fr 9fr;
    }

    .grid-sm-4-8 {
        grid-template-columns: 4fr 8fr;
    }

    .grid-sm-5-7 {
        grid-template-columns: 5fr 7fr;
    }

    .grid-sm-6-6 {
        grid-template-columns: 6fr 6fr;
    }

    .grid-sm-7-5 {
        grid-template-columns: 7fr 5fr;
    }

    .grid-sm-8-4 {
        grid-template-columns: 8fr 4fr;
    }

    .grid-sm-9-3 {
        grid-template-columns: 9fr 3fr;
    }

    .grid-sm-10-2 {
        grid-template-columns: 10fr 2fr;
    }

    .grid-sm-11-1 {
        grid-template-columns: 11fr 1fr;
    }

    .grid-sm-12-0 {
        grid-template-columns: 0 12fr;
    }
}

@media (min-width: 768px) {
    .grid-layout-md {
        display: grid;
    }

        .grid-layout-md > .grid-container {
            height: calc(100vh - var(--bs-header-height)) !important;
            height: calc(var(--vh) * 100 - var(--bs-header-height)) !important;
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--bs-header-height));
        }

    .grid-md-0-12 {
        grid-template-columns: 0 12fr;
    }

    .grid-md-1-11 {
        grid-template-columns: 1fr 11fr;
    }

    .grid-md-2-10 {
        grid-template-columns: 2fr 10fr;
    }

    .grid-md-3-9 {
        grid-template-columns: 3fr 9fr;
    }

    .grid-md-4-8 {
        grid-template-columns: 4fr 8fr;
    }

    .grid-md-5-7 {
        grid-template-columns: 5fr 7fr;
    }

    .grid-md-6-6 {
        grid-template-columns: 6fr 6fr;
    }

    .grid-md-7-5 {
        grid-template-columns: 7fr 5fr;
    }

    .grid-md-8-4 {
        grid-template-columns: 8fr 4fr;
    }

    .grid-md-9-3 {
        grid-template-columns: 9fr 3fr;
    }

    .grid-md-10-2 {
        grid-template-columns: 10fr 2fr;
    }

    .grid-md-11-1 {
        grid-template-columns: 11fr 1fr;
    }

    .grid-md-12-0 {
        grid-template-columns: 0 12fr;
    }
}

@media (min-width: 992px) {
    .grid-layout-lg {
        display: grid;
    }

        .grid-layout-lg > .grid-container {
            height: calc(100vh - var(--bs-header-height)) !important;
            height: calc(var(--vh) * 100 - var(--bs-header-height)) !important;
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--bs-header-height));
        }

    .grid-lg-0-12 {
        grid-template-columns: 0 12fr;
    }

    .grid-lg-1-11 {
        grid-template-columns: 1fr 11fr;
    }

    .grid-lg-2-10 {
        grid-template-columns: 2fr 10fr;
    }

    .grid-lg-3-9 {
        grid-template-columns: 3fr 9fr;
    }

    .grid-lg-4-8 {
        grid-template-columns: 4fr 8fr;
    }

    .grid-lg-5-7 {
        grid-template-columns: 5fr 7fr;
    }

    .grid-lg-6-6 {
        grid-template-columns: 6fr 6fr;
    }

    .grid-lg-7-5 {
        grid-template-columns: 7fr 5fr;
    }

    .grid-lg-8-4 {
        grid-template-columns: 8fr 4fr;
    }

    .grid-lg-9-3 {
        grid-template-columns: 9fr 3fr;
    }

    .grid-lg-10-2 {
        grid-template-columns: 10fr 2fr;
    }

    .grid-lg-11-1 {
        grid-template-columns: 11fr 1fr;
    }

    .grid-lg-12-0 {
        grid-template-columns: 0 12fr;
    }

    .grid-lg-3-6-3 {
        grid-template-columns: 3fr 6fr 3fr;
    }

    .grid-lg-4-5-3 {
        grid-template-columns: 4fr 5fr 3fr;
    }
}

@media (min-width: 1200px) {
    .grid-layout-xl {
        display: grid;
    }

        .grid-layout-xl > .grid-container {
            height: calc(100vh - var(--bs-header-height)) !important;
            height: calc(var(--vh) * 100 - var(--bs-header-height)) !important;
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--bs-header-height));
        }

    .grid-xl-0-12 {
        grid-template-columns: 0 12fr;
    }

    .grid-xl-1-11 {
        grid-template-columns: 1fr 11fr;
    }

    .grid-xl-2-10 {
        grid-template-columns: 2fr 10fr;
    }

    .grid-xl-3-9 {
        grid-template-columns: 3fr 9fr;
    }

    .grid-xl-4-8 {
        grid-template-columns: 4fr 8fr;
    }

    .grid-xl-5-7 {
        grid-template-columns: 5fr 7fr;
    }

    .grid-xl-6-6 {
        grid-template-columns: 6fr 6fr;
    }

    .grid-xl-7-5 {
        grid-template-columns: 7fr 5fr;
    }

    .grid-xl-8-4 {
        grid-template-columns: 8fr 4fr;
    }

    .grid-xl-9-3 {
        grid-template-columns: 9fr 3fr;
    }

    .grid-xl-10-2 {
        grid-template-columns: 10fr 2fr;
    }

    .grid-xl-11-1 {
        grid-template-columns: 11fr 1fr;
    }

    .grid-xl-12-0 {
        grid-template-columns: 0 12fr;
    }

    .grid-xl-3-5-4 {
        grid-template-columns: 3fr 5fr 4fr;
    }

    .grid-xl-3-6-3 {
        grid-template-columns: 3fr 6fr 3fr;
    }

    .grid-xl-4-4-4 {
        grid-template-columns: 4fr 4fr 4fr;
    }

    .grid-xl-4-5-3 {
        grid-template-columns: 4fr 5fr 3fr;
    }
}

@media (min-width: 1400px) {
    .grid-layout-xxl {
        display: grid;
        grid-template-columns: 12fr;
    }

        .grid-layout-xxl > .grid-container {
            height: calc(100vh - var(--bs-header-height)) !important;
            height: calc(var(--vh) * 100 - var(--bs-header-height)) !important;
            position: -webkit-sticky;
            position: sticky;
            top: calc(var(--bs-header-height));
        }

    .grid-xxl-0-12 {
        grid-template-columns: 0 12fr;
    }

    .grid-xxl-1-11 {
        grid-template-columns: 1fr 11fr;
    }

    .grid-xxl-2-10 {
        grid-template-columns: 2fr 10fr;
    }

    .grid-xxl-3-9 {
        grid-template-columns: 3fr 9fr;
    }

    .grid-xxl-4-8 {
        grid-template-columns: 4fr 8fr;
    }

    .grid-xxl-5-7 {
        grid-template-columns: 5fr 7fr;
    }

    .grid-xxl-6-6 {
        grid-template-columns: 6fr 6fr;
    }

    .grid-xxl-7-5 {
        grid-template-columns: 7fr 5fr;
    }

    .grid-xxl-8-4 {
        grid-template-columns: 8fr 4fr;
    }

    .grid-xxl-9-3 {
        grid-template-columns: 9fr 3fr;
    }

    .grid-xxl-10-2 {
        grid-template-columns: 10fr 2fr;
    }

    .grid-xxl-11-1 {
        grid-template-columns: 11fr 1fr;
    }

    .grid-xxl-12-0 {
        grid-template-columns: 0 12fr;
    }
}

/*--------------------------------------------------------------
# Hotfix
--------------------------------------------------------------*/
.vh-min-100 {
    min-height: 100vh;
}

.container-16x9 {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
}

.img-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translate(-50%, -50%);
}

.input-eye-hide[type=password]::-ms-reveal,
.input-eye-hide[type=password]::-ms-clear,
.input-eye-hide[type=password]::-webkit-credentials-auto-fill-button,
.input-eye-hide[type=password]::-webkit-outer-spin-button,
.input-eye-hide[type=password]::-webkit-inner-spin-button {
    display: none !important;
}