/* Base styles for the menu container */
.horizontal-menu {
    /* background-color: #333;*/
    padding: 0;
    margin: 0;
}

    /* Top-level menu items */
    .horizontal-menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

        .horizontal-menu ul li {
            position: relative;
        }

            .horizontal-menu ul li a {
                display: block;
                padding: 14px 20px;
                text-decoration: none;
                color: black;
                transition: background-color 0.3s;
            }

                .horizontal-menu ul li a:hover {
                    background-color: #007bff;
                }

            /* Submenu styles */
            .horizontal-menu ul li ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #444;
                list-style: none;
                padding: 0;
                margin: 0;
                min-width: 180px;
                z-index: 1000;
            }

                .horizontal-menu ul li ul li {
                    display: block;
                }

                    .horizontal-menu ul li ul li a {
                        padding: 10px 15px;
                        color: white;
                    }

                        .horizontal-menu ul li ul li a:hover {
                            background-color: #555;
                        }