/* Language button and right-to-left mirror of the student panel. */

.lx-lang {
  min-width: 44px;
  height: 40px;
  padding: 0 12px;
  border-radius: 20px;
  border: 1px solid rgba(6, 19, 33, 0.18);
  background: rgba(255, 255, 255, 0.82);
  color: #061321;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font: 700 12px/1 'Vazirmatn', 'Manrope', sans-serif;
}

.enroll__main,
.pay__main {
  position: relative;
}

.lx-lang--corner {
  position: absolute;
  top: 16px;
  inset-inline-end: 20px;
  z-index: 6;
}

.panel-auth .lx-lang--corner {
  inset-inline-end: auto;
  inset-inline-start: clamp(1.25rem, 6vw, 72px);
  top: 20px;
}

.panel-gate .lx-lang--corner {
  top: 16px;
}

.lx-fwd {
  display: inline-flex;
}

[dir="rtl"].panel--leodi,
[dir="rtl"].panel--leodi :where(*),
[dir="rtl"].enroll,
[dir="rtl"].enroll :where(*),
[dir="rtl"].panel-auth,
[dir="rtl"].panel-auth :where(*),
[dir="rtl"].panel-gate,
[dir="rtl"].panel-gate :where(*),
[dir="rtl"].lt-assess,
[dir="rtl"].lt-assess :where(*) {
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  letter-spacing: 0;
}

[dir="rtl"] .lx-top__word,
[dir="rtl"] .pay__brand-name,
[dir="rtl"] .panel-auth__wordmark,
[dir="rtl"] .lt-assess__wordmark,
[dir="rtl"] .asn-spine span,
[dir="rtl"] .panel-auth__subtitle,
[dir="rtl"] .lt-assess__subtitle {
  font-family: 'Manrope', sans-serif;
  letter-spacing: 0.08em;
}

[dir="rtl"] .dash-welcome h1,
[dir="rtl"] .dash-hero__sheet h2,
[dir="rtl"] .dash-hero__mod,
[dir="rtl"] .jrn-hero h1,
[dir="rtl"] .msg-hero h1,
[dir="rtl"] .asn-hero h1,
[dir="rtl"] .enroll__display,
[dir="rtl"] .pay__display,
[dir="rtl"] .panel-auth__title {
  line-height: 1.45;
}

[dir="rtl"] .panel--leodi .leodi-header.lx-top {
  padding: 0 10px 0 14px;
}

[dir="rtl"] .panel--leodi .leodi-dock {
  width: min(1040px, calc(100% - 16px));
  padding: 6px 5px 6px 7px;
}

[dir="rtl"] .leodi-dock__glass {
  justify-content: space-between;
  gap: 8px;
  padding: 0 16px;
}

[dir="rtl"] .panel--leodi .leodi-dock__link {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  font-size: 11px;
  text-transform: none;
}

[dir="rtl"] .leodi-dock__label {
  height: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}

[dir="rtl"] .lx-search-pop button,
[dir="rtl"] .lx-search-pop__empty,
[dir="rtl"] .lsn-row,
[dir="rtl"] .msg-person,
[dir="rtl"] .asn-card,
[dir="rtl"] .enroll__card,
[dir="rtl"] .pay__opt,
[dir="rtl"] .msg-side footer,
[dir="rtl"] .msg-progress,
[dir="rtl"] .asn-progress {
  text-align: right;
}

[dir="rtl"] .dash-track__line--on {
  left: auto;
  right: 14px;
}

[dir="rtl"] .dash-step.is-done i {
  right: auto;
  left: -3px;
}

[dir="rtl"] .dash-hero__photo {
  right: auto;
  left: 0;
}

[dir="rtl"] .dash-hero__shape {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}

