html {
    scroll-behavior: smooth;
}

@keyframes custom-bounce {
    0%, 100% {
        transform: translateY(0) translateX(-50%);
    }
    50% {
        transform: translateY(10px) translateX(-50%);
    }
}

.hero .fa-chevron-down {
    animation: custom-bounce 2s infinite;
}

@media (max-width: 640px) {
    .hero-content {
        padding-top: 5rem !important;
    }
}