.hero-banner{width:100%;height:66.6vh;position:relative}@media only screen and (max-width:767px){.hero-banner{height:50vh}}.slick-dots{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-start}.slick-dots li{margin:0 .5rem}.slick-dots li button{width:2.5rem;height:2.5rem;border-radius:.75rem;background-color:transparent;cursor:pointer;outline:none;border:none;padding:0}.slick-dots li.slick-active button{background-color:#333}.slick-dots li button:before{content:"";display:block;width:100%;height:100%;border-radius:.75rem;background-color:#666;transition:background-color .3s ease}.slick-dots li.slick-active button:before{background-color:#333}