Decreasing Padding / Content wrapper adjustment

Site URL: http://www.personalisedperformance.com

Thank you in advance for anyone who takes time to read this, especially as I know its a common problem.

Across my site i'm trying to reduce the padding within certain sections. However i'm struggling to code CSS to adjust the content wrapper in many sections

For example

The How We Work section - section[data-section-id="62b1b3605d4553319da72826"]

I would like to reduce the padding at the top of the page and the bottom so the icons within the section below are closer.

However:

[data-section-id="62b1b3605d4553319da72826"] .content-wrapper {padding-top: 0; padding-bottom: 0: } 

isn't working?

I'm generally struggling to edit sections - with slightly more luck with #blocks so i'm guessing i'm doing something fundamentally wrong.

BW Shaun