body, * {
    cursor: none !important;
}
/* Force-hide native cursor across interactive elements and embeds */
a, button, input, textarea, select, label, iframe, canvas, video, audio {
    cursor: none !important;
}


.custom-cursor {
    position: fixed;
    width: 32px;
    height: 32px;
    background-image: url('Mouse.png');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000000; /* above any modal/overlay */
} 

.custom-cursor.hovering {
    background-image: url('Hovering.png');
}