html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* Keep form fields natural while page is RTL. */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

/* Generic spacing flip helpers for classes that rely on left/right naming. */
html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] .text-right {
  text-align: left !important;
}

html[dir="rtl"] .float-left {
  float: right !important;
}

html[dir="rtl"] .float-right {
  float: left !important;
}

/* Header/nav directional alignment. */
html[dir="rtl"] .main-header .logo-box {
  margin-right: 0;
  /* margin-left: auto; */
}

html[dir="rtl"] .main-header .nav-outer,
html[dir="rtl"] .main-header .outer-box,
html[dir="rtl"] .main-header .main-menu {
  direction: rtl;
}

html[dir="rtl"] .main-menu .navigation>li {
  float: right;
}

html[dir="rtl"] .main-menu .navigation>li>ul,
html[dir="rtl"] .main-menu .navigation>li>.mega-menu {
  left: auto;
  right: 0;
  text-align: right;
}

/* Mobile menu. */
html[dir="rtl"] .mobile-menu .menu-box,
html[dir="rtl"] .mobile-menu .navigation,
html[dir="rtl"] .mobile-menu .contact-list-one {
  direction: rtl;
  text-align: right;
}

/* Common icon+text blocks that were left-positioned in LTR theme. */
html[dir="rtl"] .feature-block .title-box,
html[dir="rtl"] .feature-block-two .inner-box,
html[dir="rtl"] .about-section .content-column .info-box,
html[dir="rtl"] .contact-info-box,
html[dir="rtl"] .contact-info-box-two,
html[dir="rtl"] .list-style-one li,
html[dir="rtl"] .list-style-two li,
html[dir="rtl"] .list-style-three li {
  text-align: right;
}

html[dir="rtl"] .feature-block .title-box {
  padding-left: 0;
  padding-right: 90px;
}

html[dir="rtl"] .feature-block .icon {
  left: auto;
  right: 0;
}

/* Slider/content blocks. */
html[dir="rtl"] .banner-section,
html[dir="rtl"] .banner-carousel,
html[dir="rtl"] .project-carousel,
html[dir="rtl"] .clients-carousel,
html[dir="rtl"] .news-carousel {
  direction: rtl;
}

/* Keep utility margins consistent when LTR classes are used. */
html[dir="rtl"] .ml-0,
html[dir="rtl"] .ml-1,
html[dir="rtl"] .ml-2,
html[dir="rtl"] .ml-3,
html[dir="rtl"] .ml-4,
html[dir="rtl"] .ml-5 {
  margin-left: 0 !important;
}

html[dir="rtl"] .mr-0,
html[dir="rtl"] .mr-1,
html[dir="rtl"] .mr-2,
html[dir="rtl"] .mr-3,
html[dir="rtl"] .mr-4,
html[dir="rtl"] .mr-5 {
  margin-right: 0 !important;
}

html[dir="rtl"] .sec-title .sub-title:before {
  right: 100%;
  margin-right: 10px;
}

html[dir="rtl"] .fa-arrow-alt-circle-right::before {
  content: "\f359";
}

html[dir="rtl"] .service-block .image-box .icon-box {
  right: 25px;
  left: auto;
}

html[dir="rtl"] .fa-long-arrow-alt-right::before {
  content: "\f30a";
}

html[dir="rtl"] .service-block .content-box .read-more i {
  margin-left: auto;
  margin-right: 10px;
}

html[dir="rtl"] .fa-angle-right::before {
  content: "\f104";
}

html[dir="rtl"] .call-to-action-three .title-box .icon {
  margin-left: 20px;
  margin-right: auto;
}

html[dir="rtl"] .social-icon-two li:first-child {
  margin-right: 0;
  margin-left: 10px;
}


html[dir="rtl"] .main-footer .widget-title:before {
  right: 0;
}

html[dir="rtl"] .main-footer .widget-title:after {
  right: 0%;
}

html[dir="rtl"] .contact-widget .contact-info li i {
  right: 0;
  left: auto;
}

html[dir="rtl"] .contact-widget .contact-info li {
  padding-left: auto;
  padding-right: 38px;
}

html[dir="rtl"] .main-header .info-btn i {
  right: 0;
  left: auto;
}

html[dir="rtl"] .main-header .info-btn {
  padding: 8px 0;
  padding-right: 54px;
  text-align: right;
}

html[dir="rtl"] .why-choose-us-two .content-column .info-box .icon {
  right: 30px;
  left: auto;
}


html[dir="rtl"] .why-choose-us-two .content-column .info-box {
  padding: 15px 30px;
  padding-right: 60px;
}

html[dir="rtl"] .skills .skill-item .skill-bar .bar-inner .skill-percentage {
  left: 0;
  right: auto;
}

html[dir="rtl"] .about-block-two .title i {
  position: relative;
  margin-left: 10px;
  margin-right: 0;
  font-size: 14px;
  color: #ff5316;
}

html[dir="rtl"] .about-block-three .title i {
  color: var(--theme-color1);
  font-size: 14px;
  margin-left: 10px;
  margin-right: 0;
  position: relative;
}

html[dir="rtl"] .why-choose-us-two .image-column .image-box {
  margin-left: -360px;
  padding-right: 100px;
  margin-right: 0;
  padding-left: 0;
}

html[dir="rtl"] .why-choose-us-two:before {
  right: -240px;
  left: auto;
  background-position: center left;
  transform: rotate(180deg);
}

html[dir="rtl"] .work-section:before {
  left: auto;
  right: -260px;
  background-position: center left;
  transform: rotate(180deg);
}

html[dir="rtl"] .team-section-ten::before {
  left: auto;
  right: 0;
  top: 0;
  transform: rotate(180deg);
}


html[dir="rtl"] .contact-details__info li .text {
    margin-left: 0;
    margin-right: 30px;
}