I applicated the recommendations like adjusting in Layout- Header and Content paddings etc but still I have a giant space between the header and content area, could you please help how to reduce and remove it.
The whole page itself is made with Elementor. If you want to adjust the space between elements, you’ll have to do it within Elementor’s page builder UI.
As for how to do things within Elementor’s page builder UI, please refer to the developer’s documentation.