Hover effect enlarges text excessively

[MUSKANNISHAD]

Describe the bug
Typography issue: font enlarges too much on hover interaction

To Reproduce

1. Go to the homepage (or the specific page where the text appears).

2. Hover your mouse over any text element (for example, navigation links or headings).

3. Observe the font size increasing significantly on hover.

4. Notice how the layout shifts or becomes uneven due to the enlarged text.

Expected behavior
On hovering over any text element, the font size should increase slightly (if at all) to indicate interactivity, while maintaining proper alignment and not breaking the layout or design consistency.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser: Google Chrome

Additional context
The issue occurs on the homepage (and possibly other sections) when hovering over text elements. The font size increases too much, making the layout shift and look inconsistent.

This may be caused by a large transform: scale() or font-size value in the hover CSS rule. Reducing it slightly or using a smoother transition would improve the UI.

[MUSKANNISHAD]

I can solve this issue