/* your styles go here */
body {
            background-color: #F5F7FA;
            color: #1A1A1A;
            -webkit-tap-highlight-color: transparent;
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Card Hover Depth Effect */
        .spot-card {
            transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .spot-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -6px rgba(15, 41, 66, 0.12);
        }

        /* Custom scrollbar for horizontal sections */
        .custom-h-scroll::-webkit-scrollbar {
            height: 6px;
        }
        .custom-h-scroll::-webkit-scrollbar-track {
            background: #EBF0F5;
            border-radius: 999px;
        }
        .custom-h-scroll::-webkit-scrollbar-thumb {
            background: #C2D1E0;
            border-radius: 999px;
        }
        .custom-h-scroll::-webkit-scrollbar-thumb:hover {
            background: #0086F0;
        }