body {
    font-family: var(--ff-6), sans-serif !important;
    background-color: var(--background-50)!important;
}

.card-form, .form-bg-image .card {
    /* background-color: var(--background-50)!important; */
    border: none!important;
}

@keyframes moveBackground {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

@keyframes changeColors {
    0% {
        background-color: var(--primary-500);
    }

    50% {
        background-color: var(--secondary-600);
    }

    100% {
        background-color: var(--secondary-600);
    }
}

@keyframes zoomBackground {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 110% 110%;
    }

    100% {
        background-size: 100% 100%;
    }
}

.bg-linear {
    background: -webkit-repeating-radial-gradient(circle farthest-side at center center, var(--primary-500) 30%, var(--secondary-600) 39%, var(--secondary-600) 50%);
    background: -o-repeating-radial-gradient(circle farthest-side at center center, var(--primary-500) 30%, var(--secondary-600) 39%, var(--secondary-600) 50%);
    background: -moz-repeating-radial-gradient(circle farthest-side at center center, var(--primary-500) 30%, var(--secondary-600) 39%, var(--secondary-600) 50%);
    background: repeating-radial-gradient(circle farthest-side at center center, var(--primary-500) 30%, var(--secondary-600) 39%, var(--secondary-600) 50%);

    /* animation: moveBackground 3s linear infinite; */
    /* animation: changeColors 5s ease-in-out infinite alternate; */
    animation: zoomBackground 8s ease infinite alternate;

}

.auth-form label {
    font-size: .8rem;
    color: var(--bs-secondary-color);
}

.auth-form label.form-check-label {
    font-weight: 600;
    color: inherit;
}

.bg-col {
    display: none;
}

main.login-main .card {
    border-radius: 0!important;
}

.app-logo-2-container {
    display: flex;
}

.app-logo-2 img {
    width: 100px;
}

@media screen and (min-width: 992px) {
    .bg-col {
        display: block;
    }

    .app-logo-2-container {
        display: none;
    }

    .app-logo-2-container.visible {
        display: flex;
    }

    main.login-main .bg-col .card {
        background-color: var(--background-50)!important;
        border: none!important;
    }

    main.login-main .bg-col .card .card-body {
        border-top-left-radius: var(--bs-border-radius-xl)!important;
        border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    }

    main.login-main .card.card-form {
        border-top-right-radius: var(--bs-border-radius-xl)!important;
        border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    }
}

.auth-form button {
    font-weight: 600;
}