[dir]:root[data-theme=default] body {
    background-color: #f3f3f3
}
[dir]:root[data-theme=default] body {
    background-color: #f3f3f3
}
body {
    background: #fff !important;
}
:root[data-theme=default] a {
    color: #65b712;
    text-decoration: none
}
.form-control {
    background: #fff;
    border-color: #ced4da;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    background: #fff;
    border-color: #ced4da;
	color: #434757;
}
.form-control:focus {
    color: #434757;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='white' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #63b80c;
}
.small.mb-3.mb-lg-0.text-body-tertiary {
    color: rgba(100,116,139,.5) !important;
    text-align: left;
}
p {
    color: #434757;
}
label.form-check-label {
    color: #434757;
}
.splash:before {
    content: "";
    background: #8cc63ee0;
    background: transparent;
    width: 100%;
    height: 100vh;
    position: fixed;
}
.auth-wrapper {
    max-width: 400px;
}
.abs-logo {
    position: absolute;
    top: 20px;
    left: 20px;
}
h1 {
    text-align: left;
    color: #434757;
    font-size: 1.7rem;
}

a {
    color: #62b90b !important;
    text-decoration: none;
}

a:hover {
    color: #67b616
}
img {
    max-width: 200px;
}
.small.mb-3.mb-lg-0.text-body-tertiary {
    color: rgba(100,116,139,.5);
    text-align: left;
}

.form-label {
    font-size: .875rem;
    margin-bottom: .5rem;
}
.col-form-label, .form-label {
    color: #64748b;
    font-weight: 500;
}


[dir] .btn,[dir] .button {
    padding: .49rem;
    border-radius: 4px;
    font-weight: 600;
}

[dir] .btn-primary,[dir] .button {
    background: linear-gradient(-45deg,#6fb329 0,#62b90a 20%,#69b51b 100%);
    border-color: #65b711
}

[dir] .btn-primary:hover,[dir] .button:hover {
    background: linear-gradient(-45deg,#4d7722 0,#62b90a 20%,#69b51b 100%);
    border-color: #65b711
}
.btn-primary {
    margin-top: 10px;
}
#toggleConfirmPassword,#togglePassword {
    background-color: #f3f3f4;
    border-color: #ced4da;
    color: #a0a0a0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir]:root[data-theme=default] .btn-primary,[dir]:root[data-theme=default] .button {
    background-color: #67b616;
    border-color: #68b617
}

[dir]:root[data-theme=default] .form-control:focus {
    background-color: #fff;
    border-color: #68b6198a;
    box-shadow: 0 0 0 .2rem rgb(101 183 16 / 10%)
}

[dir]:root[data-theme=default] .custom-control-input:checked~.custom-control-label::before {
    border-color: #66b813;
    background-color: #67b616
}

.show>[dir]:root[data-theme=default] .btn-primary.dropdown-toggle,[dir]:root[data-theme=darkmode] .show>[dir]:root[data-theme=default] .dropdown-toggle.button,[dir]:root[data-theme=default] .btn-primary:not(:disabled):not(.disabled).active,[dir]:root[data-theme=default] .btn-primary:not(:disabled):not(.disabled):active,[dir]:root[data-theme=default] .button:not(:disabled):not(.disabled).active,[dir]:root[data-theme=default] .button:not(:disabled):not(.disabled):active,[dir]:root[data-theme=default] .show>[dir]:root[data-theme=default] .dropdown-toggle.button {
    background-color: #65b712;
    border-color: #68b619
}

[dir]:root[data-theme=default] .btn-primary.focus,[dir]:root[data-theme=default] .btn-primary:focus,[dir]:root[data-theme=default] .button:focus,[dir]:root[data-theme=default] .focus.button {
    background-color: #65b712;
    border-color: #65b811;
    box-shadow: 0 0 0 .2rem rgb(102 182 20 / 47%)
}

:root[data-theme=default] .ta-content .auth-wrapper .form-box h1 {
    font-weight: 500
}

.auth-wrapper .form-box .logo {
    display: none;
    max-width: 250px;
    margin: 0 auto
}
.auth-wrapper .form-group {
    margin-bottom: 10px
}
#passwordStrengthInfo {
    color: #474c54;
    margin: -5px 0 10px 0;
    display: none
}

