/* RTL layout overrides */
:root {
  --tp-ff-body: 'Cairo', sans-serif;
  --tp-ff-heading: 'Cairo', sans-serif;
  --tp-ff-p: 'Cairo', sans-serif;
  --tp-ff-jost: 'Cairo', sans-serif;
}

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

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label,
html[dir="rtl"] li,
html[dir="rtl"] span {
  font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] .text-center,
html[dir="rtl"] .text-center * {
  text-align: center;
}

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

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

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 0;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .nice-select .list,
html[dir="rtl"] .header__lang-submenu {
  right: 0;
  left: auto;
}

html[dir="rtl"] .header__top-right,
html[dir="rtl"] .header__top-link,
html[dir="rtl"] .header__main-area .row,
html[dir="rtl"] .header__bottom-area .row {
  direction: rtl;
}

html[dir="rtl"] .main-menu ul li .sub-menu {
  left: auto;
  right: 0;
}

html[dir="rtl"] .main-menu ul li .sub-menu li .sub-menu {
  left: auto;
  right: 100%;
}

html[dir="rtl"] .swiper-button-prev,
html[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}

html[dir="rtl"] .swiper-button-next,
html[dir="rtl"] .slick-next {
  right: auto;
  left: 0;
}

html[dir="rtl"] .offcanvas__close,
html[dir="rtl"] .search__close {
  right: auto;
  left: 20px;
}