/* ========================================
           ANIMATED WATER
           ======================================== */

        .wave-container {
            position: absolute;

            left: 0;
            bottom: 0;

            width: 100%;
            height: 180px;

            overflow: hidden;

            pointer-events: none;

            z-index: 15;
        }

        .wave-svg {
            position: absolute;

            left: 0;
            bottom: 0;

            width: 200%;
            height: 100%;

            will-change: transform;
        }

        .wave-1-1,
        .wave-1-2 {
            fill: #38bdf8;
        }

        .wave-2-1,
        .wave-2-2 {
            fill: #0ea5e9;
        }

        .wave-3-1,
        .wave-3-2 {
            fill: #0284c7;
        }