.enablinc-language-switcher { position: fixed; top: 18px; right: 18px; z-index: 99999; display: inline-flex; gap: 6px; padding: 6px; background: rgba(255,255,255,.95); border: 1px solid rgba(71,188,204,.35); border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.12); } .enablinc-language-switcher button { border: 1px solid #47bccc; background: #fff; color: #47bccc; border-radius: 999px; padding: 5px 11px; font-size: 13px; line-height: 1.2; cursor: pointer; } .enablinc-language-switcher button.active, .enablinc-language-switcher button:hover { background: #47bccc; color: #fff; } html[dir="rtl"] body { direction: rtl; } body.rtl p, body.rtl li, body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6, body.rtl a, body.rtl span, body.rtl input, body.rtl textarea, body.rtl button { font-family: Tahoma, Arial, sans-serif; } body.rtl .dropdown-menu { text-align: right; } @media (max-width: 575.98px) { .enablinc-language-switcher { top: 10px; right: 10px; } } /* ========================================================= FIX: Owl Carousel + RTL incompatibility Force Owl's internal wrappers (.owl-stage-outer, .owl-stage, .owl-item) to stay LTR so the transform/translate3d math that positions the active slide does not break when is set. The actual caption content inside each slide is re-flipped back to RTL so Arabic text reads correctly. ========================================================= */ html[dir="rtl"] .header-carousel, html[dir="rtl"] .header-carousel .owl-stage-outer, html[dir="rtl"] .header-carousel .owl-stage, html[dir="rtl"] .header-carousel .owl-item { direction: ltr !important; } html[dir="rtl"] .header-carousel .header-carousel-item, html[dir="rtl"] .header-carousel .carousel-caption, html[dir="rtl"] .header-carousel .carousel-caption * { direction: rtl; } html[dir="rtl"] .header-carousel .text-md-start, html[dir="rtl"] .header-carousel .text-sm-center { text-align: right !important; } /* Keep the ISO badges row aligned to the start (right in RTL) */ html[dir="rtl"] .header-carousel .iso-certifications { justify-content: flex-start; }