.carousel {
  padding: 96px 0;
}
.carousel-slider {
  margin: 0 4rem;
}
@media (max-width: 960px) {
  .carousel-slider {
    margin: 0;
  }
}
.carousel-slider .flickity-viewport {
  transition: height 0.2s;
}
.carousel-slider .dot {
  padding: 0;
  background: var(--dark-peach);
  margin: 0 4px;
}
@media (min-width: 961px) {
  .carousel-slider .dot {
    display: none;
  }
}
.carousel-slider .dot::before {
  display: none;
}
.carousel-slider .flickity-button {
  background: var(--dark-peach);
  color: white;
}
@media (max-width: 960px) {
  .carousel-slider .flickity-button {
    display: none;
  }
}
.carousel-slider .flickity-button.previous {
  left: -3.5rem;
}
.carousel-slider .flickity-button.next {
  right: -3.5rem;
}
.carousel-slider-item {
  margin-right: 1rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3rem;
  background: var(--pastel-blue);
  padding: 40px;
}
@media (max-width: 960px) {
  .carousel-slider-item {
    padding: 15px;
  }
}
.carousel-slider-item-media {
  flex: 1 1 200px;
}
.carousel-slider-item-text {
  flex: 1 1 400px;
}
.carousel-slider-item-text h3 {
  color: var(--blue);
}