Remove border under scroll arrow and remove space at top of page

I have two picture to upload…not sure how to do that.

1. Your suggestion above works! But…it also distorts the circular images in the color sections. Seems to move the top of the color sections to under the svg divider?

I took a picture, I just need to attach it for you.

2. The second picture shows the line I want to remove. I think now it is the top border for the color section. That is what the arrow on the TOP color block that is pointing to the section below is pointing TO. In my case, it looks navy blue. This line I would like to remove on all 3 color blocks appears ABOVE the svg divider.

Thanks for your suggestion above. it DID work, it just seems to affect something else.

Rikard, thanks for your help.

1. Removed the white space at the top of the screen, under sub_menu by using this css. Just in case someone else might need to delete such an item in future.

div#after_submenu_1 .content{
padding-bottom: 0;
}
div#after_submenu_1 div.av-section-cont-open:nth-child(1){display:none!important;}

2. I presume that the horizontal line I have circled with a red circle is a border on the color block? I want to remove it — or make it transparent — if removal is not possible.

This horizontal line is on all 3 color sections on the page, but you will see the one on the aqua to blue blocks circled in red.

As I said, it appears below where the scroll arrow pulses and is at very top of the svg divider. But I would like it to disappear!

This is the one-day link for the page.

Thanks again for looking at this.