.bg-login-image {
    background: url('/images/bg/login.jpg');
    background-size: cover;
    background-position: center;
}

.bg-register-image {
    background: url('/images/bg/login.jpg');
}

.bg-password-image {
    background: url('/images/bg/login.jpg');
}

.digit-input {
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
    padding: 0;
}

.otp-digit-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-bottom: 3rem;
}

.otp-input-slot {
    flex: 0 1 3.5rem;
    max-width: 3.5rem;
}

.otp-actions {
    padding-bottom: 3rem;
}

@media (max-width: 576px) {
    #pnl-verify {
        padding: 2rem 1.5rem !important;
    }

    .otp-digit-group {
        gap: 0.5rem;
    }

    .otp-input-slot {
        flex-basis: calc(33.333% - 0.5rem);
        max-width: calc(33.333% - 0.5rem);
    }

    .digit-input {
        min-height: 3.5rem;
        font-size: 1.6rem;
    }

    .otp-actions {
        padding-bottom: 2rem;
    }
}