.elementor-585 .elementor-element.elementor-element-210db942{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--overlay-mix-blend-mode:overlay;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;--z-index:3;}.elementor-585 .elementor-element.elementor-element-210db942:not(.elementor-motion-effects-element-type-background), .elementor-585 .elementor-element.elementor-element-210db942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b5abaf );}.elementor-585 .elementor-element.elementor-element-210db942::before, .elementor-585 .elementor-element.elementor-element-210db942 > .elementor-background-video-container::before, .elementor-585 .elementor-element.elementor-element-210db942 > .e-con-inner > .elementor-background-video-container::before, .elementor-585 .elementor-element.elementor-element-210db942 > .elementor-background-slideshow::before, .elementor-585 .elementor-element.elementor-element-210db942 > .e-con-inner > .elementor-background-slideshow::before, .elementor-585 .elementor-element.elementor-element-210db942 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://xelo.de/wp-content/uploads/2025/10/680b8ffccf217101e602fa71_noise.png");--background-overlay:'';background-size:auto;}.elementor-585 .elementor-element.elementor-element-7051ec45{--e-image-carousel-slides-to-show:8;}.elementor-585 .elementor-element.elementor-element-7051ec45 .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-585 .elementor-element.elementor-element-7051ec45{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-585 .elementor-element.elementor-element-210db942{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-585 .elementor-element.elementor-element-7051ec45{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for image-carousel, class: .elementor-element-7051ec45 */.elementor-585 .elementor-element.elementor-element-7051ec45 .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}


.elementor-image-carousel .swiper-slide img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}







.carousel-fade-sides {
    position: relative;
    overflow: hidden;
}

.carousel-fade-sides::before,
.carousel-fade-sides::after {
    content: '';
    position: absolute;
    top: 0;
    width: 200px; /* širina fade-a - prilagodi po želji */
    height: 100%;
    z-index: 2;
    pointer-events: none; /* da ne ometa klikove */
}

.carousel-fade-sides::before {
    left: 0;
    background: linear-gradient(to right, #141312, rgba(255,255,255,0));
}

.carousel-fade-sides::after {
    right: 0;
    background: linear-gradient(to left, #141312, rgba(255,255,255,0));
}/* End custom CSS */