/* | |-------------------------------------------------------------------------- | Al Jouf CSS FOR ARABIC |-------------------------------------------------------------------------- | */

.rtl .owl-carousel {
  direction: ltr;
}
.rtl .header-border span {
  padding: 0 0 0 20px;
}
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p,
.rtl a,
.rtl .button {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .contact-gird-form {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .cq-hotspot-label {
  font-family: 'Cairo', sans-serif !important;
}
body {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .post h3.post-title,
.rtl .page h3.post-title,
.rtl .grid-post h3.post-title,
.rtl .masonry-posts .post-content h3.post-title {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .text-right,
.rtl .text-right p {
  text-align: right !important;
}
.rtl .counter-number.style1 h6 {
  text-align: right !important;
}

.rtl .contact-grid.vc_col-sm-6 {
  float: right !important;
}
.rtl .input_field {
  direction: rtl !important;
}
.rtl .border-right-brown {
  padding-left: 50px !important;
  padding-right: 0px !important;
}
.rtl .border-brown.vc_column_container > .vc_column-inner {
  padding-right: 0px !important;
  padding-left: 15px !important;
}
.rtl .child-list ul {
  padding-left: 0px !important;
  padding-right: 40px !important;
}
.rtl .child-list ul li:before {
  margin-right: -20px !important;
  margin-left: 0px !important;
}
.rtl .list-style {
  padding-right: 15px !important;
  padding-left: 0px !important;
  font-family: 'Cairo', sans-serif;
}
.rtl .list-strategy:before {
  margin-left: 25px !important;
  margin-right: initial !important;
}
.rtl .rounded .ml-4 {
  margin-right: 1rem !important;
  margin-left: initial !important;
}
.rtl .mo-header-v4 .mo-menu-list > ul > li a {
  font-family: 'Cairo', sans-serif !important;
  text-align: right;
}
.rtl .mo-header-v4 .mo-menu-list > ul > li:last-child a {
  font-family: 'Poppins', sans-serif !important;
}
.rtl .projects-section .portfolio-effect3 a.portfolio-link-button {
  margin-right: 10px;
  margin-left: initial !important;
}
.rtl .projects-slider .portfolio-effect3 img {
  padding-left: 20px;
  padding-right: initial;
}
.rtl .tpl4 .details {
  text-align: right;
}
.rtl .news-image img {
  padding-left: 50px;
  padding-right: initial;
}
.rtl .news-image a.cat-name {
  right: 0;
  left: initial;
}
.rtl .link-btn {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .news-grid4 .date-post,
.news-grid4 .post-title {
  padding-right: 20px;
  padding-left: initial;
  font-family: 'Cairo', sans-serif !important;
}
.rtl a.link-btn.news-redmore-link {
  right: 20px;
}

.rtl .projects-section .portfolio-effect3 img {
  padding-left: 50px;
  padding-right: initial;
}
.rtl .projects-section .portfolio-filter {
  text-align: right !important;
}
.rtl .projects-section .blog-posts.more-posts-wrapper {
  padding-right: 10px;
  padding-left: initial;
}
.rtl .moga_services-style2 .icon-wrap {
  float: right !important;
}
.rtl .moga_services-style2 .title-wrap {
  padding-right: 75px;
  padding-left: initial;
}
.rtl .float-right-form .col-sm-6,
.rtl .float-right-form .col-lg-6 {
  float: right;
}
.rtl .accept span.wpcf7-list-item-label {
  margin-right: 10px;
  margin-left: initial;
}
.rtl div#wpcf7-f5777-p5733-o1 {
  direction: rtl !important;
}
.rtl div#wpcf7-f5780-p5733-o2 {
  direction: rtl !important;
}
.rtl .send-now-white input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
  float: left;
}
.rtl .send-now-white .wpcf7-list-item {
  margin: 10px;
}
.rtl .dropdown-list .fa {
  left: 18px;
  right: initial;
}
.rtl .career-form input[type='file']::after {
  right: 15px;
  left: initial;
  float: right;
}
.rtl .career-form input[type='file']::before {
  float: left;
}
.rtl .footer-widget-1 img {
  width: 80%;
  height: auto;
  margin: auto;
  display: block;
}
.rtl .footer_v1,
.rtl .footer_v1 p,
.rtl .footer_v1 a,
.rtl .footer_v1 span,
.rtl .footer_v1 select,
.rtl .footer_v1 select option,
.rtl .footer_v1 td,
.rtl .footer_v1 th {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .mo-header-v4 .mo-header-icon {
  right: initial;
  left: 0;
}
.rtl .counter-number.style1 h6 {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .product-content .wpb_content_element {
  min-height: 180px;
}
.rtl .bullot-right ul,
.rtl .bullot-right ol {
  padding-right: 20px !important;
}
.rtl .list-strategy.list-1:before {
  margin-left: -50px !important;
}
.rtl .list-strategy.list-2:before {
  margin-left: -50px !important;
}
.rtl .list-strategy.list-3:before {
  margin-left: -50px !important;
}
.rtl .list-strategy.list-4:before {
  margin-left: -50px !important;
}
.rtl .list-strategy.list-5:before {
  margin-left: -50px !important;
}
.rtl .list-strategy p {
  padding: 0px 80px 0px 40px;
}
.rtl .sales-contact .moga_services-style5 .icon-wrap {
  text-align: right;
  margin-bottom: 10px;
}
.rtl .career-form input[type='file']::after {
  content: 'ارفق سيرتك الذاتيه';
}
.rtl .career-form input[type='file']::before {
  content: 'تحميل' !important;
}
.rtl
  .vc_tta.vc_tta-accordion
  .vc_tta-controls-icon-position-left
  .vc_tta-controls-icon {
  right: 20px;
  left: initial;
}
.rtl
  .vc_tta.vc_tta-accordion
  .vc_tta-controls-icon-position-left.vc_tta-panel-title
  > a {
  padding-right: 46px;
  padding-left: initial;
}
.rtl .vc_tta.vc_tta-controls-align-left .vc_tta-panel-heading,
.vc_tta.vc_tta-controls-align-left .vc_tta-tabs-container {
  text-align: right;
}
.rtl .mo-portfolio-article ul.meta-portfolio {
  text-align: right !important;
}
.rtl .head-title {
  float: right !important;
}
.rtl .head-content ul {
  padding-right: 20px !important;
}
.rtl .portfolio_share {
  float: right;
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1366px) {
	.rtl .counter-number.style1 h3 {
   	 font-size: 25px !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .rtl .footer_v1 .footer-widget-2 {
    padding-right: 50px;
    padding-left: 0;
  }
  .rtl .footer-widget-1.col-sm-2.col-xs-12 {
    float: right;
  }
  .rtl .footer_v1 .footer-widget-4,
  .rtl .footer_v1 .footer-widget-3,
  .rtl .footer_v1 .footer-widget-2,
  .rtl .footer_v1 .footer-widget-1 {
    float: right !important;
  }
  .rtl .terms-menu {
    float: right;
  }
  .rtl .col-sm-6.col-xs-12.no-gutter.text-right {
    text-align: left !important;
  }
  .rtl .counter-number.style1.clients-counter i {
    padding-right: 50px !important;
  }
  .rtl .counter-number.style1.clients-counter i{
    position: relative;
    left: 70px;
    text-align: right !important;
  }
  .rtl .counter-number.style1.clients-counter-2 i,
  .counter-number.style1.clients-counter-2 h3.counter {
    position: relative;
    left: 90px;
    text-align: right !important;
  }
  .rtl .counter-number.style1 i,
  .counter-number.style1 h3.counter {
    position: relative;
    left: 10px;
    text-align: right !important;
  }
  .rtl .counter-number.style1 h3 {
    font-size: 27px !important;
    line-height: 37px !important;
  }
  .rtl .counter-number.style1 i {
    padding-right: 0px;
  }
 .rtl h3.counter {
		text-align: right;
		left: 100px !important;
	}
	 .rtl .capacity h3 {
		padding-left: 80px;
	}
	.rtl .ton .number-suffix {
    	padding-left: 62px;
   }
	.rtl .product-row .vc_col-sm-3 .wpb_wrapper {
		min-height: auto;
		margin-top: 20px;
  }
	.rtl .contact-grid h5 {
		  line-height: 40px;
	}
	.rtl .sustainability-three-columns .container {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media only screen and (max-device-width: 767px) {
  .rtl .float-right-form .col-sm-6,
  .rtl .float-right-form .col-lg-6 {
    float: initial;
  }
  .rtl .center-mb.wpb_single_image.vc_align_right {
    text-align: center;
  }
  .rtl .header-border span {
    padding: 0 20px 0 20px;
  }
  .rtl .mb-mobile {
    margin-bottom: 0px !important;
  }
  .rtl .product-content .wpb_content_element {
    min-height: auto;
  }
  .rtl .product-content a {
    margin-bottom: 20px;
  }
  .rtl .pt-40.aljouf-numbers {
    padding-top: 40px !important;
  }
  .rtl .about-counter .counter-number.style1 i {
    padding-right: 60px !important;
  }
  .rtl .about-counter .counter-number.style1.clients-counter i {
    padding-right: 90px !important;
  }
	.vc_row.reverse .container {
    display: block !important;
    flex-direction: column-reverse;
}
	.rtl .sustainability-three-columns .container,
	.rtl .product-row .container,
	.rtl .bullot-right .container,
	.rtl .align-box .container,
	.rtl .aboutsection-counter .container,
	.rtl .reverse .container,
	.rtl .contact-grid.reverse{
		display: flex;
		flex-direction: column-reverse;
	}

}
@media (max-width: 992px) {
  .rtl .mo-header-v4 .mo-header-icon {
    top: 15px;
  }
  .rtl .post-pagi h3 {
    font-size: 10px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 992px) {
  .rtl .aljouf-numbers {
    padding-left: 50px;
    padding-right: initial;
  }
  .rtl .sustainability-three-columns p {
    min-height: 170px !important;
  }
  .rtl .mo-col-logo {
    float: right;
  }
}
.rtl .counter-number.style1 { 
    text-align: right !important;
}
.rtl .footer_v1 .col-sm-2,
.rtl .footer_v1 .col-xs-12,
.rtl .footer_v1 .col-sm-8,
.rtl .footer_v1 .col-sm-6 {
  float: right;
}
.rtl .footer_v1 .text-right {
  text-align: left !important;
}
.rtl .masonry-posts .type-post.category-news-ar {
  margin: 0px !important;
}
.rtl .post-pagi.prev span {
  text-align: left;
}
.post-pagi.prev h3 {
  text-align: left;
}
.rtl .post-pagi.prev {
  padding-left: 40px;
}
.rtl .post-pagi {
  padding-right: 40px;
}
.rtl .mo-logo {
  float: right;
}
.rtl .mo-col-logo.no-padding {
  padding-right: 10px !important;
}
.rtl .post-pagi span,
.mo-blog article.post ul.meta-post li {
  font-family: 'Cairo', sans-serif !important;
}
.rtl .post-pagi span i {
  margin: 5px 5px;
}
.rtl .post-paginations {
  display: flex !important;
}
.rtl .tpl4 .owl-carousel:hover .owl-controls .owl-prev::before {
  content: 'السابقه';
  position: absolute;
  left: 40px;
}
.rtl .tpl4 .owl-carousel:hover .owl-controls .owl-next::before {
  content: 'التالي';
  position: absolute;
  right: 40px;
}
.rtl .related-posts .col-md-4 {
  float: right;
}