:root {
  --logo-size-height: 80px;
  --space-block: 50px;
  --time-animation-change-vehicles-css: 750ms;
  --time-animation-change-vehicles-js: 750;
}
@media only screen and (max-width: 868px) {
  :root {
    --logo-size-height: 65px;
    --space-block: 35px;
  }
}

#main section .news-tabs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 100%;
  column-gap: 4px;
  border-bottom: 2px solid #d6d6d6;
  padding-bottom: 16px;
  padding-top: 24px;
  overflow: auto;
}
@media screen and (max-width: 868px) {
  #main section .news-tabs {
    justify-content: flex-start;
  }
}
#main section .news-tabs::-webkit-scrollbar {
  display: none;
}
#main section .news-tabs .news-tab-item {
  font-family: "Lexend", sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0 20px;
  color: #d6d6d6;
  cursor: pointer;
  white-space: nowrap;
}
#main section .news-tabs .news-tab-item.active {
  cursor: default;
  color: #7d4e13;
}
@media screen and (max-width: 500px) {
  #main section .news-tabs .news-tab-item {
    font-size: 1.4rem;
    padding: 0 12px;
  }
}
#main section .news-tabs .news-tab-line {
  height: 4px;
  background-color: #7d4e13;
  position: absolute;
  bottom: 0px;
  left: 0;
  transition: 0.3s;
}
#main section .news-panes .news-pane-item {
  display: none;
}
#main section .news-panes .news-pane-item.active {
  display: block;
}

/*# sourceMappingURL=news.css.map */