Custom Bullet Points Alignment Issues

If you take a look at the bottom of the page, there are 2 columns “we are a good match if” and “we are NOT a good match if”.

I’ve managed to add custom bullets there (checks and crosses), however, now, I can’t align the text underneath each other. The text that starts on the second line starts under the bullet instead of under the text.

This is what my code looks like:

.good-match ul li {
list-style-type: none;
list-style-position: outside!important;
}

.good-match ul li:before{
content: "✓";
padding-right: 5px;
}

.no-match ul li, .no-match ol li{
list-style-type: none;
list-style-position: outside!important;
}

.no-match ul li:before{
content: "X";
padding-right: 10px;
}

Would be grateful for any help you can offer.

Thanks in advance

The page I need help with: [log in to see the link]