.ant-carousel {
    line-height: 1;

    .slick-dots {
        margin-top: 0 !important;
        bottom: -40px;
        display: flex;
        height: 12px;
    }
    .slick-dots {
        margin: 0 !important;
        display: flex !important;
        justify-content: center;
        width: 100%;
        padding-right: 30px !important;
        li {
            width: 6px;
            height: 6px;
            background: rgba(83, 109, 173, 1);
            border-radius: 3px;

            // margin-top: 0 !important;
            // padding: 0 !important;
            // border-radius: 0 !important;
            // width: 12px;
            // height: 12px;
            &:not(:first-child) {
                margin-left: 8px;
            }
            button {
                width: 100% !important;
                height: 100% !important;
            }
        }
        li.slick-active:hover {
            width: 24px;
            height: 6px;
            background: rgba(41, 180, 242, 1);
            border-radius: 3px;
        }
        li.slick-active {
          border-radius: 3px;
        }
        li.slick-active button {
            background: #29b4f2;
            border-radius: 3px;

        }
        li button {
          border-radius: 3px;
        }
    }
    //   .slick-dots-bottom {
    //     bottom: -40px;
    // }
}
