/* Arabic pages (/ar/): right-to-left layout and Arabic type. Loaded after site.css, only on Arabic pages. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"IBM Plex Sans Arabic";src:url(/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");font-weight:700 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Aref Ruqaa";src:url(/fonts/aref-ruqaa-700-sub.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--font:"Plus Jakarta Sans","IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif}
html[dir=rtl] body{line-height:1.75}
html[dir=rtl] main[dir=rtl]{font-family:inherit}
html[dir=rtl] :is(h1,h2,h3,h4,.title,.brand,.quote p,.eyebrow,.kicker,.tag,.post-tag,.lv-eye,.guide-num,.cm-grp){letter-spacing:0!important;text-transform:none}
html[dir=rtl] h1{line-height:1.3;font-weight:700}
html[dir=rtl] :is(h2,.title){line-height:1.4;font-weight:700}
html[dir=rtl] :is(h1,h2,h3){text-wrap:balance}
html[dir=rtl] .quote p{line-height:1.6}
html[dir=rtl] :is(.kicker,.eyebrow){font-size:.88rem}
html[dir=rtl] .script{right:auto;left:10px;font-family:"Aref Ruqaa",serif;font-weight:700;font-size:34px;line-height:1.35;transform:rotate(7deg);text-align:left}
html[dir=rtl] .phone-stage .phone{margin-right:0;margin-left:130px}
html[dir=rtl] .float-plan{right:auto;left:0}
html[dir=rtl] .hs-plan-float .float-plan{transform-origin:100% 100%}
html[dir=rtl] .hs-plan-float .float-plan.out{transform:translate(30px,-6px) scale(.1)}
html[dir=rtl] .hs-plan-float .float-plan.in{animation-name:hs-bounce-in-rtl}
@keyframes hs-bounce-in-rtl{0%{transform:translate(30px,-6px) scale(.1) rotate(6deg);opacity:0}50%{transform:translate(-4px,-6px) scale(1.07) rotate(-1.5deg);opacity:1}72%{transform:translate(1px,2px) scale(.97)}100%{transform:none}}
html[dir=rtl] .hs-float{animation-name:hs-float-rtl}
@keyframes hs-float-rtl{50%{transform:translateY(-10px) rotate(.8deg)}}
html[dir=rtl] .step::before{left:auto;right:0}
html[dir=rtl] .nolist li::before{margin-right:0;margin-left:8px}
html[dir=rtl] .trust div{border-left:0;border-right:3px solid var(--teal);padding:4px 16px 4px 0}
html[dir=rtl] .social{margin-right:0;margin-left:4px}
html[dir=rtl] .city-menu{right:auto;left:0}
html[dir=rtl] footer strong svg{margin-right:0!important;margin-left:7px}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url]{direction:ltr;text-align:right}
@media (max-width:980px){html[dir=rtl] .phone-stage .phone{margin-left:0}}
@media (max-width:640px){html[dir=rtl] .float-plan{left:auto}}
@media (max-width:620px){html[dir=rtl] .city-menu{left:auto;right:0}}
