RTL on arabic language doesn't affect Titles

[virtualjohar]

Hi guys,

so i was able to use the below code to make the arabic translation align to the right but for some reason 2 titles on the page didnt align, im not sure if there is something that is overriding it? 

https://zfaqaf-zt.myshopify.com/ar 

[lang="ar"] {
  direction: rtl;
  text-align: right;
}

[mrashid]

@virtualjohar  Paste code in theme.liquid at the bottom

 {%- if shop.locale == 'ar' -%}
      <style>
.rich-text__blocks {
    text-align: right !important;
}
</style>
{% endif % }

[DaisyVo]

Hi @virtualjohar 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

h2.rich-text__heading {
    text-align: right !important;
}

Here is the result: https://prnt.sc/qNyGE0d56JLQ

I hope this helps

Best,

Daisy