.step-content-0,
.step-content-1,
.step-content-2,
.step-content-3,
.step-content-4,
.step-sidebar-0,
.step-sidebar-1,
.step-sidebar-2,
.step-sidebar-3,
.step-sidebar-4 {
  transition: .5s;
}

.step-content-1,
.step-content-2,
.step-content-3,
.step-content-4,
.step-sidebar-1,
.step-sidebar-2,
.step-sidebar-3,
.step-sidebar-4 {
  opacity: 0;
  display: none;
}

.fade-in {
  animation: fade-in .2s ease-in-out forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-out {
  animation: fade-out .2s ease-in-out forwards;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.bg-gradiant {
  background:
    linear-gradient(to right, #004AAD, #CB6CE6);
  color: #fff;
}