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

html[dir="rtl"] .language-select {
    direction: rtl;
}

html[dir="rtl"] .mobile-menu-panel {
    inset-inline-end: 0;
    inset-inline-start: auto;
    transform: translateX(-100%);
}

html[dir="rtl"] .mobile-menu-panel.is-open {
    transform: translateX(0);
}

html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .language-select {
    direction: ltr;
}

html[dir="ltr"] .mobile-menu-panel {
    inset-inline-start: 0;
    inset-inline-end: auto;
    transform: translateX(-100%);
}

html[dir="ltr"] .mobile-menu-panel.is-open {
    transform: translateX(0);
}

html[dir="rtl"] .hero-section {
    transform: scaleX(-1);
}

html[dir="rtl"] .hero-section>* {
    transform: scaleX(-1);
}

html[dir="rtl"] .hero-section {
    background: linear-gradient(-90deg, rgb(11 29 26 / 0%), rgb(11 29 26 / 33%)), url(../img/banner01.webp) center / cover no-repeat;
}