ol {
    list-style: none; /* Remove default bullets */
    padding-left: 20px; /* Add space for custom bullets */
}

ol li {
    position: relative; /* Needed for absolute positioning of custom bullets */
    padding-left: 20px; /* Space for custom bullets */
    margin-bottom: 10px; /* Space between list items */
    color: #ccc; /* Text color for dark mode */
    font-family: Arial, sans-serif; /* Font styling */
}

ol li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 10px;
    height: 10px;
    background-color: #3498db; /* Bullet color */
    border-radius: 50%; /* Make it circular */
}