/*Loader*/
.loader{
    position: fixed;
  top:0;
  left:0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background:  rgba(255, 255, 255, 0.5);
}
.loader .loader-inner{
    position:absolute;
    top:50%;
    left:50%;
    right: 0;
    z-index: 9999;
  }
  .blob {
    width: 1rem;
    height: 1rem;
    background: linear-gradient(to right, #4c4c4c, #4c4c4c);
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.1);
  }
  .blob-2 {
    animation: animate-to-2 1.5s infinite;
  }
  .blob-3 {
    animation: animate-to-3 1.5s infinite;
  }
  .blob-1 {
    animation: animate-to-1 1.5s infinite;
  }
  .blob-4 {
    animation: animate-to-4 1.5s infinite;
  }
  .blob-0 {
    animation: animate-to-0 1.5s infinite;
  }
  .blob-5 {
    animation: animate-to-5 1.5s infinite;
  }
  @keyframes animate-to-2 {
    25%, 75% {
      transform: translateX(-1.5rem) scale(0.75);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }
  @keyframes animate-to-3 {
    25%, 75% {
      transform: translateX(1.5rem) scale(0.75);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }
  @keyframes animate-to-1 {
    25% {
      transform: translateX(-1.5rem) scale(0.75);
    }
    50%, 75% {
      transform: translateX(-4.5rem) scale(0.6);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }
  @keyframes animate-to-4 {
    25% {
      transform: translateX(1.5rem) scale(0.75);
    }
    50%, 75% {
      transform: translateX(4.5rem) scale(0.6);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }
  @keyframes animate-to-0 {
    25% {
      transform: translateX(-1.5rem) scale(0.75);
    }
    50% {
      transform: translateX(-4.5rem) scale(0.6);
    }
    75% {
      transform: translateX(-7.5rem) scale(0.5);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }
  @keyframes animate-to-5 {
    25% {
      transform: translateX(1.5rem) scale(0.75);
    }
    50% {
      transform: translateX(4.5rem) scale(0.6);
    }
    75% {
      transform: translateX(7.5rem) scale(0.5);
    }
    95% {
      transform: translateX(0rem) scale(1);
    }
  }