this is the menu, and under that you can see the css code that i am using

				
					/* Ensure the main menu is displayed as a horizontal list */
selector ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Style for each menu item */
selector li {
    margin-right: 10px; /* Adjust spacing between menu items */
    position: relative; /* Required for positioning submenus */
}

/* Style for links */
selector a {
    display: block;
    padding: 10px;
    background-color: #eeeeee;
    border-radius: 5px;
    color: #333333; /* Text color */
    text-decoration: none;
}

/* Hover effect for links */
selector a:hover {
    background-color: #F45A2A;
    color: #ffffff; /* Text color on hover */
}

/* Style for submenus */
selector ul ul {
    display: none; /* Hide submenus by default */
    position: absolute;
    top: 100%; /* Position below parent menu item */
    left: 0;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Show submenus on hover */
selector li:hover > ul {
    display: block;
}

/* Hide scrollbar for menus */
.elementor-nav-menu::-webkit-scrollbar {
    display: none;
}