/* institute.css */

.card {
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 12px;
}
.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 0.3s;
}
.position-relative:hover .overlay {
    opacity: 1;
}
.overlay a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}
.hover-scale img {
    transition: transform 0.3s;
}
.hover-scale:hover img {
    transform: scale(1.1);
}