.banner .slick .slick-dots {
  --dot-width: 5px;
  --dot-height: 5px;
  bottom: 2px;
  z-index: 5;
}
.slick-dotted.slick-slider{
margin-bottom:10px;
  
}




  @media screen and (min-width: 992px) {

.banner .slick .slick-dots {
  --dot-width: 8px;
  --dot-height: 8px;
  bottom: 4px;
  z-index: 5;
}


.slick-dotted.slick-slider{
margin-bottom:30px;
  
}

    
  }