/* Custom animations and transitions */
.hover\:scale-105:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease-in-out;
}

/* Custom gradients and colors */
.bg-gradient {
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .text-5xl {
        font-size: 2.5rem;
    }
    .text-xl {
        font-size: 1.1rem;
    }
}

/* Sticky header animations */
nav {
    transition: transform 0.3s ease-in-out;
}

nav.nav-up {
    transform: translateY(-100%);
}

/* Add backdrop blur effect */
nav {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.95);
}

/* Mobile menu transitions */
.mobile-menu {
    transition: all 0.3s ease-in-out;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Link transitions */
a {
    transition: color 0.2s ease-in-out;
}

/* Hero image styles */
.hero-image {
    border-radius: 24px;
    transition: transform 0.3s ease-in-out;
}

.hero-image:hover {
    transform: scale(1.02);
}

/* Custom padding for hero image */
.pb-2vh {
    padding-bottom: 2vh;
}

/* Add a subtle animation when the page loads */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom styles for the main hero image */
.container img {
    animation: fadeInUp 0.6s ease-out;
    border-radius: 24px;
    overflow: hidden;
}