/* Custom Styles for Parallax and Aesthetic */
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

.hero-bg {
    background-image: url('https://i.pinimg.com/736x/07/04/2c/07042c753b63df663a550df3d4249e25.jpg');
    background-repeat: no-repeat;
    background-size: cover;        /* Correct */
    background-position: center;   /* Makes it perfectly centered */
    background-attachment: fixed;  /* Optional: gives parallax effect */
}

        .adventure-bg {
            background-image: url('https://i.pinimg.com/736x/d9/1b/15/d91b153c6f3447573eb7c1ade86731bd.jpg');
        }

        .map-bg {
            background-image: url('https://i.pinimg.com/736x/a5/7c/27/a57c2704afe6a6256caf7b887e5250fe.jpg');
        }

        .sticky-navbar {
            backdrop-filter: blur(8px);
            background-color: rgba(255, 255, 255, 0.95);
        }
        
        /* Utility classes for intersection observer */
        .fade-in-scroll {
            opacity: 0;
            transition: opacity 1s ease-out, transform 1s ease-out;
            transform: translateY(30px);
        }
        .fade-in-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .shadow-3xl {
            
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 10px rgba(0, 119, 182, 0.1);

        }


                    .destination-card-upgraded {
                background: rgba(255,255,255,0.6);
                backdrop-filter: blur(16px);
                border-radius: 24px;
                overflow: hidden;
                box-shadow: 0 10px 35px rgba(0,0,0,0.1);
                transition: 0.5s ease;
            }

            .destination-card-upgraded:hover {
                transform: translateY(-10px);
                box-shadow: 0 20px 45px rgba(0,0,0,0.18);
            }

            .card-image-wrapper {
                height: 220px;
                overflow: hidden;
            }

            .destination-image {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: 0.6s ease;
            }

            .destination-card-upgraded:hover .destination-image {
                transform: scale(1.12);
            }

            .card-content {
                padding: 22px;
            }

            .card-title {
                font-size: 1.6rem;
                font-weight: 800;
                color: #1E293B;
            }

            .card-tags {
                color: #0077b6;
                font-weight: bold;
                margin-top: 6px;
                margin-bottom: 14px;
            }

            .card-btn {
                display: inline-flex;
                align-items: center;
                font-weight: 700;
                color: #0077b6;
                transition: 0.3s ease;
            }

            .card-btn:hover {
                color: #023e8a;
            }

            .btn-icon {
                width: 20px;
                stroke: currentColor;
                margin-left: 6px;
                transition: 0.3s ease;
            }

            .card-btn:hover .btn-icon {
                transform: translateX(4px);
            }