#header .header-body {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
}

article.blog-single-post p,
article.blog-single-post a,
article.blog-single-post li {
  font-size: 0.9rem;
}

article.blog-single-post ol li,
article.blog-single-post ul li {
  margin-bottom: 0.9rem;
}

.nav-tabs li a{
  margin-bottom: 1rem!important;
}

.nav-tabs a.nav-link {
  color: #9b9b9b !important;
  border-right: var(--secondary) !important;
  font-weight: 500;
}

.nav-tabs a.nav-link.active {
  color: var(--secondary) !important;
  border-right: var(--secondary) !important;
}

.overflow-ellipsis-1 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1 !important; /* Atur jumlah baris yang diinginkan */
  height: 100%;
}

.overflow-ellipsis-2 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 2 !important; /* Atur jumlah baris yang diinginkan */
  height: 100%;
}

.overflow-ellipsis-3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 3 !important; /* Atur jumlah baris yang diinginkan */
  height: 100%;
}

#statusNetwork{
  position: fixed;
  top: 120px;
  left: 45%;
  transform: translateX(-50%);
  z-index: 999;
}

@media only screen and (max-width: 768px) {
  #statusNetwork{
    left: 30%;
  }
}

@media only screen and (max-width: 992px) {
  #statusNetwork{
    left: 40%;
  }
}