/* Carousel container */
.cic-carousel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Each slide fills the available width */
.cic-carousel-slide {
  width: 100%;
  box-sizing: border-box;
}

.cic-carousel-slide[hidden] {
  display: none !important;
}

/* Keep the card from overflowing its container */
.cic-carousel .hero-card {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Allow the text and image to share the available width */
.cic-carousel .hero-card-text {
  flex: 1 1 40%;
  min-width: 0;
  box-sizing: border-box;
}

/* Image: 2/3 of the card */
.cic-carousel .hero-card-image {
  flex: 2 1 60%;
  min-width: 0;
  box-sizing: border-box;
}
.cic-carousel .hero-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Previous/next controls */
.cic-carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
}

.cic-carousel-controls button {
  width: 42px;
  height: 42px;
  border: 1px solid #4e5196;
  border-radius: 50%;
  background-color: #fff;
  color: #4e5196;
  font-size: 18px;
  cursor: pointer;
}

.cic-carousel-controls button:hover {
  background-color: #4e5196;
  color: #fff;
}

.cic-carousel-controls button:focus-visible {
  outline: 3px solid #1b6ec2;
  outline-offset: 3px;
}

#cicSlideStatus {
   font-family: "Chakra","Arial",sans-serif;
  font-size: 12pt;
  font-weight: inherit;
  color: #565656;
  line-height: inherit;
}}

/* Stack the card's text and image on smaller screens */
@media screen and (max-width: 767px) {
  .cic-carousel .hero-card {
    flex-direction: column;
  }

  .cic-carousel .hero-card-text,
  .cic-carousel .hero-card-image {
    flex: 1 1 auto;
    width: 100%;
  }

  .cic-carousel .hero-card-image img {
    height: auto;
  }
}