/*-----import-styles-start-----*/
@import url(../global/global.css?ver=3.01);
@import url(../layout/header.css?ver=2.01);
@import url(../layout/footer.css);
/*-----import-styles-end-----*/

/*-----💡-login-styles-start-----*/

.custom-bg {
    background-image: url("../../images/pages/login/login-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    height: calc(100vh - 2rem);
}

#multi-step-form {
    max-width: 400px;
    margin-inline: auto;
}

.otp-input.invalided,
.phone-input.invalided {
    padding-left: 50px !important;
    border-color: var(--bs-danger) !important;
}

.phone-input,
.otp-input {
    border-color: var(--tertiary-color-300);
}

.resend-code-label {
    color: var(--tertiary-color-600);
}

.invalid-icon {
    top: 14px;
    left: 14px;
}

.privacy-label {
    font-size: 14px;
}

/*-----💡-login-styles-end-----*/