/* Arabic: the template layout stays as designed (it is built for left-to-right),
   only the text itself is set right-to-left. */
html[lang="ar"]{--tanspot-font:"Cairo",sans-serif;--tanspot-font-two:"Cairo",sans-serif}
html[lang="ar"] body,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] button{font-family:"Cairo",sans-serif}
html[lang="ar"] :where(h1,h2,h3,h4,h5,h6,p,li,.section-title__tagline,.thm-btn){unicode-bidi:plaintext}
html[lang="ar"] .text-left{text-align:right!important}
html[lang="ar"] li{text-align:left}
html[lang="ar"] a[href^="tel:"],html[lang="ar"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* FAQ: keep the title clear of the round arrow icon on the right */
html[lang="ar"] .faq-one .faq-one-accrodion .accrodion-title h4{padding-right:56px}
html[lang="ar"] .faq-one .faq-one-accrodion .accrodion-content p{text-align:right}
/* Arabic glyphs sit lower/larger: ease tight line-heights */
html[lang="ar"] .section-title__title{line-height:1.35}

/* Hero: text sits over the left/orange area, truck image is on the right */
html[lang="ar"] .banner-one__content-box,
html[lang="ar"] .banner-one__content-box :where(p,h2,span,div){text-align:left}
html[lang="ar"] .banner-one__content-box :where(p,h2){unicode-bidi:isolate;direction:rtl}
html[lang="ar"] .banner-one__content-box{display:flex;flex-direction:column;align-items:flex-start}
html[lang="ar"] .thm-btn{white-space:nowrap}

/* Sliding marquee text: keep items from overlapping, solid fill (outlined Arabic shows letter overlaps) */
html[lang="ar"] .sliding-text__list li{flex-shrink:0;white-space:nowrap;unicode-bidi:normal}
html[lang="ar"] .sliding-text__title{unicode-bidi:normal;direction:ltr;white-space:nowrap;flex-shrink:0;color:#e9e9e9;-webkit-text-stroke:0;letter-spacing:0}
html[lang="ar"] .sliding-text__list li:hover .sliding-text__title{color:var(--tanspot-base);-webkit-text-stroke:0}
html[lang="ar"] .sliding-text__title:before{display:none}
/* Service cards: keep the title clear of the round icon */
html[lang="ar"] .services-one__title{padding-right:90px}