.bd-placeholder-img{
      font-size:1.125rem;text-anchor:middle;
      user-select:none;
    }
    @media (min-width:768px){
      .bd-placeholder-img-lg{font-size:3.5rem}
    }
    .b-example-divider{
      width:100%;height:3rem;background-color:#0000001a;
      border:solid rgba(0,0,0,.15);border-width:1px 0;
      box-shadow:inset 0 .5em 1.5em #0000001a,
                  inset 0 .125em .5em #00000026;
    }
    .nav-scroller{
      position:relative;z-index:2;height:2.75rem;overflow-y:hidden;
    }
    .nav-scroller .nav{
      display:flex;flex-wrap:nowrap;padding-bottom:1rem;
      margin-top:-1px;overflow-x:auto;text-align:center;
      white-space:nowrap;-webkit-overflow-scrolling:touch;
    }
    .btn-bd-primary{
      --bd-violet-bg:#712cf9;
      --bs-btn-font-weight:600;
      --bs-btn-color:#fff;
      --bs-btn-bg:var(--bd-violet-bg);
      --bs-btn-border-color:var(--bd-violet-bg);
      --bs-btn-hover-color:#fff;
      --bs-btn-hover-bg:#6528e0;
      --bs-btn-hover-border-color:#6528e0;
    }
    .bd-mode-toggle{z-index:1500}
    .bd-mode-toggle .bi{width:1em;height:1em}

     .justify {
    text-align: justify;
    text-justify: inter-word;
  }

  /* Agar bullet list ikut justify */
  .justify ul {
    text-align: justify;
    text-justify: inter-word;
  }

  .justify ul li {
    text-align: justify;
  }

  .footer {
    background: rgba(0, 0, 0, 0.015);
    backdrop-filter: blur(4px);
  }

  .footer-logo {
    max-height: 48px;
    max-width: 100%;
    object-fit: contain;
    opacity: 0.9;
    transition: opacity 0.3s ease;
  }

  .footer-logo:hover {
    opacity: 1;
  }

  .footer-logo-center {
    max-height: 56px; /* logo utama sedikit lebih besar */
  }