/* Additional CSS to fix footer position */
        @media (min-width: 1024px) {
            footer {
                position: relative;
                bottom: 0;
                width: 100%;
                margin-top: 40px; /* Added spacing above footer */
            }
        }