Products at the bottom of the "Collection" page are overlapping the newsletter section (debut theme)

[checkoutfirst]

Hello, can someone please help me fix this code?
The product tiles are overlapping the next section. It is only happening on "Collection" pages, not on the homepage. My website is www.checkoutfirst.com and the page it is happening on is https://checkoutfirst.com/collections/mens
Thanks

[Zworthkey · Accepted solution]

@checkoutfirst 
Add this code in the bottom of the theme.css file.

div#shopify-section-newsletter-pro-1643767605 {
    margin-top: 35px !important;
}

if you don't know where to put code. follow this.

1. Navigate to Online Store-> Theme->Edit code
2. Asset->/theme.css ->paste the Above code at the bottom of the file.
3. Save it.

[Zworthkey]

@checkoutfirst 
if helpful , like our Solution and let me know if you need any more help,
Thank you.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.main-content .shopify-section ul.grid.grid--uniform.grid--view-items {
margin-bottom: 0;
}

[Des-tiny]

how to solve it if the collection page is showing at the bottom