.curve-carousel .swiper {
  perspective: 1000px;
  transform-style: preserve-3d;
  overflow: visible;
  transform: rotateX(-6deg);
  padding: 70px 0;
}

.curve-carousel .swiper-slide {
  overflow: visible;
  backface-visibility: hidden;
}

.curve-carousel .swiper-slide-inner,
.curve-carousel .swiper-slide img {
  transform-origin: center center;
}

.bg-carrousel-games {
  transition: background-image 0.6s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.curve-carousel .swiper{
    overflow: visible;
    padding-bottom: 30px !important;
}

.curve-carousel .swiper-pagination-bullet{
    transition: all 300ms;
    border-radius: 50px;
}

.curve-carousel .swiper-pagination-bullet-active{
    width: 63px !important;
}

.curve-carousel .elementor-swiper-button-prev, selector .elementor-swiper-button-next{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:not(.elementor-editor-active) .curve-carousel .swiper-slide>.elementor-element {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 1s ease, transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

.curve-carousel.animate-in .swiper-slide>.elementor-element {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.curve-carousel.animate-in .swiper-slide:nth-child(1)>.elementor-element {
    transition-delay: 0.1s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(2)>.elementor-element {
    transition-delay: 0.25s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(3)>.elementor-element {
    transition-delay: 0.4s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(4)>.elementor-element {
    transition-delay: 0.55s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(5)>.elementor-element {
    transition-delay: 0.7s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(6)>.elementor-element {
    transition-delay: 0.85s;
}

.curve-carousel.animate-in .swiper-slide:nth-child(7)>.elementor-element {
    transition-delay: 1s;
}





body:not(.elementor-editor-active) .curve-carousel .swiper-slide .fragment-slider-games {
   visibility: hidden;
   opacity: 0;
   transition: all 300ms;
}


body:not(.elementor-editor-active) .curve-carousel .swiper-slide-active .fragment-slider-games {
   visibility: visible;
   opacity: 1;
}

.curve-carousel .swiper-slide{
    width: 436px !important;
}

.curve-carousel .swiper-slide .container-image-curve-slider::before{
     content: "";
    background: linear-gradient(180deg, rgba(54, 28, 126, 0.00) 0%, rgba(54, 28, 126, 0.30) 46.63%, rgba(54, 28, 126, 0.60) 100%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.curve-carousel .swiper-slide-active .container-image-curve-slider::before{
    background: linear-gradient(180deg, rgba(89, 46, 209, 0.00) 63.94%, rgba(89, 46, 209, 0.60) 100%);
}

.curve-carousel .swiper-slide-active .container-image-curve-slider{
    box-shadow: 0 0 26.6px 4px rgba(255, 255, 255, 0.20);
}

@media (max-width: 767px) {
  .curve-carousel .swiper {
    transform: rotateX(-4deg) scale(1.2);
  }

   .curve-carousel .swiper-slide{
     width: 264px !important;
    }
    
     selector .elementor-swiper-button-prev, selector .elementor-swiper-button-next{
        width: 32px;
        height: 32px;
    }
    
    .curve-carousel .swiper-slide .featured-image-curve img{
        height: 282px !important;
        transition: all ease 300ms;
    }
}