.shortcode-hero-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 100%;
    min-height: 500px; /* sesuaikan kebutuhan */
}

/* Jika ingin background tidak terlalu melebar */
.shortcode-hero-banner {
    background-size: contain; /* ganti dari cover ke contain */
    background-position: center;
    background-repeat: no-repeat;
}

/* Atau jika ingin kontrol lebih detail */
.shortcode-hero-banner {
    background-size: 100% auto; /* lebar 100%, tinggi auto */
    background-position: center top;
    background-repeat: no-repeat;
}

/* Mobile View Optimizations */
@media (max-width: 768px) {
    .shortcode-hero-banner {
        background-size: cover;
        background-position: center top;
        min-height: 400px; /* lebih pendek di mobile */
        background-attachment: scroll; /* penting untuk mobile */
    }
    
    /* Jika gambar masih terlalu melebar di mobile */
    .shortcode-hero-banner {
        background-size: contain;
        background-position: center;
        background-color: #f8f9fa; /* fallback background */
    }
}

@media (max-width: 480px) {
    .shortcode-hero-banner {
        min-height: 300px;
        background-size: cover;
        background-position: center center;
    }
    
    /* Adjust content spacing */
    .shortcode-hero-banner .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/**** UBAH ukuran font di menu ****/
.tgmenu__navbar-wrap>ul>li a{
  font-size:20px;
}