/* Events & Opportunities portal */
.nla-eo-hero {
  background: linear-gradient(135deg, rgba(25, 135, 84, 0.08) 0%, rgba(13, 110, 253, 0.06) 100%);
  border-radius: 1rem;
  padding: 2rem 1.5rem;
}

.nla-eo-carousel {
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}

.nla-eo-carousel .carousel-item {
  min-height: 220px;
  transition: transform 0.6s ease-in-out;
}

.nla-eo-carousel .carousel-caption {
  position: static;
  padding: 1.25rem 1.5rem;
  text-align: left;
  color: inherit;
  background: #fff;
}

.nla-eo-carousel-events .carousel-caption {
  border-left: 4px solid var(--bs-success);
}

.nla-eo-carousel-jobs .carousel-caption {
  border-left: 4px solid var(--bs-primary);
}

.nla-eo-carousel .carousel-indicators {
  margin-bottom: 0.5rem;
}

.nla-eo-carousel .carousel-control-prev,
.nla-eo-carousel .carousel-control-next {
  width: 8%;
  opacity: 0.85;
}

.nla-eo-section-nav .nav-link {
  border-radius: 2rem;
  padding: 0.45rem 1rem;
  font-weight: 500;
}

.nla-eo-section-nav .nav-link.active {
  background-color: var(--bs-success);
  color: #fff;
}

.nla-eo-per-page {
  max-width: 5.5rem;
}

@media (max-width: 767.98px) {
  .nla-eo-carousel .carousel-item {
    min-height: auto;
  }

  .nla-eo-carousel .carousel-caption {
    padding: 1rem;
  }

  .pagination .page-link {
    padding: 0.35rem 0.55rem;
    font-size: 0.875rem;
  }
}