.visi-misi-section ul.list-group li {
  font-size: 0.95rem;
  color: #333;
}

blockquote.blockquote {
  font-size: 1.1rem;
  font-weight: 500;
  font-style: italic;
}

.list-group-item {
  background-color: #fff;
  transition: background-color 0.2s ease;
}
.list-group-item:hover {
  background-color: #f5f5f5;
}


/* ============================= */
/*      SIDEBAR HALAMAN LAINNYA */
/* ============================= */

.halaman-list {
  margin-top: 1rem;
}

.halaman-list li {
  background: #ffffff;
  border-left: 4px solid #27ae60;
  border-radius: 0.6rem;
  padding: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  transition: all 0.2s ease-in-out;
}

.halaman-list li:hover {
  background-color: #f8f9fa;
  transform: translateX(4px);
}

.halaman-link {
  color: #212529;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.halaman-link:hover {
  color: #138f75;
}

.halaman-link i {
  color: #1abc9c;
  font-size: 1.2rem;
}

/* Breadcrumb container styling */
.breadcrumb-container {
  background: #f8f9fa;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* Breadcrumb list styling */
.custom-breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 0.95rem;
}

/* Link item style */
.custom-breadcrumb .breadcrumb-item a {
  color: #1abc9c;
  text-decoration: none;
  transition: color 0.2s ease;
}

.custom-breadcrumb .breadcrumb-item a:hover {
  color: #138f75;
  text-decoration: underline;
}

/* Active item style */
.custom-breadcrumb .breadcrumb-item.active {
  color: #333;
  font-weight: 600;
}