Mouse Hover Interaction not working with custom cursor

I am trying to create a simple hover animation where when a mouse hovers over a certain div, some text will show up and when you move out of the div the text will disappear.

I know this question has been asked many times, but my situation seems to be with the cursor wrapper, because as soon as i hide my cursor wrapper and use the normal pointer the hover and show animation starts working.

Here is the link to the website i am building
Architecture Company Website

how did you solve it please