@import url("../fonts/almarai/style.css");
@import url("../fonts/open_sans/open-sans.css");
@import url("../fonts/phosphor-icons/style.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

.login {
    background: fixed url(../images/loginbg.jpg) no-repeat center !important;
    background-position: bottom 50px center !important;
    font-family: 'Open Sans', sans-serif !important;
    background-size: cover !important;
}

    .login .login-text {
        border: 1px solid #e2e2e2 !important;
    }
.text-danger span {
    font-size:13px;
}

.login_form {
    box-shadow: none !important;
    background: rgb(255 255 255 / 40%) !important;
    top: 35% !important;
}

.cf-forgot-password label {
    color: #000 !important;
}

.cf-forgot-password a {
    color: #000 !important;
}

@media(max-width:600px) {
    .login_form {
        max-width: 90% !important;
    }
}

@media(max-width:480px) {
    .cf-forgot-password {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
    }
}