ul {
    flex-direction: column;
    background: #3f7672;
    top: 1rem;
    border-radius: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

li {
    padding: 8px;
    border-bottom: 1px solid #ffffff; /* Border between items */
}

    li:last-child {
        border-bottom: none; /* Remove border from the last item */
    }

a {
    color: #ffffff; /* Dropdown item text color */
    text-decoration: none;
    display: block;
    padding: 8px;
    cursor:pointer;
}

    a:hover {
        color:#003445; /* Hover background color */
    }

/* Show the dropdown when the container is clicked */
.show ul {
    display: block;
}

.hidden {
    display: none;
}