[dir="rtl"] body {
    font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
}

[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

[dir="rtl"] .ms-1,
[dir="rtl"] .ms-2,
[dir="rtl"] .ms-3,
[dir="rtl"] .ms-4,
[dir="rtl"] .ms-6,
[dir="rtl"] .ms-10 {
    margin-inline-start: 0;
}

[dir="rtl"] .ms-1 { margin-inline-end: 0.25rem; }
[dir="rtl"] .ms-2 { margin-inline-end: 0.5rem; }
[dir="rtl"] .ms-3 { margin-inline-end: 0.75rem; }
[dir="rtl"] .ms-4 { margin-inline-end: 1rem; }
[dir="rtl"] .ms-6 { margin-inline-end: 1.5rem; }
[dir="rtl"] .ms-10 { margin-inline-end: 2.5rem; }

[dir="rtl"] .mr-3 {
    margin-right: 0;
    margin-left: 0.75rem;
}

[dir="rtl"] .ml-4 {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .text-left {
    text-align: right;
}

[dir="rtl"] select,
[dir="rtl"] input,
[dir="rtl"] textarea {
    text-align: right;
}

.slider-container {
    direction: ltr;
}