/** @format */

.preloader-bg {
  position: fixed;
  z-index: 99999;
  background: #fff !important;
  width: 100%;
  height: 100vh; /* Ensures full screen coverage */
  top: 0;
  left: 0;
}

.preloader {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preloader img {
  width: 60px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .preloader img {
    width: 55px;
  }
}

@media (max-width: 500px) {
  .preloader img {
    width: 50px;
  }
}

@media (max-width: 300px) {
  .preloader img {
    width: 40px;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  .preloader-bg {
    height: 100vh;
    margin-top: 0;
  }
}