<style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(226, 232, 240, 0.8);
        }

        .hero-gradient {
            background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 50%, #f0f9ff 100%);
        }

        .service-card:hover .icon-box {
            background-color: #0d9488;
            color: white;
            transform: rotate(-5deg);
        }

        .doctor-card img {
            transition: transform 0.5s ease;
        }
        .doctor-card:hover img {
            transform: scale(1.05);
        }

        .floating-whatsapp {
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }

        /* Hide scrollbar but keep functionality */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 20px;
}

/* IMAGE STYLE */
.gallery img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
    
    /* Animation initial */
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    animation: fadeUp 0.8s ease forwards;
}

/* STAGGER EFFECT */
.gallery img:nth-child(1) { animation-delay: 0.1s; }
.gallery img:nth-child(2) { animation-delay: 0.2s; }
.gallery img:nth-child(3) { animation-delay: 0.3s; }
.gallery img:nth-child(4) { animation-delay: 0.4s; }
.gallery img:nth-child(5) { animation-delay: 0.5s; }
.gallery img:nth-child(6) { animation-delay: 0.6s; }
.gallery img:nth-child(7) { animation-delay: 0.7s; }
.gallery img:nth-child(8) { animation-delay: 0.8s; }
.gallery img:nth-child(9) { animation-delay: 0.9s; }
.gallery img:nth-child(10){ animation-delay: 1s; }
.gallery img:nth-child(11){ animation-delay: 1.1s; }
.gallery img:nth-child(12){ animation-delay: 1.2s; }

/* HOVER EFFECT */
.gallery img:hover {
    transform: scale(1.08) rotate(1deg);
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* KEYFRAME */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 992px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
</style>
