@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');




* {
    letter-spacing: 0 !important;
	font-family: 'Tajawal', sans-serif;
}

body {
    text-align: right;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, label, body.nav-active .extend-container li a, .our-news .item-new .content .cta a, .root-work .projects-list .item a .item-info .cat {
	font-family: 'Tajawal', sans-serif;
    direction: rtl;
}


.dsn-slider {
    direction: ltr;
}

.header-top .header-container .menu-icon {
    float: right;
    margin-left: 0;
    margin-right: 50px;
}

.header-top .header-container .logo {
    float: none;
    text-align: right;
}

.header-top .header-container .menu-icon .icon-circle {
    left: auto;
    right: 50%;
}

.header-top .header-container .menu-icon .text-menu {
    margin-left: 0;
    margin-right: 10px;
}

.header-top .header-container .menu-icon .text-menu > div {
    left: auto;
    right: 0;
}

.nav {
}

.nav__content {
    text-align: right;
}
.nav:before, .nav-content:before, .nav:after, .nav-content:after {
    left: auto;
    right: 0;
}

.nav-content:before, .nav-content:after {
    right: auto;
    left: 0;
    -webkit-transform: translateX(100%) translateY(0%);
    -ms-transform: translateX(100%) translateY(0%);
    transform: translateX(100%) translateY(0%);
}

.nav-content {
    right: auto;
    left: 0;
}

.nav__list-item a {
    /* padding-left: 0; */
    /* padding-right: 20%; */
}

.dsn-slider-content .slide-content .slide-content-inner {
    padding-left: 0;
    padding-right: 12.5vw;
}

.dsn-slider-content .slide-content {
    left: auto;
    right: 0;
    direction: rtl;
}

.dsn-slider .slide-inner .slide-item .image-container .image-bg {
    left: auto;
    right: 0;
}

.dsn-slider .slide-inner .slide-item .image-container {
    right: auto;
    left: 0;
}

.dsn-slider .dsn-root-slider {
    /* left: 0; */
    /* right: 0; */
}

.dsn-slider .nav-slider {
    left: 0;
    direction: ltr;
    right: auto;
}

.dsn-slider[data-dsn-header="project"] .footer-slid .control-num {
    right: 65px;
    left: auto;
}

.dsn-slider .footer-slid .control-nav {
    right: auto;
    left: 50px;
}

.dsn-slider .footer-slid .main-social {}

.intro-about .background-mask {
    right: auto;
    left: 0;
}

.intro-about .intro-content-text .exper .numb-ex > span {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

.intro-about .intro-content-text h6 {
    padding-right: 0;
    padding-left: 80px;
}

.intro-about .intro-content-text h6:before {
    right: auto;
    left: 0;
}

.one-title .title-sub-container .title-sub:after {
    left: auto;
    right: 15px;
}

.one-title .title-sub-container .title-sub {
    padding-left: 0;
    padding-right: 80px;
}

.one-title .title-sub-container .title-sub:before {
    left: auto;
    right: 0;
}

.box-seat .pro-text {
    left: 80px;
    right: auto;
}

.slick-slider {
    direction: ltr;
}

.box-gallery-vertical .box-info {
    padding-left: 0;
    padding-right: 50px;
}

.box-gallery-vertical .vertical-title::before {
    left: auto;
    right: -25px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.mask-bg {
    right: auto;
    left: 0;
}

.link-custom a {
    padding-right: 0;
    padding-left: 25px;
}

.link-custom a .icon-circle {
}

.client-see .inner .bg {
    left: auto;
    right: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.client-see .inner .bg:after {
    right: auto;
    left: 30px;
}

.our-news .item-new .content {
    margin-left: 0;
    margin-right: 50px;
    direction: rtl;
}

.ryad-logo {
    margin: 0 15px 0;
}

.header-hero.header-hero-2 .view-case img {
    margin-left: 0;
    margin-right: 8px;
}

.our-team .team-item {
    margin-right: 0;
    margin-left: 50px;
    direction: rtl;
}

.our-client .client-curs .client-item {
    direction: rtl;
}

.our-client .client-curs .client-item div:before {
    left: auto;
    right: 0;
}

.our-client .client-curs .slick-arrow.fa-angle-right {
    left: auto;
    right: 45px;
}

.our-client .client-curs .slick-arrow.fa-angle-left {
    left: auto;
    right: 120px;
}

.header-hero h5:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    left: auto;
    right: -50px;
}

.root-blog .post-list-item .post-list-item-content .post-info-date {
    margin-right: 0;
    margin-left: 20px;
}

.link-custom a:before {left: 0;content: "\f053";}

.dsn-pagination .next .button-m {
    margin-left: 0;
    margin-right: 10px;
}

.header-single-post .inner-box .post-info .blog-post-date {
    padding-right: 0;
    padding-left: 20px;
}

.news-content .post-content blockquote {
    padding: 10px 15px 10px 0;
    border-left: 0;
    border-right: 1px solid #cacaca;
}

.comments-post .comments-area .comment .comment-body .comment-text {
    padding: 0 90px 0 0;
}

.comments-post .comments-area .comment .comment-body .comment-author {
    float: right;
    left: auto;
    right: 0;
}

.comments-post .comments-area .comment .comment-body .comment-text .comment-date {
    float: left;
    margin: 3px 0 0 5px;
}

.comments-post .comments-area .comment .children {
    margin-left: 0;
    margin-right: 90px;
}

label {
    padding-right: 0;
    padding-left: 30px;
}

.submit-div.image-zoom {
    float: left;
}

.nav, .nav-content {
    left: auto;
    right: 0;
}

footer .contact-footer .email.image-zoom {
    margin-right: 0;
    margin-left: 30px;
}
.lang--w {
    float: left;
    /* margin-top: -30px; */
    position: relative;
    z-index: 99999;
}

.dsn-slider .nav-slider .swiper-slide .image-container {
    float: left;
}

.slide-content-t::after {
    left: auto;
    right: 0;
}

.slide-content-t .slide-content-inner {
    left: auto;
    right: 320px;
    direction: rtl;
    text-align: right;
}

@media only screen and (max-width: 575px){
.comments-post .comments-area .comment .comment-body .comment-text {
    padding: 0 40px 0 0;
}

.comments-post .comments-area .comment .children {
    margin-right: 40px;
}
}
.qtranxs_text_ar{display:none}
.qtranxs_text_en{display:block}

.slide-content-t {
    direction: rtl;
}

.lang--w a i {
    margin-left: 5px;
}

.intro-about .intro-content-text h2 {
    text-align: right;
}

.client-see .inner .items .item {
    direction: rtl;
}


.our-team .slick-list {
    padding: 0 0 0 20%;
}

.form-box .form-group {
    direction: rtl;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl !important;
}

.our-news .item-new {
    margin-right: 0;
    margin-left: 50px;
}

footer .contact-footer .phone {margin-left: 30px;}

.social-media-m {
    float: left;
}

.header-top .header-container .logo a {
    padding-left: 0;
    padding-right: 10px;
}

.header-container button.btn-menu, .sidebar button.btn-menu.close-btn {
    margin-left: 0;
    margin-right: 75px;
}

.sidebar {
    /* transform: translateX(100%); */
    left: auto;
    right: 0;
}

.sidebar button.btn-menu.close-btn {
    margin: 20px auto;
}

.sidebar::before, .sidebar::after {
    transform: translateX(100%);
}

.header-top .header-container {
    direction: rtl;
    text-align: right;
}

.dsn-slider .control-num {
    left: auto;
    right: 60px;
}

.dsn-slider .control-num span {
    left: auto;
    right: 0;
}

.dsn-slider .control-nav {
    right: auto;
    left: 30px;
}

.intro-about.team-sec .background-mask {
    left: auto;
    right: 0;
}

.header-top .header-container .menu-icon .text-menu .text-open {
    right: 0;
    left: auto;
}

.breadcrumb .text-inner ul li a::after {
    content: "\f104";
    right: auto;
    left: -5px;
}



.box-info-contact ul li span {
    float: right;
}



@media (max-width: 991px){
.header-container button.btn-menu {
    margin-left: 0 !important;
    margin-right: 30px;
}
}