.h-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.w-fill-available {
    width: -webkit-fill-available !important
}

.mw-content {
    width: max-content;
}

.mh-content {
    height: max-content;
}

.domxee-toast-ui {
    position: relative;
    overflow: hidden;

    .domxee-toast-ui__overlay {
        transition: all .3s ease;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, .5);

        .domxee-toast-ui__message {
            display: flex;
            align-items: center;
            border-radius: .475rem;
            box-shadow: var(--tw-modal-box-shadow);
            background-color: var(--tw-modal-background-color);
            color: var(--tw-gray-800);
            margin: 0 !important;
            width: auto;
            padding: .65rem 2rem !important;
            font-size: 14px;

            .spinner-border {
                margin-right: .65rem;
            }

            .domxee-toast-ui__icon {
                margin-right: .65rem;
            }
        }

        .spinner-border {
            height: 1.05rem;
            width: 1.05rem;
        }
    }
}

.dark {
    .domxee-toast-ui__overlay {
        background-color: var(--tw-backdrop-background-color);
    }
}

#domxee_scrolltop {
    position: fixed;
    animation: animation-scrolltop 0.4s ease-out 1;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    bottom: 40px;
    right: 10px;
    cursor: pointer;
    z-index: 100;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}


.animation-scale {
    animation: 2s ease-in-out infinite animation-scale;
}

.spinner-border, .spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes animation-scale {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

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

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.185rem;
    --bs-spinner-animation-speed: 0.65s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

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

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

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

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.65s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.3s
    }
}

.modal-body, .modal-footer {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    padding-block-start: .925rem;
    padding-block-end: .925rem
}

.modal-footer {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--tw-gray-200)
}


