@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.hero-banner{margin:auto;position:relative;overflow:hidden;height:100%;max-width:1920px}
@media(min-width:1441px){.hero-banner{display:flex;justify-content:center}
.hero-banner .hero-picture{width:100%}
}
.hero-banner .mobile-image-override{display:none}
.hero-banner .mobile-image-override img{height:884px}
@media(max-width:768px){.hero-banner:has(.mobile-image-override) .videoHeroBanner{display:none}
.hero-banner:has(.mobile-image-override) .mobile-image-override{display:block}
}
.hero-banner video{height:884px;object-fit:cover;width:100%}
@media only screen and (max-width:768px){.hero-banner video{width:1440px}
}
.hero-banner .overlay_video{position:absolute;top:0;left:0;width:100%;height:-webkit-fill-available;height:100%;background:linear-gradient(270deg,rgba(15,15,15,0) 0,rgba(15,15,15,0.5) 60%,rgba(15,15,15,0.95) 100%);display:block}
.hero-banner .hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:88px;position:absolute;top:0;height:100%;width:100%}
@media only screen and (min-width:1440px){.hero-banner .hero{width:1440px}
}
@media only screen and (max-width:1024px){.hero-banner .hero{padding:16px;gap:32px;width:358px;height:759px}
}
.hero-banner .hero picture{position:relative}
.hero-banner .hero .container-banner{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 0 56px;gap:16px;width:55%;height:884px;justify-content:center}
@media only screen and (max-width:1024px){.hero-banner .hero .container-banner{width:100%;margin-top:82px;padding:0}
}
@media only screen and (max-width:768px){.hero-banner .hero .container-banner{height:768px;margin:0}
}
.hero-banner .hero .container-banner .title-banner{font-family:"Ford F-1";font-style:normal;font-weight:700;font-size:62px;line-height:72px;color:var(--neutral-1000);margin:0}
@media screen and (max-width:1024px){.hero-banner .hero .container-banner .title-banner{font-size:40px;line-height:48px;text-transform:capitalize}
}
.hero-banner .hero .container-banner .description-banner{font-weight:400;font-size:20px;line-height:28px;color:var(--neutral-1000);margin:0}
@media screen and (max-width:1024px){.hero-banner .hero .container-banner .description-banner{font-size:16px;line-height:24px}
}
.hero-banner .hero .container-banner .link-banner{height:24px;font-weight:700;font-size:16px;line-height:1.5;color:var(--neutral-1000);text-decoration:none;margin-top:32px;position:relative}
@media(max-width:1024px){.hero-banner .hero .container-banner .link-banner{margin-top:16px}
}
.hero-banner .hero .container-banner .link-banner:after{content:url("clientlib-heroBanner/resources/Chevron Down.svg");width:24px;height:24px;vertical-align:top;line-height:1;position:absolute;bottom:1px}
.hero-banner .img-banner{height:auto;max-height:884px;object-fit:cover;object-position:center 40%;width:100%;position:relative}
@media screen and (max-width:1024px){.hero-banner .img-banner{height:840px;object-fit:cover;object-position:center 40%;width:100%;position:relative}
}
.hero-banner .video-js{height:884px !important;width:100vw}
.double-chevron-down{position:absolute;text-align:center;width:20%;left:40%;bottom:5%}
.cmp-carousel__indicators{text-indent:inherit;display:flex;justify-content:center;align-items:center;gap:0;position:absolute;left:50%;bottom:125px;transform:translateX(-50%);border-radius:0;z-index:1}
@media screen and (max-width:1024px){.cmp-carousel__indicators{width:95%}
}
.cmp-carousel__indicator--active{z-index:1;background-color:#9ca3ad;height:10px;transform:skew(-30deg);width:320px;border-radius:0;left:0}
.cmp-carousel__indicator--active::before{content:" ";position:absolute;left:0;z-index:1;background-color:#d9042b;transform-origin:left;animation:animate var(--animation-duration) linear infinite;height:10px;transform:skew(-25deg);width:101%;border-radius:0}
.cmp-carousel__indicator:not(.cmp-carousel__indicator--active){width:10px;height:10px;background:#9ca3ad;transform:skew(-30deg);border-radius:0;position:relative;left:0}
@keyframes animate{from{transform:scaleX(0);-webkit-transform:scaleX(0)}
to{transform:scaleX(1);-webkit-transform:scaleX(1)}
}
@media screen and (max-width:1024px){.cmp-carousel__indicator--active{width:150px}
}
.cmp-carousel__actions{display:none}
.cmp-carousel__editor-progress-bar{height:5px;background-color:#ccc;margin-bottom:10px}
.cmp-carousel__editor-progress-bar__track{width:100%;height:100%;overflow:hidden}
.cmp-carousel__editor-progress-bar__fill{height:100%;background-color:#000}
:root{--animation-duration:9s}
@media screen and (max-width:320px){.hero-banner .hero .container-banner{width:85%}
.hero-banner .hero .container-banner img{width:40px}
.hero-banner .hero .container-banner .title-banner{font-size:16px;line-height:25px;margin:2px 0 0}
}