.card-body {
  position: relative;
  transition: filter 0.3s ease; /* Smooth transition for blur effect */
}

.card-body.blurred {
  filter: blur(5px); /* Adjust the blur intensity */
}

#spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; /* Hidden by default */
  z-index: 9999; /* Ensure it appears on top of the card-body */
}

.spinner {
  border: 4px solid rgba(25, 0, 255, 0.1);
  border-left-color: #0535f3; /* Spinner color */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}