/* Arabic pages (html dir="rtl"): mirror the parts of the concept 16 components that are drawn with
   physical left and right. The theme adds its own RTL file on the uotc_enqueue_rtl hook. */
[dir="rtl"] .f-label { left: auto; right: 40px; }
[dir="rtl"] .f-ic { left: auto; right: 12px; }
[dir="rtl"] .f-dot, [dir="rtl"] .f-square { left: auto; right: 17px; }
[dir="rtl"] .field select, [dir="rtl"] .field input { padding: 24px 40px 6px 30px; background-position: left 10px center; text-align: right; }
[dir="rtl"] .sb-places::before { left: auto; right: 21px; }
[dir="rtl"] .more-link .ico, [dir="rtl"] .faq-all .ico, [dir="rtl"] .faq-next .ico, [dir="rtl"] .round-btn .ico { transform: scaleX(-1); }
[dir="rtl"] .faq-q button { text-align: right; }
[dir="rtl"] .faq-q .ico { transform: rotate(90deg); }
[dir="rtl"] .faq-q button[aria-expanded="true"] .ico { transform: rotate(90deg); }
@media (max-width: 767px) {
  [dir="rtl"] .faq-q .ico { transform: none; }
  [dir="rtl"] .faq-q button[aria-expanded="true"] .ico { transform: rotate(180deg); }
  [dir="rtl"] .faq-a { padding: 0 56px var(--space-4) var(--space-4); }
}
[dir="rtl"] .rev-more, [dir="rtl"] .faq-a .more-link { align-self: flex-start; }
[dir="rtl"] .uotc-cur select { padding: 0 var(--space-3) 0 30px; background-position: left 8px center; }
[dir="rtl"] .ride-pic { transform: scaleX(-1); }