*
{
    font-family: 'Poppins', 'Arial', 'sans-serif' !important;
}

html, body
{
    height: 100%;
}

body
{
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url('../img/login-bg.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 45%;
}

.form .form-floating:focus-within
{
    z-index: 2;
}

.form-inputs
{
    max-width: 320px;
    margin: auto;
}

.validation-box
{
    margin: 30px 120px;
}

    .validation-box ul
    {
        margin: 0px;
        padding: 0px;
    }

    .validation-box li
    {
        list-style: none;
    }

.otp-inputs input
{
    width: 40px;
    height: 40px;
    border: solid 1px #aeaeae;
}

.form-control:focus
{
    box-shadow: none;
    border: 2px solid red
}