/*      WIDTH        */
.w-60 {
    width: 60% !important;
}

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

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

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

.w-rem-05 {
    width: 0.5rem !important;
}

.w-rem-1 {
    width: 1rem !important;
}

.w-rem-2 {
    width: 2rem !important;
}

.w-rem-3 {
    width: 3rem !important;
}

.w-rem-4 {
    width: 4rem !important;
}

.w-rem-5 {
    width: 5rem !important;
}

/*      HEIGHT        */
.h-rem-05 {
    height: 0.5rem !important;
}

.h-rem-1 {
    height: 1rem !important;
}

.h-rem-2 {
    height: 2rem !important;
}

.h-rem-3 {
    height: 3rem !important;
}

.h-rem-4 {
    height: 4rem !important;
}

.h-rem-5 {
    height: 5rem !important;
}

.h-px-1 {
    height: 1px;
}

.h-px-2 {
    height: 2px;
}

.h-px-3 {
    height: 3px;
}

/*      MARGINS        */
.mt-6 {
    margin-top: 4rem !important;
}

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

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

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

.mx-6 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.mx-7 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.mx-8 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
}

/*      PADDINGS        */
.section {
    padding: 3rem 0.5rem;
}

.p-px-12 {
    padding: 0.75rem !important;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-px-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.py-px-13 {
    padding-top: 0.8125rem !important;
    padding-bottom: 0.8125rem !important;
}

.py-px-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
}

.py-px-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

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

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

.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.px-px-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.px-px-13 {
    padding-left: 0.8125rem !important;
    padding-right: 0.8125rem !important;
}

.px-px-14 {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}

.px-px-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.px-px-40 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

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

.pt-7 {
    padding-top: 5rem !important;
}

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

.pt-px-12 {
    padding-top: 0.75rem !important;
}

.pt-px-13 {
    padding-top: 0.8125rem !important;
}

.pt-px-14 {
    padding-top: 0.875rem !important;
}

.pt-px-20 {
    padding-top: 1.25rem !important;
}

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

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

.pb-8 {
    padding-bottom: 6rem !important;
}

.pb-px-12 {
    padding-bottom: 0.75rem !important;
}

.pb-px-13 {
    padding-bottom: 0.8125rem !important;
}

.pb-px-14 {
    padding-bottom: 0.875rem !important;
}

.pb-px-20 {
    padding-bottom: 1.25rem !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        FONT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*      FONT FAMILY        */

.ff-montserrat {
    font-family: "Montserrat", sans-serif;
}

.ff-poppins {
    font-family: "Poppins", sans-serif;
}

.ff-inter {
    font-family: "Inter", sans-serif;
}

.ff-marcellus {
    font-family: "Marcellus", sans-serif;
}

.ff-nunito {
    font-family: "Nunito", sans-serif;
}

/*      FONT SIZE       */
.fs-px-10 {
    font-size: 0.625rem !important;
}

.fs-px-12 {
    font-size: 0.75rem !important;
}

.fs-px-14 {
    font-size: 0.875rem !important;
}

.fs-px-18 {
    font-size: 1.125rem !important;
}

.fs-px-38 {
    font-size: 2.375rem !important;
}

.fs-px-48 {
    font-size: 3rem !important;
}

.fs-px-60 {
    font-size: 3.75rem !important;
}

.fs-px-64 {
    font-size: 4rem !important;
}

.fs-px-72 {
    font-size: 4.5rem !important;
}

/*      ROW GAP       */
.row-gap-6 {
    row-gap: 4rem !important;
}

/*      BORDER RADIUS       */
.rounded-start-top-px-10 {
    border-radius: 10px 0 0 !important;
}

/*      OFFSET       */
.bottom-n-5 {
    bottom: -5%;
}

.bottom-n-20 {
    bottom: -20%;
}

/*      TRANSITION       */
.transition-all-500 {
    transition: all 0.5s;
}

.modal.fade.down-to-up .modal-dialog {
    transform: translate(0, 500px);
}

.modal.show.down-to-up .modal-dialog {
    transform: none;
}

/*      CURSOR       */
.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-auto {
    cursor: auto !important;
}

/*      FORM ELEMENT       */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    background: url("../assets/images/icons/icon-calendar.svg");
}

.time-range input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

