html {
    scroll-behavior: smooth;
}

@-webkit-keyframes bounce-arrow-simple {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(10px); transform: translateY(10px); }
    60% { -webkit-transform: translateY(5px); transform: translateY(5px); }
}
@keyframes bounce-arrow-simple {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(10px); transform: translateY(10px); }
    60% { -webkit-transform: translateY(5px); transform: translateY(5px); }
}

.scroll-down-arrow {
    -webkit-animation: bounce-arrow-simple 2s infinite;
    animation: bounce-arrow-simple 2s infinite;
    transition: opacity 0.3s ease;
}

.scroll-down-arrow:hover {
    opacity: 0.7;
}

.scroll-down-wrapper {
}


/* Apply animation only if motion is preferred */
@media (prefers-reduced-motion: no-preference) {
    .scroll-down-arrow {
        -webkit-animation: bounce-arrow-simple 2s infinite;
        animation: bounce-arrow-simple 2s infinite;
    }
}