body {
    direction: rtl;
    font-family: 'tajawal', 'sans serif';
    text-align: right;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.banner::before {
    left: auto;
    right: 0;
}

.banner-text {
    padding-right: 0;
    padding-left: 80px;
    text-align: right;
}

.media-right-margin {
    margin-right: 0;
    margin-left: 25px;
}

@media all and (max-width:768px) {
    .banner-text {
        padding-left: 0;
    }
}