.ht-base-carousel{
  .slick-dots {
    bottom: 0 !important;

    li {
      background: #fff !important;
      margin: 0 4px !important;
      button {
        opacity: 1!important;
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background-color: #fff !important;
        border: 2px solid @primary-color  !important;
      }

    }

    li.slick-active button {
      background: @primary-color !important;

    }
  }
}
