.carousel-component .swiper-pagination-bullet {
  background-color: var(--muted-foreground);
  opacity: 0.35;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.carousel-component .swiper-pagination-bullet-active {
  background-color: var(--primary);
  opacity: 1;
  width: 1.5rem;
  border-radius: 9999px;
}

.carousel-component .swiper-slide {
  height: auto;
  display: flex;
}

.carousel-component .swiper-slide > * {
  width: 100%;
}