:root{--carousel-height:640px}
.hero-banner-carousel{position:relative}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-list .slick-track .hero-banner-carousel-slide{position:relative;height:var(--height-of-carousal-desktop)}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-list .slick-track .hero-banner-carousel-slide img{width:100%;height:auto;object-fit:cover}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots{bottom:20px;display:flex;margin-left:0;justify-content:center}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots li{width:8px !important;height:8px !important;margin-right:0}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots li button:before{color:gray;width:8px !important;height:8px !important}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots li button:hover:before{opacity:.4}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots li.slick-active{margin-right:11px;margin-left:6px}
.hero-banner-carousel .hero-banner-carousel-wraper .slick-dots li.slick-active button:before{background:#4d4d4d !important;width:18px !important;opacity:1 !important}