.news-slider-wrapper {
  width: 100%;
  padding: 120px 0 120px 0;
  position: relative;
  overflow: hidden;
  z-index: 20;
}

.news-carousel {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px 0;
  outline: none;
}

.news-carousel .flickity-viewport {
  overflow: visible !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 150px, black calc(100% - 150px), transparent 100%);
}

.news-carousel .carousel-cell {
  position: relative;
  width: 420px;
  margin: 0 15px;
  opacity: 0.4;
  transition: opacity 0.5s ease;
}

.news-carousel .carousel-cell.is-visible-custom {
  opacity: 1;
}

.news-slide-image-wrapper {
  position: relative;
  width: 100%;
  height: 236px;
  background: #1a1c23;
  clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px);
  overflow: hidden;
}

.news-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform 0.5s ease;
}

.news-slide:hover .news-slide-img {
  transform: scale(1.05);
}

.news-slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../assets/big-img-overlay.png') center/cover no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: saturate(0.95);
  opacity: 0.8;
}

.news-slide-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../assets/rough-diagnal-frame.png') center/100% 100% no-repeat;
  z-index: 5;
  pointer-events: none;
}

.news-slide-corner-addon {
  position: absolute;
  top: -13px;
  right: -13px;
  z-index: 10;
}

.news-carousel .flickity-prev-next-button {
  background: transparent !important;
  width: 60px;
  height: 60px;
  border-radius: 0 !important;
  opacity: 1 !important;
  top: 41% !important;
  transform: translateY(-50%) !important;
}

.news-carousel .flickity-prev-next-button svg {
  width: 60%;
  height: 60%;
}

.news-carousel .flickity-prev-next-button .arrow {
  fill: var(--gold-main) !important;
}

.news-carousel .flickity-prev-next-button:hover .arrow {
  fill: #fff !important;
}

.news-carousel .flickity-prev-next-button.previous {
  left: max(10px, calc((100vw - var(--content-width)) / 4 - 30px)) !important;
}

.news-carousel .flickity-prev-next-button.next {
  right: max(10px, calc((100vw - var(--content-width)) / 4 - 30px)) !important;
}

@media (min-width: 1921px) {
  .news-carousel .flickity-prev-next-button.previous {
    left: max(10px, calc((100vw - var(--content-width)) / 4 - 300px)) !important;
  }

  .news-carousel .flickity-prev-next-button.next {
    right: max(10px, calc((100vw - var(--content-width)) / 4 - 300px)) !important;
  }
}

.news-slide-info {
  margin-top: 0.8rem;
  padding: 0 0.5rem;
  text-align: left;
}

.news-slide-date {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: var(--gold-main);
  letter-spacing: 0.5px;
}

.news-slide-title {
  font-family: 'Volkhov', serif;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0.3rem;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
}