.preloader {

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
    background: linear-gradient(90deg, #041024, #1A031D);

  z-index: 10000;
}

#preloader.hiding {
  opacity: 0;
  transition: 0.25s all ease;
}

#preloader.hidden {
  display: none;
}

@keyframes pulsing {
  0% {
      transform: scale(1);
  }

  50% {
      transform: scale(1.02);
  }

  100% {
      transform: scale(1);
  }
}
#rave-loader {
  position: relative;
  /* width: 400px; */
  /* height: 100px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}

#rave-loader img {
   height: 100px;
   margin-bottom: 20px;;
   animation: pulsing 1000ms ease-out reverse;
   animation-iteration-count: infinite;


}




#preloader .progress-bar {
height: 4px;
background-color: #2A2C31;
width: 100%;
overflow: hidden;
}

#preloader .progress-bar-value {
width: 100%;
height: 100%;
background-color: rgb(5, 114, 206);
animation: indeterminateAnimation 1s infinite linear;
transform-origin: 0% 50%;
}

@keyframes indeterminateAnimation {
0% {
  transform:  translateX(0) scaleX(0);
}
40% {
  transform:  translateX(0) scaleX(0.4);
}
100% {
  transform:  translateX(100%) scaleX(0.5);
}
}