.absolute{
    position:absolute;
  }
  .loader_ball {
    width: 35px;
    display: flex;
    justify-content: space-evenly;
      transform: translate(0px, 8px);
  }
  .before_blur{
            filter: blur(2px);
  }
  
  .ball {
    list-style: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
  }
  
  .ball:nth-child(1) {
    animation: bounce-1 2.1s ease-in-out infinite;
  }
  
  @keyframes bounce-1 {
    50% {
      transform: translateY(-18px);
      background-color: aqua;
    }
  }
  
  .ball:nth-child(2) {
    animation: bounce-3 2.1s ease-in-out 0.3s infinite;
  }
  
  @keyframes bounce-2 {
    50% {
      transform: translateY(-18px);
      background-color: aqua;
    }
  }
  
  .ball:nth-child(3) {
    animation: bounce-3 2.1s ease-in-out 0.6s infinite;
  }
  
  @keyframes bounce-3 {
    50% {
      transform: translateY(-18px);
      background-color: aqua;
    }
  }
  
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  

  .loader_div {
    height: 100vh;
    position: fixed;
    width: 100vw;
    /* background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8); */
  }

  .loader {
    border: 15px solid #f3f3f3;
    /* Light gray */
    border-top: 15px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1.5s linear infinite;
    margin: 0 auto;
  }

  #loader-parent {
    z-index: 1000000;
  }

  #overlayer {
    position: absolute;
    content: '';
    width: 100vw;
    height: 500vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 35;
    filter: blur(2px);
  }