/* RTL Stat Bars Direction Fix - Additional CSS */

/* Force RTL for stat bars in Arabic only */
html[dir="rtl"] .stat-bar-line,
html[dir="rtl"] .stat-bar-line-full,
html[dir="rtl"] .stat-bar-line-medium,
html[dir="rtl"] .stat-bar-line-small {
    transform-origin: right center !important;
    direction: rtl !important;
}

/* Reverse the pseudo-element positioning for Arabic */
html[dir="rtl"] .stat-bar-line::before,
html[dir="rtl"] .stat-bar-line-full::before,
html[dir="rtl"] .stat-bar-line-medium::before,
html[dir="rtl"] .stat-bar-line-small::before {
    left: auto !important;
    right: 0 !important;
    transform-origin: right center !important;
}

/* Additional specificity for about-us section */
html[dir="rtl"] .about-us-right .stat-bar-line,
html[dir="rtl"] .about-us-right .stat-bar-line-full,
html[dir="rtl"] .about-us-right .stat-bar-line-medium,
html[dir="rtl"] .about-us-right .stat-bar-line-small {
    transform-origin: right center !important;
    direction: rtl !important;
}

html[dir="rtl"] .about-us-right .stat-bar-line::before,
html[dir="rtl"] .about-us-right .stat-bar-line-full::before,
html[dir="rtl"] .about-us-right .stat-bar-line-medium::before,
html[dir="rtl"] .about-us-right .stat-bar-line-small::before {
    left: auto !important;
    right: 0 !important;
    transform-origin: right center !important;
}

/* Ensure stat bar items are properly aligned */
html[dir="rtl"] .stat-bar-item {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .stat-bar-header {
    direction: rtl !important;
    text-align: right !important;
    justify-content: flex-end !important;
    display: flex !important;
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .stat-bar-number {
    text-align: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .stat-bar-text {
    text-align: right !important;
}