/* Custom animations for dropdowns */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.group:hover .group-hover\:opacity-100 {
    animation: fadeIn 0.2s ease-out;
}

/* Custom hover effects */
.nav-link {
    position: relative;
}

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #F9A51A;
        transition: width 0.3s ease;
    }

    .nav-link:hover::after {
        width: 100%;
    }
/* Animation Keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

.animation-delay-200 {
    animation-delay: 0.2s;
}

.animation-delay-400 {
    animation-delay: 0.4s;
}

/* Optional: Parallax effect for background */
.slide {
    will-change: transform;
}

    .slide .object-cover {
        transition: transform 6s ease-out;
    }

    .slide:hover .object-cover {
        transform: scale(1.05);
    }