/*----------------------------------------*/
/*  Preloader
/*----------------------------------------*/
.preloader-wrap {
  background-color: #6d9900; /* Background color matching the website skin */
  height: 100vh; /* Full viewport height */
  width: 100vw; /* Full viewport width */
  position: fixed;
  z-index: 999999; /* Ensures it is above all other content */
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  display: none; /* Hide by default */
}

/* RTL support */
html[dir="rtl"] .preloader-wrap {
  direction: rtl; /* Change direction for RTL layouts */
}

.preloader-animation {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ball-container {
  display: flex;
  justify-content: space-around;
  width: 120px; /* Adjust based on number of balls and spacing */
}

.ball {
  width: 20px;
  height: 20px;
  background-color: #ffffff; /* Ball color */
  border-radius: 50%;
  animation: move 1.5s infinite linear;
}

/* Continuous Movement Animation */
@keyframes move {
  0% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}

/* Animation delay for each ball */
.ball:nth-child(2) {
  animation-delay: 0.2s;
}

.ball:nth-child(3) {
  animation-delay: 0.4s;
}

/* Show preloader only on mobile devices */
@media (max-width: 768px) {
  .preloader-wrap {
    display: flex; /* Show preloader on mobile devices */
  }
}

/* Hide preloader on larger screens */
@media (min-width: 769px) {
  .preloader-wrap {
    display: none !important; /* Hide preloader on larger screens */
  }
}