/* RTL adjustments. Logical properties cover most of the layout. */

body, button, input, select, textarea { font-family: "Cairo", "Manrope", sans-serif; }
h1, h2, h3, h4, .btn, .eyebrow { font-family: "Cairo", "Outfit", sans-serif; }

.process__line { transform-origin: right; }
.card::after { transform-origin: right; }
.sub-menu { left: auto; right: 0; }
.mobile-panel { right: auto; left: 0; border-inline-start: 0; border-inline-end: 1px solid rgba(212, 175, 55, 0.28); transform: translateX(-104%); box-shadow: 24px 0 60px rgba(0, 0, 0, 0.35); }
.wa-float { right: auto; left: 1.1rem; }
.skip-link:focus { left: auto; right: 8px; }
.tick-list li { padding-left: 0; padding-right: 1.6rem; }
.tick-list li::before { left: auto; right: 0; }
.topic-list li { padding-left: 1rem; padding-right: 3.2rem; }
.topic-list li::before { left: auto; right: 1rem; }

/* Apply the RTL entrance only to the closed state; an opened mobile drawer must be visible. */
@media (max-width:980px) {
  .mobile-panel.is-open { transform: translateX(0); }
  .mobile-panel .menu--mobile a { text-align: start; }
}