FOUC Flash of Unstyled Content Issue

Assistance Required with Header Display Issue on Website

I am experiencing a persistent issue on my website, which I’ve built using Elementor’s header basically the header is like there are 2 headers 1 show normally and second one on scroll the problem is Upon loading my website there is a momentary glitch where the header designed with Elementor appears duplicated. This flash of unstyled content (FOUC) happens briefly during the page load and resolves once the page is fully loaded, displaying the header as intended. It appears to be a rendering issue where both the normal header and the header that should only appear upon scrolling are displayed simultaneously.

Steps Taken: I have already attempted to mitigate this issue by implementing the following steps:

• Enabled CSS/JS minification and combination through LiteSpeed Cache.
• Experimented with the deferment of JavaScript files.
• Ensured that all plugins, themes, and WordPress itself are up-to-date.
• Checked for JavaScript errors in the browser console that could prevent proper script execution.
• Cleared and purged all caches after making changes to the settings.

Thank you for your time and assistance.

While Loading Image Showing like this

The page I need help with: [log in to see the link]