.projects-listing .gallery-item,
.project-detail .gallery-item {
    transition: all 0.3s ease;
}

.projects-listing .gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.project-detail .gallery-item:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.project-clinic .gallery-item {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
}

.project-clinic .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.project-clinic .gallery-item:hover {
    transform: none;
    box-shadow: none;
}

.project-clinic .gallery-item:hover img {
    transform: scale(1.03);
}