.loader-icon {
  display: flex;
  justify-content: space-between;
  width: 60px;
}

.bar {
  width: 10px;
  background-color: #6d569a;
  margin: 0 4px;
}

.bar1 {
  height: 30px;
  animation: loading 1s infinite;
  animation-delay: 0s;
}

.bar2 {
  height: 35px;
  animation: loading 1s infinite;
  animation-delay: 0.2s;
}

.bar3 {
  height: 40px;
  animation: loading 1s infinite;
  animation-delay: 0.4s;
}

.bar4 {
  height: 35px;
  animation: loading 1s infinite;
  animation-delay: 0.6s;
}

.bar5 {
  height: 30px;
  animation: loading 1s infinite;
  animation-delay: 0.8s;
}

.employee-register-title {
  padding: 0vw 1vw;
}

@keyframes loading {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}