.body-loading {
  height: 100vh; /* Full height of the viewport */
  margin: 0; /* Remove default margin */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  background-color: rgba(0, 0, 0, 0.8); /* Optional background for visibility */
}

.loaderProd {
  border: 8px solid rgba(255, 255, 255, 0.3); /* Light border for transparency */
  border-top: 8px solid rgba(255, 255, 255, 1); /* Solid top border */
  border-radius: 50%;
  width: 50px; /* Size of the loader */
  height: 50px; /* Size of the loader */
  animation: spin 1s linear infinite; /* Spin animation */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}