:root {
  --brand: #1a5ea9;
}

/* Preloader container covers the entire viewport */
#preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Image Styling */
.spinner img {
  width: 180px;
  height: 180px;
  object-fit: contain;
  animation: rotate-slow 3s linear infinite;
}

/* Clockwise slow rotation */
@keyframes rotate-slow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}

/* Fade-out effect */
.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}