.bg-orange {
    background-color: #ff6600;
    color: #fff;
    border: none;
  }

    .bg-white {
    background-color: #ffffff;
    color: #fff;
    border: none;
  }
  .btn-orange {
    background-color: #ff6600;
    color: #fff;
    border: none;
  }
  .btn-orange:hover {
    background-color: #cc5200;
    color: #fff;
  }

  .btn-green {
    background-color: #59b51d;
    color: #fff;
    border: none;
  }
  .btn-green:hover {
    background-color: #48a00e;
    color: #fff;
  }

.bg-navbar{
    background-color: #202020;
}

.navbar-nav .nav-link {
  color: #fff !important; /* putih */
}

.navbar-nav .nav-link:hover {
  color: #ff7400 !important; /* contoh: kuning saat hover */
}

.img-limit-infographic {
  max-width: 1050px; /* batas lebar maksimal gambar */
  width: 100%;      /* agar responsif */
  height: auto;     /* biar tidak gepeng */
}

.img-limit-logo {
  max-width: 300px; /* batas lebar maksimal gambar */
  width: 100%;      /* agar responsif */
  height: auto;     /* biar tidak gepeng */
}

.img-limit-flyer {
  max-width: 800px; /* batas lebar maksimal gambar */
  width: 100%;      /* agar responsif */
  height: auto;     /* biar tidak gepeng */
}

.img-limit-ladder {
  max-width: 500px;  /* biar ikut col */
  width:100%;
  height: auto;
  border-radius: 8px; /* biar lebih halus */
}