.ant-carousel {
  line-height: 1;
  
  .slick-dots {
    margin-top: 0 !important;
    bottom: -12px;
    display: flex;
    height: 12px;
  }
  .slick-dots {
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
    padding-right: 30px !important;
    li {
      margin-top: 0 !important;
      padding: 0 !important;
      border-radius: 0 !important;
      width: 12px;
      height: 12px;
      &:not(:first-child) {
        margin-left: 12px;
      }
      button {
        width: 100% !important;
        height: 100% !important;
      }
    }
    
    li.slick-active button {
      background: #00E4F2;
    }
  }
}
