/* Optional RTL layout overrides */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: start;
}

html[dir="rtl"] .hero:after {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

html[dir="rtl"] .image-note {
    inset-inline-start: auto;
    inset-inline-end: 25px;
}

html[dir="rtl"] .service-arrow {
    text-align: start;
}

html[dir="rtl"] .package li:before,
html[dir="rtl"] .check-list li:before {
    margin-inline-start: 9px;
    margin-inline-end: 0;
}

html[dir="rtl"] .nav-cta b {
    display: inline-block;
    transform: scaleX(-1);
}

html[dir="rtl"] .service-preview b,
html[dir="rtl"] .service-gallery-content b {
    inset-inline-start: 0;
    inset-inline-end: auto;
    transform: scaleX(-1);
}

html[dir="rtl"] .main-nav {
    inset-inline-start: 0;
    inset-inline-end: auto;
}

@media (max-width: 900px) {
    html[dir="rtl"] .main-nav {
        inset-inline: 0;
    }
}