:root {
    --vz-topnav-bg: #2A9844; /* atau bisa juga menggunakan "green" */
    --vz-topnav-item-color: #fff;
    --vz-dropdown-bg: #2A9844;
    --vz-topnav-item-color-active: #212529;
    --vz-footer-bg : #2A9844;
    --vz-footer-color : #fff;
}

.navbar-header  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-header .image1 {
  width: 150px; /* Lebar khusus untuk image1 */
}

.navbar-header .image2 {
  width: 410px; /* Lebar khusus untuk image2 */
}

.topnav-hamburger {
  display: none;
}

/* Hanya tampilkan satu gambar pada tampilan mobile */
@media (max-width: 768px) {
    .image2 {
        display: none; /* Sembunyikan image2 di tampilan mobile */
    }
    .topnav-hamburger {
      display: inline-block;
    }

}

.marquee {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.marquee p {
  display: inline-block;
  padding-left: 20%;
  animation: marquee 20s linear infinite;

}

@keyframes marquee {
  0% {
      transform: translateX(100%);
  }
  100% {
      transform: translateX(-100%);
  }
}

.swiper {
  width: 100%;
  height: 400px; /* Tinggi slider */
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
}

#chart {
  min-width: 1200px; /* Lebar chart lebih besar dari kontainer */
  max-width: 95%;
  margin: 35px auto;
}
#pie {
  max-width: 95%;
  margin: 35px auto;
}
#stacked-bar-chart {
  max-width: 95%;
  margin: 35px auto;
}
.chart-container {
  width: 100%; /* Sesuaikan lebar kontainer */
  overflow-x: auto; /* Tambahkan scroll horizontal */
}