.hero-banner-slider .slick-dots{z-index:30;position:absolute;bottom:32px}.hero-banner-slider .slick-dots li{z-index:30;margin:0 5px;position:relative}.hero-banner-slider .slick-dots li button{width:16px;height:16px}.hero-banner-slider .slick-dots li button:before{content:"";opacity:.4;background-color:#fff;border:none;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-banner-slider .slick-dots li.slick-active button:before{opacity:1;background-color:#fff;width:16px;height:16px}