.hero.news {
  background-image: url(../img/img_hero_news.png);
}

hr.divider {
  position: absolute;
  bottom: 0;
  background: var(--Charcoal, #222731);
  height: 1px;
  width: 100%;
  border: none;
}

.recent__notes {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recent__notes .recent__notes__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1600px;
  padding: 45px 180px 0px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.splide.topics__slide {
  width: 100%;
}
.splide.topics__slide .splide__arrows,
.splide.topics__slide .splide__pagination {
  display: none;
}
.splide.topics__slide .splide__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.swiper-wrapper {
  padding-bottom: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.splide.topics__slide .splide__slide {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.swiper {
  width: 100%;
}
.swiper-slide {
  width: auto !important;
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
.swiper-button-next,
.swiper-button-prev {
  width: 10vw !important;
  top: 15% !important;
  margin-top: 0 !important;
  height: auto !important;
}
.swiper-button-next {
  right: 0 !important;
  background: -o-linear-gradient(
    190deg,
    #fff 15.6%,
    rgba(255, 255, 255, 0) 77.29%
  );
  background: linear-gradient(
    260deg,
    #fff 15.6%,
    rgba(255, 255, 255, 0) 77.29%
  );
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: end !important;
}
.swiper-button-prev {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
  background: -o-linear-gradient(left, #fff 15.6%, rgba(255, 255, 255, 0) 99.29%);
  background: -webkit-gradient(linear, left top, right top, color-stop(15.6%, #fff), color-stop(99.29%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, #fff 15.6%, rgba(255, 255, 255, 0) 99.29%);
  left: 0 !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: initial !important;
  content: url(../img/arrow_right.svg) !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: initial !important;
  content: url(../img/arrow_left.svg) !important;
}
.splide__arrow {
  background: transparent !important;
}
.tabs__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 24px;
  /* border-bottom: 1px solid #000; */
}
.tab__filter__item {
  background-color: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-bottom: 0.25rem;
  color: #888b8d;
  font-size: 1rem;
  font-weight: 450;
  line-height: 140%;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  margin-bottom: 0.5rem;
}
.tab__filter__item:visited {
  color: #888b8d;
}
.tab__filter__item.active-filter {
  color: #000;
  border-color: #000;
}


.notes__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 45px 0;
}
.page__news .swiper-wrapper {
  position: relative;
}
.page__news .swiper-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  border-bottom: 1px solid #888B8D;
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .notes__container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 1080px) {
  .recent__notes .recent__notes__container {
    padding: 22px 44px;
  }
  .tabs__filter {
    position: relative;
    overflow: auto;
    padding: 0 0 8px;
  }
  .tabs__filter::before {
    content: "";
    position: absolute;
  }
  .tabs__filter::after {
    content: "";
    position: absolute;
  }
  .tabs__filter .tab__filter__item {
    white-space: nowrap;
  }
  .splide.topics__slide .splide__arrows {
    display: block;
  }
  .splide.topics__slide .splide__slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .swiper-slide {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .recent__notes .recent__notes__container {
    padding: 22px 30px;
  }
  .hero .hero__container.small {
    padding: 90px 0;
  }
  .recent__notes {
    padding: 40px 0 80px;
  }
  .notes__container {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 45px 0;
  }
  .notes__container {
    width: 100%;
    overflow: hidden;
}
}