Vertical line across all sections on page

Hi everyone,

I have been trying to add a green line vertically across all sections on a page. This line needs to start halfway from the top of the hero section and end just above the footer.

I’ve created a div with a 1px border on the right with Position set to Absolute but I have not been able to make the line responsive and work on various viewports.

I’d really appreciate any help or advice you can provide.

Thank you in advance!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)