Reduce padding at bottom of product pages

Example before:

After:

Code:

/* -- code to reduce bottom padding on product pages  -- */
.product__related {
    margin-bottom: 0px;
}
.template-product .product-section>.wrapper:last-of-type,.template-product .product-section>.charge_rabbit:last-of-type,.template-product .product-section>.sky-pilot:last-of-type {
    padding-bottom: 0px;
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code