/* Full-page scroll styles */
    html,
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        height: 100%;
        scroll-behavior: smooth;
    }

    .scroll-container {
        height: 100vh;
        width: 100%;
        overflow-y: scroll;
        scroll-snap-type: y mandatory;
        scroll-behavior: smooth;
        scrollbar-width: none;
        /* For Firefox */
    }

    .scroll-container::-webkit-scrollbar {
        display: none;
        /* For Chrome, Safari, and Edge */
    }

    section {
        height: 100vh;
        width: 100%;
        scroll-snap-align: start;
        position: relative;
        overflow: hidden;
    }

    /* Your existing styles */
    @keyframes bounce-y {

        0%,
        100% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-10px);
        }
    }

    .animate-bounce-y {
        animation: bounce-y 8s infinite;
    }

    /* Mobile menu animation */
    #mobile-menu {
        transition: all 0.3s ease;
    }

    #mobile-menu li {
        transition: all 0.3s ease;
    }