body{
    min-height:100vh;
    background-image:url('https://images.unsplash.com/photo-1554224155-6726b3ff858f');
    background-size:cover;
    background-position:center;
    position:relative;
    font-family:'Tajawal',sans-serif;
    direction: rtl;
}

.Logo_wrapper img {
    width: 100%;
}

.login-wrapper{
    position:relative;
    z-index:1;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.login-card{

    max-width:900px;
    width:100%;
    border-radius:15px;
    overflow:hidden;
    background:#fff;

    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.login-side{

    background:linear-gradient(140deg,#0d6efd,#20c997);
    color:#fff;
    padding:40px;
}

.login-side h2{

    font-weight:700;
}

.login-form{

    padding:45px;
}

.form-control{

    border-radius:8px;
    padding:11px;
}

.btn-primary{

    padding:11px;
    font-weight:600;
    border-radius:8px;
}

.btn-primary:hover{

    background:#0b5ed7;
}

@media(max-width:768px){

    .login-side{
        display:none;
    }

}