/* Animation classes for award items */
.award-hover {
    transform: translateX(10px);
    border-bottom-color: #5840BA;
}

.title-hover {
    color: #5840BA;
    transform: translateY(-5px);
}

.description-hover {
    opacity: 1;
    color: #5840BA;
}

/* Dropdown animation classes */
.dropdown-visible {
    display: block;
    opacity: 0;
    transform: scaleY(0.9) translateY(-10px);
    transition: opacity 0.3s, transform 0.3s;
}

.dropdown-visible.show {
    opacity: 1;
    transform: scaleY(1) translateY(0);
}

.item-visible {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 0.3s var(--delay), transform 0.3s var(--delay);
}

/* Hexagon animations */
.floating-animation {
    animation: float 3s ease-in-out infinite;
    animation-delay: var(--delay);
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.hex-active {
    opacity: 1;
    transform: scale(1.09);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}

.hex-inactive {
    opacity: 0.5;
    transform: scale(0.95);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}

.text-active {
    opacity: 1;
    transform: scale(1.25);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}

.text-inactive {
    opacity: 0.5;
    transform: scale(0.9);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}
.banner-image {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: 16px;
}
.footer-links-sm {
  font-size: 0.9em;
}
.footer-nav {
  gap: 1.2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}