button#toggleConfirmPassword,button#togglePassword {
    border: 1px solid #ced4da
}

.bg-transparent {
    background-color: transparent!important
}

.bg-red {
    background-color: #e74c3c!important
}

.bg-orange {
    background-color: #e67e22!important
}

.bg-green {
    background-color: #2ecc71!important
}

.password-wrapper .input {
    border: none;
    padding: 10px 15px;
    font: small-caption;
    font-size: 18px;
    font-size: 1.8rem;
    width: calc(100% - 50px);
    color: #34495e;
    outline: 0;
    line-height: 1.5
}

.password-wrapper .icon-wrapper {
    position: relative;
    display: inline;
    float: right;
    width: 50px;
    height: 50px;
    background-color: #34495e;
    transition: background-color .25s ease-out;
    cursor: pointer
}

.password-wrapper .icon-wrapper .ion-eye,.password-wrapper .icon-wrapper .ion-more {
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    top: 11px;
    right: 12px;
    color: #ccc;
    transition: color .25s ease-out
}

.password-wrapper .icon-wrapper .ion-more {
    right: 14px
}

.password-wrapper .icon-wrapper:hover {
    transition: background-color .25s ease-out;
    background-color: #2c3e50
}

.password-wrapper .icon-wrapper:hover .ion-eye,.password-wrapper .icon-wrapper:hover .ion-more {
    color: #3498db;
    transition: color .25s ease-in
}

.password-wrapper .strength-lines {
    position: absolute;
    bottom: -10px;
    left: -3px;
    right: 0;
    width: calc(100% - 50px);
    height: 3px;
    z-index: 3
}

.password-wrapper .strength-lines .line {
    position: absolute;
    background-color: transparent;
    height: 3px;
    border-radius: 2px;
    transition: background-color .25s ease-in
}

.password-wrapper .strength-lines .line:not(:first-of-type):not(:last-of-type) {
    left: 33%;
    right: 33%
}

.password-wrapper .strength-lines .line:first-of-type {
    left: 4px;
    right: 68%
}

.password-wrapper .strength-lines .line:last-of-type {
    left: 68%;
    right: 4px
}

/* NEw STYLES *********************************************************************************************************************************************/

.text-reset:hover {
    color: var(--bs-primary)!important
}

.text-inherit {
    color: var(--bs-gray-800)
}

.text-inherit:hover {
    color: var(--bs-primary)!important
}

.text-white-stable {
    color: #fff!important
}

.text-inverse {
    filter: brightness(1) invert(0)
}

.icon-xxs {
    height: 1rem;
    line-height: 1rem;
    width: 1rem
}

.icon-xs {
    height: 1.5rem;
    line-height: 1.5rem;
    width: 1.5rem
}

.icon-sm {
    height: 2rem;
    line-height: 2rem;
    width: 2rem
}

.icon-md {
    height: 2.5rem;
    line-height: 2.5rem;
    width: 2.5rem
}

.icon-lg {
    height: 3rem;
    line-height: 3rem;
    width: 3rem
}

.icon-xl {
    height: 3.5rem;
    line-height: 3.5rem;
    width: 3.5rem
}

.icon-xxl {
    height: 4rem;
    line-height: 4rem;
    width: 4rem
}

.icon-xxxl {
    height: 7rem;
    line-height: 7rem;
    width: 7rem
}

.icon-shape {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle
}

.border-top-dashed {
    border-top: dashed!important
}

.border-bottom-dashed {
    border-bottom: dashed!important
}

.border-end-dashed {
    border-right: dashed!important
}

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