[dir="rtl"] .dash-hero__lion {
  left: auto;
  right: 16%;
  -webkit-mask-image: linear-gradient(270deg, #000 58%, transparent 86%);
  mask-image: linear-gradient(270deg, #000 58%, transparent 86%);
}

[dir="rtl"] .dash-hero__copy {
  padding: 18px 28px 16px 18px;
}

[dir="rtl"] .dash-hero__caption {
  right: auto;
  left: 6%;
}

[dir="rtl"] .dash-hero__slogan {
  right: auto;
  left: 7%;
}

[dir="rtl"] .dash-hero__pop {
  left: auto;
  right: 0;
}

[dir="rtl"] .jrn-hero__meta {
  right: auto;
  left: 22px;
}

[dir="rtl"] .jrn-path__lion {
  right: auto;
  left: -40px;
  transform: scaleX(-1);
}

[dir="rtl"] .jrn-level__flag {
  left: auto;
  right: 82px;
}

[dir="rtl"] .jrn-level.is-on h3 {
  left: 12px;
  right: 82px;
}

[dir="rtl"] .jrn-level.is-on p {
  left: 16px;
  right: 82px;
}

[dir="rtl"] .jrn-level__lock {
  right: auto;
  left: 14px;
}

[dir="rtl"] .jrn-level__bar b {
  margin-left: auto;
}

[dir="rtl"] .jrn-impact {
  padding-left: 0;
  padding-right: 14px;
  border-left: 0;
  border-right: 1px solid rgba(6, 19, 33, 0.18);
}

[dir="rtl"] .jrn-road > header p:last-child {
  padding-left: 0;
  padding-right: 16px;
  border-left: 0;
  border-right: 1px solid rgba(6, 19, 33, 0.18);
}

[dir="rtl"] .jrn-route__row.is-prepare .jrn-stops,
[dir="rtl"] .jrn-route__row.is-act .jrn-stops {
  margin-left: 4%;
  margin-right: 8%;
}

[dir="rtl"] .jrn-route__row.is-discover .jrn-stops::after {
  right: auto;
  left: 2%;
  border-left: 1.5px solid rgba(6, 19, 33, 0.28);
  border-right: 0;
  border-radius: 20px 0 0 20px;
}

[dir="rtl"] .jrn-route__row.is-prepare .jrn-stops::after {
  left: auto;
  right: -2%;
  border-right: 1.5px solid rgba(6, 19, 33, 0.28);
  border-left: 0;
  border-radius: 0 20px 20px 0;
}

[dir="rtl"] .jrn-now > div {
  padding-right: 0;
  padding-left: 10px;
  border-right: 0;
  border-left: 1px solid rgba(6, 19, 33, 0.18);
}

[dir="rtl"] .jrn-now__chip {
  border-left: 0;
  padding-left: 0;
  border-right: 1px solid rgba(6, 19, 33, 0.18);
  padding-right: 8px;
}

[dir="rtl"] .jrn-move {
  padding: 8px 46px 8px 28px;
}

[dir="rtl"] .jrn-move::before {
  left: auto;
  right: 28px;
}

[dir="rtl"] .jrn-move > span {
  left: auto;
  right: 0;
}

[dir="rtl"] .jrn-move > i {
  right: auto;
  left: 0;
}

[dir="rtl"] .jrn-skills {
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .jrn-skills::before {
  left: auto;
  right: 12px;
}

[dir="rtl"] .jrn-skills header {
  padding-left: 0;
  padding-right: 8px;
}

[dir="rtl"] .jrn-skills__wm {
  right: auto;
  left: 12px;
}

[dir="rtl"] .jrn-skill {
  margin-right: 0;
  margin-left: 18px;
}

[dir="rtl"] .lx-fwd {
  transform: scaleX(-1);
}

[dir="rtl"] .lsn-row.is-now {
  box-shadow: inset -4px 0 0 #f0c24b;
}

[dir="rtl"] .lsn-read__body ul {
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .lsn-video__play .lx-icon {
  margin-left: 0;
  margin-right: 3px;
}

[dir="rtl"] .lsn-video__scrub i,
[dir="rtl"] .lsn-side__meter i {
  margin-left: auto;
}

[dir="rtl"] .lsn-notes__field {
  box-shadow: inset -3px 0 0 rgba(6, 19, 33, 0.35);
}

[dir="rtl"] .lsn-notes__field textarea {
  padding: 12px 16px 12px 64px;
}

[dir="rtl"] .lsn-notes__field em {
  right: auto;
  left: 12px;
}

[dir="rtl"] .lsn-notes__add {
  padding: 0 10px 0 16px;
}

[dir="rtl"] .msg-bubble.is-me time {
  text-align: left;
}

[dir="rtl"] .msg-side footer img,
[dir="rtl"] .asn-index__foot img {
  right: auto;
  left: -28px;
  transform: scaleX(-1);
}

[dir="rtl"] .asn-index__bar {
  left: auto;
  right: 0;
}

[dir="rtl"] .asn-card {
  padding: 8px 4px 10px 8px;
}

[dir="rtl"] .asn-spine {
  border-radius: 0 18px 18px 0;
}

[dir="rtl"] .asn-canvas {
  border-radius: 18px 0 0 18px;
}

[dir="rtl"] .enroll__num {
  right: auto;
  left: 72px;
  text-align: left;
}

[dir="rtl"] .enroll__cards {
  margin-left: 0;
  margin-right: 12px;
}

[dir="rtl"] .pay__brand {
  left: auto;
  right: 47px;
}

[dir="rtl"] .pay__options {
  margin-left: 0;
  margin-right: 25px;
}

[dir="rtl"] .pay__opt {
  padding: 19px 64px 14px 16px;
}

[dir="rtl"] .pay__bar,
[dir="rtl"] .pay__radio {
  left: auto;
  right: 0;
}

[dir="rtl"] .pay__radio {
  right: 22px;
}

[dir="rtl"] .panel-auth__back {
  right: auto;
  left: clamp(1.25rem, 6vw, 72px);
  direction: rtl;
  text-align: start;
  text-transform: none;
}

[dir="rtl"] .panel-auth__poster,
[dir="rtl"] .panel-auth__kicker,
[dir="rtl"] .panel-auth__title,
[dir="rtl"] .panel-auth__legal,
[dir="rtl"] .panel-auth__visual-foot {
  text-transform: none;
}

[dir="rtl"].lt-assess .lt-assess__header {
  direction: rtl;
}

[dir="rtl"] .acct-field input:not([dir="ltr"]),
[dir="rtl"] .enroll-modal input,
[dir="rtl"] .enroll-modal textarea {
  text-align: right;
}

[dir="rtl"] .lx-top__lang {
  font-size: 13px;
  width: 44px;
}

@media (max-width: 1100px) {
  [dir="rtl"] .jrn-impact,
  [dir="rtl"] .jrn-road > header p:last-child,
  [dir="rtl"] .jrn-now__chip {
    border-right: 0;
    padding-right: 0;
  }
  [dir="rtl"] .jrn-skill {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  [dir="rtl"] .jrn-level__flag,
  [dir="rtl"] .jrn-level.is-on h3,
  [dir="rtl"] .jrn-level.is-on p {
    right: auto;
    left: auto;
  }
}

@media (max-width: 1180px) {
  [dir="rtl"] .enroll__cards,
  [dir="rtl"] .pay__options {
    margin-right: 0;
  }
  [dir="rtl"] .enroll__num {
    left: auto;
    text-align: right;
  }
}