ul.list-romawi > li { list-style-type: upper-roman; }
ol.list-number > li { list-style-type: decimal; }
.text-truncate-2, .text-truncate-3, .text-truncate-4, .text-truncate-5, .text-truncate-6, .text-truncate-7 {
  min-width: 100%;
  overflow: hidden; /* Sembunyikan teks yang meluap */
  text-overflow: ellipsis; /* Tambahkan elipsis '...' di akhir */
  display: -webkit-box;
  -webkit-box-orient: vertical; /* Menentukan arah isi kotak secara vertikal */ 
}
.text-truncate-2 { -webkit-line-clamp: 2; }
.text-truncate-3 { -webkit-line-clamp: 3; }
.text-truncate-4 { -webkit-line-clamp: 4; }
.text-truncate-5 { -webkit-line-clamp: 5; }
.text-truncate-6 { -webkit-line-clamp: 6; }
.text-truncate-7 { -webkit-line-clamp: 7; }

.mfp-bottom-bar .mfp-title { padding: 1rem 0 }

.modal-video-home button.btn-close {
  position: absolute;
  top: -23px;
  right: -23px;
  z-index: 9;
  background: #fff;
  border: 1px solid white;
  border-radius: 50%;
  padding: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.active>.page-link, .page-link.active { background-color: var(--dark); border-color: var(--dark); }
.page-link { color: var(--dark); }
.page-link:hover { color: #0C8B51; }