body {
    direction: ltr;
    /* font-family: "Almarai"; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: "Almarai";
}

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

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

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

form {
    direction: ltr;
}

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

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

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

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    text-align: left;
}

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

.head-inner .nav-menu ul li .sub-menu li.menu-item-has-children a::after {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

.partners-title::after {
    right: auto;
    left: -150%;
}

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

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

.img-about .box-text .arrow {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.btn::before {
    transform: translateX(5px);
}

.btn::after {
    transform: translateX(-67%);
}

.serv-block .serv-inner .details .readMore i {
    /* transform: scaleY(-1); */
}

.projects-slider .nav-slider .project-nav i {
    transform: scaleX(-1);
}

.foot-item .links-f li a::before {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}

.ryad-logo {
    float: right;
}

.img-banner::after {
    transform: scaleX(-1);
}

.nav-slider .swiper-button-next,
.nav-slider .swiper-button-prev {
    /* transform: scaleX(-1); */
}


.upPage {
    right: auto;
    left: -12px;
}

.upPage.active {
    right: auto;
    left: 0;
}

.swiper-button-next i,
.swiper-button-prev i {
    transform: scaleX(-1);
}

.partners-h .nav-slider,
.clients-h .nav-slider {
    left: auto;
    right: -1.5%;
}

.nav-slider .swiper-button-next i,
.nav-slider .swiper-button-prev i {
    transform: none;
    /* display: inline-block; */
}

.nav-slider .swiper-button-next.home-nav {
    padding-inline-end: 0;
    padding-inline-start: 33px;
}

.nav-slider .swiper-button-prev.home-nav {
    padding-inline-start: 0;
    padding-inline-end: 33px;
}

.btn {
    /* border-radius: 0 12px 0 0 !important; */
    /* border-end-start-radius: 40px !important; */
}

.askNow {
    left: auto;
    right: 0;
}

.img-about .counter-about {
    left: 187px;
    right: auto;
}

.img-about::after {
    left: auto;
    right: -25px;
    transform: scaleX(-1);
}

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

.img-how {
    right: auto;
    left: 0;
}

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

.icon-arrow {
    transform: scaleX(-1);
}

.menu-right .btn {
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%); */
}

.img-out-container .img-about-more {
    left: auto;
    right: 0;
}

.item-about-shape .details ul li::before {
    right: auto;
    left: 0;
}

.body-inner::after {
    left: auto;
    right: -24px;
    transform: scaleX(-1);
}

.service-block-in .serv-top .item .serv-top-block::before {
    right: auto;
    left: 100%;
    transform: scaleX(-1);
}

.service-block-in .serv-top .item .serv-top-block::after {
    right: auto;
    left: 62%;
}

.service-block-in .serv-top .item:nth-child(3) .serv-top-block::after {
    left: auto;
    right: 62%;
}

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

.breadcrumb .text-bread ul li a::after {
    content: "\f101";
}

.head-inner .nav-menu ul li a {
    text-transform: capitalize;
}

.banner-h .swiper.home-slider {
    left: auto;
    right: 0;
}

.title h3,
.btn,
.block-serv .details h3,
.foot-item h3,
.foot-item .links-f li a,
.vission-items-all .vission-item .vision-title h5,
.form-contact .form-group label {
    text-transform: capitalize;
}

.form-contact .form-group .select_wrapper::after {
    left: auto;
    right: 20px;
}

.mobile-menu .navigation li.menu-item-has-children a::after {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

@media (max-width: 991px){
    .img-about .counter-about {
        right: auto !important;
        left: 70px;
    }
}