/*
|--------------------------------------------------------------------------
| Bali Indo Tour
| Homepage Destinations
|--------------------------------------------------------------------------
*/

.home-destinations {

    background: var(--surface-secondary);

}

.home-destination-card {

    position: relative;

    display: block;

    height: 280px;

    overflow: hidden;

    border-radius: var(--radius-lg);

    box-shadow: var(--shadow);

}

.home-destination-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(to top,
            rgba(15, 23, 42, .75),
            rgba(15, 23, 42, .05) 65%);

}

.home-destination-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: var(--transition-slow);

}

.home-destination-card:hover img {

    transform: scale(1.06);

}

.home-destination-overlay {

    position: absolute;

    right: var(--space-xl);
    bottom: var(--space-xl);
    left: var(--space-xl);

    z-index: 2;

}

.home-destination-overlay h3 {

    margin-bottom: var(--space-xs);

    color: var(--white);

    font-size: var(--font-xl);

    font-weight: var(--fw-bold);

}

.home-destination-overlay span {

    color: rgba(255, 255, 255, .82);

    font-size: var(--font-xs);

}

@media (max-width: 767.98px) {

    .home-destination-card {

        height: 220px;

    }

}