/*————————————

Carousel indicators v1

————————————*/

.u-carousel-indicators-v1, .u-carousel-indicators-v1–white {

display: flex !important;

li {
  margin: 0 5px;
  &.slick-active {
    span {
      background-color: $g-color-primary;
    }
  }
}

span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: $g-color-gray-dark-v4;
  opacity: 1;
}

}

.u-carousel-indicators-v1 {

span {
  background-color: $g-color-gray-dark-v4;
}

}

.u-carousel-indicators-v1–white {

li {
  &.slick-active {
    span {
      background-color: $g-color-white;
    }
  }
}

}