body {
    direction: rtl;
    font-family: "Noto Sans Arabic", sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, a, span, input, select, textarea, li, button, label, span {
    font-family: "Noto Sans Arabic", sans-serif !important;
}

form {
    direction: rtl;
}

.btn i {
    transform: scaleX(-1);
}

.banner-h .banner-img {
    right: auto;
    left: 0;
}

.about-text ul li::before {
    left: auto;
    right: 0;
}

.accordion .accordion-item .accordion-button::before {
    right: auto;
    left: -12px;
}

.form-group .form-control {
    text-align: right;
}


@media (min-width: 991px) {

    .banner-text h1, .banner-text p, .banner-text .btn {
        transform: translateX(10%);
    }
    
    .banner-h .banner-img {
        transition: all .4s;
        transform: translateX(-130px);
    }
}