/* Basic styling for the main menu */
    .mod-menu ul {
        list-style: none; /* Remove bullet points */
        margin: 0;
        padding: 0;
    }

    .mod-menu li {
        display: inline-block; /* For a horizontal menu */
        /* or display: block; for a vertical menu */
    }

    .mod-menu a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: #000000;
        background-color: #f0f0f0;
    }

    .mod-menu a:hover {
        background-color: #e0e0e0;
        color: #000;
    }

    /* Styling for sub-menus (if applicable) */
    .mod-menu ul ul { /* Targets nested ul elements */
        position: absolute; /* For dropdowns */
        display: none; /* Hide by default */
        background-color: #fff;
        border: 1px solid #ccc;
    }

    .mod-menu li:hover > ul {
        display: block; /* Show dropdown on hover */
    }

    .mod-menu ul ul li {
        display: block; /* Ensure sub-menu items are vertical */
    }