.h-1 {
    height: .25rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-9 {
    height: 2.25rem
}

.h-\[0\.75rem\] {
    height: .75rem
}

.h-\[150px\] {
    height: 150px
}

.h-\[200px\] {
    height: 200px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[300px\] {
    height: 300px
}

.h-\[34px\] {
    height: 34px
}

.h-\[400px\] {
    height: 400px
}

.h-\[5000px\] {
    height: 5000px
}

.h-\[500px\] {
    height: 500px
}

.h-\[60px\] {
    height: 60px
}


.h-\[90\%\] {
    height: 90%
}

.h-\[95\%\] {
    height: 95%
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-\[340px\] {
    max-height: 340px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[90\%\] {
    max-height: 90%
}

.max-h-\[95\%\] {
    max-height: 95%
}

.max-h-full {
    max-height: 100%
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[400px\] {
    min-height: 400px
}

.w-1\.5 {
    width: .375rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-4 {
    width: 1rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-9 {
    width: 2.25rem
}

.w-\[1000px\] {
    width: 1000px
}

.w-\[100px\] {
    width: 100px
}

.w-\[125px\] {
    width: 125px
}

.w-\[150px\] {
    width: 150px
}

.w-\[185px\] {
    width: 185px
}

.w-\[200px\] {
    width: 200px
}

.w-\[240px\] {
    width: 240px
}

.w-\[280px\] {
    width: 280px
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[34px\] {
    width: 34px
}

.w-\[60px\] {
    width: 60px
}

.w-\[80px\] {
    width: 80px
}

.w-\[48\%\] {
    width: 48%
}

.w-\[90\%\] {
    width: 90%
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.min-w-32 {
    min-width: 8rem
}

.min-w-40 {
    min-width: 10rem
}

.min-w-52 {
    min-width: 13rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[125px\] {
    min-width: 125px
}

.min-w-\[135px\] {
    min-width: 135px
}

.min-w-\[145px\] {
    min-width: 145px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[165px\] {
    min-width: 165px
}

.min-w-\[175px\] {
    min-width: 175px
}

.min-w-\[185px\] {
    min-width: 185px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[225px\] {
    min-width: 225px
}

.min-w-\[230px\] {
    min-width: 230px
}

.min-w-\[240px\] {
    min-width: 240px
}

.min-w-\[250px\] {
    min-width: 250px
}

.min-w-\[275px\] {
    min-width: 275px
}

.min-w-\[290px\] {
    min-width: 290px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[350px\] {
    min-width: 350px
}

.min-w-\[500px\] {
    min-width: 500px
}

.min-w-\[75px\] {
    min-width: 75px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-full {
    min-width: 100%
}

.max-w-32 {
    max-width: 8rem
}

.max-w-36 {
    max-width: 9rem
}

.max-w-48 {
    max-width: 12rem
}

.max-w-56 {
    max-width: 14rem
}

.max-w-60 {
    max-width: 15rem
}

.max-w-64 {
    max-width: 16rem
}

.max-w-72 {
    max-width: 18rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[325px\] {
    max-width: 325px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-full {
    max-width: 100%
}

.btn-brand.active, .btn-brand:active, .btn-brand:focus, .btn-brand:hover {
    background-color: var(--tw-brand-active);
    box-shadow: var(--tw-default-box-shadow)
}

.btn-outline.btn-brand {
    color: var(--tw-brand);
    background-color: var(--tw-brand-light);
    border-color: var(--tw-brand-clarity)
}

.btn-outline.btn-brand i {
    color: var(--tw-brand)
}

.btn-outline.btn-brand.active, .btn-outline.btn-brand:active, .btn-outline.btn-brand:focus, .btn-outline.btn-brand:hover {
    color: var(--tw-brand-inverse);
    background-color: var(--tw-brand);
    border-color: var(--tw-brand);
    box-shadow: none
}

.btn-outline.btn-brand.active i, .btn-outline.btn-brand:active i, .btn-outline.btn-brand:focus i, .btn-outline.btn-brand:hover i {
    color: var(--tw-brand-inverse)
}

.btn-clear.btn-brand {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-brand)
}

.btn-clear.btn-brand.active, .btn-clear.btn-brand:active, .btn-clear.btn-brand:focus, .btn-clear.btn-brand:hover {
    color: var(--tw-brand-inverse);
    background-color: var(--tw-brand);
    border-color: var(--tw-brand);
    box-shadow: none
}

.btn-clear.btn-brand.active i, .btn-clear.btn-brand:active i, .btn-clear.btn-brand:focus i, .btn-clear.btn-brand:hover i {
    color: var(--tw-brand-inverse)
}

.btn-subtle.btn-brand.active, .btn-subtle.btn-brand:active, .btn-subtle.btn-brand:focus, .btn-subtle.btn-brand:hover {
    color: var(--tw-brand);
    background-color: var(--tw-brand-light);
    border-color: var(--tw-brand-light);
    box-shadow: none
}

.btn-subtle.btn-brand.active i, .btn-subtle.btn-brand:active i, .btn-subtle.btn-brand:focus i, .btn-subtle.btn-brand:hover i {
    color: var(--tw-brand)
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}


.\!drawer {
    transition: transform .3s ease!important;
    position: fixed!important;
    background-color: var(--tw-drawer-background-color)!important
}

.drawer {
    transition: transform .3s ease;
    position: fixed;
    background-color: var(--tw-drawer-background-color)
}

.\!drawer.open {
    box-shadow: var(--tw-drawer-box-shadow)!important;
    transition: transform .3s ease!important
}

.drawer.open {
    box-shadow: var(--tw-drawer-box-shadow);
    transition: transform .3s ease
}

.drawer-start {
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    transform: translateX(-100%)
}

.drawer-start.drawer.open {
    transform: translateX(0)
}

.drawer-start.\!drawer.open {
    transform: translateX(0)!important
}

.drawer-end {
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: auto;
    transform: translateX(100%)
}

.drawer-end.drawer.open {
    transform: translateX(0)
}

.drawer-end.\!drawer.open {
    transform: translateX(0)!important
}

.drawer-top {
    top: 0;
    bottom: auto;
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateY(-100%)
}

.drawer-top.drawer.open {
    transform: translateY(0)
}

.drawer-top.\!drawer.open {
    transform: translateY(0)!important
}

.drawer-bottom {
    bottom: 0;
    top: auto;
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateY(100%)
}

.drawer-bottom.drawer.open {
    transform: translateY(0)
}

.drawer-bottom.\!drawer.open {
    transform: translateY(0)!important
}

.drawer-backdrop {
    position: fixed;
    inset: 0;
    background-color: var(--tw-backdrop-background-color)
}


.btn-link {
    color: var(--tw-primary);
    font-size: .8125rem;
    height: auto;
    padding-bottom: .25em;
    padding-inline-start:0;padding-inline-end:0;border-radius: 0;
    background-color: transparent;
    border-bottom: 1px dashed var(--tw-primary)
}

.btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover {
    background-color: transparent;
    border-bottom: 1px dashed var(--tw-primary-active);
    color: var(--tw-primary-active)
}

.btn-link.btn-sm {
    font-size: .75rem
}

.btn-link.btn-lg {
    font-size: .875rem
}

.btn-tabs {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    background-color: var(--tw-gray-100);
    border: 1px solid var(--tw-gray-200)
}

.btn-tabs .btn {
    color: var(--tw-gray-700)
}

.btn-tabs .btn i {
    color: var(--tw-gray-400)
}

.btn-tabs .btn.active,.btn-tabs .btn:active,.btn-tabs .btn:focus,.btn-tabs .btn:hover {
    background-color: var(--tw-light);
    border: 1px solid var(--tw-gray-200);
    color: var(--tw-gray-900);
    box-shadow: var(--tw-light-box-shadow)
}

.btn-tabs .btn.active i,.btn-tabs .btn:active i,.btn-tabs .btn:focus i,.btn-tabs .btn:hover i {
    color: var(--tw-gray-500)
}

.btn-input {
    cursor: auto;
    color: var(--tw-gray-700);
    border-color: var(--tw-gray-300);
    background-color: var(--tw-light-active)
}

.btn-input i {
    color: var(--tw-gray-500)
}

.btn-primary {
    color: #fff;
    background-color: var(--tw-primary)
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    background-color: var(--tw-primary-active);
    box-shadow: var(--tw-primary-box-shadow)
}

.btn-outline.btn-primary {
    color: var(--tw-primary);
    background-color: var(--tw-primary-light);
    border-color: var(--tw-primary-clarity)
}

.btn-outline.btn-primary i {
    color: var(--tw-primary)
}

.btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover {
    color: var(--tw-primary-inverse);
    background-color: var(--tw-primary);
    border-color: var(--tw-primary);
    box-shadow: none
}

.btn-outline.btn-primary.active i,.btn-outline.btn-primary:active i,.btn-outline.btn-primary:focus i,.btn-outline.btn-primary:hover i {
    color: var(--tw-primary-inverse)
}

.btn-clear.btn-primary {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-primary)
}

.btn-clear.btn-primary.active,.btn-clear.btn-primary:active,.btn-clear.btn-primary:focus,.btn-clear.btn-primary:hover {
    color: var(--tw-primary-inverse);
    background-color: var(--tw-primary);
    border-color: var(--tw-primary);
    box-shadow: none
}

.btn-clear.btn-primary.active i,.btn-clear.btn-primary:active i,.btn-clear.btn-primary:focus i,.btn-clear.btn-primary:hover i {
    color: var(--tw-primary-inverse)
}

.btn-subtle.btn-primary {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-primary)
}

.btn-subtle.btn-primary i {
    color: var(--tw-primary)
}

.btn-subtle.btn-primary.active,.btn-subtle.btn-primary:active,.btn-subtle.btn-primary:focus,.btn-subtle.btn-primary:hover {
    color: var(--tw-primary);
    background-color: var(--tw-primary-light);
    border-color: var(--tw-primary-light);
    box-shadow: none
}

.btn-subtle.btn-primary.active i,.btn-subtle.btn-primary:active i,.btn-subtle.btn-primary:focus i,.btn-subtle.btn-primary:hover i {
    color: var(--tw-primary)
}

.btn-success {
    color: #fff;
    background-color: var(--tw-success)
}

.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover {
    background-color: var(--tw-success-active);
    box-shadow: var(--tw-success-box-shadow)
}

.btn-outline.btn-success {
    color: var(--tw-success);
    background-color: var(--tw-success-light);
    border-color: var(--tw-success-clarity)
}

.btn-outline.btn-success i {
    color: var(--tw-success)
}

.btn-outline.btn-success.active,.btn-outline.btn-success:active,.btn-outline.btn-success:focus,.btn-outline.btn-success:hover {
    color: var(--tw-success-inverse);
    background-color: var(--tw-success);
    border-color: var(--tw-success);
    box-shadow: none
}

.btn-outline.btn-success.active i,.btn-outline.btn-success:active i,.btn-outline.btn-success:focus i,.btn-outline.btn-success:hover i {
    color: var(--tw-success-inverse)
}

.btn-clear.btn-success {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-success)
}

.btn-clear.btn-success.active,.btn-clear.btn-success:active,.btn-clear.btn-success:focus,.btn-clear.btn-success:hover {
    color: var(--tw-success-inverse);
    background-color: var(--tw-success);
    border-color: var(--tw-success);
    box-shadow: none
}

.btn-clear.btn-success.active i,.btn-clear.btn-success:active i,.btn-clear.btn-success:focus i,.btn-clear.btn-success:hover i {
    color: var(--tw-success-inverse)
}

.btn-subtle.btn-success {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-success)
}

.btn-subtle.btn-success i {
    color: var(--tw-success)
}

.btn-subtle.btn-success.active,.btn-subtle.btn-success:active,.btn-subtle.btn-success:focus,.btn-subtle.btn-success:hover {
    color: var(--tw-success);
    background-color: var(--tw-success-light);
    border-color: var(--tw-success-light);
    box-shadow: none
}

.btn-subtle.btn-success.active i,.btn-subtle.btn-success:active i,.btn-subtle.btn-success:focus i,.btn-subtle.btn-success:hover i {
    color: var(--tw-success)
}

.btn-danger {
    color: #fff;
    background-color: var(--tw-danger)
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover {
    background-color: var(--tw-danger-active);
    box-shadow: var(--tw-danger-box-shadow)
}

.btn-outline.btn-danger {
    color: var(--tw-danger);
    background-color: var(--tw-danger-light);
    border-color: var(--tw-danger-clarity)
}

.btn-outline.btn-danger i {
    color: var(--tw-danger)
}

.btn-outline.btn-danger.active,.btn-outline.btn-danger:active,.btn-outline.btn-danger:focus,.btn-outline.btn-danger:hover {
    color: var(--tw-danger-inverse);
    background-color: var(--tw-danger);
    border-color: var(--tw-danger);
    box-shadow: none
}

.btn-outline.btn-danger.active i,.btn-outline.btn-danger:active i,.btn-outline.btn-danger:focus i,.btn-outline.btn-danger:hover i {
    color: var(--tw-danger-inverse)
}

.btn-clear.btn-danger {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-danger)
}

.btn-clear.btn-danger.active,.btn-clear.btn-danger:active,.btn-clear.btn-danger:focus,.btn-clear.btn-danger:hover {
    color: var(--tw-danger-inverse);
    background-color: var(--tw-danger);
    border-color: var(--tw-danger);
    box-shadow: none
}

.btn-clear.btn-danger.active i,.btn-clear.btn-danger:active i,.btn-clear.btn-danger:focus i,.btn-clear.btn-danger:hover i {
    color: var(--tw-danger-inverse)
}

.btn-subtle.btn-danger {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-danger)
}

.btn-subtle.btn-danger i {
    color: var(--tw-danger)
}

.btn-subtle.btn-danger.active,.btn-subtle.btn-danger:active,.btn-subtle.btn-danger:focus,.btn-subtle.btn-danger:hover {
    color: var(--tw-danger);
    background-color: var(--tw-danger-light);
    border-color: var(--tw-danger-light);
    box-shadow: none
}

.btn-subtle.btn-danger.active i,.btn-subtle.btn-danger:active i,.btn-subtle.btn-danger:focus i,.btn-subtle.btn-danger:hover i {
    color: var(--tw-danger)
}

.btn-warning {
    color: #fff;
    background-color: var(--tw-warning)
}

.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover {
    background-color: var(--tw-warning-active);
    box-shadow: var(--tw-warning-box-shadow)
}

.btn-outline.btn-warning {
    color: var(--tw-warning);
    background-color: var(--tw-warning-light);
    border-color: var(--tw-warning-clarity)
}

.btn-outline.btn-warning i {
    color: var(--tw-warning)
}

.btn-outline.btn-warning.active,.btn-outline.btn-warning:active,.btn-outline.btn-warning:focus,.btn-outline.btn-warning:hover {
    color: var(--tw-warning-inverse);
    background-color: var(--tw-warning);
    border-color: var(--tw-warning);
    box-shadow: none
}

.btn-outline.btn-warning.active i,.btn-outline.btn-warning:active i,.btn-outline.btn-warning:focus i,.btn-outline.btn-warning:hover i {
    color: var(--tw-warning-inverse)
}

.btn-clear.btn-warning {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-warning)
}

.btn-clear.btn-warning.active,.btn-clear.btn-warning:active,.btn-clear.btn-warning:focus,.btn-clear.btn-warning:hover {
    color: var(--tw-warning-inverse);
    background-color: var(--tw-warning);
    border-color: var(--tw-warning);
    box-shadow: none
}

.btn-clear.btn-warning.active i,.btn-clear.btn-warning:active i,.btn-clear.btn-warning:focus i,.btn-clear.btn-warning:hover i {
    color: var(--tw-warning-inverse)
}

.btn-subtle.btn-warning {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-warning)
}

.btn-subtle.btn-warning i {
    color: var(--tw-warning)
}

.btn-subtle.btn-warning.active,.btn-subtle.btn-warning:active,.btn-subtle.btn-warning:focus,.btn-subtle.btn-warning:hover {
    color: var(--tw-warning);
    background-color: var(--tw-warning-light);
    border-color: var(--tw-warning-light);
    box-shadow: none
}

.btn-subtle.btn-warning.active i,.btn-subtle.btn-warning:active i,.btn-subtle.btn-warning:focus i,.btn-subtle.btn-warning:hover i {
    color: var(--tw-warning)
}

.btn-info {
    color: #fff;
    background-color: var(--tw-info)
}

.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover {
    background-color: var(--tw-info-active);
    box-shadow: var(--tw-info-box-shadow)
}

.btn-outline.btn-info {
    color: var(--tw-info);
    background-color: var(--tw-info-light);
    border-color: var(--tw-info-clarity)
}

.btn-outline.btn-info i {
    color: var(--tw-info)
}

.btn-outline.btn-info.active,.btn-outline.btn-info:active,.btn-outline.btn-info:focus,.btn-outline.btn-info:hover {
    color: var(--tw-info-inverse);
    background-color: var(--tw-info);
    border-color: var(--tw-info);
    box-shadow: none
}

.btn-outline.btn-info.active i,.btn-outline.btn-info:active i,.btn-outline.btn-info:focus i,.btn-outline.btn-info:hover i {
    color: var(--tw-info-inverse)
}

.btn-clear.btn-info {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-info)
}

.btn-clear.btn-info.active,.btn-clear.btn-info:active,.btn-clear.btn-info:focus,.btn-clear.btn-info:hover {
    color: var(--tw-info-inverse);
    background-color: var(--tw-info);
    border-color: var(--tw-info);
    box-shadow: none
}

.btn-clear.btn-info.active i,.btn-clear.btn-info:active i,.btn-clear.btn-info:focus i,.btn-clear.btn-info:hover i {
    color: var(--tw-info-inverse)
}

.btn-subtle.btn-info {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-info)
}

.btn-subtle.btn-info i {
    color: var(--tw-info)
}

.btn-subtle.btn-info.active,.btn-subtle.btn-info:active,.btn-subtle.btn-info:focus,.btn-subtle.btn-info:hover {
    color: var(--tw-info);
    background-color: var(--tw-info-light);
    border-color: var(--tw-info-light);
    box-shadow: none
}

.btn-subtle.btn-info.active i,.btn-subtle.btn-info:active i,.btn-subtle.btn-info:focus i,.btn-subtle.btn-info:hover i {
    color: var(--tw-info)
}

.btn-dark {
    color: #fff;
    background-color: var(--tw-dark)
}

.btn-dark.active,.btn-dark:active,.btn-dark:focus,.btn-dark:hover {
    background-color: var(--tw-dark-active);
    box-shadow: var(--tw-dark-box-shadow)
}

.btn-outline.btn-dark {
    color: var(--tw-dark);
    background-color: var(--tw-dark-light);
    border-color: var(--tw-dark-clarity)
}

.btn-outline.btn-dark i {
    color: var(--tw-dark)
}

.btn-outline.btn-dark.active,.btn-outline.btn-dark:active,.btn-outline.btn-dark:focus,.btn-outline.btn-dark:hover {
    color: var(--tw-dark-inverse);
    background-color: var(--tw-dark);
    border-color: var(--tw-dark);
    box-shadow: none
}

.btn-outline.btn-dark.active i,.btn-outline.btn-dark:active i,.btn-outline.btn-dark:focus i,.btn-outline.btn-dark:hover i {
    color: var(--tw-dark-inverse)
}

.btn-clear.btn-dark {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-dark)
}

.btn-clear.btn-dark.active,.btn-clear.btn-dark:active,.btn-clear.btn-dark:focus,.btn-clear.btn-dark:hover {
    color: var(--tw-dark-inverse);
    background-color: var(--tw-dark);
    border-color: var(--tw-dark);
    box-shadow: none
}

.btn-clear.btn-dark.active i,.btn-clear.btn-dark:active i,.btn-clear.btn-dark:focus i,.btn-clear.btn-dark:hover i {
    color: var(--tw-dark-inverse)
}

.btn-subtle.btn-dark {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-dark)
}

.btn-subtle.btn-dark i {
    color: var(--tw-dark)
}

.btn-subtle.btn-dark.active,.btn-subtle.btn-dark:active,.btn-subtle.btn-dark:focus,.btn-subtle.btn-dark:hover {
    color: var(--tw-dark);
    background-color: var(--tw-dark-light);
    border-color: var(--tw-dark-light);
    box-shadow: none
}

.btn-subtle.btn-dark.active i,.btn-subtle.btn-dark:active i,.btn-subtle.btn-dark:focus i,.btn-subtle.btn-dark:hover i {
    color: var(--tw-dark)
}

.btn-light {
    color: var(--tw-gray-700);
    border-color: var(--tw-gray-300);
    background-color: var(--tw-light)
}

.btn-light i {
    color: var(--tw-gray-500)
}

.btn-light.active,.btn-light:active,.btn-light:focus,.btn-light:hover {
    border-color: var(--tw-gray-300);
    background-color: var(--tw-light-active);
    box-shadow: var(--tw-default-box-shadow);
    color: var(--tw-gray-800)
}

.btn-light.active i,.btn-light:active i,.btn-light:focus i,.btn-light:hover i {
    color: var(--tw-gray-600)
}

.btn-light.disabled,.btn-light[disabled] {
    opacity: 1;
    color: var(--tw-gray-500);
    border-color: var(--tw-gray-200);
    background-color: var(--tw-light)
}

.btn-light.disabled i,.btn-light[disabled] i {
    color: var(--tw-gray-400)
}

.btn-light.btn-clear {
    border-color: transparent;
    background-color: transparent;
    color: var(--tw-gray-700)
}

.btn-light.btn-clear i {
    color: var(--tw-gray-600)
}

.btn-light.btn-clear.active,.btn-light.btn-clear:active,.btn-light.btn-clear:focus,.btn-light.btn-clear:hover {
    background-color: var(--tw-gray-200);
    border-color: transparent;
    box-shadow: none;
    color: var(--tw-gray-800)
}

.btn-light.btn-clear.active i,.btn-light.btn-clear:active i,.btn-light.btn-clear:focus i,.btn-light.btn-clear:hover i {
    color: var(--tw-gray-700)
}

.btn-light.btn-clear.disabled,.btn-light.btn-clear[disabled] {
    opacity: 1;
    color: var(--tw-gray-500);
    border-color: transparent;
    background-color: transparent
}

.btn-light.btn-clear.disabled i,.btn-light.btn-clear[disabled] i {
    color: var(--tw-gray-400)
}

.btn-secondary {
    color: var(--tw-gray-700);
    border-color: var(--tw-gray-200);
    background-color: var(--tw-secondary)
}

.btn-secondary i {
    color: var(--tw-gray-500)
}

.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
    border-color: var(--tw-gray-300);
    background-color: var(--tw-secondary-active);
    box-shadow: var(--tw-default-box-shadow);
    color: var(--tw-gray-800)
}

.btn-secondary.active i,.btn-secondary:active i,.btn-secondary:focus i,.btn-secondary:hover i {
    color: var(--tw-gray-600)
}

.btn-secondary.disabled,.btn-secondary[disabled] {
    opacity: 1;
    color: var(--tw-gray-500);
    border-color: var(--tw-gray-200);
    background-color: var(--tw-light)
}

.btn-secondary.disabled i,.btn-secondary[disabled] i {
    color: var(--tw-gray-400)
}
.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:.75rem!important;margin-left:.75rem!important}.mx-4{margin-right:1rem!important;margin-left:1rem!important}.mx-5{margin-right:1.25rem!important;margin-left:1.25rem!important}.mx-6{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-7{margin-right:1.75rem!important;margin-left:1.75rem!important}.mx-8{margin-right:2rem!important;margin-left:2rem!important}.mx-9{margin-right:2.25rem!important;margin-left:2.25rem!important}.mx-10{margin-right:2.5rem!important;margin-left:2.5rem!important}.mx-11{margin-right:2.75rem!important;margin-left:2.75rem!important}.mx-12{margin-right:3rem!important;margin-left:3rem!important}.mx-13{margin-right:3.25rem!important;margin-left:3.25rem!important}.mx-14{margin-right:3.5rem!important;margin-left:3.5rem!important}.mx-15{margin-right:3.75rem!important;margin-left:3.75rem!important}.mx-16{margin-right:4rem!important;margin-left:4rem!important}.mx-17{margin-right:4.25rem!important;margin-left:4.25rem!important}.mx-18{margin-right:4.5rem!important;margin-left:4.5rem!important}.mx-19{margin-right:4.75rem!important;margin-left:4.75rem!important}.mx-20{margin-right:5rem!important;margin-left:5rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important}.my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-7{margin-top:1.75rem!important;margin-bottom:1.75rem!important}.my-8{margin-top:2rem!important;margin-bottom:2rem!important}.my-9{margin-top:2.25rem!important;margin-bottom:2.25rem!important}.my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.my-11{margin-top:2.75rem!important;margin-bottom:2.75rem!important}.my-12{margin-top:3rem!important;margin-bottom:3rem!important}.my-13{margin-top:3.25rem!important;margin-bottom:3.25rem!important}.my-14{margin-top:3.5rem!important;margin-bottom:3.5rem!important}.my-15{margin-top:3.75rem!important;margin-bottom:3.75rem!important}.my-16{margin-top:4rem!important;margin-bottom:4rem!important}.my-17{margin-top:4.25rem!important;margin-bottom:4.25rem!important}.my-18{margin-top:4.5rem!important;margin-bottom:4.5rem!important}.my-19{margin-top:4.75rem!important;margin-bottom:4.75rem!important}.my-20{margin-top:5rem!important;margin-bottom:5rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-7{margin-top:1.75rem!important}.mt-8{margin-top:2rem!important}.mt-9{margin-top:2.25rem!important}.mt-10{margin-top:2.5rem!important}.mt-11{margin-top:2.75rem!important}.mt-12{margin-top:3rem!important}.mt-13{margin-top:3.25rem!important}.mt-14{margin-top:3.5rem!important}.mt-15{margin-top:3.75rem!important}.mt-16{margin-top:4rem!important}.mt-17{margin-top:4.25rem!important}.mt-18{margin-top:4.5rem!important}.mt-19{margin-top:4.75rem!important}.mt-20{margin-top:5rem!important}

lg\:col-span-4{grid-column:span 4/span 4}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.dark .hero-bg {
    background-image: url(../media/images/2600x1200/bg-4-dark.png);
}
.hero-bg {
    background-image: url(../media/images/2600x1200/bg-4.png);
}