html[dir="rtl"] .owl-stage-outer {
  overflow: hidden !important;
}

html[dir="rtl"] body {
  overflow-x: hidden !important;
  right: 0;
  direction: ltr;
}


/* html[dir="rtl"] .off-canvas-menu {
  left: initial !important;
  direction: rtl;
  box-sizing: border-box;
  left: -300px !important;  
  transform: none !important;
} */


html[dir="rtl"] .off-canvas-menu {
  direction: rtl;
  box-sizing: border-box;

  /* left: initial !important; */
  left: -300px !important;
  transform: none !important;
  transition: right 0.3s ease;
}

html[dir="rtl"] .off-canvas-menu.is-open {
  left: 0 !important;
  transform: none !important;
}



.home-slider .carousel-caption {
  right: 0;
  left: initial;
}

.carousel-control-con {
  right: initial;
  left: 10%;
}
/* .off-canvas-menu {
  left: initial;
  right: -300px;
} */
/* .off-canvas-menu.is-open {
  transform: translateX(300px);
} */
.off-canvas-menu .menu-item-has-children > a::after {
  right: initial;
  left: 10px;
  float: left;
}

.section-header .section-title svg {
  margin-left: 14px;
  margin-right: initial;
}

.section-header .section-title h2:after {
  left: initial;
  right: 0;
  width: 100%;
  z-index: -9;
}
.paginate-nav {
  transform: rotateY(180deg);
}
#jobApplicationForm .next-btn::after {
  transform: scaleX(-1);
}
.training-card-1 .more-btn {
  transform: rotateY(180deg);
}
.event-section-header h2:after {
  left: initial;
  right: -5px;
}
.about-title::after {
  left: initial;
  right: 0;
}

.vision-section-shape {
  right: initial;
  left: 0;
  transform: scaleX(1);
}
.message-section-shape {
  right: initial;
  left: 0;
  transform: scaleX(1);
}
.main-menu ul {
  gap: 16px;
}
.main-menu ul li a {
  font-size: 20px;
}

.card-links-content {
  padding: 24px;
}
.newsletter-form .newsletter-form-input input {
  direction: rtl;
}
.benefit-card {
  background-position: left bottom;
}

.card-evaluation-stages .stages-icon {
  transform: scaleX(1);
}
.news-card .more-btn {
  transform: scaleX(-1);
}
.section-header .section-title h2 {
  font-size: 70px;
}

.section-header .section-more-link {
  font-size: 36px;
}

.president-image {
  float: left;
}
.president-desc {
  text-align: right;
}

.owl-prev,
.owl-next {
  transform: rotateY(180deg);
}

.fix-direction {
  transform: scaleX(-1) !important;
}
.fix-position {
  float: left !important;
  text-align: left;
}
.benefit-card {
  background-position: left !important;
}

.container-evaluation-stages .card-evaluation-stages .stages-icon {
  transform: scaleX(1) !important;
}

.card-item .card-text,
.button-below-cards {
  font-family: "IBM Plex Sans Arabic", serif !important;
}