.hits_news {
  position: relative;
  overflow-x: hidden;
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-inactive-color: #ddd;
--swiper-pagination-bullet-height: 12px;
--swiper-pagination-bullet-width: 12px;
--swiper-pagination-right: 12px;
--swiper-pagination-bullet-horizontal-gap: 6px;
}

.three-tabs {
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}

.three-tabs__tabs-nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid lightgray;
}

.tab-indicator {
  position: absolute;
  bottom: -1px;
  height: 4px;
  left: 0px;
  background-color: var(--orange);
  transition: left 0.3s, width 0.3s;
}

.tab-item {
  padding: 10px 20px;
  cursor: pointer;
  color: black;
  font-size: 20px;
  transition: color 0.3s;
  background: none;
  border: none;
  outline: none;
  position: relative;
}

.tab-item:hover {
  color: var(--orange);
}

.tab-item.active {
  color: var(--orange);
}

.three-tabs__content {
  margin-top: 20px;
  width: 100%;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

@media (max-width: 768px) {
  .tab-item {
    font-size: 14px;
  }
}