.home-news {
  position: relative;
  z-index: 1;
  background-color: #ff7777;
  padding: 120px 40px 87px;
  -webkit-mask-image: url("../../../../assets/wave-red.svg"), url("../../../../assets/wave-red-bottom.svg"), linear-gradient(#000, #000);
  mask-image: url("../../../../assets/wave-red.svg"), url("../../../../assets/wave-red-bottom.svg"), linear-gradient(#000, #000);
  -webkit-mask-size: 1470px 76px, 1470px 76px, 100% calc(100% - 106px);
  mask-size: 1470px 76px, 1470px 76px, 100% calc(100% - 106px);
  -webkit-mask-position: left top, left bottom, left 53px;
  mask-position: left top, left bottom, left 53px;
  -webkit-mask-repeat: repeat-x, repeat-x, no-repeat;
  mask-repeat: repeat-x, repeat-x, no-repeat;
  -webkit-mask-composite: source-over;
  mask-composite: add;
}
@media (max-width: 960px) {
  .home-news {
    padding: 80px 0 60px;
    -webkit-mask-size: 760px 55px, 760px 55px, 100% calc(100% - 78px);
    mask-size: 760px 55px, 760px 55px, 100% calc(100% - 78px);
    -webkit-mask-position: left top, left bottom, left 53px;
    mask-position: left top, right bottom, left 53px;
  }
}

.home-news__dots {
  position: absolute;
  inset: 0;
  background-image: url("../../../../assets/dots-pattern.png");
  background-size: 1002px 1002px;
  background-repeat: repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: 1;
}

.home-news .news-inner {
  max-width: 849px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

@media (max-width: 960px) {
  .home-news .section_header {
    align-items: flex-start;
    padding-left: 17px;
    gap: 0;
  }
}

.home-news .title {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .home-news .title {
    margin-bottom: -24px;
  }
}

.home-news .news-grid {
  padding-top: 36px;
  padding-bottom: 28px;
}
@media (max-width: 960px) {
  .home-news .news-grid {
    padding-top: 26px;
  }
}

@media (max-width: 960px) {
  .home-news .news-grid {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 54px;
    gap: 12px;
    padding-bottom: 32px;
    margin-top: 0;
  }
  .home-news .news-grid::before {
    content: "";
    min-width: 54px;
    flex-shrink: 0;
  }
  .home-news .news-grid::-webkit-scrollbar {
    display: none;
  }
  .home-news .news-item {
    min-width: 200px;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .home-news .more-link-container--right {
    justify-content: center;
  }
  .home-news__more-link {
    border-color: #fff;
    color: #fff;
  }
}