.gallery-image {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .gallery-image:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .testimonial-card {
            transition: transform 0.3s ease;
        }
        .testimonial-card:hover {
            transform: translateY(-5px);
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1F2937 0%, #374151 100%);
        }
        .scroll-snap-x {
            scroll-snap-type: x mandatory;
        }
        .scroll-snap-start {
            scroll-snap-align: start;
        }
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
        }
        .modal.active {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .modal-content {
            max-width: 90%;
            max-height: 90%;
            position: relative;
        }
        .modal-image {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }
        .close-modal {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
            z-index: 1001;
        }
        .close-modal:hover {
            color: #FACC15;
        }
        .place-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
            color: white;
            padding: 20px 16px 16px;
            border-radius: 0 0 8px 8px;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }
        .gallery-image:hover .place-overlay {
            transform: translateY(0);
        }
         .hero-bg {
            background: linear-gradient(135deg, rgba(31, 41, 55, 0.85), rgba(250, 204, 21, 0.1)), 
                        url('https://res.cloudinary.com/dpv01gwka/image/upload/v1752860204/Gallery_aotzjf.png');
            background-size: cover;
            background-position: center;
            background-attachment: scroll;
        }