body {
    background-color: #fff;
}
#auth {
    overflow: hidden;
}
#auth #auth-right {
    background-image: url(/assets/images/bg/bg2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 99;
    -webkit-filter: saturate(70%);
    -moz-filter: saturate(70%);
    -o-filter: saturate(70%);
    -ms-filter: saturate(70%);
    filter: saturate(70%);
}
#auth #left-container {
    background: rgb(242, 247, 255);
}
#auth #auth-left {
    margin: auto;
}
#auth #auth-left .auth-logo {
    margin-bottom: 2rem;
}
#auth #auth-left .auth-logo img {
    height: 2rem;
}
@media screen and (max-width: 767px) {
    #auth #auth-left {
        padding: 5rem;
    }
}
@media screen and (max-width: 576px) {
    #auth #auth-left {
        padding: 5rem 3rem;
    }
}
.card,
.form-control,
.form-select,
.btn-menu {
    border-radius: 1rem !important;
    padding: 0.75rem 1rem !important;
}
label {
    font-size: 14px;
}
#auth .card {
    box-shadow: 0px 8px 24px rgba(202, 211, 235, 0.25);
    border-radius: 24px;
}
#auth #circle1 {
    width: 291px;
    height: 291px;
    position: absolute;
    top: -67px;
    right: -123px;
    overflow: hidden;
}
#auth #circle2 {
    width: 564px;
    height: 564px;
    position: absolute;
    bottom: -30px;
    left: -200px;
    overflow: hidden;
}