/* ============================================================ ABOUT US (AR) — page-specific RTL rules ============================================================ Same principle as the homepage: the page stays LTR overall and `direction: rtl` is switched on only where element ORDER has to flip. Alignment is handled separately so nothing already tuned gets re-ordered by accident. */ /* ---------- hero ---------- */ /* Hero content is centred, so only the button row needs flipping: the primary CTA must come first from the right. */ .iotsy-ar .about-cta { direction: rtl !important; } /* ---------- ما يميزنا (feature grid) ---------- */ /* CSS-Grid + rtl = cards fill from the right, and a short last row starts at the right edge instead of the left. */ .iotsy-ar .about-features { direction: rtl !important; } .iotsy-ar .about-features .elementor-icon-box-wrapper, .iotsy-ar .about-features .elementor-icon-box-content { direction: rtl !important; text-align: right !important; } .iotsy-ar .about-features .elementor-icon-box-title, .iotsy-ar .about-features .elementor-icon-box-description { text-align: right !important; } /* ---------- خيارات النشر (deployment cards) ---------- */ /* flex row + rtl so "السحابة العامة" is the right-most card, matching the order in the Arabic deck. */ .iotsy-ar .deploy-row { direction: rtl !important; } /* each card is centred internally, so it stays direction-neutral */ .iotsy-ar .deploy-row .elementor-heading-title { text-align: center !important; } /* ---------- fonts: belt and braces ---------- The families are set per-widget in Elementor (which is what actually wins), but these rules catch anything the theme or a leftover global tries to re-apply — VIRTUAL has no Arabic glyphs, so a single miss is very visible. */ .iotsy-ar .about-hero .elementor-heading-title, .iotsy-ar .about-hero .trx_elm_advanced_title, .iotsy-ar .about-hero .trx_elm_advanced_title *, .iotsy-ar .about-features .elementor-icon-box-title, .iotsy-ar .about-features .elementor-icon-box-title *, .iotsy-ar .deploy-row .elementor-heading-title, .iotsy-ar .about-section-title .trx_elm_advanced_title, .iotsy-ar .about-section-title .trx_elm_advanced_title * { font-family: 'Bukra', sans-serif !important; } .iotsy-ar .about-hero .elementor-widget-text-editor, .iotsy-ar .about-hero .elementor-widget-text-editor p, .iotsy-ar .about-hero .elementor-button, .iotsy-ar .about-features .elementor-icon-box-description { font-family: '29LT Azer', sans-serif !important; } /* ---------- headings inside the two custom HTML blocks ---------- */ /* the blocks carry their own fonts, but make sure nothing from the theme overrides the Arabic families */ .iotsy-ar .iotwx-wrap, .iotsy-ar .iotmx-wrap { font-family: '29LT Azer', sans-serif; } .iotsy-ar .iotwx-h2, .iotsy-ar .iotmx-h3, .iotsy-ar .iotwx-tag { font-family: 'Bukra', sans-serif; } /* Arabic is cursive: letter-spacing and uppercase must never apply */ .iotsy-ar .iotwx-sub, .iotsy-ar .about-features .elementor-icon-box-title, .iotsy-ar .deploy-row .elementor-heading-title { letter-spacing: normal !important; text-transform: none !important; }