/* Arabic RTL layer (html[dir=rtl]); loaded only on /ar pages */
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Cairo-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
html[dir=rtl]{--head:'Cairo','Montserrat',Arial,sans-serif;--body:'Cairo','Open Sans',Arial,sans-serif}
html[dir=rtl] body{line-height:1.8}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{line-height:1.35}
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] nav.main{margin-left:0;margin-right:auto}
html[dir=rtl] nav.main .dd>span::after{margin-left:0;margin-right:4px}
html[dir=rtl] .dd-menu{left:auto;right:0}
html[dir=rtl] .burger{margin-left:0;margin-right:auto}
html[dir=rtl] .link-arrow::after{content:"←"}
html[dir=rtl] .trust .item+.item{border-left:none;border-right:1px solid var(--line)}
html[dir=rtl] .media .badge{left:auto;right:-24px;border-left:none;border-right:5px solid var(--gold)}
html[dir=rtl] .quote-sec::after{right:auto;left:-180px}
html[dir=rtl] select{background-position:left 12px center;padding-left:40px;padding-right:14px}
html[dir=rtl] .faq details[open]{border-left:none;border-right:4px solid var(--emerald)}
html[dir=rtl] .factbox{border-left:none;border-right:5px solid var(--gold);border-radius:var(--radius) 0 0 var(--radius)}
html[dir=rtl] .statband div+div{border-left:none;border-right:1px solid rgba(255,255,255,.15)}
html[dir=rtl] .lang-switch{margin-left:0;margin-right:4px}
html[dir=rtl] .lang-menu{right:auto;left:0}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel]{direction:ltr}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel]{text-align:right}
@media (max-width:820px){
  html[dir=rtl] .lang-switch{margin-right:auto;margin-left:8px}
  html[dir=rtl] .mnav a.sub{padding-left:0;padding-right:18px}
  html[dir=rtl] .trust .item+.item{border-right:none}
  html[dir=rtl] .trust .item:nth-child(even){border-left:none;border-right:1px solid var(--line)}
  html[dir=rtl] .media .badge{left:auto;right:14px}
  html[dir=rtl] .step{text-align:right}
  html[dir=rtl] .statband div:nth-child(3){border-right:none}
}
html[dir=rtl] .logo .name{direction:ltr;unicode-bidi:isolate;text-align:right}
