.nav-active {
  font-weight: 600;
  color: #01a555;
}

.nav-active:hover {
  color: #01a555;
}

.cust-collapse {
  background: #3f403b;
}

.cust-navbar {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.cust-link:hover {
  color: #01a555 !important;
}

.programmes-text {
  -webkit-line-clamp: 2;
}

.clamped-text-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.clamped-text-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.read-more {
  padding: 8px 0;
}

.cust-nav-link {
  width: 100%;
  color: black;
  text-align: start;
  border-radius: 0px;
}

.cust-nav-link:hover {
  background-color: #023a32;
  color: white;
  border-radius: 0px;
}

.nav-tabs .nav-item .cust-nav-link.active {
  border-radius: 0;
  color: #ffffff;
  background: linear-gradient(to right, green 98%, rgb(221, 126, 2) 98%, rgb(221, 126, 2) 100%);
  /* background: linear-gradient(to right, #d5d92e 1%, #d5d92e 1%, #023a32 1%, #023a32 99%, #d5d92e 99%, #d5d92e 100%); */
  font-weight: 600;
}

.programmes-anchor {
  text-decoration: none;
  color: black;
}