/* Arabic (RTL) overrides for the 3D hero. Loaded after hero.css. Scoped to #suraj-3d-hero[dir=rtl]. */
#suraj-3d-hero[dir=rtl]{--f:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,ui-sans-serif,system-ui,sans-serif;--fd:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,ui-sans-serif,system-ui,sans-serif;text-align:right}
#suraj-3d-hero[dir=rtl]::after{background:linear-gradient(270deg,rgba(9,22,40,.94) 0%,rgba(9,22,40,.78) 30%,rgba(9,22,40,.25) 52%,rgba(9,22,40,0) 66%),linear-gradient(0deg,rgba(9,22,40,.65),rgba(9,22,40,0) 22%)}
#suraj-3d-hero[dir=rtl]::before{background:radial-gradient(40% 46% at 28% 54%,rgba(160,190,230,.22),transparent 72%),radial-gradient(60% 40% at 82% 100%,rgba(240,138,62,.35),transparent 70%),linear-gradient(180deg,#0B1B30 0%,#10294A 52%,#1B4F7A 82%,#9A4F27 100%)}
#suraj-3d-hero[dir=rtl] .sh3d-h1{letter-spacing:0;line-height:1.3;font-weight:700;font-size:clamp(32px,3.3vw,48px);max-width:14em}
#suraj-3d-hero[dir=rtl] .sh3d-ey,#suraj-3d-hero[dir=rtl] .sh3d-tabs small,#suraj-3d-hero[dir=rtl] .sh3d-card em{letter-spacing:0;text-transform:none}
#suraj-3d-hero[dir=rtl] .sh3d-ld{line-height:1.85}
#suraj-3d-hero[dir=rtl] .sh3d-btn i{transform:rotate(-135deg)}
#suraj-3d-hero[dir=rtl] .sh3d-pby b{letter-spacing:0}
#suraj-3d-hero[dir=rtl] .sh3d-tab .sh3d-bar{left:auto;right:0}
#suraj-3d-hero[dir=rtl] .sh3d-card{right:auto;left:max(16px,env(safe-area-inset-left,0px));padding:12px 40px 12px 16px;text-align:right}
#suraj-3d-hero[dir=rtl] .sh3d-card::before{left:auto;right:13px}
#suraj-3d-hero[dir=rtl] .sh3d-ck li span{margin-left:0;margin-right:auto;padding-left:0;padding-right:12px}
#suraj-3d-hero[dir=rtl] .sh3d-note{right:auto;left:max(16px,env(safe-area-inset-left,0px))}
#suraj-3d-hero[dir=rtl] img.sh3d-poster{object-position:32% 60%}
@media (max-width:900px){#suraj-3d-hero[dir=rtl] .sh3d-note{text-align:left}#suraj-3d-hero[dir=rtl]::after{background:linear-gradient(0deg,rgba(9,22,40,.5),rgba(9,22,40,0) 30%)}}