html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body {
  text-align: right;
  font-family: "Cairo", "DM Sans", sans-serif;
}

html[dir="rtl"] .d-flex,
html[dir="rtl"] .flex-row {
  flex-direction: row-reverse;
}

html[dir="rtl"] .flex-row-reverse {
  flex-direction: row;
}

html[dir="rtl"] .site-navbar {
  flex-direction: row-reverse;
}

html[dir="rtl"] .brand-logo,
html[dir="rtl"] .default-logo,
html[dir="rtl"] .responsive-logo {
  margin-right: 0;
  margin-left: 30px;
}

html[dir="rtl"] .menu-block-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .site-menu-main {
  flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-nav {
  padding-right: 0;
  padding-left: 0;
}

html[dir="rtl"] .nav-link-item {
  text-align: right;
}

html[dir="rtl"] .dropdown-menu {
  text-align: right;
  right: 0;
  left: auto;
}

html[dir="rtl"] .ms-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[dir="rtl"] .me-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

html[dir="rtl"] .ms-1, html[dir="rtl"] .ms-2, html[dir="rtl"] .ms-3, html[dir="rtl"] .ms-4, html[dir="rtl"] .ms-5 {
  margin-left: 0 !important;
}

html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3, html[dir="rtl"] .me-4, html[dir="rtl"] .me-5 {
  margin-right: 0 !important;
}

html[dir="rtl"] .ps-1, html[dir="rtl"] .ps-2, html[dir="rtl"] .ps-3, html[dir="rtl"] .ps-4, html[dir="rtl"] .ps-5 {
  padding-left: 0 !important;
}

html[dir="rtl"] .pe-1, html[dir="rtl"] .pe-2, html[dir="rtl"] .pe-3, html[dir="rtl"] .pe-4, html[dir="rtl"] .pe-5 {
  padding-right: 0 !important;
}

html[dir="rtl"] .text-start {
  text-align: right !important;
}

html[dir="rtl"] .text-end {
  text-align: left !important;
}

html[dir="rtl"] .float-start {
  float: right !important;
}

html[dir="rtl"] .float-end {
  float: left !important;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 0;
  padding-left: revert;
}

html[dir="rtl"] .list-unstyled {
  padding-right: 0;
}

html[dir="rtl"] .fa-chevron-right:before,
html[dir="rtl"] .ri-arrow-right-line:before,
html[dir="rtl"] .ri-arrow-right-s-line:before {
  content: "\ea64";
}

html[dir="rtl"] .fa-chevron-left:before,
html[dir="rtl"] .ri-arrow-left-line:before,
html[dir="rtl"] .ri-arrow-left-s-line:before {
  content: "\ea6e";
}

html[dir="rtl"] .hero-shape,
html[dir="rtl"] .shape-img {
  transform: scaleX(-1);
}

html[dir="rtl"] .hero-section .row {
  flex-direction: row-reverse;
}

html[dir="rtl"] .service-item {
  text-align: right;
}

html[dir="rtl"] .service-item .icon {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .card {
  text-align: right;
}

html[dir="rtl"] .card-body {
  text-align: right;
}

html[dir="rtl"] .btn i,
html[dir="rtl"] .btn svg {
  margin-left: 0;
  margin-right: 8px;
  transform: scaleX(-1);
}

html[dir="rtl"] .btn-icon-left i,
html[dir="rtl"] .btn-icon-left svg {
  margin-right: 0;
  margin-left: 8px;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .form-check {
  padding-left: 0;
  padding-right: 1.5em;
}

html[dir="rtl"] .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

html[dir="rtl"] .contact-info-item {
  text-align: right;
}

html[dir="rtl"] .contact-info-item .icon {
  margin-right: 0;
  margin-left: 15px;
}

html[dir="rtl"] .footer-widget {
  text-align: right;
}

html[dir="rtl"] .footer-links {
  text-align: right;
}

html[dir="rtl"] .social-links {
  justify-content: flex-end;
}

html[dir="rtl"] .slick-slide {
  float: right;
}

html[dir="rtl"] .slick-prev {
  right: auto;
  left: -25px;
}

html[dir="rtl"] .slick-next {
  left: auto;
  right: -25px;
}

html[dir="rtl"] .progress-wrap {
  left: 30px;
  right: auto;
}

html[dir="rtl"] .breadcrumb {
  flex-direction: row-reverse;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

html[dir="rtl"] .counter-item {
  text-align: right;
}

html[dir="rtl"] .about-content {
  text-align: right;
}

html[dir="rtl"] .about-list li {
  padding-left: 0;
  padding-right: 30px;
}

html[dir="rtl"] .about-list li::before {
  left: auto;
  right: 0;
}

html[dir="rtl"] .team-item {
  text-align: right;
}

html[dir="rtl"] .testimonial-item {
  text-align: right;
}

html[dir="rtl"] .testimonial-item .quote-icon {
  left: auto;
  right: 20px;
}

html[dir="rtl"] .cta-content {
  text-align: right;
}

html[dir="rtl"] .features-list li {
  padding-left: 0;
  padding-right: 25px;
}

html[dir="rtl"] .features-list li i {
  left: auto;
  right: 0;
}

html[dir="rtl"] .accordion-button {
  text-align: right;
}

html[dir="rtl"] .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .mobile-menu {
  right: auto;
  left: 0;
  transform: translateX(-100%);
}

html[dir="rtl"] .mobile-menu.active {
  transform: translateX(0);
}

html[dir="rtl"] .menu-toggler {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .header-btn {
  margin-left: 0;
  margin-right: 20px;
}

html[dir="rtl"] .language-selector {
  margin-left: 0;
  margin-right: 15px;
}

html[dir="rtl"] .integration-item {
  text-align: right;
}

html[dir="rtl"] .integration-item .icon {
  margin-right: 0;
  margin-left: 20px;
}

html[dir="rtl"] .nice-select {
  text-align: right;
}

html[dir="rtl"] .nice-select:after {
  right: auto;
  left: 12px;
}

html[dir="rtl"] .nice-select .current {
  padding-left: 26px;
  padding-right: 0;
}

html[dir="rtl"] [data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

html[dir="rtl"] [data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}

html[dir="rtl"] .swiper {
  direction: rtl;
}

html[dir="rtl"] .gap-left {
  margin-left: 0;
  margin-right: var(--gap);
}

html[dir="rtl"] .gap-right {
  margin-right: 0;
  margin-left: var(--gap);
}

html[dir="rtl"] .section-title {
  text-align: right;
}

html[dir="rtl"] .section-title.text-center {
  text-align: center !important;
}
