Site is appearing differently across different browsers

I have designed my project in Chrome.
Also tried making changes inside safari but did not work.

Here is my read only link:
https://preview.webflow.com/preview/missionhomes?utm_medium=preview_link&utm_source=dashboard&utm_content=missionhomes&preview=114606f745877314491ae0808f662011&mode=preview

Everything is working properly across different browsers EXCEPT for the Header.
In Chrome it works properly across every page.
In Safari it ONLY works properly on the homepage but not the inline pages (please see attached photos).
Safari Inline Page:
(Note the excessive space on the top/bottom of the header.)

Safari Home Page:
(Correct spacing only on the home page.)

The content inside the header looks correct but the top/bottom margins expand on safari. I’ve tried all different settings but nothing seems to work.

Chrome Inline Page:
(Correct across all pages on Chrome)

Any information would be greatly appreciated.


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