/* Hover Effects for Banner Text */
.card-banner-slide .card-info h6 {
  transition: all 0.3s ease;
  cursor: pointer;
}

.card-banner-slide .card-info h6:hover {
  background-color: white !important;
  color: #16a34a !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transform: scale(1.05) !important;
}

/* Test effect - very obvious */
.card-banner-slide .card-info h6:hover {
  background-color: red !important;
  color: yellow !important;
  font-size: 30px !important;
  padding: 20px !important;
  border: 5px solid blue !important;
  transform: rotate(5deg) !important;
}