.header-nav {
    background-color: rgba(255, 255, 255, 0.15); /* Semi-transparent white */
    backdrop-filter: blur(10px); /* Blurs what's behind */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    border: 5px solid rgba(255, 255, 255, 0.18); /* Subtle border */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); /* Optional soft shadow */
    border-radius: 20px; /* Optional rounded corners */
    padding: 10px 0;
    z-index: 1000; /* Ensure it's above other content */
    
}