.hero-img {
    transition: opacity .7s ease;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    scrollbar-width: none;
}
.hilir-card {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    inset: 0;
    transition: opacity .6s ease-in-out;
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.hilir-card.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 10;
}