body {
    background-color: #fff
}

#auth {
    height: 100vh;
    overflow-x: hidden
}

#auth #auth-right {
    height: 100%;
    background: url(../../images/bg/4853433.jpg), linear-gradient(90deg, #2d499d, #3f5491)
}

#auth #auth-left {
    padding: 5rem 8rem
}

#auth #auth-left .auth-title {
    font-size: 4rem;
    margin-bottom: 1rem
}

#auth #auth-left .auth-subtitle {
    font-size: 1.7rem;
    line-height: 2.5rem;
    color: #a8aebb
}

#auth #auth-left .auth-logo {
    margin-bottom: 7rem
}

#auth #auth-left .auth-logo img {
    height: 2rem
}

@media (max-width:767px) {
    #auth #auth-left {
        padding: 5rem
    }
}

@media (max-width: 576px) {
    #auth {
        padding: 1rem;
    }

    #auth #auth-left {
        padding: 20px 30px;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
    }

    #auth #auth-left .auth-logo {
        max-width: 180px;
        justify-self: center;
        margin: 50px 0 100px 0;
        display: block;
    }

    #auth #auth-left .auth-logo img {
        max-width: 180px;
    }

    #auth #auth-left .auth-title {
        font-size: 38px;
        text-align: center;
    }
    
    #auth #auth-left .auth-subtitle  {
        font-size: large;
        text-align: center;
    }

    #auth #auth-left .form-control-xl {
        font-size: 0.95rem;
        padding-left: 3.5rem;
    }

    #auth #auth-left .form-control-icon {
        left: 0.75rem;
    }

    #auth #auth-left .login-btn {
        margin-top: 1.5rem;
    }

    #auth-right {
        display: none;
    }

    #auth #auth-left .text-center.mt-5 {
        margin-top: 2rem;
        font-size: 0.9rem;
    }
}