.hero{position:relative}
.hero .overlay-shadow{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:.3;mix-blend-mode:multiply;background:rgba(0,0,0,0.35);position:absolute;z-index:2;top:0}
.hero .background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}
.hero .background picture img{position:absolute;width:100%;height:auto;top:-9999px;bottom:-9999px;margin:auto;z-index:-1}
.hero .background picture img.horizontal{top:auto;bottom:auto;left:-9999px;right:-9999px}
.hero .background video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%}
.hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:-1}
.hero h2{font-size:35px;line-height:45px;letter-spacing:0;margin-bottom:22px;font-weight:600;color:#fff;max-width:200px}
.hero h3,.hero div.hero-subtitle,.hero div.hero-subtitle p{font-size:18px;line-height:28px;letter-spacing:1px;width:90%;margin-bottom:42px;font-weight:500;color:#fff;max-width:261px}
.hero div.hero-subtitle p a{color:#fff;text-decoration:underline}
.hero .swiper-container{position:relative;width:100%;height:100%}
.hero .swiper-container .swiper-slide{position:relative;height:700px;padding:190px 0 0}
.hero .swiper-container .swiper-slide .container{z-index:999;max-width:100%;padding:0 5%;position:absolute;bottom:92px;right:0;left:0}
.hero .swiper-container .swiper-button-next,.hero .swiper-container .swiper-button-prev{display:none}
.hero .swiper-container .swiper-button-next:after,.hero .swiper-container .swiper-button-prev:after{display:none}
.hero .swiper-container .swiper-button-next:before,.hero .swiper-container .swiper-button-prev:before{font-size:30px}
.hero .swiper-container .swiper-button-next.swiper-button-disabled,.hero .swiper-container .swiper-button-prev.swiper-button-disabled{display:none}
.hero .swiper-container .hero-pagination{display:none}
.hero .swiper-container .swiper-pagination{position:absolute;bottom:50px;width:100%;text-align:left;z-index:999}
.hero .swiper-container .swiper-pagination .container{max-width:100%;padding:0 5%}
.hero .swiper-container .swiper-pagination .pagination-bar{cursor:pointer}
.hero .swiper-container .swiper-pagination .pagination-bar .time-bar{position:relative;width:100%;height:3px;border-radius:2px;background-color:#999;margin-bottom:0}
.hero .swiper-container .swiper-pagination .pagination-bar .time-bar-progression{position:absolute;top:0;left:0;width:0;height:3px;border-radius:2px;background-color:var(--color-electric_indigo);-webkit-transition:width 10s linear;transition:width 10s linear}
.hero .swiper-container .swiper-pagination .pagination-bar span{display:none;font-size:14px;line-height:28px;letter-spacing:1px;color:#fff;opacity:.5}
.hero .swiper-container .swiper-pagination .pagination-bar.bar-active .time-bar-progression{width:100%}
.hero .button{width:100%;max-width:100%}
@media all and (min-width:768px){.hero h2{font-size:40px;letter-spacing:0;margin-bottom:48px;max-width:100%;font-weight:600;line-height:44px}
.hero h3 .hero div.hero-subtitle{width:70%;margin-bottom:38px;max-width:100%;font-weight:300}
.hero .button{width:auto;max-width:fit-content}
.hero .swiper-container .swiper-slide .container,.hero .swiper-container .swiper-pagination .container{max-width:633px;padding:0;bottom:150px}
.hero .swiper-container .swiper-slide .container .pagination-bar .time-bar,.hero .swiper-container .swiper-pagination .container .pagination-bar .time-bar{margin-bottom:16px}
.hero .swiper-container .swiper-slide .container .pagination-bar span,.hero .swiper-container .swiper-pagination .container .pagination-bar span{display:block}
}
@media all and (min-width:1360px){.hero h3,.hero div.hero-subtitle,.hero div.hero-subtitle p{font-size:18px;margin-bottom:28px;max-width:447px;font-weight:400;line-height:26px;letter-spacing:0}
.hero .swiper-container .swiper-slide{height:650px}
.hero .swiper-container .swiper-slide .container{max-width:1036px;bottom:200px}
.hero .swiper-container .swiper-pagination .container{max-width:1036px}
}
.hero .background{display:flex}
.hero .background .cmp-image{align-self:center}