/*      SCROLL BAR       */
.scroll-bar-none::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-bar-none {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* SWIPER JS */
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
    content: "" !important;
}

/* TABLE */
.table-transparent {
    --bs-table-color: #000;
    --bs-table-bg: transparent;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: transparent;
}

.resize-none{
    resize: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - SM
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 576px) {
    /*      WIDTH        */
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-30 {
        width: 30% !important;
    }

    .w-sm-40 {
        width: 40% !important;
    }

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

    .w-sm-60 {
        width: 60% !important;
    }

    .w-sm-70 {
        width: 70% !important;
    }

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

    .w-sm-80 {
        width: 80% !important;
    }

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

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

    /*      MARGINS        */
    .mt-sm-6 {
        margin-top: 4rem !important;
    }

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

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

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

    .mx-sm-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-sm-7 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-sm-8 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    /*      PADDINGS        */
    .section {
        padding: 3rem 1rem;
    }

    .p-sm-px-12 {
        padding: 0.75rem !important;
    }

    .py-sm-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-sm-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py-sm-8 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-sm-px-12 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-sm-px-13 {
        padding-top: 0.8125rem !important;
        padding-bottom: 0.8125rem !important;
    }

    .py-sm-px-14 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

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

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

    .px-sm-8 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .px-sm-px-12 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .px-sm-px-13 {
        padding-left: 0.8125rem !important;
        padding-right: 0.8125rem !important;
    }

    .px-sm-px-14 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .px-sm-px-40 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    /*      FONT SIZE        */
    .fs-sm-1 {
        font-size: 2.5rem !important;
    }

    .fs-sm-2 {
        font-size: 2rem !important;
    }

    .fs-sm-3 {
        font-size: 1.75rem !important;
    }

    .fs-sm-4 {
        font-size: 1.5rem !important;
    }

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

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

    .fs-sm-px-10 {
        font-size: 0.625rem !important;
    }

    .fs-sm-px-12 {
        font-size: 0.75rem !important;
    }

    .fs-sm-px-14 {
        font-size: 0.875rem !important;
    }

    .fs-sm-px-18 {
        font-size: 1.125rem !important;
    }

    .fs-sm-px-36 {
        font-size: 2.25rem !important;
    }

    .fs-sm-px-38 {
        font-size: 2.375rem !important;
    }

    .fs-sm-px-48 {
        font-size: 3rem !important;
    }

    .fs-sm-px-60 {
        font-size: 3.75rem !important;
    }

    .fs-sm-px-64 {
        font-size: 4rem !important;
    }

    .fs-sm-px-72 {
        font-size: 4.5rem !important;
    }

    /*      BORDER       */
    .border-sm {
        border: var(--bs-border-width) var(--bs-border-style) !important;
    }

    /*      BORDER RADIUS       */
    .rounded-sm-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }

    /*      POSITION       */
    .position-sm-absolute {
        position: absolute;
    }

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - MD
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 768px) {
    /*      WIDTH        */
    .w-md-25 {
        width: 25% !important;
    }

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

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

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

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

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

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

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

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

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

    /*      MARGINS        */
    .mt-md-6 {
        margin-top: 4rem !important;
    }

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

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

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

    .mx-md-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-md-7 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-md-8 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    /*      PADDINGS        */
    .section {
        padding: 4rem 1.5rem;
    }

    .p-md-px-12 {
        padding: 0.75rem !important;
    }

    .py-md-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-md-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py-md-8 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-md-px-12 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-md-px-13 {
        padding-top: 0.8125rem !important;
        padding-bottom: 0.8125rem !important;
    }

    .py-md-px-14 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

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

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

    .px-md-8 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .px-md-px-12 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .px-md-px-13 {
        padding-left: 0.8125rem !important;
        padding-right: 0.8125rem !important;
    }

    .px-md-px-14 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .px-md-px-40 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    /*      FONT SIZE        */
    .fs-md-1 {
        font-size: 2.5rem !important;
    }

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

    .fs-md-3 {
        font-size: 1.75rem !important;
    }

    .fs-md-4 {
        font-size: 1.5rem !important;
    }

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

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

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

    .fs-md-px-12 {
        font-size: 0.75rem !important;
    }

    .fs-md-px-14 {
        font-size: 0.875rem !important;
    }

    .fs-md-px-18 {
        font-size: 1.125rem !important;
    }

    .fs-md-px-36 {
        font-size: 2.25rem !important;
    }

    .fs-md-px-38 {
        font-size: 2.375rem !important;
    }

    .fs-md-px-48 {
        font-size: 3rem !important;
    }

    .fs-md-px-60 {
        font-size: 3.75rem !important;
    }

    .fs-md-px-64 {
        font-size: 4rem !important;
    }

    .fs-md-px-72 {
        font-size: 4.5rem !important;
    }

    /*      BORDER       */
    .border-md {
        border: var(--bs-border-width) var(--bs-border-style) !important;
    }

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

    /*      POSITION       */
    .position-md-absolute {
        position: absolute;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - LG
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 992px) {
    /*      WIDTH        */
    .w-lg-25 {
        width: 25% !important;
    }

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

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

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

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

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

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

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

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

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

    /*      MARGINS        */
    .mt-lg-6 {
        margin-top: 4rem !important;
    }

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

    .mb-lg-6 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-7 {
        margin-bottom: 5rem !important;
    }

    .mx-lg-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-lg-7 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-lg-8 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    /*      PADDINGS        */
    .section {
        padding: 6rem 2rem;
    }

    .p-lg-px-12 {
        padding: 0.75rem !important;
    }

    .py-lg-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-lg-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py-lg-8 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-lg-px-12 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-lg-px-13 {
        padding-top: 0.8125rem !important;
        padding-bottom: 0.8125rem !important;
    }

    .py-lg-px-14 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

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

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

    .px-lg-8 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .px-lg-px-12 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .px-lg-px-13 {
        padding-left: 0.8125rem !important;
        padding-right: 0.8125rem !important;
    }

    .px-lg-px-14 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .px-lg-px-40 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    /*      FONT SIZE        */
    .fs-lg-1 {
        font-size: 2.5rem !important;
    }

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

    .fs-lg-3 {
        font-size: 1.75rem !important;
    }

    .fs-lg-4 {
        font-size: 1.5rem !important;
    }

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

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

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

    .fs-lg-px-12 {
        font-size: 0.75rem !important;
    }

    .fs-lg-px-14 {
        font-size: 0.875rem !important;
    }

    .fs-lg-px-18 {
        font-size: 1.125rem !important;
    }

    .fs-lg-px-36 {
        font-size: 2.25rem !important;
    }

    .fs-lg-px-38 {
        font-size: 2.375rem !important;
    }

    .fs-lg-px-48 {
        font-size: 3rem !important;
    }

    .fs-lg-px-60 {
        font-size: 3.75rem !important;
    }

    .fs-lg-px-64 {
        font-size: 4rem !important;
    }

    .fs-lg-px-72 {
        font-size: 4.5rem !important;
    }

    /*      BORDER       */
    .border-lg {
        border: var(--bs-border-width) var(--bs-border-style) !important;
    }

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

    /*      POSITION       */
    .position-lg-absolute {
        position: absolute;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - XL
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 1200px) {
    /*      WIDTH        */
    .w-xl-25 {
        width: 25% !important;
    }

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

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

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

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

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

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

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

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

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

    /*      MARGINS        */
    .mt-xl-6 {
        margin-top: 4rem !important;
    }

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

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

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

    .mx-xl-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xl-7 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-xl-8 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    /*      PADDINGS        */
    .section {
        padding: 6rem 2.5rem;
    }

    .p-xl-px-12 {
        padding: 0.75rem !important;
    }

    .py-xl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xl-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py-xl-8 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-xl-px-12 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-xl-px-13 {
        padding-top: 0.8125rem !important;
        padding-bottom: 0.8125rem !important;
    }

    .py-xl-px-14 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

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

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

    .px-xl-8 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .px-xl-px-12 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .px-xl-px-13 {
        padding-left: 0.8125rem !important;
        padding-right: 0.8125rem !important;
    }

    .px-xl-px-14 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .px-xl-px-40 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    /*      FONT SIZE        */
    .fs-xl-1 {
        font-size: 2.5rem !important;
    }

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

    .fs-xl-3 {
        font-size: 1.75rem !important;
    }

    .fs-xl-4 {
        font-size: 1.5rem !important;
    }

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

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

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

    .fs-xl-px-12 {
        font-size: 0.75rem !important;
    }

    .fs-xl-px-14 {
        font-size: 0.875rem !important;
    }

    .fs-xl-px-18 {
        font-size: 1.125rem !important;
    }

    .fs-xl-px-36 {
        font-size: 2.25rem !important;
    }

    .fs-xl-px-38 {
        font-size: 2.375rem !important;
    }

    .fs-xl-px-48 {
        font-size: 3rem !important;
    }

    .fs-xl-px-60 {
        font-size: 3.75rem !important;
    }

    .fs-xl-px-64 {
        font-size: 4rem !important;
    }

    .fs-xl-px-72 {
        font-size: 4.5rem !important;
    }

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

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

    /*      POSITION       */
    .position-xl-absolute {
        position: absolute;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - XXL
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 1400px) {
    /*      WIDTH        */
    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-30 {
        width: 30% !important;
    }

    .w-xxl-40 {
        width: 40% !important;
    }

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

    .w-xxl-60 {
        width: 60% !important;
    }

    .w-xxl-70 {
        width: 70% !important;
    }

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

    .w-xxl-80 {
        width: 80% !important;
    }

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

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

    /*      MARGINS        */
    .mt-xxl-6 {
        margin-top: 4rem !important;
    }

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

    .mb-xxl-6 {
        margin-bottom: 4rem !important;
    }

    .mb-xxl-7 {
        margin-bottom: 5rem !important;
    }

    .mx-xxl-6 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }

    .mx-xxl-7 {
        margin-right: 5rem !important;
        margin-left: 5rem !important;
    }

    .mx-xxl-8 {
        margin-right: 6rem !important;
        margin-left: 6rem !important;
    }

    /*      PADDINGS        */
    .section {
        padding: 6rem 3rem;
    }

    .p-xxl-px-12 {
        padding: 0.75rem !important;
    }

    .py-xxl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .py-xxl-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .py-xxl-8 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .py-xxl-px-12 {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    .py-xxl-px-13 {
        padding-top: 0.8125rem !important;
        padding-bottom: 0.8125rem !important;
    }

    .py-xxl-px-14 {
        padding-top: 0.875rem !important;
        padding-bottom: 0.875rem !important;
    }

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

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

    .px-xxl-8 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }

    .px-xxl-px-12 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .px-xxl-px-13 {
        padding-left: 0.8125rem !important;
        padding-right: 0.8125rem !important;
    }

    .px-xxl-px-14 {
        padding-left: 0.875rem !important;
        padding-right: 0.875rem !important;
    }

    .px-xxl-px-40 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }

    /*      FONT SIZE        */
    .fs-xxl-1 {
        font-size: 2.5rem !important;
    }

    .fs-xxl-2 {
        font-size: 2rem !important;
    }

    .fs-xxl-3 {
        font-size: 1.75rem !important;
    }

    .fs-xxl-4 {
        font-size: 1.5rem !important;
    }

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

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

    .fs-xxl-px-10 {
        font-size: 0.625rem !important;
    }

    .fs-xxl-px-12 {
        font-size: 0.75rem !important;
    }

    .fs-xxl-px-14 {
        font-size: 0.875rem !important;
    }

    .fs-xxl-px-18 {
        font-size: 1.125rem !important;
    }

    .fs-xxl-px-36 {
        font-size: 2.25rem !important;
    }

    .fs-xxl-px-38 {
        font-size: 2.375rem !important;
    }

    .fs-xxl-px-48 {
        font-size: 3rem !important;
    }

    .fs-xxl-px-60 {
        font-size: 3.75rem !important;
    }

    .fs-xxl-px-64 {
        font-size: 4rem !important;
    }

    .fs-xxl-px-72 {
        font-size: 4.5rem !important;
    }

    /*      BORDER       */
    .border-xxl {
        border: var(--bs-border-width) var(--bs-border-style) !important;
    }

    /*      BORDER RADIUS       */
    .rounded-xxl-pill {
        border-radius: var(--bs-border-radius-pill) !important;
    }

    /*      POSITION       */
    .position-xxl-absolute {
        position: absolute;
    }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
        DEVICE - Nan
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 1500px) {
    /*      PADDINGS        */
    .section {
        padding: 6rem 6rem;
    }
}