
.introSection{padding:4em 0; background:var(--main-color); position: relative;}
#myVideo {
position: absolute;
z-index: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
min-width: 100%;
height: 116vh;
min-height: 500px;
background-size: 100% 100%;
background-color: black;
background-position: center center;
object-fit: cover;
}
.overlay{background-color: hsla(0,0%,0%, .35); position: absolute; top:0; left:0; right:0; bottom: 0; width:100%; z-index: 1;}
.intro-text{position: relative; z-index: 2;}
.intro-list li{display: flex; align-items: baseline; gap: 10px;}
.introSection .sub-heading h2{font-size: 16px; font-weight: 400; display: flex; gap: 10px;}
@media(min-width:1441px){
.introSection > .container{width:1440px;}
}
@media(min-width:992px){
.introSection{ background: linear-gradient(268deg, hsla(0,0%, 0%, .2) 0%, hsla(0, 0%, 0%, .2) 100%), #000 image-set(url("/portable/images/289c3dd2730a36dfcae2-1920.webp") type("image/webp"), url("/static/dealer-31914/homepage/intro-img.jpg") type("image/jpeg")) no-repeat scroll center / cover; padding:8em 0 14em;}
.intro-heading{font-size:72px;}
}
@media (max-width: 991px) {
.introSection { background: linear-gradient(175deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2)), #000 url("/static/dealer-31914/homepage/intro-img-mobile--5a1f630d2d.jpg") no-repeat scroll center 60% / cover;
}
.introSection .sub-heading h2 { align-items: center; justify-content: center;}
.introSection .intro-list li { justify-content: center;}
.introSection .form-open { margin: 0 auto;}
}
