.hover-card {
    transition: 0.3s;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.hero-section {
    height: 300px;
    background: url('/assets/images/himachal.jpg') center/cover no-repeat;
    border-radius: 0 0 20px 20px;
}

.hero-overlay {
    background: rgba(0,0,0,0.5);
    padding: 30px;
    border-radius: 10px;
}

.about-card {
    background: #ffffff;
}

.modern-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

    .modern-card img {
        width: 100%;
        height: 250px;
        object-fit: cover;
        transition: 0.4s;
    }

    .modern-card:hover img {
        transform: scale(1.1);
    }

.card-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

.vision-box {
    background: linear-gradient(135deg, #198754, #145c32);
}