@font-face {
    font-family: 'NEO';
    src: url(../fonts/NEO_SANS_MEDIUM.TTF);
}

@font-face {
    font-family: 'NEOLight';
    src: url(../fonts/NEO-SANS-LIGHT.TTF);
}

@font-face {
    font-family: 'NEOMed';
    src: url(../fonts/NEO_SANS_MEDIUM.TTF);
}

@font-face {
    font-family: 'NEOBold';
    src: url(../fonts/NEO_SANS_MEDIUM.TTF);
}


:root {
    --font-body: "NEO", sans-serif;
    --font-light: "NEOLight", sans-serif;
    --font-med: "NEOMed", sans-serif;
    --font-bold: "NEOBold", sans-serif;
}
body {
    direction: ltr;
}

form {
    direction: ltr;
}

.ryad-logo {
    float: right;
}

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

.header-med .head-inner ul li .sub-menu li a::before {
    content: "\f105";
}

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

.banner-logos .icon {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.slider-controls .slick-arrow {
    left: 0 !important;
    right: auto !important;
}

.slider-controls .slick-next {
    left: 60px !important;
}

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

.data-after::after {
    right: auto;
    left: -2.8%;
}

.manger-img .manger-img-text {
    right: auto;
    left: -64px;
}

.cert-h::after {
    left: auto;
    right: 5.2%;
}

.serv-block2 .details .icon {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

i.fa.fa-angle-left {
    transform: scaleX(-1);
}

.about-company-two-h::after {
    right: -2.8%;
    left: auto;
}

.career-form .form-group .form-control {text-align: left;}

.form-group .label-h {
    right: auto;
    left: 12px;
}

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

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}

.iti__country-list {
    right: 0;
}

.btn i.fa.fa-arrow-up-left {
    transform: scaleX(-1);
}

.mobile-menu .menu-box .navigation li.menu-item-has-children>a::after {
    left: auto;
    right: 0;
}

.nice-select:after {
    left: auto;
    right: 18px;
}


@media (min-width: 991px) {
    .btn-arrow:hover {
        transform: rotate(45deg);
    }
}