/* ==========================================================================
   NUMBERED STEPS — THE GREEN ACCENT STARTS THE LINE IN ARABIC

   Two sections draw a thin line above each numbered step: a full-width grey
   track with a 40px green segment marking where the step begins.

     Innovation (1450)        — "Innovation Pipeline", steps 01-05
     Pharmacovigilance (135)  — "How to Report", steps 01-04 (desktop row and
                                the two-row mobile layout)

   Both are drawn in each step's Elementor custom CSS, and the green segment is
   pinned with `left: 0` — the start of the line in English, but its END in
   Arabic, which reads from the right.

   In Arabic the segment is pinned to the right edge instead. Width, thickness,
   colour and the grey track (which spans the full width either way) are left
   exactly as they are. Every rule is behind [dir="rtl"] and names these steps
   only, so the English pages and every other section are untouched.
   ========================================================================== */

[dir="rtl"] .elementor-1450 .elementor-element:is(
	.elementor-element-c65a648,
	.elementor-element-d617543,
	.elementor-element-47c0b97,
	.elementor-element-58ec1a7,
	.elementor-element-11a3a76
)::after,
[dir="rtl"] .elementor-135 .elementor-element:is(
	.elementor-element-91794ed,
	.elementor-element-c56a5e3,
	.elementor-element-bbf286f,
	.elementor-element-37f258e,
	.elementor-element-0fa4c7c,
	.elementor-element-4256861,
	.elementor-element-0f7a12a,
	.elementor-element-2005120
)::after {
	left: auto;
	right: 0;
}