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

body.rtl {
  text-align: right;
}

.rtl .header-block,
.rtl .menu__list,
.rtl .menu-block,
.rtl .hero-block,
.rtl .section-block,
.rtl .btns,
.rtl .callback-block,
.rtl .contacts-block,
.rtl .form__row,
.rtl .footer-block,
.rtl .footer-bottom,
.rtl .social,
.rtl .contact {
  direction: rtl;
}

.rtl .language__dropdown,
.rtl .language__item,
.rtl .jq-selectbox__dropdown,
.rtl .jq-selectbox__select-text,
.rtl .form-group__label {
  text-align: right;
}

.rtl .language__item {
  justify-content: flex-start;
}

.rtl .btn__icon {
  margin-right: 0;
  margin-left: 10px;
}

.rtl .language__icon {
  margin-right: 0;
  margin-left: 5px;
}

.rtl .more-btn {
  transform: scaleX(-1);
}

.rtl .hero-image {
  right: calc(50% - 235px);
  left: 0;
}

.rtl .hero-image::after {
  right: 0;
  left: auto;
  background: linear-gradient(270deg, rgb(251, 249, 247) 39%, rgba(251, 249, 247, 0.85) 57%, rgba(251, 249, 247, 0.5) 78%, rgba(251, 249, 247, 0) 100%);
}

.rtl .page-content ul li {
  padding-right: 30px;
  padding-left: 0;
}

.rtl .page-content ul li::before {
  right: 0;
  left: auto;
}

.rtl .page-content ul li::after {
  right: 5.5px;
  left: auto;
}

.rtl .page-content ol li {
  padding-right: 25px;
  padding-left: 0;
}

.rtl .page-content ol li::before {
  right: 0;
  left: auto;
}

.rtl .wpcf7-list-item-label {
  padding-right: 35px;
  padding-left: 0;
  text-align: right;
}

.rtl .wpcf7-list-item-label::before {
  right: 0;
  left: auto;
}

.rtl .wpcf7-list-item-label::after {
  right: 3px;
  left: auto;
}

.rtl input[type="tel"],
.rtl .iti,
.rtl .iti__country-list,
.rtl .contact a,
.rtl .footer-copy {
  direction: ltr;
  unicode-bidi: isolate;
}

.rtl input[type="tel"] {
  text-align: left;
}

.rtl .iti__country-list {
  text-align: left;
}

.rtl .footer-top,
.rtl .footer-contacts,
.rtl .footer-nav {
  text-align: right;
}

@media only screen and (max-width: 991px) {
  .rtl .footer-top,
  .rtl .footer-contacts,
  .rtl .footer-nav {
    text-align: center;
  }

  .rtl .footer-social .social {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .rtl .hero-image {
    right: 0;
    left: 0;
  }
}
.rtl .step:after {
  position: absolute;
  content: "";
  width: 100px;
  height: 15px;
  background-image: url("./img/long-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: unset;
  right: 100%;
  margin-right: 30px;
  margin-left: unset;
  top: 82px;
  pointer-events: none;
  transform: scaleX(-1);
}
.rtl .step:last-child:after {
  display: none;
}