#loader{
  position:fixed;
  inset:0;
  background-color:#ffffff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  z-index:9999;
  transition:opacity .6s ease, visibility .6s ease;
  opacity:1;
  visibility:visible;
  font-family:'Poppins',sans-serif;
}
#loader.hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.dots-loader{
  display:flex;
  gap:8px;
}
.dots-loader span{
  width:12px;
  height:12px;
  background-color:var(--brand-color,#fec639);
  border-radius:50%;
  animation:orbiLoaderBounce 1.2s infinite ease-in-out;
}
.dots-loader span:nth-child(2){animation-delay:.2s}
.dots-loader span:nth-child(3){animation-delay:.4s}
@keyframes orbiLoaderBounce{
  0%,80%,100%{transform:scale(1);opacity:.6}
  40%{transform:scale(1.5);opacity:1}
}
.loader-text{
  margin-top:20px;
  font-size:16px;
  color:#333;
  letter-spacing:.5px;
}