.hero-slide {
    position: relative;
}

.hero-slider .slick-dots {
    bottom: 53px !important;
    text-align: center;
}

.hero-slider .slick-dots li {
    width: 40px;
    height: 2px;
    border-radius: 0;
    margin: 0 0 0 3px;
}

.hero-slider .slick-dots li.slick-active {
    background: #c4c4c4 !important;
    border-color: #c4c4c4 !important;
}