Multi-language WordPress Site Elementor Fix

Hello, I need help with my multi-language WordPress site (English + Arabic) using Elementor.

My problem:
I’m trying to rewrite Arabic text on my pages while keeping English text correct. Arabic needs to be Right-to-Left (RTL) and English Left-to-Right (LTR).
However:

When I replace Arabic text inside the widget, the letters become disconnected and reversed.

When I try to add Arabic, sometimes English disappears or shifts direction.

RTL is not applying correctly to specific Elementor widgets (like “Highlighted Text”).

I already added custom CSS for .rtl-text class and applied it, but some Arabic widgets still break or show wrong alignment.

What I need:

Proper method to rewrite Arabic text without breaking English

Ensure Arabic content displays correctly in RTL direction

Fix Arabic letter disconnection and alignment in Elementor widgets

Keep English text aligned LTR and unaffected

Guidance or fix for mixed content and highlighted text widgets

I just want to edit text normally but keep RTL + LTR working correctly on the same page.

Site details:

Elementor Builder

Elementor widgets (including Highlighted Text)

Multilingual layout (English & Arabic)

Please help me configure Elementor and RTL settings correctly, or provide CSS/structure guidance so Arabic displays properly without affecting English.

Thank you!