* { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } body { background-color: #f8f8f8; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .navbar { display: flex; align-items: center; background-color: white; padding: 10px 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .logo img { width: 80px; /* Adjust the size of your logo here */ } .nav-links { display: flex; list-style: none; margin-left: auto; } .nav-item { position: relative; } .nav-item a { text-decoration: none; color: #333; padding: 10px 15px; display: block; font-weight: bold; } .nav-item:hover .dropdown { display: block; } .dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: white; padding: 15px; min-width: 200px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .dropdown h4 { font-size: 14px; font-weight: bold; color: #333; margin-top: 10px; } .dropdown a { display: block; padding: 5px 0; font-size: 14px; color: #008000; text-decoration: none; } .dropdown a:hover { background-color: #f0f0f0; } .search { padding-left: 15px; } .search-icon { font-size: 18px; color: green; }