html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .hero-content,.hero-content{text-align:right}
html[dir="rtl"] .service-card,html[dir="rtl"] .why-card,html[dir="rtl"] .testimonial-card{text-align:right}
html[dir="rtl"] .section-title{text-align:center}
html[dir="rtl"] .hero h1{letter-spacing:-1.5px}
html[dir="rtl"] .hero h1:after{margin-left:0;margin-right:0}
html[dir="rtl"] .hero-buttons{justify-content:flex-start}
html[dir="rtl"] .service-icon,html[dir="rtl"] .why-icon{margin-right:0;margin-left:0}
html[dir="rtl"] .top-trust-track{direction:rtl}
@media(max-width:768px){
 html[dir="rtl"] .hero-content{text-align:center}
 html[dir="rtl"] .hero h1:after{margin-left:auto;margin-right:auto}
 html[dir="rtl"] .hero-buttons{justify-content:center}
 html[dir="rtl"] .service-card,html[dir="rtl"] .why-card,html[dir="rtl"] .testimonial-card{text-align:right}
}

/* Keep Arabic phone numbers visually left-to-right */
html[dir="rtl"] .phone-number{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;white-space:nowrap!important;text-align:left!important}

/* Arabic header phone: keep the handset icon on the LEFT of the number */
html[dir="rtl"] #header-call{
  direction:ltr!important;
  flex-direction:row!important;
  unicode-bidi:isolate;
}
html[dir="rtl"] #header-call .phone-number{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}