/* ================= BOTTOM LOADING ================= */
.page-loader{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:40px 0;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transition:opacity .3s ease;
}

/* show loader */
.page-loader.active{
  opacity:1;
  visibility:visible;
}

.page-loader span{
  width:10px;
  height:10px;
  background:#e67e22; /* brand color */
  border-radius:50%;
  animation:loaderBounce 1.4s infinite ease-in-out;
}

/* delay for all 6 dots */
.page-loader span:nth-child(1){ animation-delay:0s; }
.page-loader span:nth-child(2){ animation-delay:.15s; }
.page-loader span:nth-child(3){ animation-delay:.3s; }
.page-loader span:nth-child(4){ animation-delay:.45s; }
.page-loader span:nth-child(5){ animation-delay:.6s; }
.page-loader span:nth-child(6){ animation-delay:.75s; }

@keyframes loaderBounce{
  0%,80%,100%{
    transform:scale(0);
  }
  40%{
    transform:scale(1);
  }
}