.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(176, 163, 255, 0.2);
    z-index: 9999;
}

.loader-box {
    background: #ffffff;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 35%;
    left: calc(50% - 50px);
    text-align: center;
    box-shadow: 0px 0px 50px rgb(158 147 219);
    border-radius: 7px;
}

.loader-box img {
    width: 45px;
    margin: 20px auto;
}

.loader-box .loader {
  height: 4px;
  width: 80px;
  --c:no-repeat linear-gradient(#5f4ccd 0 0);
  background: var(--c),var(--c),#dfcaf9;
  background-size: 60% 100%;
  animation: l16 3s infinite;
  margin: 0 auto;
}

@keyframes l16 {
  0%   {background-position:-150% 0,-150% 0}
  66%  {background-position: 250% 0,-150% 0}
  100% {background-position: 250% 0, 250% 0}
}