.HeroBannerCarouselM1 .slick-arrow{height:50px;width:50px;border-radius:26px;z-index:5;background:url('../../../../../content/dam/M1/icons/Carousel-ArrowLeft-icon-1x.png')}
@media(max-width:550px){.herobannercarousel{margin-top:71px}
}
@media(min-width:769px) and (max-width:990px){.herobannercarousel{margin-top:70px}
}
@media(min-width:769px) and (max-width:990px){.HeroBannerCarouselM1 .slick-arrow{transform:scale(0.8);top:40%}
.HeroBannerCarouselM1 .slick-prev.slick-arrow:hover{transform:scale(0.9) rotate(90deg)}
}
@media(max-width:768px){.HeroBannerCarouselM1 .slick-arrow{height:20px;width:20px;background:url('../../../../../content/dam/M1/icons/downOrange.svg') repeat}
}
.HeroBannerCarouselM1 .slick-dotted.slick-slider{margin-bottom:0}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{background-color:transparent;color:transparent}
.HeroBannerCarouselM1 .slick-next.slick-arrow:hover{transform:scale(1.08) rotate(180deg)}
.HeroBannerCarouselM1 .slick-prev.slick-arrow:hover{transform:scale(1.08)}
.HeroBannerCarouselM1 .slick-prev{left:30px}
.HeroBannerCarouselM1 .slick-prev:before,.HeroBannerCarouselM1 .slick-next:before{content:"" !important}
@media(max-width:768px){.HeroBannerCarouselM1 .slick-prev{left:5px;transform:rotate(90deg)}
}
.HeroBannerCarouselM1 .slick-next{right:30px;transform:rotate(180deg)}
@media(min-width:769px) and (max-width:990px){.HeroBannerCarouselM1 .slick-next{top:40%;transform:rotate(180deg) scale(0.8)}
.HeroBannerCarouselM1 .slick-next.slick-arrow:hover{transform:scale(0.9) rotate(180deg)}
.HeroBannerCarouselM1 .slick-prev.slick-arrow:hover{transform:scale(0.9)}
}
@media(max-width:768px){.HeroBannerCarouselM1 .slick-next{right:5px;transform:rotate(270deg)}
.HeroBannerCarouselM1 .slick-next.slick-arrow:hover{transform:scale(0.9) rotate(270deg)}
.HeroBannerCarouselM1 .slick-prev.slick-arrow:hover{transform:scale(0.9) rotate(90deg)}
}
@media(min-width:1360px){.HeroBannerCarouselM1 .slick-dots{bottom:50px}
}
@media(min-width:992px){.HeroBannerCarouselM1 .slick-dots{bottom:30px}
}
@media(max-width:991px){.HeroBannerCarouselM1 .slick-dots{bottom:10px}
}
.HeroBannerCarouselM1 .slick-dots li button{width:15px;height:15px;background:linear-gradient(to bottom,#ff9e1b,#ff9454);border-radius:50%}
.HeroBannerCarouselM1 .slick-dots li.slick-active button{opacity:.75;color:transparent}
.HeroBannerCarouselM1 .slick-slide img{width:100%}
.HeroBannerCarouselM1 .banner-container{position:relative}
.HeroBannerCarouselM1 .text-container{position:absolute;left:10%;width:50%;top:15%;color:#212121}
.HeroBannerCarouselM1 .text-container.themeb{color:white}
.HeroBannerCarouselM1 .text-container .orange-slider{width:85%}
@media(min-width:1099px){.HeroBannerCarouselM1 .text-container{top:32%}
}
@media(min-width:990px) and (max-width:1098px){.HeroBannerCarouselM1 .text-container{top:25%}
}
@media(min-width:769px) and (max-width:989px){.HeroBannerCarouselM1 .text-container{width:65%;left:10%;top:7%}
}
@media(max-width:768px){.HeroBannerCarouselM1 .text-container{width:90%;left:6%}
}
@media(min-width:550px) and (max-width:768px){.HeroBannerCarouselM1 .text-container{top:11%}
}
@media(max-width:549px){.HeroBannerCarouselM1 .text-container{top:5%}
}
.HeroBannerCarouselM1 .banner-container .title-font{font-family:DINRound-Regular;font-weight:800;color:inherit;font-size:50px;line-height:1.1;width:92%}
@media(min-width:990px) and (max-width:1098px){.HeroBannerCarouselM1 .banner-container .title-font{font-size:28px}
}
@media(max-width:550px){.HeroBannerCarouselM1 .banner-container .title-font{font-size:23px;width:100%}
.HeroBannerCarouselM1 .banner-container .description-font{font-size:13px;margin-top:10px;width:100%}
}
.HeroBannerCarouselM1 .banner-container .description-font{margin-top:17px;font-family:DINRound-Regular;font-weight:400;color:inherit;font-size:16px;width:90%}
.HeroBannerCarouselM1 .banner-container .description-font>p{margin-bottom:0}
.HeroBannerCarouselM1 .banner-container .description-font ul li::before{content:"\2022";color:#ff9e1b;font-weight:bold;display:inline-block;width:1em;margin-left:0}
@media(min-width:990px) and (max-width:1098px){.HeroBannerCarouselM1 .banner-container .description-font{font-size:14px}
}