.dotted-list {
    list-style-type: none; /* Remove default bullets */
    padding: 0;
}
.dotted-list li {
    position: relative;
    padding-left: 1.5rem; /* Space for the dot */
    margin-bottom: 0.5rem; /* Add space between items */
}
.dotted-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px; /* Dot size */
    height: 8px;
    background-color: #000; /* Dot color */
    border-radius: 50%; /* Makes the dot round */
}