.elementor-26 .elementor-element.elementor-element-1e54fe6{--display:flex;}/* Start custom CSS */#menuHint{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
display:none;
pointer-events:auto;
}

/* container */

.hint-content{
position:absolute;
top:20px;
left:5px;
display:flex;
flex-direction:column;
align-items:flex-start;
animation: fadeInHint 0.6s ease;
}

/* arrow pointing top-left */

.arrow-up-left{
width:40px;
height:40px;
border-top:4px solid #3aa6ff;
border-left:4px solid #3aa6ff;
transform:rotate(-45deg);
margin-bottom:12px;
margin-left:-25px; /* pushes arrow closer to menu icon */
animation: arrowBounce 1.6s infinite ease-in-out;
filter:drop-shadow(0 0 6px rgba(58,166,255,0.6));
}

/* hint text */

.hint-text{
background:rgba(0,0,0,0.75);
color:white;
padding:10px 14px;
border-radius:12px;
font-size:14px;
font-family:sans-serif;
backdrop-filter:blur(6px);
max-width:200px;
}

/* arrow animation */

@keyframes arrowBounce{
0%{
transform:rotate(-45deg) translate(0,0);
}
50%{
transform:rotate(-45deg) translate(-8px,-8px);
}
100%{
transform:rotate(-45deg) translate(0,0);
}
}

/* fade in animation */

@keyframes fadeInHint{
from{
opacity:0;
transform:translateY(-10px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* hide on desktop */

@media(min-width:768px){
#menuHint{
display:none !important;
}
}/* End custom CSS */