Scroll to element not scrolling to correct element

Hello I have a few buttons on my page that I am using the “scroll to” element in order for it to scroll to a certain group of the page. However, it is not scrolling to the correct group on the page. In fact, it is scrolling precisely to the group that is above it on the page. I thought about doing a pixel offset in order to combat this issue but every 5th time the “scroll to” element works perfectly. Do you any of you guys know what could be causing this? Here is my test version of my website: Lawyer

^you can click on any of the buttons that say “get access now”

Also here is a screenshot of the scroll to function if that helps: