/* Custom font for a serene feel */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        /* Wave animation keyframes */
        @keyframes wave-animation {
            0% {
                transform: translateX(0);
            }
            100% {
                /* Translate by exactly one full viewport width for seamless looping */
                transform: translateX(-100vw);
            }
        }

        .wave-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%; /* Full viewport width */
            height: 35vh; /* Increased height for taller waves */
            overflow: hidden;
            z-index: 1; /* Ensure waves are in the background */
        }

        .wave-wrapper {
            display: flex; /* Arrange SVGs side-by-side */
            /* Set width to accommodate 3 copies of the SVG, each 100vw wide */
            width: 300vw;
            height: 100%;
            animation: wave-animation 8s linear infinite; /* Increased duration for smoother, slower flow */
        }

        .wave-svg {
            /* Each SVG takes up one full viewport width and does not shrink or grow */
            flex: 0 0 100vw; /* flex-grow: 0, flex-shrink: 0, flex-basis: 100vw */
            height: 100%; /* Each SVG takes 100% of parent height (15vh) */
            display: block; /* Remove extra space below SVG */
        }

        /* Adjusting SVG path fills based on color scheme */
        .wave-1 {
            fill: #e5d4ef; /* Primary Sea Green */
            fill-opacity: 0.7; /* Slightly transparent */
        }


        /* Ensure footer content is above the waves */
        footer {
            /* color: black; */
            position: relative; /* Needed for z-index context */
            z-index: 2; /* Ensure content is above waves */
            background-color: transparent; /* Make footer background transparent to show waves */
            padding-top: 6rem; /* Increased padding to accommodate taller waves */
            padding-bottom: 1rem;
        }