html body .container .hero-banner ul.slick-dots {
  padding: 0;
  text-align: center;
  bottom: 6px;
}
html body .container .hero-banner ul.slick-dots li {
  border-radius: 3px;
  border: none;
  display: inline-block;
  height: 6px;
  margin: 0 4px;
  overflow: hidden;
  width: 6px;
}
html body .container .hero-banner ul.slick-dots li button {
  background-color: #8acef1;
  text-indent: -9999px;
  border: none;
}
html body .container .hero-banner ul.slick-dots li.slick-active {
  width: 12px;
}