.homepage-carousel {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
}

.homepage-carousel *{
    -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.carousel-swiper-container {
    width: 100%;
}

.carousel-swiper-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 8px;
}

.carousel-titles-swiper {
    width: 100%;
    height: 128px;
    overflow: hidden;
}

.carousel-titles-swiper .swiper-slide{
  transform-origin: left;
}

.carousel-titles-swiper .swiper-slide .carousel-title {
    cursor: pointer;
    padding: 0.3rem 0;
    font-size: 18px;
    transition: all 0.3s ease;
    color: var(--wp--preset--color--light-dark-blue);
    text-transform: uppercase;
    transform-origin: left center;
}

.carousel-titles-swiper .swiper-slide.swiper-slide-thumb-active .carousel-title {
    color: var(--wp--preset--color--primary-color);
    transform: scale(1.3);
}

@media (max-width: 781px){
  .homepage-header-right .homepage-carousel .carousel-titles-swiper{
    display: none;
  }
  .homepage-header-right .homepage-carousel .carousel-swiper-container{
    display: none;
  }
}

@media (min-width: 782px){
  .homepage-header-left .homepage-carousel .carousel-swiper-container{
    display: none;
  }
  .homepage-header-right .homepage-carousel .carousel-titles-swiper{
    display: none;
  }
}