body {
    direction: rtl;
}

.mobile-menu {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    left: auto;
    right: 0;
}

.mobile-menu .menu-box {
    left: auto;
    right: -400px;
}

form {
    direction: rtl;
}

.head-inner .nav-menu ul li .sub-menu {
    left: auto;
    right: 0;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    right: auto;
    left: 30px;
}

.img-about .text-img {
    left: auto;
    right: 0;
}

.img-about::before {
    left: auto;
    right: -23px;
}

.leadership-h::after {
    right: auto;
    left: -33px;
    transform: scaleX(-1);
}

.title.title-sec h3::before {
    transform: scaleX(-1);
}

.approach-block::before {
    right: auto;
    left: 0;
}

.social::after {
    right: auto;
    left: -35px;
}

.foot-item h3::before {
    left: auto;
    right: 0;
}

.footer-top::after {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.ryad-logo {
    float: left;
}

.mobile-menu .menu-backdrop {
    transform: translateX(-100%);
    right: auto;
    left: 0;
}