.elementor-2785 .elementor-element.elementor-element-75cc660f{--display:flex;}.elementor-2785 .elementor-element.elementor-element-77a8939f{--display:flex;}.elementor-2785 .elementor-element.elementor-element-581d9a07{--swiper-slides-to-display:3;--swiper-offset-size:100px;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:15px;--arrow-normal-color:var( --e-global-color-195dc05 );--dots-normal-color:var( --e-global-color-477b19f );}.elementor-2785 .elementor-element.elementor-element-581d9a07 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-477b19f );border-radius:50px 50px 50px 50px;padding:5px 5px 5px 5px;}.elementor-2785 .elementor-element.elementor-element-581d9a07 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-2785 .elementor-element.elementor-element-581d9a07{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2785 .elementor-element.elementor-element-581d9a07{--swiper-slides-to-display:1;--swiper-offset-size:50px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-581d9a07 */.elementor-2785 .elementor-element.elementor-element-581d9a07 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 20px;
    border-radius: 500px;
    height: 8px;
    transition: all ease 0.5s
}
.elementor-2785 .elementor-element.elementor-element-581d9a07 .swiper-pagination-bullet{
    width: 8px;
    border-radius: 500px;
    height: 8px;
    transition: all ease 0.5s
}
.product-carousel{
    position: relative;
}
.product-carousel::after{
    content: "";
    width: 50px;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1
}
.product-carousel::before{
    content: "";
    width: 50px;
    height: 100% !important;
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}
@media screen and (max-width: 800px) {
    .product-carousel::before{
         width: 20px;
    }
    .product-carousel::after{
         width: 20px;
    }
}/* End custom CSS */