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

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

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

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

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

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

.bar5 {
  height: 30px; /* Increased height */
  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);
  }
}