/* ================= RTL mirroring (Arabic) ================= */
.navbar{padding:0 68px 0 26px}
.nav-links{margin-left:0;margin-right:118px}
.nav-item{border-left:none;border-right:1px solid #e9e9e9}
.nav-item:first-child{border-right:none;padding-right:0;padding-left:44px}
.lang{margin-left:0;margin-right:auto;font-size:18px}
@media(min-width:1025px){
  .hero::before{background:linear-gradient(265deg,rgba(10,26,48,.74) 0%,rgba(10,26,48,.55) 40%,rgba(10,26,48,.18) 70%,rgba(10,26,48,0) 100%)}
}
.hero-dots{left:auto;right:clamp(50px,9vw,176px)}
.slide-nav.prev{left:auto;right:0;border-radius:8px 0 0 8px}
.slide-nav.next{right:auto;left:0;border-radius:0 8px 8px 0}
.play-btn svg{transform:scaleX(-1)}
.btn svg{transform:scaleX(-1)}
.about-deco{right:auto;left:60px}
.about-frame{left:auto;right:14%}
.about-photo{left:auto;right:0}
.serv{border-left:none;border-right:1px solid #f0f0f0}
.serv:first-child{border-right:none}
.teal-block{right:auto;left:0;border-radius:0 36px 36px 0}
.checklist li{padding-left:0;padding-right:28px}
.checklist li::before{left:auto;right:0}
.arrow-btn svg{transform:scaleX(-1)}
.f-form input{border-radius:0 6px 6px 0}
.f-form button{border-radius:6px 0 0 6px}
.f-bonyan{margin-left:0;margin-right:clamp(20px,3.5vw,60px)}
.f-social{margin-left:0;margin-right:clamp(20px,3.5vw,60px)}
.f-social span{margin-right:0;margin-left:6px}