.login-page{direction:rtl;background:#f7f7f7;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Cairo,sans-serif;display:flex}.login-box{text-align:center;background:#fff;border-radius:20px;width:35%;padding:3rem;box-shadow:0 0 25px #00000026}@media (max-width:1100px){.login-box{width:45%}}@media (max-width:900px){.login-box{width:55%}}@media (max-width:700px){.login-box{width:75%}}@media (max-width:500px){.login-box{width:90%;padding:3rem 1.5rem}}.login-box h2{color:var(--main-text-color);padding-bottom:1.5rem;font-size:24px;font-weight:700}.input-group{text-align:right;flex:1;margin-bottom:1.5rem}.input-group label{color:var(--main-text-color);margin-bottom:5px;padding-right:1rem;font-size:14px;display:block}.input-group input{border:1px solid var(--dark-color);background:#fafafa;border-radius:25px;outline:none;width:100%;margin-bottom:.2rem;padding:12px 15px;font-size:14px;transition:all .2s}.input-group input::placeholder{color:var(--Light-text-color)}.input-group input:focus{border-color:var(--main-color-two);background:#fff}.password-wrapper{position:relative}.password-wrapper input{width:100%;margin-bottom:.5rem;padding-left:40px}.password-wrapper{margin-bottom:1px}.password-wrapper .toggle-password{color:var(--dark-color);cursor:pointer;font-size:18px;position:absolute;top:40%;left:5%;transform:translateY(-50%)}.validation-box{color:var(--main-text-color)}.forgot{color:var(--main-color-two);cursor:pointer;text-align:right;padding-top:.5rem;padding-right:.5rem;font-size:14px;font-weight:600}.login-page .GridBtn{cursor:pointer;border:none;border-radius:25px;width:100%;margin-bottom:2rem;padding:12px;font-size:16px}.create{color:var(--main-text-color);font-size:14px;font-weight:650}.create a{color:var(--headline-color);cursor:pointer;font-weight:400}