html[dir="rtl"] {
  --font-display: 'Vazirmatn', 'Outfit', sans-serif;
  --font-body:    'Vazirmatn', 'Outfit', sans-serif;
}

html[dir="rtl"] .nav-logo-text,
html[dir="rtl"] .brand-name {
  font-family: 'Outfit', sans-serif;
}

html[dir="rtl"] .progress-nav {
  right: 24px;
  left: auto;
  direction: ltr;
}

html[dir="rtl"] .pfn-link svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .pfn-back:hover svg {
  transform: scaleX(-1) translateX(3px);
}
html[dir="rtl"] .pfn-next:hover svg {
  transform: scaleX(-1) translateX(-3px);
}

@media (min-width: 601px) {
  html[dir="rtl"] .brand-block {
    text-align: right;
  }
}

html[dir="rtl"] .hero-glow {
  left: 70%;
}

html[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: 130px;
}
html[dir="rtl"] .timeline::before {
  left: auto;
  right: 104px;
}
html[dir="rtl"] .timeline-marker {
  left: auto;
  right: -130px;
}
html[dir="rtl"] .timeline-year {
  text-align: left;
}

@media (max-width: 1200px) {
  html[dir="rtl"] .timeline { padding-right: 116px; }
  html[dir="rtl"] .timeline::before { right: 92px; }
  html[dir="rtl"] .timeline-marker { right: -116px; }
}

@media (max-width: 900px) {
  html[dir="rtl"] .timeline { padding-right: 108px; }
  html[dir="rtl"] .timeline::before { right: 84px; }
  html[dir="rtl"] .timeline-marker { right: -108px; }

  html[dir="rtl"] .values-cta { text-align: right; }
}

@media (max-width: 768px) {
  html[dir="rtl"] .timeline { padding-right: 0; }
  html[dir="rtl"] .timeline-item {
    padding-left: 0;
    padding-right: 28px;
  }
  html[dir="rtl"] .timeline-item::before {
    left: auto;
    right: 8px;
  }
  html[dir="rtl"] .timeline-marker {
    margin-left: 0;
    margin-right: -20px;
  }
  html[dir="rtl"] .timeline-year {
    text-align: right;
  }
}

@media (min-width: 901px) {

  html[dir="rtl"] .col-left {
    border-right: none;
    border-left: 1px solid rgba(60, 100, 200, 0.13);
  }
}

html[dir="rtl"] .ambient-glow {
  left: 65%;
}

html[dir="rtl"] .svc-arrow {
  margin-left: 0;
  margin-right: 10px;
  transform: scaleX(-1);
}
html[dir="rtl"] .svc-item:hover .svc-arrow {
  transform: scaleX(-1) translateX(-3px);
}

html[dir="rtl"] .intro-scene::before {
  background: linear-gradient(to left,
    #06070f 0%,
    rgba(6,7,15,0.96) 20%,
    rgba(6,7,15,0.72) 40%,
    rgba(6,7,15,0.22) 65%,
    transparent 85%
  );
}
html[dir="rtl"] .intro-scene-img {
  object-position: left center;
}
@media (max-width: 768px) {
  html[dir="rtl"] .intro-scene-img { object-position: 25% center; }
}

@media (min-width: 901px) {
  html[dir="rtl"] .section-intro .section-inner,
  html[dir="rtl"] .section-closing .section-inner {
    padding-left: 0;
    padding-right: 104px;
  }
}

