/* Tiewrap — Arabic (right-to-left) layout. Loaded only on the Arabic page,
   after Bootstrap RTL, so the original template reads from right to left. */
body { text-align: right; }

/* ---------- header ---------- */
.tw-header .logo { float: right; }
.header .navbar-nav-right { float: left !important; }
.header .navbar-toggle { float: left; }
.tw-nav .nav-item-hover:after { left: auto; right: 11px; }
.tw-nav-cta { margin-left: 0 !important; margin-right: 12px; }
.tw-dd-toggle .fa-angle-down { margin-left: 0; margin-right: 2px; }
@media (min-width: 992px) { .tw-dd-panel { right: auto; left: 0; } }
@media (min-width: 992px) and (max-width: 1199px) { .tw-nav .nav-item-hover:after { right: 7px; } .tw-nav-cta { margin-right: 6px; } }
@media (max-width: 991px) {
  .tw-nav .nav-item-child { text-align: right; }
  .tw-lang-mobile { float: left; margin: 32px 0 0 16px; }
}
.tw-dd-panel a { text-align: right; }

/* ---------- banner ---------- */
.carousel-centered { text-align: right; }
.carousel-indicators { direction: ltr; }

/* ---------- section titles ---------- */
.tw-head h2::before { left: auto; right: 0; }
.tw-head .tw-head-link .fa { margin-left: 4px; }

/* ---------- Our Services ---------- */
.tw-checks li { padding: 7px 26px 7px 0; }
.tw-checks li::before { left: auto; right: 0; }
.tw-more { align-self: flex-start; }

/* ---------- What We Do (accordion) ---------- */
.accordion .panel-title-child { text-align: right; }
.accordion .panel-title-child:after { right: auto; left: 30px; }
@media (min-width: 992px) { .col-md-offset-2 { margin-left: 0; margin-right: 16.66666667%; } }

/* ---------- projects ---------- */
.margin-l-20 { margin-left: 0 !important; margin-right: 20px; }
.link:after { right: auto; left: -15px; content: "\f104"; }
.link { margin-left: 15px; }

/* ---------- packages ---------- */
.tw-compare caption, .tw-compare thead th:first-child, .tw-compare tbody th { text-align: right; }
.tw-gallery-tab { text-align: center; }

/* ---------- portfolio ---------- */
.work-popup-close { right: auto; left: 30px; }
.work-popup-content-divider { border-right: none; border-left: 1px solid #f0f0f0; }

/* ---------- MAS ERP ---------- */
.service-element, .service-info { text-align: right; }

/* ---------- contact ---------- */
.tw-office { border-left: 1px solid var(--tw-line); border-right: 3px solid var(--tw-orange); border-radius: 4px 0 0 4px; }
.tw-office-quick { border: 0 !important; }
.tw-office h3 span { margin-left: 0; margin-right: 8px; }
.tw-office i, .tw-footer-contact i { margin-left: 4px; }
.tw-form label { text-align: right; }
[dir="rtl"] input[type="email"], [dir="rtl"] a[dir="ltr"] { text-align: left; unicode-bidi: embed; }
.tw-form input[type="email"] { text-align: right; }

/* ---------- footer ---------- */
.tw-footer-profile i { margin-right: 0; margin-left: 4px; }

/* ---------- floating buttons ---------- */
.tw-cookie { left: auto; right: 20px; }
@media (max-width: 575px) { .tw-cookie { right: 12px; left: 90px; } }
.back-to-top { right: auto; left: 25px; }
@media (max-width: 991px) { .tw-compare tbody th, .tw-compare thead th:first-child, .tw-compare caption { padding-left: 6px; padding-right: 12px; } }
.swiper-clients { overflow: hidden; }

/* Template buttons: the small arrow points left and sits after the text in Arabic */
.btn-theme-sm::after { content: "\f104"; padding-left: 0; padding-right: 10px; }