html[dir="rtl"]{
  --heading:"IBM Plex Sans Arabic",Arial,sans-serif;
  --body:"IBM Plex Sans Arabic",Arial,sans-serif;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .button,
html[dir="rtl"] .desktop-nav a,
html[dir="rtl"] .section-index,
html[dir="rtl"] .image-label,
html[dir="rtl"] .view-label,
html[dir="rtl"] .brand-note,
html[dir="rtl"] .stat span{
  letter-spacing:0;
  text-transform:none;
}
html[dir="rtl"] .hero h1{
  font-size:clamp(46px,4.6vw,72px);
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
}
html[dir="rtl"] h2{letter-spacing:0;line-height:1.35}
html[dir="rtl"] .service-tabs button,
html[dir="rtl"] .expertise-card,
html[dir="rtl"] .work-card{text-align:right}
html[dir="rtl"] .hero-art{inset:0 30% 0 0}
html[dir="rtl"] .hero-shade,
html[dir="rtl"] .hero:not(.marketing-active) .hero-shade{
  background:linear-gradient(270deg,#030303 0%,#030303f5 22%,#030303b3 31%,#03030340 43%,transparent 58%),linear-gradient(0deg,#080808 0%,transparent 8%,transparent 90%,#03030350 100%);
}
html[dir="rtl"] .marketing-art{background-position:left center}
html[dir="rtl"] .hero.marketing-active .hero-shade{
  background:linear-gradient(270deg,#030303 0%,#030303ed 20%,#03030377 33%,transparent 49%),linear-gradient(0deg,#080808 0%,transparent 10%);
}
html[dir="rtl"] .card-number{left:auto;right:16px}
html[dir="rtl"] .expertise-content p{padding-right:0;padding-left:24px}
html[dir="rtl"] .expertise-content .round-plus{right:auto;left:17px}
html[dir="rtl"] .image-label{left:auto;right:20px}
html[dir="rtl"] .view-label{right:auto;left:20px}
html[dir="rtl"] .work-caption .round-plus{margin-left:0;margin-right:auto}
html[dir="rtl"] .footer-main nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .stat+.stat{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .idea-cta-action{padding-left:0;padding-right:50px;border-left:0;border-right:1px solid #ffffff40}
html[dir="rtl"] .idea-cta-arrow{margin-left:0;margin-right:10px}
html[dir="rtl"] .idea-cta .button:hover .idea-cta-arrow{transform:translateX(-4px)}
html[dir="rtl"] .floating-contact{right:auto;left:22px}
html[dir="rtl"] .floating-contact-label{right:auto;left:calc(100% + 11px)}
html[dir="rtl"] .dialog-close{right:auto;left:15px}
html[dir="rtl"] .slide-number{margin-right:0;margin-left:12px}
html[dir="rtl"] .service-tabs span{margin-left:0;margin-right:10px}
@media(min-width:1400px){
  html[dir="rtl"] .hero-art{left:auto;right:31%}
}
@media(max-width:1199px){
  html[dir="rtl"] .hero-art{left:auto;right:27%}
  html[dir="rtl"] .hero-shade{
    background:linear-gradient(270deg,#030303 0%,#030303 21%,#030303da 34%,transparent 74%),linear-gradient(0deg,#080808,transparent 20%,transparent 70%,#030303c0);
  }
}
@media(max-width:991px){
  html[dir="rtl"] .hero-art{left:auto;right:18%}
  html[dir="rtl"] .hero-shade,
  html[dir="rtl"] .hero:not(.marketing-active) .hero-shade{
    background:linear-gradient(270deg,#030303f5 0%,#030303ca 25%,#03030360 43%,transparent 63%),linear-gradient(0deg,#080808 0%,transparent 10%);
  }
  html[dir="rtl"] .hero.marketing-active .hero-shade{
    background:linear-gradient(270deg,#030303 0%,#030303d0 26%,#03030355 43%,transparent 60%),linear-gradient(0deg,#080808 0%,transparent 12%);
  }
  html[dir="rtl"] .idea-cta-action{padding-right:35px}
  html[dir="rtl"] .footer-main nav{margin-right:auto}
}
@media(max-width:767px){
  html[dir="rtl"] .event-art{inset:28% 0 0 -12%}
  html[dir="rtl"] .hero:not(.marketing-active) .hero-shade{
    background:linear-gradient(180deg,#030303 0%,#030303 25%,#030303da 36%,#03030355 52%,transparent 66%,transparent 91%,#080808 100%);
  }
  html[dir="rtl"] .marketing-art{background-position:left bottom}
  html[dir="rtl"] .hero-bottom{right:22px;left:75px}
  html[dir="rtl"] .floating-contact{left:14px;right:auto}
  html[dir="rtl"] .idea-cta-inner{padding-right:0;padding-left:75px}
  html[dir="rtl"] .idea-cta-action{padding-right:0;border-right:0;border-top:1px solid #ffffff40}
  html[dir="rtl"] .expertise-content p{padding-left:0}
  html[dir="rtl"] .service-tabs span{margin-right:6px}
  html[dir="rtl"] .stat:nth-child(3){border-right:0}
  html[dir="rtl"] .footer-main nav{margin-right:0}
}