body {
    background: url(../../front_assets/img/public/auth-background.jpg) no-repeat center
        center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.logo {
    height: 100px;
    width: 100px;
}

.error {
    font-size: 12px;
    position: relative;
    line-height: 1;
    width: 100%;
    color: red;
}

hr {
    border: 2px solid var(--secondary);
}

hr.top {
    width: 80%;
}

.form-group label {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--black);
}

.btn-login {
    background-color: var(--primary);
    border-radius: .9375rem;
    color: var(--white);
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
}

.btn-login-google {
    background-color: #fff;
    border-radius: .9375rem;
    color: var(--black);
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    text-align: center;
    border: 2px solid var(--grey);
}

.register-link {
    color: var(--primary);
    transition: all 300ms linear;
}

.carousel-image-wrapper {
    height: 450px;
    width: 100%;
}

.carousel-image-wrapper img {
    height: 450px;
    width: 450px;
    border-radius: 1.5625rem;
    background-color: #fff;
    padding: .875rem;
}

.carousel-wrapper {
    position: absolute;
    right: -1%;
    top: 13%;
}

.slick-dots li button::before {
    font-size: 1rem;
    line-height: 0;
    color: var(--white);
    opacity: .75;
}

.slick-dots li.slick-active button::before {
    color: var(--secondary);
    opacity: 1;
}

#secondForm {
    display:none;
}

.logo-wrapper {
    display: block;
    width: min-content;
}

@media (hover: hover) and (pointer: fine) {
    .btn-login:hover {
        color: var(--white);
    }

    .btn-login-google:hover {
        color: var(--black);
    }

    .register-link:hover {
        color: var(--accent);
        transition: all 300ms linear;
    }
}

@media only screen and (max-width: 991.98px) {

    body {
        background-image: url(../../front_assets/img/public/auth-background-mobile.jpg);
        background-size: auto;
    }

    .btn-login,
    .btn-login-google {
        font-size: 1.125rem;
    }

}

@media only screen and (min-width: 992px) {
    .card {
        box-shadow: none;
    }

    .card-body {
        padding: 0;
    }
}