#nighty-two-zero-section {
  /* min-height: 100vh; */
}

#nighty-two-zero-svg {
  border-radius: 1.5rem;
  height: 8rem;
  box-shadow: 0 0 0 0.4rem #e4e5fa, 0 0 10rem -5rem #ff4d4d,
    0 0 20rem 1rem #ff4646;
}

.nighty-two {
  position: relative;
  width: 100%;
  min-height: 200px;

  display: flex;
  align-items: center;
}

.nighty-two__nighty {
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -3px;

  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% 13px;

  opacity: 0;
}

.nighty-two__svg {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  opacity: 0;
}

.twozero {
  margin: 0 auto;
  max-width: min(90%, 1170px);
}

.twozero__description {
  font-size: 1.6rem;
  color: rgb(207, 207, 207);
  line-height: 1.5;
}

.new-features {
  max-width: 1170px;
  margin: 0 auto;
  margin-top: 10rem;
}

.new-features h4 {
  margin-bottom: 4rem;
}

.slider-two {
  position: relative;
}

.slider-two__list {
  display: grid;
  grid-auto-flow: column;
  overflow: scroll;
  will-change: transform;
  scroll-snap-type: x mandatory;
  max-width: 100vw;
  gap: 5rem;
  list-style: none;
}

.slider-two__arrow-btn {
  background-color: #a7a7a75c;
  padding: 1rem;
  border-radius: 50%;

  position: absolute;
  top: 50%;
  translate: 0 -50%;
  z-index: 1;
  backdrop-filter: blur(10px);

  width: auto;
  margin: 0;
}

.slider-two__arrow-btn svg {
  height: 3rem;
  width: 3rem;
  display: block;
}

.slider-two__arrow-btn svg path {
  fill: none;
  stroke: #fff;
}

.slider-two__arrow-btn--left {
  left: 1rem;
}

.slider-two__arrow-btn--right {
  right: 1rem;
}

.slider-two__list::-webkit-scrollbar {
  display: none;
}

.slider-two__item {
  /* scroll-snap-align: start; */
  scroll-snap-align: center;
  /* scroll-margin-left: 3rem; */
  background-color: #1a1a1a;
  background-image: linear-gradient(330deg, #101010, #171717);
  border-radius: 1rem;
  min-width: 23rem;
  max-width: 70vw;
  padding: 3rem;
}

.slider-two__item:first-child {
  margin-left: 2rem;
}
.slider-two__item:last-child {
  margin-right: 2rem;
}

.slider-two__heading {
  max-width: 100%;
  margin-bottom: 2.5rem;

  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 1rem;
  justify-items: center;
  align-items: center;
}

.slider-two__icon {
  max-width: 100%;
}

.slider-two__heading-text {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  word-break: break-word;
  color: #dadada;
}

.slider-two__description {
  font-size: 1.4rem;
  text-align: left;
  font-weight: 200;
  color: #e8e8e8;
}

.link {
  margin-top: 3rem;
  display: block;
  font-size: 1.4rem;
}

@media screen and (min-width: 924px) {
  .nighty-two {
    min-height: 400px;
  }

  #nighty-two-zero-svg {
    border-radius: 5.5rem;
    height: 20rem;
  }

  .nighty-two__nighty {
    font-size: 10rem;
    letter-spacing: -6px;
    translate: -50% 20px;
  }
}

.animation-will-start {
  opacity: 0;
}

.animate-in-nighty-two-zero {
  animation: animate-in-nighty-two-zero 900ms alternate forwards ease-in-out;
}

@keyframes animate-in-nighty-two-zero {
  from {
    opacity: 0;
    translate: 0 70rem;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

@media screen and (min-width: 1170px) {
  .slider-two__arrow-btn--left {
    left: -1rem;
  }
  
  .slider-two__arrow-btn--right {
    right: -1rem;
  }
}