creating an indent on a bullet point list

hi i have a pros and cons section on my site here

https://www.greatestreviews.co.uk/best-welding-helmet/

and what i want to do is move the pros bullet point list so it's more in line with the info in the other sections.

i only want to do this on desktop as mobile looks ok

.pro { background-color: #4CAF50; color: white; height: 100%;padding: 10px 10px 0;}@media (max-width: 768px) { .inside-grid-column { margin-bottom: 0; }}

would i need to add a

.pro li or something to css ?

but remember it's only for desktops!