ol.counter {
    list-style-type: none;
}

/* Reset the "item" counter for each new parent ordered list */
ol.counter {
    counter-reset: item;
}

/* For every list item... */
li.counter {
    display: block; /* Required for the ::before pseudo-element to render correctly */
}

    /* ...generate and style the list marker */
    li.counter::before {
        /* Use the "counters" function to combine the parent and child counters, separated by a dot */
        content: counters(item, ".") ". ";
        /* Increment the counter for each list item */
        counter-increment: item;
        /* Add custom styling for alignment and spacing */
        font-weight: bold;
        margin-right: 5px;
    }