.swiper-pagination {
    text-align: center;
    margin-top: var(--dist-30);

    position: relative;

    .swiper-pagination-bullet {
        /* half-blue */
        background-color: var(--half-blue);
        width: 8px;
        height: 8px;

        margin: 0 5px;

        transition: var(--transition);

        &:hover {
            background-color: var(--blue);
        }

        &.swiper-pagination-bullet-active {
            background-color: var(--primary);
            transform: scale(1.5);
        }
    }
}

.marquee-swiper {

    .swiper-slide{
        text-align: center;
        
        img{
            height: 100%;
            object-fit: contain;
        }
    }
}