header {
  transition: background-color 0.3s ease;
}

header.scrolled {
  background-color: #0d6efd !important; /* Bootstrap primary blue */
}

.gradient-bg {
    background: linear-gradient(to bottom, #0d6efd, #DEF3FF); /* ganti sesuai AppColors.primaryColor & secondaryColor */
    /* min-height: 100vh; agar full tinggi layar */
}

#beranda {
    padding-top: 80px;
}

#top-image img {
  max-height: 300px;
}

@media (max-width: 768px) {
    #beranda {
        padding-top: 80px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .beranda-content {
        min-height: 85vh !important; 
        flex-direction: column; /* susun ke bawah */
        text-align: center;
    }

    #top-image img {
        max-height: 200px;
    }
}