body.swal2-height-auto {
    height: 100% !important
}

div:where(.swal2-icon) {
    border: none;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 5px;
    background: #ffffff;
    color: #000000;
}

label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    cursor: pointer;
}

.form-control-lg {
    font-size: 1.15rem;
}

.image-signin {
    background: url(../img/login/signin.jpg) no-repeat center top !important;
}

.image-create-account {
    background: url(../img/login/create_account.jpg) no-repeat center top !important;
}

.image-forgot-password {
    background: url(../img/login/forgot_password.jpg) no-repeat center top !important;
}

.image-reset-password {
    background: url(../img/login/reset_password.jpg) no-repeat center top !important;
}

.image-verify-account {
    background: url(../img/login/verify_account.jpg) no-repeat center top !important;
}

.invalid-feedback {
    font-size: 14px;
}

.slideon.slideon-primary input:checked~.slideon-slider {
    background: linear-gradient(90deg, #720593 0%, #C30DDF 100%);
}

.auth-card .form-side {
    padding: 45px 50px;
}

.menu .main-menu ul li a {
    font-size: 16px;
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

.card-text {
    font-size: 18px;
}

.list-item-heading {
    font-size: 1.25rem;
}

.swiper-wrapper-free-mode {
    transition-timing-function: linear;
}

.swiper-pagination {
    position: relative;
}

.swiper-pagination-bullet {
    opacity: 0.1;
    background: #000000;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: linear-gradient(90deg, #d1591f 0%, #e8a116 100%);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    bottom: -8px
}

.swiper-button-next,
.swiper-button-prev {
    color: #d1591f !important;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.text-color {
    color: #720593;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.custom-control-label,
.form-check-label {
    padding-top: 0;
    line-height: normal;
}

.spin {
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.modal-backdrop.show {
    opacity: .5 !important;
}

.alert-info {
    color: #FFFFFF;
    background-color: #0076de;
}

.alert-warning {
    color: #FFFFFF;
    background-color: #fb8801;
}

.alert-danger {
    color: #FFFFFF;
    background-color: #e24951;
}

.logo {
    width: 250px;
    height: 50px;
}

.logo-mobile {
    width: 40px;
    height: 40px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

@media (min-width: 576px) {
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
}

@media (min-width: 768px) {
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
}

@media (min-width: 992px) {
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
}

@media (min-width: 1200px) {
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    .display-5 {
        font-size: 3rem
    }
    .display-6 {
        font-size: 2.5rem
    }
}

@media (min-width: 1400px) {
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }
}

@media only screen and (max-width: 500px) {
    .image-side {
        display: none;
    }
    .g-recaptcha {
        transform: scale(0.90);
        transform-origin: 0 0;
    }
}