@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans-Plain.woff2") format("woff2"), url("../fonts/TheSans-Plain.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans-Bold.woff2") format("woff2"), url("../fonts/TheSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@-webkit-keyframes arrow-jump {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(calc(-50% - 50px)) translateY(10px);
  }
}
@keyframes arrow-jump {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(calc(-50% - 50px)) translateY(10px);
  }
}
html[lang=ar] body {
  direction: rtl;
  text-align: right;
  font-family: "TheSans", "Arial", sans-serif;
}
html[lang=ar] .icon-nav .nav-item:not(:last-child) {
  margin-right: 0;
  margin-left: 10px;
}
html[lang=ar] .nav-theme li:not(:last-child) {
  margin-right: 0;
  margin-left: 20px;
}
html[lang=ar] .nav-theme li:not(:last-child):after {
  right: auto;
  left: -10px;
}
html[lang=ar] .theme-list li {
  background: url(../img/theme-list-icon.gif) right center/15px no-repeat;
  padding-left: 0;
  padding-right: 30px;
}
html[lang=ar] .rounded-list li {
  padding-left: 0;
  padding-right: 80px;
}
html[lang=ar] .rounded-list span {
  left: auto;
  right: 0;
}
html[lang=ar] #header-image:before {
  left: 0;
  right: auto;
  background: url(../img/header-pattern.png) right top/150% 200% no-repeat;
}
html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5 {
  line-height: 1.35em;
}
html[lang=ar] .banner__content .col-lg-6,
html[lang=ar] .banner__content .col-md-6 {
  padding: 50px 15px 100px 40px;
}
html[lang=ar] .banner__arrow {
  transform: translateX(calc(-50% - 50px));
}
html[lang=ar] #about-us .banner {
  background: url(../img/about-us_ar.jpg) center no-repeat;
}
html[lang=ar] .theme-slider .slick-dots {
  left: 20px;
  right: auto;
}
html[lang=ar] .slider-horizontal .slick-dots li:not(:last-child) {
  margin-right: 0;
  margin-left: 15px;
}
html[lang=ar] #hero-banner .theme-slider .slick-dots li:not(:last-child) {
  margin-left: 0;
}
html[lang=ar] .slick-dots li:not(:last-child) {
  margin-right: 0;
  margin-left: 5px;
}
html[lang=ar] [dir=rtl] .slick-slide {
  float: right;
}
html[lang=ar] .slick-next {
  right: auto;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
html[lang=ar] .slick-prev {
  left: auto;
  right: 0;
  transform: translateY(-50%) rotate(0);
}
html[lang=ar] .page-item:not(:last-child) {
  margin-left: 5px;
  margin-right: 0;
}
html[lang=ar] .contact-info .icon-list {
  padding-left: 0;
  padding-right: 1.5em;
}
html[lang=ar] .contact-info__floating {
  left: auto;
}
html[lang=ar] .contact-info .icon-list[class^=icon-]:before {
  left: auto;
  right: 0;
}