/*------------------------------------
  Carousel indicators v31
------------------------------------*/

.u-carousel-indicators-v31,
.u-carousel-indicators-v31--white {
  display: flex !important;

  li {
    margin: 0 5px;

    &.slick-active {
      span {
        position: relative;
        top: 1px;
        width: 13px;
        height: 13px;
        background-color: $g-color-primary;
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: .4s;
      }
    }
  }

  span {
    position: relative;
    top: 2px;
    width: 11px;
    height: 11px;
    border: 2px solid $g-color-white;
    border-radius: 50%;
    opacity: 1;
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: .4s;
    background-color: $g-color-gray-light-v3;
  }
}