*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}header{width:100%;background-color:rgba(255,255,255,0.37);padding:10px 0;position:fixed;top:0;z-index:10;box-shadow:rgba(0,0,0,0.16) 0 3px 6px,rgba(0,0,0,0.23) 0 3px 6px}nav{width:80%;display:flex;justify-content:space-between;margin:auto;align-items:center;position:relative}nav ul{list-style:none;display:flex;align-items:center;gap:20px;color:#000}.header-ul .header-li{padding:10px 10px;font-size:1.1rem;font-weight:bold}nav ul li:hover{background-color:black;padding:10px 20px;font-size:1rem;color:white;cursor:pointer}.nav-contact{padding:10px 15px;background-color:white;border:3px solid #4e54c8;border-radius:50px;font-weight:bold;display:flex;align-items:center;gap:5px;color:black}.nav-areas-bookings-container{position:relative}.toggle-icon{font-size:28px;cursor:pointer;color:#000;display:none}.sliding-menu{display:none;position:fixed;top:0;right:-100%;width:70%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:-4px 0 6px rgba(0,0,0,0.2);transition:all .3s ease;z-index:20;flex-direction:column;padding:20px}.sliding-menu.show{right:0;display:flex}.sliding-menu ul{list-style:none;flex-grow:1;display:flex;flex-direction:column;gap:15px}.sliding-menu ul li{color:white;font-size:18px;padding:10px;border-radius:5px;cursor:pointer;transition:all .3s ease}.sliding-menu ul li:hover{background:linear-gradient(135deg,#89f7fe,#66a6ff);color:black}.close-btn{align-self:flex-end;font-size:24px;cursor:pointer;color:white}@media(max-width:768px){nav ul{display:none}.toggle-icon{display:block}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#8482ff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0d6efd}