/* Overlay Section */ .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); /* Semi-transparent black overlay */ z-index: 999; /* Layer above most elements */ display: none; /* Hidden by default */ } /* Navbar Component Section */ .navbar2_component { position: fixed; width: 100%; top: 1%; /* Slightly below the top */ left: 0; z-index: 1000; /* Above overlay */ transition: transform 0.3s ease; /* Smooth transition on movement */ } /* Media Query for Navbar on Smaller Screens */ @media (max-width: 768px) { .navbar2_component { top: 0; /* Align to top on smaller screens */ } .navbar2_menu { background: rgba(255, 255, 255, 1) !important; /* White background */ backdrop-filter: blur(40px); /* Maintain background blur */ } }