.homepage-carrousel-css figure{
    margin: 0px 20px!important;
    height: 470px;
    object-fit: cover;
}

.homepage-carrousel-css img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-carrousel-css .swiper-pagination-bullet-active{
    transition: all .3s;
    opacity: var( --e-global-color-secondary );
}

.homepage-carrousel-css .swiper-pagination-bullet{
    transition: all .3s;
    width: 8px;
    height: 8px;
    background-color: var( --e-global-color-primary );
}

@media (min-width: 1024px){
    .homepage-carrousel-css .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 50%;
        left: 30%;
        width: 100%;
        transform: rotate(90deg);
        text-align: right;
        transition: none;
    }

    .homepage-carrousel-css .swiper-pagination-bullet{
        transition: all .3s;
        width: 6px;
        height: 6px;
        background-color: #FFFFFF;
        opacity: 1;
    }
    
    .homepage-carrousel-css .swiper-pagination-bullet-active{
        width: 35px;
        border-radius: 5px;
        background-color: #FFFFFF!important;
        transition: all .3s;
    }
    
    .homepage-carrousel-css figure{
        height: 580px;
        width: 418px;
        margin: 0px 0px 0px 55px!important;
    }
    
}