/* ==========================================
   Elementor Carousel Fix
========================================== */

.custom-carousel{
    position:relative;
    overflow:hidden;
    width:100%;
    padding:20px 0;
}

.custom-carousel.swiper{
    overflow:hidden;
}

.custom-carousel .swiper-wrapper{
    display:flex;
    align-items:stretch;
}

.custom-carousel .swiper-slide{
    display:flex;
    justify-content:center;
    align-items:stretch;
    height:auto;
    box-sizing:border-box;
}

.custom-carousel .swiper-slide>*{
    width:100%;
}

/* Navigation */

.custom-carousel .swiper-button-prev,
.custom-carousel .swiper-button-next{

    width:44px;
    height:44px;

    border-radius:50%;

    background:#ac53e1;

    color:#fff;

    transition:.25s ease;

    box-shadow:0 8px 25px rgba(0,0,0,.15);

}

.custom-carousel .swiper-button-prev:hover,
.custom-carousel .swiper-button-next:hover{

    background:#9129c5;

    transform:translateY(-50%) scale(1.08);

}

.custom-carousel .swiper-button-prev::after,
.custom-carousel .swiper-button-next::after{

    font-size:18px;
    color:#fff;

}

/* Blur */

.custom-carousel::before,
.custom-carousel::after{

    content:"";

    position:absolute;

    top:0;

    width:80px;

    height:100%;

    z-index:5;

    pointer-events:none;

}

.custom-carousel::before{

    left:0;

    background:linear-gradient(to right,
        rgba(255,255,255,.96),
        transparent);

}

.custom-carousel::after{

    right:0;

    background:linear-gradient(to left,
        rgba(255,255,255,.96),
        transparent);

}

@media(max-width:1024px){

.custom-carousel .swiper-button-prev,
.custom-carousel .swiper-button-next{

    width:40px;
    height:40px;

}

}

@media(max-width:768px){

.custom-carousel::before,
.custom-carousel::after{

    width:50px;

}

.custom-carousel .swiper-button-prev,
.custom-carousel .swiper-button-next{

    width:36px;
    height:36px;

}

}

@media(max-width:480px){

.custom-carousel{

    padding:12px 0;

}

.custom-carousel::before,
.custom-carousel::after{

    width:30px;

}

}