@charset "UTF-8";

.carousel-image {
    overflow: hidden;
}

.carousel-image .container{
position: relative;
}

.carousel-image .section__content {
    position: relative;
}


.carousel-image .swiperDefault .swiper-slide {
    margin-right: 0!important;
}


.carousel-image .swiperDefault .swiper-slide img {
    height: auto !important;

}

.carousel-image .swiper-pagination-bullets {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 1000;
}

.carousel-image .swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: white;
    opacity: .5;
}

.carousel-image .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: red;
    opacity: 1;
}


.carousel-image:hover .actions {
    opacity: 1;
}

.carousel-image .actions {
    opacity: 0;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  position: absolute;
  z-index: 100;
  top: calc(50% - 1rem);
  width: 100%;
  display: flex;
  padding: 0 .5rem;
  transition: all ease-in 250ms;
}

.carousel-image .actions .btn {
  background: rgba(255,255,255,0.6);
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all ease-in 150ms;
}

.carousel-image .actions .btn:hover {
    background-color: white;
}