.m-login__welcome {
    direction: rtl;
    text-align: right;
    font-family: "Tajawal";
}
.m-login.m-login--1 .m-login__wrapper {
    padding: 0 2rem;
}
.m-login.m-login--1 .m-login__wrapper .m-login__head .m-login__title,
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-login__form-sub .m-checkbox {
    color: #d6d6d6;
}
.m-login__logo img {
    max-width: 100%;
}
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control {
    padding: 10px;
    border-radius: 4px;
    margin-top: 8px;
}
.m-checkbox.m-checkbox--focus > input:checked ~ span {
    border: 1px solid #fff;
}
.m-checkbox.m-checkbox--focus > span:after {
    border: solid #fff;
}
@media (max-width: 799px) {
    #desktopContent {
        display: none;
    }
    .m-login.m-login--1 .m-login__aside,
    body,
    .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(
            .m-grid--tablet-and-mobile
        ):not(.m-grid--mobile)
        > .m-grid__item.m-grid__item--fluid,
    .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(
            .m-grid--tablet-and-mobile
        ):not(.m-grid--mobile)
        > .m-grid__item.m-grid__item--fluid-general {
        background-color: #141519;
    }
}
@media (min-width: 800px) {
    body {
        overflow: hidden;
    }
    .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(
            .m-grid--tablet-and-mobile
        ):not(.m-grid--mobile),
    .m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item {
        background: url(.././img/darkbg.jpg) repeat #0a0d0f;
        background-size: cover;
        position: relative;
    }
    .m-login.m-login--1 .m-login__aside {
        padding: 0 11rem;
    }
    .m-stack.m-stack--desktop {
        display: inline-block;
        height: 424px;
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        margin-left: -146px;
    }
    .m-grid > .m-grid__item.m-grid__item--middle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #particles-js {
        height: 100%;
    }
    .m-login.m-login--1 .m-login__content .m-login__welcome {
        padding: 0 80px;
    }
}

img {
    pointer-events: none;
}