/* ==========================================================================
   RESEARCH & DEVELOPMENT (page 124) — ARABIC CORRECTIONS

   Every rule is behind [dir="rtl"], so the English page cannot match any of it.

   "R&D Overview" — the five-item list (container 4cfbca5, five Icon Box
   widgets, icon at the reading start, Elementor's vertical alignment "middle").
   ========================================================================== */

/*
 * 1. ONE COLUMN OF ICONS
 *
 * The list is a column with `align-items: center`, so each item is only as
 * wide as its text and sits centred. In English that never shows: the titles
 * are long enough to wrap, so every item fills the full width and all five icons
 * land 24px in from the edge. The Arabic titles are shorter and stay on one
 * line, so each item shrank to its own text and was centred on its own — the
 * icons came out 75, 76, 96, 105 and 116px in from the edge, a zig-zag, with
 * the whole list floating in the middle.
 *
 * Stretching each item across the list gives the Arabic items what the English
 * ones get from their length: the same width, so every icon on the same edge.
 */
[dir="rtl"] .elementor-124 .elementor-element.elementor-element-4cfbca5 .elementor-widget-icon-box {
	align-self: stretch;
}

/*
 * 2. ICON CENTRED ON THE TEXT
 *
 * "Middle" centres the icon on the title's box INCLUDING its margins, and the
 * title carries lopsided ones: 8px above (the base heading reset, .5rem) and
 * 3-4px below (the widget's title spacing, meant for a description these items
 * do not have). That pulled every icon upward — 2.9-3.9px above the Arabic
 * text's actual ink, and unevenly across the five.
 *
 * With no margin of its own the title's box IS the text block, so "middle"
 * centres the icon on the words — however many lines they wrap to.
 */
[dir="rtl"] .elementor-124 .elementor-element.elementor-element-4cfbca5 .elementor-widget-icon-box .elementor-icon-box-title {
	margin-block: 0;
}