How to Customize Bullets-in and Text Selection?

Hi, David!

All things are working fine, Except one.

I want the same space from the left side of the screen to UL.

As shown in the image: https://ibb.co/mRbszJy (But space width is very high in mobile devices) please help to reduce.

Here is the screenshot for current UL I am using with your given CSS: https://ibb.co/KLX98jh

I hope you understand what I am talking about.

So try this instead:

ul.custom-list {
    list-style: none;
    margin-left: 0.25em;
}

ul.custom-list li {
    padding-left: 1em;
    position: relative;
}

ul.custom-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 0.3em;
    height: 0.3em;
    margin: 0.2em 0.8em 0.2em 0;
    background-color: #2b60de;
}