/* Lightweight local replacement for former Swiper-based sections */
.featured-carousel {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.featured-carousel .featured-carousel__track {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: visible;
  transition: transform 0.5s ease;
  will-change: transform;
}

.featured-carousel .featured-carousel__slide {
  float: none;
  grid-column-gap: 7em;
  background-color: var(--white);
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  flex: 0 0 100%;
  width: 100%;
  height: 29em;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 #0000000d;
}

.featured-image-wrapper {
  object-fit: cover;
  padding: 1.3em 1.5em;
}

.featured-image {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
  height: 26em;
}

.featured-carousel__pagination.lite-carousel-dots {
  z-index: 2;
  width: 100%;
  height: auto;
  padding-top: 2em;
  position: absolute;
  inset: auto 0% 0%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.lite-carousel-dot {
  width: 12px;
  height: 12px;
  background: rgb(0 0 0 / 20%);
  border: 0;
  border-radius: 999px;
  padding: 0;
  cursor: pointer;
}

.lite-carousel-dot.is-active {
  background: #e29578;
}

.myswiper .logo-carousel {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #e29578 rgb(0 0 0 / 12%);
}

.myswiper .logo-carousel::-webkit-scrollbar {
  height: 6px;
}

.myswiper .logo-carousel::-webkit-scrollbar-thumb {
  background: #e29578;
  border-radius: 999px;
}

.myswiper .logo-carousel::-webkit-scrollbar-track {
  background: rgb(0 0 0 / 12%);
}

.myswiper .logo-carousel__track.is--conference {
  width: max-content;
  display: flex;
  gap: 20px;
}

.myswiper .logo-carousel__slide.auto {
  width: min(85vw, 22rem);
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.logo-carousel__scrollbar {
  display: none;
}

@media screen and (max-width: 991px) {
  .featured-carousel .featured-carousel__slide {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .featured-image {
    width: 100%;
    height: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .featured-carousel .featured-carousel__slide {
    grid-row-gap: 0.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .featured-image-wrapper {
    padding: 0;
  }

  .featured-image {
    height: 100%;
  }

  .featured-carousel__pagination.lite-carousel-dots {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .myswiper .logo-carousel__slide.auto {
    width: min(45vw, 20rem);
  }
}

@media screen and (min-width: 988px) {
  .myswiper .logo-carousel__slide.auto {
    width: min(23vw, 18rem);
  }
}
