/* GBH Motion pages in Arabic: right-to-left adjustments. Loaded only by the Arabic templates. */
.gx[dir=rtl]{--disp:'IBM Plex Sans Arabic','Bricolage Grotesque',Tahoma,Arial,sans-serif;--body:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,Arial,sans-serif;font-family:var(--body)}
.gx[dir=rtl] *{letter-spacing:0!important}
.gx[dir=rtl] .gx-h{font-weight:700;line-height:1.25}
.gx[dir=rtl] .gx-line>span{padding-bottom:.12em}
.gx[dir=rtl] .gx-eb{text-transform:none}
.gx[dir=rtl] svg{direction:ltr}
/* keep these widgets left to right: their scripts measure from the left */
.gx[dir=rtl] .gx-meter,.gx[dir=rtl] .gx-ba,.gx[dir=rtl] .gx-toggle,.gx[dir=rtl] .gx-marquee,.gx[dir=rtl] .gx-marquee-track{direction:ltr}
.gx[dir=rtl] .gx-toggle *,.gx[dir=rtl] .gx-marquee-track>*{direction:rtl}
/* mirrored panels and accents */
.gx[dir=rtl] .gx-panel{right:auto;left:0;clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}
.gx[dir=rtl] .gx-panel-l{left:auto;right:0;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%)}
.gx[dir=rtl] .gx-swipe::after{transform-origin:right}
.gx[dir=rtl] .gx-hero-art .s1{left:auto;right:0}
.gx[dir=rtl] .gx-hero-art .s2{right:auto;left:0}
.gx[dir=rtl] .gx-hero-art .stamp{left:auto;right:-4%}
.gx[dir=rtl] .gx-tilt{transform:perspective(1600px) rotateY(20deg) rotateX(7deg) rotateZ(2deg)}
.gx[dir=rtl] .gx-tilt-r{transform:perspective(1600px) rotateY(-20deg) rotateX(7deg) rotateZ(-2deg)}
.gx[dir=rtl] .gx-table th,.gx[dir=rtl] .gx-table td{text-align:right}
.gx[dir=rtl] .gx-link{padding-right:0;padding-left:56px}
.gx[dir=rtl] .gx-link .gx-arrow{right:auto;left:24px}
.gx[dir=rtl] .gx-link:hover .gx-arrow,.gx[dir=rtl] .gx-quick:hover{transform:translateX(-4px)}
.gx[dir=rtl] .gx-doc::before{left:auto;right:-1px}
.gx[dir=rtl] .gx-hole{left:auto;right:20px}
.gx[dir=rtl] .gx-bul li{padding-left:0;padding-right:20px}
.gx[dir=rtl] .gx-bul li::before{left:auto;right:1px}
.gx[dir=rtl] .gx-reason,.gx[dir=rtl] .gx-story .gx-name{text-align:right}
.gx[dir=rtl] .gx-mcard .badge,.gx[dir=rtl] .gx-call .bar .rec{margin-left:0;margin-right:auto}
.gx[dir=rtl] .gx-ph figcaption{left:auto;right:14px}
.gx[dir=rtl] .gx-tl{padding-left:0;padding-right:46px}
.gx[dir=rtl] .gx-tl::before,.gx[dir=rtl] .gx-tl .bar{left:auto;right:15px}
.gx[dir=rtl] .gx-tli::before{left:auto;right:-46px}
.gx[dir=rtl] .gx-label .r span{text-align:left}
.gx[dir=rtl] .gx-crumb:hover span{transform:translateX(4px)}
.gx[dir=rtl] .gx-desk::before{right:auto;left:26px}
.gx[dir=rtl] .gx-route-track i{left:auto;right:0;background:linear-gradient(-90deg,var(--purple),var(--teal))}
.gx[dir=rtl] .gx-route-pane{border-left:0;border-right:6px solid var(--teal)}
.gx[dir=rtl] .gx-route-pane ul,.gx[dir=rtl] .gx-app2 ul,.gx[dir=rtl] .gx-pol-body ul{padding-left:0;padding-right:20px}
.gx[dir=rtl] .gx-loop-list li{padding:16px 58px 16px 18px}
.gx[dir=rtl] .gx-loop-list li::before{left:auto;right:18px}
.gx[dir=rtl] .gx-loop-list li::after{left:auto;right:14px}
.gx[dir=rtl] .gx-ci-count b{margin-right:0;margin-left:6px}
.gx[dir=rtl] .gx-file a{border-radius:18px 0 18px 18px}
.gx[dir=rtl] .gx-file a::before{left:auto;right:0}
.gx[dir=rtl] .gx-file .tab{left:auto;right:14px}
.gx[dir=rtl] .gx-blank{border-radius:18px 0 18px 18px;text-align:right}
.gx[dir=rtl] .gx-blank .tab{left:auto;right:-2px}
.gx[dir=rtl] .gx-ba-steps li:not(:last-child)::after{left:auto;right:47px}
.gx[dir=rtl] .gx-acard::after{right:auto;left:-60px}
.gx[dir=rtl] .gx-acard .rw span:last-child{text-align:left}
.gx[dir=rtl] .gx-ready li{padding-left:0;padding-right:32px}
.gx[dir=rtl] .gx-ready li::before{left:auto;right:0}
.gx[dir=rtl] .gx-ready li.ok::after{left:auto;right:7px}
.gx[dir=rtl] .gx-drop{padding:10px 46px 10px 14px}
.gx[dir=rtl] .gx-drop::before{left:auto;right:14px}
.gx[dir=rtl] .gx-ticket .stub{border-left:0;border-right:3px dashed rgba(255,255,255,.35)}
.gx[dir=rtl] .gx-ticket .stub::before,.gx[dir=rtl] .gx-ticket .stub::after{left:auto;right:-16px}
.gx[dir=rtl] .gx-cd-kinds div{border-left:0;border-right:5px solid var(--teal);border-radius:16px 0 0 16px}
.gx[dir=rtl] .gx-toc{border-left:0;border-right:3px solid var(--line);padding-left:0;padding-right:18px}
.gx[dir=rtl] .gx-toc[dir=ltr]{border-right:0;border-left:3px solid var(--line);padding-right:0;padding-left:18px}
.gx[dir=rtl] .gx-pol-body h2 .gbh-num{margin-right:0;margin-left:6px}
.gx[dir=rtl] .gx-pol-en h2 .gbh-num{margin-left:0;margin-right:6px}
.gx[dir=rtl] .gx-pol-en ul{padding-right:0;padding-left:22px}
.gx[dir=rtl] .gx-pol-en{direction:ltr;text-align:left}
.gx[dir=rtl] .gx-form .s_website_form_required .s_website_form_label_content::after{content:" *"}
@media (max-width:900px){.gx[dir=rtl] .gx-ticket .stub{border-right:0}}
@media (max-width:860px){.gx[dir=rtl] .gx-stop .t{text-align:right}}
/* sideways station track: keep the scroll axis left to right like its drawing */
.gx[dir=rtl] .gx-htrack,.gx[dir=rtl] .gx-trackhint{direction:ltr}
.gx[dir=rtl] .gx-htrack>*,.gx[dir=rtl] .gx-trackhint span{direction:rtl}
.gx[dir=rtl] .gx-scroll:has(> svg){direction:ltr}