.vertical.carousel .carousel-item {
    overflow: hidden;
}

.vertical.carousel .carousel-item-next:not(.carousel-item-start),
.vertical.carousel .active.carousel-item-end {
    transform: translateY(100%);
}

.vertical.carousel .carousel-item-prev:not(.carousel-item-end),
.vertical.carousel .active.carousel-item-start {
    transform: translateY(-100%);
}

.vertical.carousel .carousel-indicators {
    top: 0;
    bottom: 50vh;
    left: unset;
    margin-left: unset !important;
    margin-right: 1rem;
    flex-direction: column;
}

.vertical.carousel .carousel-indicators button{
    width: 16px;
    height: 20px;
    border: none !important;
}

.vertical.carousel .carousel-indicators .active{
    /* background-color: #C21536; */
    background-color: var(--primary-color);
    width: 28px;
    height: 25px;
    border: none !important;
}