[dir="rtl"] .hero-banner-content h1::before {
    left: auto;
    right: 0;
    transform: scaleX(-1);
    background-position: center right;
}

[dir="rtl"] .hero-banner-content {
    text-align: right;
}

[dir="rtl"] .text-lg-end {
    text-align: left !important;
}

[dir="rtl"] .ms-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] .me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

[dir="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

[dir="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}