.bg-primary-gradient {
    background: linear-gradient(180deg,#9b58ff,#8837ff 47.92%,#7a20ff)
}

.color-facebook {
    color: #1877f2
}

.color-twitter {
    color: #1da1f2
}

.color-github {
    color: #000
}

.color-google {
    color: #ea4335
}

.color-linkedin {
    color: #0077b5
}

.color-youtube {
    color: red
}

.color-slack {
    color: #611f69
}

.bg-facebook {
    background-color: #1877f2
}

.bg-twitter {
    background-color: #1da1f2
}

.bg-github {
    background-color: #000
}

.bg-google {
    background-color: #ea4335
}

.bg-linkedin {
    background-color: #0077b5
}

.bg-youtube {
    background-color: red
}

.bg-slack {
    background-color: #611f69
}

.bg-instagram {
    background-color: #405de6
}

.bg-primary-blend-gradient {
    background: var(--bg-gradient-blend,linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0) 100%),linear-gradient(245deg,rgba(108,73,250,.41) 0,rgba(211,38,142,.1) 100%))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-top-sm {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-sm-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-sm-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-sm-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-sm-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-sm-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-sm-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-top-sm-circle {
        border-top-left-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

    .rounded-top-sm-pill {
        border-top-left-radius: var(--bs-border-radius-pill)!important;
        border-top-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-end-sm {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-sm-0 {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-end-sm-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-sm-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-sm-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-sm-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-sm-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-sm-circle {
        border-bottom-right-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

    .rounded-end-sm-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill)!important;
        border-top-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-bottom-sm {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-sm-0 {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-bottom-sm-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-sm-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-sm-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-sm-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-sm-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-bottom-sm-circle {
        border-bottom-left-radius: 50%!important;
        border-bottom-right-radius: 50%!important
    }

    .rounded-bottom-sm-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-bottom-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-start-sm {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-sm-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-sm-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-sm-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-sm-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-sm-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-sm-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-sm-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

    .rounded-start-sm-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-top-left-radius: var(--bs-border-radius-pill)!important
    }

    .w-sm-25 {
        width: 25%!important
    }

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

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

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

    .w-sm-auto {
        width: auto!important
    }

    .mw-sm-100 {
        max-width: 100%!important
    }

    .vw-sm-100 {
        width: 100vw!important
    }

    .min-vw-sm-100 {
        min-width: 100vw!important
    }

    .h-sm-25 {
        height: 25%!important
    }

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

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

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

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

    .mh-sm-100 {
        max-height: 100%!important
    }

    .min-vh-sm-100 {
        min-height: 100vh!important
    }

    .position-sm-static {
        position: static!important
    }

    .position-sm-relative {
        position: relative!important
    }

    .position-sm-absolute {
        position: absolute!important
    }

    .position-sm-fixed {
        position: fixed!important
    }

    .position-sm-sticky {
        position: sticky!important
    }

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

    .top-sm-50 {
        top: 50%!important
    }

    .top-sm-100 {
        top: 100%!important
    }

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

    .bottom-sm-50 {
        bottom: 50%!important
    }

    .bottom-sm-100 {
        bottom: 100%!important
    }

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

    .start-sm-50 {
        left: 50%!important
    }

    .start-sm-100 {
        left: 100%!important
    }

    .translate-middle-sm {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-sm-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-sm-y {
        transform: translateY(-50%)!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-top-md-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-md-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-md-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-md-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-md-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-md-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-end-md {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-md-0 {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-end-md-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-md-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-md-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-md-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-md-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-md-circle {
        border-bottom-right-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

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

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

    .rounded-bottom-md-0 {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-bottom-md-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-md-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-md-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-md-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-md-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-start-md {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-md-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-md-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-md-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-md-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-md-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-md-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-md-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

    .rounded-start-md-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-top-left-radius: var(--bs-border-radius-pill)!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
    }

    .w-md-auto {
        width: auto!important
    }

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

    .vw-md-100 {
        width: 100vw!important
    }

    .min-vw-md-100 {
        min-width: 100vw!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-auto {
        height: auto!important
    }

    .mh-md-100 {
        max-height: 100%!important
    }

    .min-vh-md-100 {
        min-height: 100vh!important
    }

    .position-md-static {
        position: static!important
    }

    .position-md-relative {
        position: relative!important
    }

    .position-md-absolute {
        position: absolute!important
    }

    .position-md-fixed {
        position: fixed!important
    }

    .position-md-sticky {
        position: sticky!important
    }

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

    .top-md-50 {
        top: 50%!important
    }

    .top-md-100 {
        top: 100%!important
    }

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

    .bottom-md-50 {
        bottom: 50%!important
    }

    .bottom-md-100 {
        bottom: 100%!important
    }

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

    .start-md-50 {
        left: 50%!important
    }

    .start-md-100 {
        left: 100%!important
    }

    .translate-middle-md {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-md-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-md-y {
        transform: translateY(-50%)!important
    }
}

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

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

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

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

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

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

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

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

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

    .border-start-lg-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-black {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
    }

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

    .rounded-top-lg-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-lg-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-lg-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-lg-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-lg-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-lg-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-end-lg {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-lg-0 {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-end-lg-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-lg-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-lg-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-lg-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-lg-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-lg-circle {
        border-bottom-right-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

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

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

    .rounded-bottom-lg-0 {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-bottom-lg-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-lg-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-lg-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-lg-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-lg-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-start-lg {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-lg-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-lg-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-lg-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-lg-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-lg-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-lg-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-lg-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

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

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

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

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

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

    .w-lg-auto {
        width: auto!important
    }

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

    .vw-lg-100 {
        width: 100vw!important
    }

    .min-vw-lg-100 {
        min-width: 100vw!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-auto {
        height: auto!important
    }

    .mh-lg-100 {
        max-height: 100%!important
    }

    .min-vh-lg-100 {
        min-height: 100vh!important
    }

    .position-lg-static {
        position: static!important
    }

    .position-lg-relative {
        position: relative!important
    }

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

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

    .position-lg-sticky {
        position: sticky!important
    }

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

    .top-lg-50 {
        top: 50%!important
    }

    .top-lg-100 {
        top: 100%!important
    }

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

    .bottom-lg-50 {
        bottom: 50%!important
    }

    .bottom-lg-100 {
        bottom: 100%!important
    }

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

    .start-lg-50 {
        left: 50%!important
    }

    .start-lg-100 {
        left: 100%!important
    }

    .translate-middle-lg {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-lg-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-lg-y {
        transform: translateY(-50%)!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-top-xl-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-xl-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-xl-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-xl-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-xl-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-xl-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-end-xl {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-xl-0 {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-end-xl-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-xl-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-xl-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-xl-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-xl-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-xl-circle {
        border-bottom-right-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

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

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

    .rounded-bottom-xl-0 {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-bottom-xl-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-xl-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-xl-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-xl-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-xl-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

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

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

    .rounded-start-xl {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-xl-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-xl-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-xl-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-xl-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-xl-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-xl-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-xl-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

    .rounded-start-xl-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-top-left-radius: var(--bs-border-radius-pill)!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
    }

    .w-xl-auto {
        width: auto!important
    }

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

    .vw-xl-100 {
        width: 100vw!important
    }

    .min-vw-xl-100 {
        min-width: 100vw!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-auto {
        height: auto!important
    }

    .mh-xl-100 {
        max-height: 100%!important
    }

    .min-vh-xl-100 {
        min-height: 100vh!important
    }

    .position-xl-static {
        position: static!important
    }

    .position-xl-relative {
        position: relative!important
    }

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

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

    .position-xl-sticky {
        position: sticky!important
    }

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

    .top-xl-50 {
        top: 50%!important
    }

    .top-xl-100 {
        top: 100%!important
    }

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

    .bottom-xl-50 {
        bottom: 50%!important
    }

    .bottom-xl-100 {
        bottom: 100%!important
    }

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

    .start-xl-50 {
        left: 50%!important
    }

    .start-xl-100 {
        left: 100%!important
    }

    .translate-middle-xl {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-xl-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-xl-y {
        transform: translateY(-50%)!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-top-xxl {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-xxl-0 {
        border-top-left-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-top-xxl-1 {
        border-top-left-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-top-xxl-2 {
        border-top-left-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-top-xxl-3 {
        border-top-left-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-top-xxl-4 {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-top-xxl-5 {
        border-top-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-top-xxl-circle {
        border-top-left-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

    .rounded-top-xxl-pill {
        border-top-left-radius: var(--bs-border-radius-pill)!important;
        border-top-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-end-xxl {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-xxl-0 {
        border-bottom-right-radius: 0!important;
        border-top-right-radius: 0!important
    }

    .rounded-end-xxl-1 {
        border-bottom-right-radius: var(--bs-border-radius-sm)!important;
        border-top-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-end-xxl-2 {
        border-bottom-right-radius: var(--bs-border-radius)!important;
        border-top-right-radius: var(--bs-border-radius)!important
    }

    .rounded-end-xxl-3 {
        border-bottom-right-radius: var(--bs-border-radius-lg)!important;
        border-top-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-end-xxl-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
        border-top-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-end-xxl-5 {
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
        border-top-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-end-xxl-circle {
        border-bottom-right-radius: 50%!important;
        border-top-right-radius: 50%!important
    }

    .rounded-end-xxl-pill {
        border-bottom-right-radius: var(--bs-border-radius-pill)!important;
        border-top-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-bottom-xxl {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-xxl-0 {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .rounded-bottom-xxl-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-bottom-right-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-bottom-xxl-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-bottom-right-radius: var(--bs-border-radius)!important
    }

    .rounded-bottom-xxl-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-bottom-right-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-bottom-xxl-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-bottom-xxl-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-bottom-xxl-circle {
        border-bottom-left-radius: 50%!important;
        border-bottom-right-radius: 50%!important
    }

    .rounded-bottom-xxl-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-bottom-right-radius: var(--bs-border-radius-pill)!important
    }

    .rounded-start-xxl {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-xxl-0 {
        border-bottom-left-radius: 0!important;
        border-top-left-radius: 0!important
    }

    .rounded-start-xxl-1 {
        border-bottom-left-radius: var(--bs-border-radius-sm)!important;
        border-top-left-radius: var(--bs-border-radius-sm)!important
    }

    .rounded-start-xxl-2 {
        border-bottom-left-radius: var(--bs-border-radius)!important;
        border-top-left-radius: var(--bs-border-radius)!important
    }

    .rounded-start-xxl-3 {
        border-bottom-left-radius: var(--bs-border-radius-lg)!important;
        border-top-left-radius: var(--bs-border-radius-lg)!important
    }

    .rounded-start-xxl-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
        border-top-left-radius: var(--bs-border-radius-xl)!important
    }

    .rounded-start-xxl-5 {
        border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
        border-top-left-radius: var(--bs-border-radius-xxl)!important
    }

    .rounded-start-xxl-circle {
        border-bottom-left-radius: 50%!important;
        border-top-left-radius: 50%!important
    }

    .rounded-start-xxl-pill {
        border-bottom-left-radius: var(--bs-border-radius-pill)!important;
        border-top-left-radius: var(--bs-border-radius-pill)!important
    }

    .w-xxl-25 {
        width: 25%!important
    }

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

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

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

    .w-xxl-auto {
        width: auto!important
    }

    .mw-xxl-100 {
        max-width: 100%!important
    }

    .vw-xxl-100 {
        width: 100vw!important
    }

    .min-vw-xxl-100 {
        min-width: 100vw!important
    }

    .h-xxl-25 {
        height: 25%!important
    }

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

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

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

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

    .mh-xxl-100 {
        max-height: 100%!important
    }

    .min-vh-xxl-100 {
        min-height: 100vh!important
    }

    .position-xxl-static {
        position: static!important
    }

    .position-xxl-relative {
        position: relative!important
    }

    .position-xxl-absolute {
        position: absolute!important
    }

    .position-xxl-fixed {
        position: fixed!important
    }

    .position-xxl-sticky {
        position: sticky!important
    }

    .top-xxl-0 {
        top: 0!important
    }

    .top-xxl-50 {
        top: 50%!important
    }

    .top-xxl-100 {
        top: 100%!important
    }

    .bottom-xxl-0 {
        bottom: 0!important
    }

    .bottom-xxl-50 {
        bottom: 50%!important
    }

    .bottom-xxl-100 {
        bottom: 100%!important
    }

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

    .start-xxl-50 {
        left: 50%!important
    }

    .start-xxl-100 {
        left: 100%!important
    }

    .translate-middle-xxl {
        transform: translate(-50%,-50%)!important
    }

    .translate-middle-xxl-x {
        transform: translateX(-50%)!important
    }

    .translate-middle-xxl-y {
        transform: translateY(-50%)!important
    }
}
.splash.position-fixed.top-0.end-0.w-50.h-100.d-none.d-xl-block.vh-100 {
    background-image: url(https://www.bondsavvy.com/media/auth-splash.png) !important;
}
hr {
    border-top: none;
}