body {
  direction: ltr;
  text-align: left;
}

.nav-end {
  margin-left: auto;
}

.deck img.pos1 {
  transform: translate(-7%, -7%) rotate(-3deg) scale(0.9);
}

.deck img.pos2 {
  transform: translate(7%, 7%) rotate(3deg) scale(0.9);
}

.timeline::before {
  right: 16.66%;
  left: 16.66%;
}

.tl-no {
  right: -4px;
}

.timeline {
  text-align: left;
}

.wizard {
  text-align: left;
}

.plan .rec {
  left: 26px;
}

@media (max-width: 640px) {
  .timeline {
    margin-left: auto;
    text-align: left;
  }

  .timeline::before {
    right: auto;
    left: 39px;
    border-left: 2.5px dashed #c9ceec;
  }

  .tl-step {
    text-align: left;
  }
}