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

html {
    font-family: Sans !important;
}

h2 {
    font-family: Sans !important;
}

a {
    font-family: Sans !important;
    text-decoration: none !important;
    font-size: 18px;
}

.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;
    
}
.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;
  
    }
}