/* HERO FULL */
.hero,
.home-hero,
.hero-section,
.hero-slide,
.hero-item,
.hero-bg,
.hero-background,
.slider-bg,
.home-hero-slide,
.desa-hero-slide,
.desa-hero-slider .desa-hero-slide,
.hero-full,
.hero-full.has-image {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #064e3b !important;
}

/* area hero */
.hero,
.home-hero,
.hero-section,
.desa-hero-slider,
.hero-full {
    min-height: 650px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* kalau hero memakai tag img */
.hero img.hero-bg-image,
.home-hero img.hero-bg-image,
.hero-section img.hero-bg-image,
.hero-slide img,
.home-hero-slide img,
.desa-hero-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* overlay tulisan */
.hero::before,
.home-hero::before,
.hero-section::before,
.hero-slide::before,
.home-hero-slide::before,
.desa-hero-slide::after,
.hero-full::before,
.hero-full::after {
    pointer-events: none !important;
}

@media (max-width: 900px) {
    .hero,
    .home-hero,
    .hero-section,
    .desa-hero-slider,
    .hero-full {
        min-height: 520px !important;
    }
}