/* Hero Slider CSS Start */
.hero-slider-main { display: block; width: 100%; max-width: 100% !important }
/* .hero-slider-main .slick-arrow { display: none !important } */
.hero-slider-main .hero-slider-item { padding: 220px 0 156px 0; position: relative; z-index: 999; background-size: cover; background-repeat: no-repeat; background-position: center }
.hero-slider-main .hero-slider-item::before { content: ""; display: block; background-color: rgba(17, 41, 49, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: -9 }
.hero-slider-main .hero-slider-item .hero-slider-title { font-size: 80px; line-height: 96px; font-family: 'Benton Sans Condensed', sans-serif; font-weight: 700; color: #fff; letter-spacing: 3px; text-transform: uppercase; margin: 0 }
.hero-slider-main .hero-slider-item .hero-slider-content { font-size: 18px; line-height: 30px; font-weight: 500; font-family: 'Benton Sans', sans-serif; color: #fff; margin: 20px 0 40px 0 }
.hero-slider-main .hero-slider-item .axon-button { margin: 0 }
.hero-slider-main ul.slick-dots { list-style: none; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; bottom: 60px }
.hero-slider-main ul.slick-dots li { margin: 0 15px 0 0 }
.hero-slider-main ul.slick-dots li button { display: block; width: 10px; height: 10px; padding: 0; border-radius: 100%; background-color: #fff; text-indent: -9999px; border: none; cursor: pointer; opacity: 0.25 }
.hero-slider-main ul.slick-dots li.slick-active button { opacity: 0.75; width: 12px; height: 12px }
.hero-slider-main ul.slick-dots li:last-child { margin: 0 }

/* Hero Slider CSS End */