/* ========================================================= RTL SUPPORT File: rtl.css Enable with ========================================================= */ html[dir="rtl"] { direction:rtl; } html[dir="rtl"] .navbar, html[dir="rtl"] .nav-links, html[dir="rtl"] .nav-actions { direction:rtl; } html[dir="rtl"] .dropdown-menu { left:auto; right:50%; transform:translateX(50%) translateY(8px); } html[dir="rtl"] .nav-dropdown.open .dropdown-menu { transform:translateX(50%) translateY(0); } html[dir="rtl"] .dropdown-menu::before { left:auto; right:50%; transform:translateX(50%) rotate(45deg); } html[dir="rtl"] .dropdown-menu a:hover, html[dir="rtl"] .dropdown-menu a.active { transform:translateX(-3px); } html[dir="rtl"] .hero-content { text-align:center; } html[dir="rtl"] .hero-buttons { justify-content:center; } html[dir="rtl"] .hero-trust { justify-content:center; } html[dir="rtl"] .primary-btn i, html[dir="rtl"] .service-link i, html[dir="rtl"] .catalog-cta i, html[dir="rtl"] .level-btn i { transform:rotate(180deg); } html[dir="rtl"] .primary-btn:hover i, html[dir="rtl"] .service-link:hover i, html[dir="rtl"] .catalog-cta:hover i, html[dir="rtl"] .level-card:hover .level-btn i { transform: rotate(180deg) translateX(5px); } html[dir="rtl"] .footer-links a:hover { transform: translateX(-4px); } html[dir="rtl"] .section-heading { text-align:center; } html[dir="rtl"] .package-card, html[dir="rtl"] .service-card, html[dir="rtl"] .vehicle-content, html[dir="rtl"] .instructor-content { text-align:right; } html[dir="rtl"] .package-card li, html[dir="rtl"] .vehicle-features span, html[dir="rtl"] .instructor-points div, html[dir="rtl"] .footer-contact p { text-align: right; } html[dir="rtl"] .popular-badge { right:auto; left:18px; } html[dir="rtl"] .process-number { right:auto; left:17px; } html[dir="rtl"] .experience-card { right:auto; left:-25px; } /* Home 2 RTL */ html[dir="rtl"] .booking-card { margin-left: 0; margin-right: auto; } html[dir="rtl"] .level-card .level-num { right: auto; left: 16px; } html[dir="rtl"] .faq-question { text-align: right; } html[dir="rtl"] .doc-card { text-align: right; } /* Services RTL */ html[dir="rtl"] .catalog-row { text-align: right; } html[dir="rtl"] .catalog-level { left: auto; right: 10px; } html[dir="rtl"] .addon-card { text-align: right; } html[dir="rtl"] .addon-price { right: auto; left: 22px; direction: ltr; } html[dir="rtl"] .flow-segment { text-align: right; } html[dir="rtl"] .flow-time { right: auto; left: 18px; } html[dir="rtl"] .flow-segment h3 i { margin-right: 0; margin-left: 6px; } html[dir="rtl"] .compare-card { text-align: right; } html[dir="rtl"] .compare-us::after { right: auto; left: 26px; } html[dir="rtl"] .compare-list li:hover { transform: translateX(-4px); } html[dir="rtl"] .inclusion-item:hover { transform: translateX(-6px); } /* Animation helpers in RTL */ html[dir="rtl"] .marquee-track { animation-direction:reverse; } html.js[dir="rtl"] [data-reveal="left"] { transform:translateX(60px); } html.js[dir="rtl"] [data-reveal="right"] { transform:translateX(-60px); } html[dir="rtl"] .section-label::after { transform-origin:right; } @media (max-width:600px) { html[dir="rtl"] .hero-content { text-align:center; } html[dir="rtl"] .hero-buttons { flex-direction:column; } html[dir="rtl"] .hero-trust { flex-direction:row-reverse; } html[dir="rtl"] .experience-card { left:15px; } } /* Timeline (About page) RTL — desktop centered layout */ @media (min-width: 1001px) { html[dir="rtl"] .timeline-item:nth-child(odd) { left: 0; right: auto; text-align: right; } html[dir="rtl"] .timeline-item:nth-child(odd) .timeline-dot { left: -8px; right: auto; } html[dir="rtl"] .timeline-item:nth-child(even) { right: 50%; left: auto; text-align: right; } html[dir="rtl"] .timeline-item:nth-child(even) .timeline-dot { right: -8px; left: auto; } } @media (max-width: 1000px) { html[dir="rtl"] .timeline::before { left: auto; right: 24px; transform: none; } html[dir="rtl"] .timeline-item, html[dir="rtl"] .timeline-item:nth-child(odd), html[dir="rtl"] .timeline-item:nth-child(even) { width: 100%; left: auto; right: 0; padding: 0 60px 40px 0; text-align: right; } html[dir="rtl"] .timeline-item:nth-child(odd) .timeline-dot, html[dir="rtl"] .timeline-item:nth-child(even) .timeline-dot { left: auto; right: 16px; } } @media (max-width: 600px) { html[dir="rtl"] .timeline::before { left: auto; right: 18px; } html[dir="rtl"] .timeline-item, html[dir="rtl"] .timeline-item:nth-child(odd), html[dir="rtl"] .timeline-item:nth-child(even) { padding-right: 50px; padding-left: 0; text-align: right; } html[dir="rtl"] .timeline-item:nth-child(odd) .timeline-dot, html[dir="rtl"] .timeline-item:nth-child(even) .timeline-dot { left: auto; right: 10px; } }