html[dir="rtl"] .intro-lead {
  border-left: none;
  border-right: 1px solid rgba(80,135,255,0.22);
  padding-left: 0;
  padding-right: 22px;
}
@media (max-width: 1200px) {
  html[dir="rtl"] .intro-lead { padding-right: 18px; }
  html[dir="rtl"] .intro-headline { padding-left: 0; padding-right: 10px; }
}
@media (max-width: 900px) {
  html[dir="rtl"] .intro-lead { padding-right: 14px; }
  html[dir="rtl"] .intro-headline { padding-left: 0; padding-right: 10px; }
}
@media (max-width: 768px) {
  html[dir="rtl"] .intro-lead { padding-right: 15px; }
}
@media (max-width: 480px) {
  html[dir="rtl"] .intro-lead { padding-right: 15px; }
  html[dir="rtl"] .intro-headline { padding-left: 0; padding-right: 15px; }
  html[dir="rtl"] .closing-headline { padding-left: 0; padding-right: 15px; }
  html[dir="rtl"] .closing-sub { padding-left: 0; padding-right: 15px; }
}

html[dir="rtl"] .closing-glow {
  left: auto;
  right: 104px;
}

html[dir="rtl"] .hero-scene::before {
  background: linear-gradient(to left,
    #06070f           0%,
    rgba(6,7,15,0.94) 18%,
    rgba(6,7,15,0.68) 42%,
    rgba(6,7,15,0.20) 68%,
    transparent       90%
  );
}
@media (min-width: 901px) {
  html[dir="rtl"] .hero-scene-img { object-position: left 65%; }
  html[dir="rtl"] .section-hero .section-inner {
    padding-left: 0;
    padding-right: 104px;
  }
}
@media (max-width: 768px) {
  html[dir="rtl"] .hero-scene-img { object-position: 20% center; }
}

html[dir="rtl"] .job-avatar {
  left: auto;
  right: 28px;
}
html[dir="rtl"] .job-card-body {
  padding-left: 0;
  padding-right: 75px;
}
@media (max-width: 768px) {
  html[dir="rtl"] .job-card-body { padding-right: 0; }
}

html[dir="rtl"] .job-btn svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .job-btn:hover svg {
  transform: scaleX(-1) translateX(-3px);
}

html[dir="rtl"] .portal-ambient {
  left: 38%;
}

html[dir="rtl"] .portal-panel::after {
  right: auto;
  left: -20px;
}
html[dir="rtl"] .portal-ring-outer {
  right: auto;
  left: -28px;
}
@media (max-width: 900px) {
  html[dir="rtl"] .portal-ring-outer {
    right: auto;
    left: -20px;
  }
}

html[dir="rtl"] .contact-intro {
  border-left: none;
  border-right: 1px solid rgba(80, 135, 255, 0.22);
  padding-left: 0;
  padding-right: 20px;
}
@media (max-width: 900px) {
  html[dir="rtl"] .contact-intro { padding-right: 16px; }
  html[dir="rtl"] .contact-left { text-align: right; }
}
@media (max-width: 768px) {
  html[dir="rtl"] .contact-intro { padding-right: 14px; }
}

html[dir="rtl"] .contact-link::after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .job-hero-banner::after {
  right: auto;
  left: -80px;
}

html[dir="rtl"] .overview-text {
  border-left: none;
  border-right: 2px solid rgba(80, 135, 255, 0.38);
  padding-left: 0;
  padding-right: 24px;
}

html[dir="rtl"] .skill-level {
  text-align: left;
}

html[dir="rtl"] .col-left {
  text-align: right;
}
html[dir="rtl"] .card-toggle,
html[dir="rtl"] .card-layer-intro,
html[dir="rtl"] .svc-copy {
  text-align: right;
}
html[dir="rtl"] .svc-arrow {
  margin-left: 0;
  margin-right: 10px;
}
@media (min-width: 901px) {
  html[dir="rtl"] .col-left {
    padding: 80px 0 80px 40px;
  }
  html[dir="rtl"] .col-right {
    padding: 64px 44px 24px 0;
  }
}
@media (min-width: 1200px) {
  html[dir="rtl"] .col-right {
    padding-right: 56px;
    padding-left: 0;
  }
}


/* MOBIN RTL brand tagline spacing */
html[dir="rtl"] [data-i18n="common.brandTagline"] {
  letter-spacing: 0 !important;
}