.interactive-carousel-component .slide-content {
  display: flex;
  flex-direction: start;
  align-items: center;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: .5rem;

  overflow: hidden;

  /** Adjust the slide content height */
  height: 10rem;
}

.interactive-carousel-component .slide-content .thumbnail {
  flex-shrink: 0;
  align-self: center;
  max-width: 40%;
  max-height: 100%;
}

.interactive-carousel-component .slide-content .subtitle {
  font-size: .8em;
  color: #777777;
}

.interactive-carousel-component .slide-content .info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding-left: .5rem;
  padding-right: .5rem;
}

.interactive-carousel-component .splide {
  margin-bottom: 2em;
}

.interactive-carousel-component .splide__pagination {
  top: calc(100% + 0.5rem);
  bottom: unset;
}

.interactive-carousel-component .splide__arrow {
  background-color: unset;
}

.interactive-carousel-component .splide__pagination__page.is-active {
  background: var(--bs-primary);
}

.interactive-information-modal .modal-title .title {
  padding: 0 2rem;
}

.interactive-information-modal .kv-container {
  align-items: center;
}

.interactive-information-modal .kv {
  max-height: 15rem;
  margin: 0 auto;
}