/* Style for the menu icon */
        .menu-icon {
            cursor: pointer;
            font-size: 18px;
            margin-left: 10px;
            display: inline-block;
            position: relative; /* Important for dropdown positioning */
        }

        /* Dropdown Menu Styles */
        .dropdown-menu {
            display: none; /* Initially hidden */
            position: absolute; 
            right: 0; /* Align menu to the right of the icon */
            top: 20px; /* Move dropdown slightly down */
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 0;
            list-style: none;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 1000; /* Make sure it stays above other content */
            min-width: 120px; /* Dropdown width */
            border-radius: 6px;
        }

        .dropdown-menu ul {
            padding: 0;
            margin: 0;
        }

        .dropdown-menu li {
            padding: 8px 10px;
            cursor: pointer;
        }

        .dropdown-menu li:hover {
            background-color: #f0f0f0;
        }

        /* Show Dropdown */
        .show-menu {
            display: block;
        }

        /* Dropdown icon spacing */
        .dropdown-menu li i {
            margin-right: 8px;
        }

        ul li {
            position: relative; /* This makes sure dropdown stays inside the list item */
            margin-bottom: 10px;
        }