.tour-arrow {
    position: absolute;
    pointer-events: none;
    z-index: 1000;
    transition: clip-path 0.3s ease-in-out;
}

.tour-arrow.curved {
    clip-path: polygon(0% 0%, 50% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);
}

.tour-arrow.straight {
    clip-path: polygon(0% 0%, 1% 0%, 1% 100%, 0% 100%);
}

.tour-arrow.large-arrow {
    transform: scale(1.2);
}

.tour-arrow.curved.visible {
    clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 100% 50%, 100% 100%, 0% 100%);
}

.tour-arrow.straight.visible {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

@media (max-width: 767px) {
    .tour-arrow {
        display: none !important;
    }
}