html {
  scroll-behavior: smooth;
}

.faq-question {
  cursor: pointer;
}

/* Base custom styles to complement Tailwind */
body {
  overflow-x: hidden;
}

/* Carousel */
.carousel-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel-track {
  display: flex;
  align-items: center;
  transition: transform 0.7s ease-in-out;
}

.carousel-item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}