@font-face {
    font-family: 'Sans';
    src: url('../fonts/TheSans-Plain.otf');
    src: url('../fonts/TheSans-Bold.otf');
}

.checkbox label {
    padding-right: 20px;
}

html {
    font-family: Sans !important;
}

h2 {
    font-family: Sans !important;
}

a {
    font-family: Sans !important;
    text-decoration: none !important;
    font-size: 18px;
}
.toggle-password {
    right: 420px;
}
.form-horizontal {
    direction: rtl;
    text-align: right;
}

.btn {
    float: left;
    font-family: Sans !important;
}

label {
    font-family: Sans !important;
}

.lang {
    position: absolute;
    top: 24px;
    left: 40px;
    right: unset;
    flex-direction: row-reverse;
}

.decoration-side-container {
    align-items: end;
}

.title-paragraph {
    direction: rtl;
}

@media (max-width: 576px) {
    body {
        grid-template-columns: 1fr;
    }

    .decoration-side-container {
        display: none;
    }

    .form-side-container {
        padding: 16px;
    }

    .sign-in {
        padding: 24px;
        width: 348px;
    }



    .lang {
        position: absolute;
        top: 16px;
        left: 16px;
    }
}