.bg-\[rgba\(255\,255\,255\,0\.01\)\] {
  background: #00000091;
}

.hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:hover {
  background-color: #000000c4;
}

.navbar-nav .nav-link:hover {
    color: #598eff;
    text-decoration: underline;
      text-underline-offset: 5px;
  }
  

  .navbar-nav .nav-link.active {
    text-decoration: underline;
      text-underline-offset: 5px;
    color: #598eff;
  }

.status-card {
  width: 100%; /* Ensures full-width within the container */
  max-width: 800px; /* Makes the status card wider */
  margin: 0 auto; /* Centers the card */
  border-radius: 8px; /* Rounds the corners */
  box-shadow: 0 0 8px 1.6px rgb(89, 158, 255,);
  transition: box-shadow 0.3s ease, transform 0.3s ease; /* Smooth glow and hover effects */
}

.status-card:hover {
  box-shadow: 0 0 15px 4px rgb(89, 158, 255,);
  transform: scale(1.02); /* Slightly enlarge on hover */
}

.status-card {
  width: 100%; /* Ensures it takes up full width of the container */
  max-width: 900px; /* Increase the maximum width */
  margin: 0 auto; /* Centers the status card */
  border-radius: 8px; /* Rounded corners for aesthetic appeal */
}

@media (min-width: 768px) {
  .status-card {
    max-width: 1200px; /* Wider on larger screens */
  }
}