:root {--c1:#333d4f}
::placeholder {color:#000}
img {max-width:100%}
body{min-height:100vh;margin:0;padding:0;font-family:'Rubik',sans-serif;color:#333;background-color:#505767;direction:rtl;cursor:default;display:flex;flex-direction:column}
.call {display:none;font-size:1.4em;background:linear-gradient(to right,orange,#ff4500);text-decoration:none;margin-top:20px;color:#fff;align-items:center;border-radius:10px;padding:10px 40px}
.call img {width:1.2em;margin:auto}
.header {background:var(--c1);color:#fff;;padding:20px 10vw 30px 10vw;gap:40px;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.header h1 {font-size:4em;white-space:nowrap}
.header h1 img {height:.8em;margin-inline-start:2px}
.header .logo img{max-width:500px;transform:translateY(15%)}
.header video {display:none;max-width:100%}
.hero{flex-basis:calc(100% - 400px);min-height:100%;align-self:stretch}
.hero-content{display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;min-height:100%}
.hero-image {display:block}
.hero-content video {display:block;width:100%;height:100%;position:absolute;top:0;right:0;object-fit:cover}
.hero-image-m {display:none}
.info{width:45%}
.info h2{color:#333}
.info ul{list-style:none;padding:0}
.info li{margin-bottom:10px}
.form-section{flex-basis:350px;padding:20px 30px}
.form-section h3 {margin-bottom:20px;color:#fff;text-align:center;font-size:2em;font-weight:100}
form label{display:none}
.lead_driving_range {display:block}
form input, form select {width:100%;direction:rtl;box-sizing:border-box;padding:10px 0;margin-bottom:20px;border:0;border-bottom:1px solid #000;background-color:transparent;color:#000}
.btn-submit{background:linear-gradient(to right,orange,#ff4500);color:#fff;padding:10px 20px;border:none;display:block;width:100%;font:inherit;font-weight:300;font-size:1.5em;border-radius:5px;cursor:pointer}
.btn-submit:hover{background:#ff4500}
footer {background:#505767;color:#fff;text-align:center;padding:20px;display:flex;justify-content:center;gap:40px}
footer a {background:linear-gradient(to right,orange,#ff4500);color:#fff;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:10px 40px;text-decoration:none;font-weight:bold;background-color:rgba(0,0,0,.2);box-shadow:0 5px 20px rgba(0,0,0,.1)}
footer a:hover {transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
footer img {max-height:60px}
main {display:flex;background-image:linear-gradient(var(--c1),#bbc6d5 40%);align-items:center;flex-grow:1}
#thankYouMessage {text-align:center}
@media(max-width:1600px){
  .header h1 {font-size:3em}
}
@media(max-width:1300px){
  .header h1 {font-size:2em}
}
@media(max-width:800px){
  .call {gap:5px;display:inline-flex;}
  .call img {}
  footer {flex-direction:column}
  footer img {max-width:100%;width:100%}
  .form-section {padding-top:5px;padding-bottom:40px;display:flex;flex-direction:column;align-items:center}
  .form-section h3 {margin-top:5px}
  .header {flex-direction:column;padding-inline:0;gap:0;padding-bottom:0}
  .header h1 {font-size:1.4em;white-space:nowrap}
  .header .logo img {max-width:50vw;transform:none;margin-bottom:20px}
  .header video {display:block}
  .hero {display:none}
  .hero-image {display:none}
  .hero-image-m {display:block}
  main {display:block}
  .phone-number-text {display:none}
  .phone-number-text:before {content:'';width:20px;height:20px;background:url(img/call.svg) no-repeat center / cover}
}

/* rubik-300 - hebrew_latin */
@font-face {
  font-display: swap;
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('font/rubik-v28-hebrew_latin-300.woff2') format('woff2');
}
/* rubik-regular - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('font/rubik-v28-hebrew_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-600 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('font/rubik-v28-hebrew_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}