.nj-hero {
  position: relative;
  width: min(1800px, calc(100vw - 120px));
  aspect-ratio: 1328 / 627;
  height: auto;
  max-height: calc(100vh - 85px);
  margin: 0 auto;
}
.nj-hero .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.9px) {
  .nj-hero {
    width: 100%;
    aspect-ratio: 1 / 1.59;
    margin-bottom: 60px;
  }
}
.nj-slider-button {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  color: #e5e5e5;
  cursor: pointer;
  line-height: 1;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  padding: 0;
}
.nj-slider-button svg path {
  transition: all 0.3s ease;
}
.nj-slider-button:hover,
.nj-slider-button:focus-visible,
.nj-slider-button:focus {
  background: transparent;
  background-color: transparent;
}
.nj-slider-button:hover svg path,
.nj-slider-button:focus-visible svg path,
.nj-slider-button:focus svg path {
  fill: #1C1C1C;
}
.nj-slider-button--prev {
  left: -35px;
}
.nj-slider-button--next {
  right: -35px;
}
@media screen and (max-width: 767.9px) {
  .nj-slider-button {
    top: auto;
    bottom: -45px;
    transform: none;
  }
  .nj-slider-button--prev {
    left: 20px;
  }
  .nj-slider-button--next {
    right: 20px;
  }
}