.section-news .nav {
  --bs-nav-padding-y: 0;
  --bs-nav-padding-x: 30px;
  --bs-nav-border-radius: 30px;
  --bs-nav-link-color: #999;
  --bs-nav-link-hover-color: #222;
  --bs-nav-link-active-color: #222;
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-spacer-x: 20px;
  --bs-nav-link-spacer-y: 10px;
  padding: var(--bs-nav-padding-y) var(--bs-nav-padding-x);
  background-color: #fff;
  border-radius: var(--bs-nav-border-radius);
  transform: translateY(-50%);
}
.section-news .nav .nav-link {
  position: relative;
  margin-right: var(--bs-nav-link-spacer-x);
  margin-top: var(--bs-nav-link-spacer-y);
  margin-bottom: var(--bs-nav-link-spacer-y);
}
.section-news .nav .nav-link.active {
  color: var(--bs-nav-link-active-color);
}
.section-news .nav .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  bottom: 0;
  margin-bottom: calc(var(--bs-nav-link-spacer-y) * -1);
  background: -webkit-gradient(linear, right top, left top, from(#399FEE), to(#95E868));
  background: linear-gradient(-90deg, #399FEE, #95E868);
  border-radius: 2px;
}

@media screen and (min-width: 768px) {
  .section-news .nav {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (min-width: 992px) {
  .section-news .nav {
    --bs-nav-padding-x: 40px;
    --bs-nav-border-radius: 40px;
    --bs-nav-link-spacer-x: 50px;
    --bs-nav-link-spacer-y: 20px;
	
  }
}