/* Centered dividers between submenu items with 50% width */
.sub-nav.hover-style-bg.level-arrows-on > li {
    position: relative; /* Position the li for the pseudo-element */
    padding: 10px 0; /* Add padding for better spacing */
}

.sub-nav.hover-style-bg.level-arrows-on > li:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 25%; /* Start 25% from the left to center */
    bottom: 0;
    width: 50%; /* Divider spans 50% of the submenu width */
    height: 1px; /* Divider height */
    background-color: #ddd; /* Adjust color as needed */
}

/* Round the bottom left and right corners of the submenu */
.sub-nav.hover-style-bg.level-arrows-on {
    border-radius: 0 0 10px 10px;
    overflow: hidden; /* Ensure the rounding takes effect */
}

/* Optional: Add a bit of margin or padding to the submenu */
.sub-nav.hover-style-bg.level-arrows-on {
    padding: 10px 0; /* Adjust padding as needed */
}

/* Ensure the first and last items in the submenu aren't affected by the padding */
.sub-nav.hover-style-bg.level-arrows-on > li:first-child {
    padding-top: 0;
}

.sub-nav.hover-style-bg.level-arrows-on > li:last-child {
    padding-bottom: 0;
}