div, p, input, ul, li, ol, span, input, label, h1, h2, h3, h4, h5, h6 , button {
    font-family: "Vazirmatn" !important;
}

body {
    background-color: var(--light) !important;
    overflow-x: hidden;
}
.login-logo {
    margin: auto;
    text-align: center;
    width: 200px;
}
.card {
    margin-top:10%;
}
#upsert-form {
    padding: 16px 32px;
}
#upsert-form input {
    height: 47px
}
#upsert-form .btn {
    margin-top: 16px;
    width: 100%;
    padding: 11px 0;
}
.other-login {
    margin-top: 24px; 
    margin-bottom: 0; 
    font-size: 14px;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: .75rem;
    align-items: center;
    color: var(--bs-primary-t2); 
}
.other-login::before, .other-login::after {
    content: "";
    display: block;
    height: 1px;
    background-color: currentColor;
}
.g-recaptcha iframe {
    margin-inline-start: 8px;
}
@media (max-width: 768px) {
    .card {
        margin-top: 5%;
    }
    #upsert-form {
        padding: 0;
    }
}