.login-container {--banner-height: 892px;position: relative;height: var(--banner-height);color:#333;
        background:var(--banner-image) center/cover no-repeat;font-size: 18px;}
    .login-container .container-xl{display: flex;justify-content: end;align-items: center;height:100%;}
    .login-box{background:#fff;padding: 50px 31px 40px;margin-right: 110px;border-radius: 50px 50px 50px 50px;}
    .login-box .navbar-brand{margin-bottom: 54px;display: flex;justify-content: center;}
    .login-box .site-logo{width: 223px;}
    .login-username , .login-password{display: flex;flex-direction: column;}
    .login-box  .input::placeholder{color:#CCCCCC;}
    .login-username{margin-bottom: 51px;}
    .login-password{margin-bottom: 66px;}
    .login-box input{width: 430px;height: 60px;;border-radius: 10px 10px 10px 10px;background: #FBFBFB;border: 1px solid #DDDDDD;padding: 0 12px;}
    .login-box label{margin-bottom: 13px;color:#333;font-size: 18px;font-weight: 700;}
    .login-submit{margin-bottom: 0;}
    .login-box .button{background:var(--bs-primary);color:#fff;}
    .login-error{color:red;margin-top: 10px;}
    @media(max-width: 1199.98px){
        .login-container .container-xl{justify-content: center;}
        .login-box{margin-right: 0;}
    }
    @media(max-width: 767.98px){
        .login-container {font-size: 16px;line-height: 1.6;--banner-height: 600px;}
        .login-box{padding: 40px 30px;width: 100%;}
        .login-box input{width: 100%;height: 60px;}
        .login-username , .login-password , .login-box .navbar-brand{margin-bottom: 20px;}
        
    }