.hero-section {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 100%),
                url('/images/home/banner.png') center/cover no-repeat;
}

.hover-lift {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hover-lift:hover {
    transform: translateY(-3px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.hover-lift:active {
    transform: translateY(0);
}


@media (max-width: 991.98px) {
    .hero-section {
        background-position: 75% center;
        min-height: 80vh !important;
    }
}