@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

#login h2,
#login p,
#login #loginform,
#login .privacy-policy-page-link a{
    font-family:'Inter',sans-serif;
}

body.login #login h1 a{
    width: 300px!important;
    height: 17px!important;
    background-size: 300px 17px!important;
}

#login form .submit .button{
    font-family:'Inter', sans-serif;
    border-radius: 8px!important;
    padding: 10px 50px;
    background-color: rgba(69, 84, 189, 1);
}

/* Reset password */
#login .notice.notice-info.message{
    font-size:13px;
    max-width: 500px!important;
    margin-top:0!important;
    
}


#login #lostpasswordform{
    
    label{
        text-align: left;
    }

    .submit{
        text-align: right;
    }
}

#lostpasswordform + #nav{
    margin: 0;
    padding: 0;
}



@media (max-width: 1280px) {
    #login {
      padding: 50px 0 0!important;
      /* height: 500px; */
    }
    #login{
        width: 50%!important;
    }
    #login-designer-background{
        left: 50%!important;
        width: 100%!important;
    }  
}

@media (max-width: 991px){
    #login{
        width: 100%!important;
        max-width: 800px!important;
    }
    #login-designer-background{
        display:none;
    }
}


@media (max-width:480px){
    #login{
        width: 100%!important;
    }
    #login-designer-background{
        display:none;
    }
}