/* General Styles for the Dropdown */
#services {
    max-height: 400px; /* Limit the height to 400px */
    overflow-y: auto; /* Add scroll for overflow */
    padding: 10px;
}

/* Style for Dropdown Headings */
.dropdown-heading {
    color: blueviolet;
    font-weight: bold;
    padding: 10px;
    text-decoration: underline;
}

/* For screens with a maximum width of 412px */
@media screen and (max-width: 412px) {
    #services {
        display: block;
        max-height: 300px; /* Adjust the height for small screens */
        overflow-y: auto; /* Enable vertical scrolling */
        grid-template-rows: none;
    }
}

/* For screens with a minimum width of 480px */
@media screen and (min-width: 480px) {
    #services {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(3, 1fr); /* Arrange into 3 columns */
        max-height: 400px; /* Maximum height for larger screens */
        overflow-y: auto; /* Enable scrolling if needed */
    }
}