/* Styles for the main list */
.information-content-mainlist {
    list-style-type: none; /* Remove default bullet points */
    margin-left: 20px; /* Reset margin to default */
    padding-left: 0; /* Reset padding to default */
    color: #333; /* Dark color for main list items */
}

/* Styles for the sublist */
.information-content-sublist {
    list-style-type:circle; /* Circle bullet points for sub-list */
    margin-left: 30px; /* Additional indentation for sub-list */
    padding-left: 10px; /* Space between bullet and text */
    font-size: 0.9em; /* Slightly smaller font size for sub-list */
    color: #555; /* Lighter color for sub-list items */
    margin-bottom: 20px; /* Add space between sublists */
}

/* Styles for Sublist Category Name */
.information-content-sublist-name {
    font-weight: bold; /* Ensure text is bold */
    font-size: 1em; /* Keep the font size consistent with the main text */
    color: #555; /* Neutral color for the category name */
    display: block; /* Makes the element take the full width for better layout */
    margin-bottom: 5px; /* Add space between the category name and the sublist */
    cursor: default; /* Default cursor to indicate it's not interactive */
}

.information-content-h2 {
    font-weight: bold; /* Ensure text is bold */
    font-size: 1.5em; /* Keep the font size consistent with the main text */
    color: #555; /* Neutral color for the category name */
    display: block; /* Makes the element take the full width for better layout */
    padding-bottom: 0.75em;
    cursor: default; /* Default cursor to indicate it's not interactive */
}

.information-content-h3 {
    font-weight: bold; /* Ensure text is bold */
    font-size: 1.10em; /* Keep the font size consistent with the main text */
    color: #555; /* Neutral color for the category name */
    display: block; /* Makes the element take the full width for better layout */
    margin-bottom: 5px; /* Add space between the category name and the sublist */
    padding-bottom: 1em;
    cursor: default; /* Default cursor to indicate it's not interactive */
}

.information-content-h4 {
    font-weight: bold; /* Ensure text is bold */
    font-size: 1em; /* Keep the font size consistent with the main text */
    color: #555; /* Neutral color for the category name */
    display: block; /* Makes the element take the full width for better layout */
    padding-bottom: 0.5em;
    cursor: default; /* Default cursor to indicate it's not interactive */
}


/* Optional: Responsive adjustments for sublist spacing */
@media (min-width: 768px) {
    .information-content-sublist {
        margin-bottom: 30px; /* Increase spacing for larger screens */
    }
}

@media (min-width: 1024px) {
    .information-content-sublist {
        margin-bottom: 40px; /* Further increase spacing for extra-large screens */
    }
}