Fix herosection top margin on smaller screens

[Prakash1185]

Problem

• The herosection was getting overlapped with the navbar due to less top margin on smaller screens.

What changed

• Increased herosection top margin on smaller screens with proper breakpoints.

Screenshots

Before

After

[netlify]

✅ Deploy Preview for dubbo ready!

Name	Link
🔨 Latest commit	24ec649
🔍 Latest deploy log	https://app.netlify.com/projects/dubbo/deploys/69776055e60c620008beb6b1
😎 Deploy Preview	https://deploy-preview-3188--dubbo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 23 (🔴 down 5 from production) Accessibility: 84 (no change from production) Best Practices: 83 (🔴 down 9 from production) SEO: 85 (no change from production) PWA: 80 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Prakash1185]

Hi @mfordjody ,
This PR fixes the herosection top margin on smaller screens.
Please have a look into this, Thank you.