.banissimo-brand-slider {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-height: 430px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  background: #111;
}

.banissimo-brand-slider__track {
  position: relative;
  width: 100%;
  min-height: 430px;
  overflow: hidden;
}

.banissimo-brand-slider__slide {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 100%;
  min-height: 430px;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 600ms ease, visibility 600ms ease;
}

.banissimo-brand-slider__slide.is-active {
  opacity: 1;
  visibility: visible;
}

.banissimo-brand-slider__overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 24, 38, 0.52);
}

.banissimo-brand-slider__content {
  position: relative;
  z-index: 1;
  width: min(92%, 900px);
  display: grid;
  gap: 48px;
  justify-items: center;
  text-align: center;
}

.banissimo-brand-slider__brand {
  display: grid;
  gap: 18px;
  justify-items: center;
}

.banissimo-brand-slider .banissimo-brand-slider__brand h2,
.banissimo-brand-slider .banissimo-brand-slider__brand h3,
.banissimo-brand-slider .banissimo-brand-slider__brand h4,
.banissimo-brand-slider .banissimo-brand-slider__brand h5 {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(42px, 8vw, 82px);
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.banissimo-brand-slider .banissimo-brand-slider__brand a,
.banissimo-brand-slider .banissimo-brand-slider__brand a:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 32px;
  background: rgba(5, 23, 39, 0.76);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.banissimo-brand-slider .banissimo-brand-slider__brand a:hover,
.banissimo-brand-slider .banissimo-brand-slider__brand a:focus,
.banissimo-brand-slider .banissimo-brand-slider__brand a:active {
  background: rgba(5, 23, 39, 0.96);
  color: #ffffff !important;
  text-decoration: none;
}

.banissimo-brand-slider__dots {
  position: absolute;
  right: 28px;
  top: 50%;
  z-index: 2;
  display: grid;
  gap: 12px;
  transform: translateY(-50%);
}

.banissimo-brand-slider__dot {
  width: 13px;
  height: 13px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(220, 232, 240, 0.55);
  cursor: pointer;
}

.banissimo-brand-slider__dot.is-active {
  background: #fff;
}

@media (max-width: 768px) {
  .banissimo-brand-slider,
  .banissimo-brand-slider__track,
  .banissimo-brand-slider__slide {
    min-height: 410px;
  }

  .banissimo-brand-slider__content {
    gap: 38px;
  }

  .banissimo-brand-slider .banissimo-brand-slider__brand h2,
  .banissimo-brand-slider .banissimo-brand-slider__brand h3,
  .banissimo-brand-slider .banissimo-brand-slider__brand h4,
  .banissimo-brand-slider .banissimo-brand-slider__brand h5 {
    font-size: clamp(34px, 11vw, 58px);
  }

  .banissimo-brand-slider__dots {
    right: 18px;
    
  }
}

html,
body {
  overflow-x: hidden;
}