/* Preloader styles */
.preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #383838; /* Change the background color as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.preloader-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #383838;  */
  /* Change the background color as needed */
  background-image: url("/images-event/logo/loaderimg1.jpg");
  background-blend-mode: overlay;
  background-size: cover;
  filter: blur(5px);
  opacity: 25%;
}

.logo {
  max-width: 200px; /* Adjust the size of the logo as needed */
  opacity: 0; /* Start with logo hidden */
  animation: fadeInOut 5s infinite; /* 5s duration for fading in and out, infinite loop */
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1; /* Full opacity */
  }
}

/* Hide the preloader when the page is loaded */
body.loaded .preloader-container {
  display: none;
}