.hero {
  height: max-content !important;
}
.event-card {
  max-height: 400px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.event-img {
  height: 200px;
  object-fit: cover;
}

.event-content {
  max-height: 150px;
  overflow: hidden;
}

.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  border-radius: 10px;
  opacity: 1;
}

.fade-overlay button {
  z-index: 2;
}
.modal {
  z-index: 10000 !important;
}

.nav-tabs .nav-link.active {
  font-weight: 900;
  border-bottom: 3px solid #72211ba3 !important;
}
body.dark .nav-tabs .nav-link.active {
  font-weight: 900;
  border-bottom: 3px solid #fff !important;
}
.nav-tabs .nav-link {
  transition: all 0.2s ease-in-out;
}