/* BOOTSTRAP CAROUSEL CSS */
{#  .carousel-item {
        transition: transform 0.6s ease-in-out,  opacity 0.5s ease-in-out;/* Adjust timing as needed */ 
        transform: translateY(100%); /* Start off-screen below */
      margin-right:0;
     opacity:0;
    }

    .carousel-item.active {
       transform: translateY(0); /* Active item is in view */
       transition:opacity 0.5s ease-in-out;
      opacity:1
        
    }

    .carousel-item.next {
        transform: translateY(100%); /* Next item starts below */
        margin-right:0;
        transform: translateY(-100%); /* Previous item slides up and off-screen */
        transition:opacity 0.5s ease-in-out;
        opacity:0
    }

    .carousel-item.active.carousel-item-start {
        transform: translateY(-100%); /* Previous item slides up and off-screen */
        margin-right:0;
        opacity:0
    }

    .carousel-item.active.carousel-item-end {
        transform: translateY(0); /* Current item slides up into view */
        transition: opacity 0.5s ease-in-out;
        opacity:0

    }
.carousel {overflow:hidden;}
#}

.sprout-slider .carousel-inner {width:100%; margin:0 auto;}
.sprout-slider .carousel-indicators {bottom:0; margin-bottom:0;}
.sprout-slider .carousel-indicators li {background-color:rgba(0,0,0,0.25); width:12px; height:12px; border-radius:50%; list-style:none;}
.sprout-slider .carousel-indicators li.active {background-color:rgba(0,0,0,0.4);}
.sprout-slider .carousel-control-next-icon, .carousel-control-prev-icon {background-color: none; border-radius: 50%; padding: 30px; background-size: 50%; width: 50px; height: 50px; display:none;}
.sprout-slider .carousel-control-next {justify-content:end;}
.sprout-slider .carousel-control-prev {justify-content:start;}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b2b2b2' viewBox='0 0 26.54 52'%3E%3Cpath d='M1,52c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41L24.51,26.08s.04-.11,0-.15L.29,1.71C-.1,1.32-.1,.68,.29,.29S1.32-.1,1.71,.29L25.92,24.51c.82,.82,.82,2.16,0,2.98L1.71,51.71c-.2,.2-.45,.29-.71,.29Z'/%3E%3C/svg%3E");
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b2b2b2' viewBox='0 0 26.54 52'%3E%3Cpath d='M25.54,52c.26,0,.51-.1,.71-.29,.39-.39,.39-1.02,0-1.41L2.03,26.08s-.04-.11,0-.15L26.25,1.71c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0L.62,24.51c-.82,.82-.82,2.16,0,2.98l24.22,24.22c.2,.2,.45,.29,.71,.29Z'/%3E%3C/svg%3E");
}

.sprout-slider-vpo .carousel-indicators button {width:15px; height:15px; background-color:#e1e7e6;}
.sprout-slider-vpo .carousel-indicators button.active {background-color:#223f84;}