.elementor-11794 .elementor-element.elementor-element-a13f5a1{--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;--justify-content:flex-start;}.elementor-11794 .elementor-element.elementor-element-4b9c065{--e-image-carousel-slides-to-show:1;}/* Start custom CSS for image-carousel, class: .elementor-element-4b9c065 */.swiper-pagination-clickable .swiper-pagination-bullet{
    position: relative
}
.swiper-pagination-clickable .swiper-pagination-bullet::before,
.swiper-pagination-clickable .swiper-pagination-bullet::after{
    content:'';
    position: absolute;
    background: #ccc;
    left: 0%;
    width: 0px;
    height:5px;
    overflow: hidden;
    top: 1px;
     border-radius: 10px;
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent;
    width: 30px;
    opacity: 1;
    border-radius: 0px;
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    width: 30px;
   
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    background-color: #333;
     animation-name: example;
    animation-duration: 5.4s;
}

/* The animation code */
@keyframes example {
  from {width: 0px;}
  to {width: 30px;}
}/* End custom CSS */