:root {
  --blue: #152157;
  --white: white;
  --invisible: #fff0;
  --black: black;
  --gris: #5a5a5a;
  --light-gold: #c99638;
  --alley-component-library--neutral--off-white: #f4f4f6;
  --alley-component-library--gray--900: #131316;
  --alley-component-library--blue--900: #5167f6;
  --alley-component-library--blue--100: #eceefe;
  --alley-component-library--blue--700: #7788f8;
  --alley-component-library--blue--800: #6478f7;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  font-family: calibri;
}

.section-2 {
  width: 100vw;
  min-height: 100vh;
}

.section-top {
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-2 {
  width: 100%;
  margin-top: 150px;
}

.heading {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
}

.heading._1 {
  color: var(--blue);
  text-align: center;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 50px;
}

.heading.alt {
  color: var(--blue);
}

.heading.test-drive {
  font-size: 32px;
  line-height: 50px;
}

.paragraph {
  color: var(--white);
  max-width: 615px;
  padding-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.paragraph.top {
  max-width: 500px;
  margin-top: 10px;
  padding-left: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.section-3 {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.vid {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45vw;
  max-width: 50vw;
  height: 42vw;
  margin-left: auto;
  display: flex;
}

.background-video {
  width: 100%;
  height: 80%;
}

.subhead {
  color: var(--blue);
  text-align: center;
  max-width: 36vw;
  margin-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 26px;
}

.paragraph-sub {
  color: #333;
  align-self: flex-start;
  max-width: 36vw;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.section-4 {
  width: 100vw;
  padding-top: 10vh;
  position: relative;
}

.image-div {
  background-image: linear-gradient(180deg, var(--white), var(--invisible) 37%), url('../images/29370749_9bcf2f-1.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100vw;
  height: 80vh;
  margin-top: 100px;
  position: relative;
}

.section-5 {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
}

.image-quality {
  width: 100%;
  max-width: 36vw;
  display: none;
}

.section-6 {
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.slider {
  width: 100vw;
  height: 36vw;
  margin-top: 100px;
  overflow: visible;
}

.slide {
  z-index: 0;
  background-image: url('../images/car-4384171_1920.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide._2 {
  z-index: 0;
  background-image: url('../images/car-4384932_1920.jpg');
}

.slide._3 {
  z-index: 0;
  background-image: url('../images/purple-4384879_1920.jpg');
}

.slide._4 {
  z-index: 0;
  background-image: url('../images/white-4383508_1920.jpg');
}

.slide._5 {
  z-index: 0;
  background-image: url('../images/car-4378612_1920.jpg');
}

.slide._6 {
  z-index: 0;
  background-image: url('../images/black-4383507_1920.jpg');
}

.mask {
  background-color: var(--white);
  overflow: hidden;
}

.right-arrow {
  z-index: 5;
  cursor: default;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  height: auto;
  margin-right: 5%;
  display: flex;
}

.slide-nav {
  z-index: 10;
  width: 62vw;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  inset: auto 0% -75px;
}

.icon {
  color: #000;
  background-color: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin: 0 auto 0 0;
  padding: 13px 10px 10px;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  inset: auto auto auto 0%;
}

.icon.left {
  margin-left: 10px;
  margin-right: 10px;
  transform: rotate(180deg);
}

.icon.right {
  margin-left: 10px;
  margin-right: 10px;
  left: auto;
  right: 0;
}

.section-image {
  background-image: url('../images/car-3866124_1920.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 80vh;
  margin-top: 150px;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.info-box {
  background-color: #fff;
  max-width: 350px;
  padding: 20px;
  position: absolute;
  inset: auto 20px 20px auto;
}

.small-header {
  margin-top: 0;
  font-family: Merriweather, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.s7-p {
  color: #333;
  max-width: 400px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.hero-header {
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 175px;
}

.hero-footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-footer-brand {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.right {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.left {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-block {
  opacity: .26;
  font-family: Audiowide, sans-serif;
  font-size: 24px;
  line-height: 40px;
}

.left-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% auto 0% 0%;
}

.brand-name {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Audiowide, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.div-block-178 {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.text-div, .right-text-div {
  overflow: hidden;
}

.hero {
  background-image: linear-gradient(180deg, var(--black), var(--invisible)), linear-gradient(0deg, black, #0000 40%, #0000), url('../images/5029.webp');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.vertical-line {
  transform-origin: 50% 100%;
  background-color: #999;
  width: 1px;
  height: 80%;
  position: absolute;
  inset: 10% auto 0% 0%;
}

.hero-header-wrapper {
  padding-left: 10px;
  position: relative;
}

.navigation-item {
  opacity: 1;
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .8;
  color: #fff;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #fff;
  font-weight: 400;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #fff;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.brand {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.navi {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  display: block;
}

.burger-line-middle {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.burger-line-middle.white {
  background-color: #fff;
}

.navi-container {
  flex: 1;
  justify-content: space-between;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.burger-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: none;
}

.burger-line-bottom {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.burger-line-bottom.white {
  background-color: #fff;
}

.navigation {
  background-color: var(--blue);
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.burger-line-top {
  background-color: #444;
  border-radius: 2px;
  width: 22.5px;
  height: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.burger-line-top.white {
  background-color: #fff;
}

.burger-menu {
  cursor: pointer;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.left-container, .right-container {
  width: 46%;
}

.container {
  justify-content: space-around;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-189 {
  justify-content: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.left-image-div {
  background-image: url('../images/discover.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  width: 100%;
  padding-bottom: 66%;
  position: relative;
}

.right-image-div {
  background-image: url('../images/2149212379.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  padding-bottom: 66%;
  position: relative;
}

.link-6 {
  border-bottom: 1px dotted var(--white);
  color: var(--white);
  text-decoration: none;
}

.link-6._2 {
  color: var(--black);
}

.link-7 {
  border-bottom: 1px dotted var(--white);
  color: var(--white);
  text-decoration: none;
}

.link-7._2 {
  color: var(--black);
}

.footer-icons-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer5-link {
  opacity: .7;
  color: var(--white);
  text-transform: capitalize;
  margin-left: 20px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer5-link:hover {
  opacity: 1;
}

.footer-logo {
  opacity: 1;
  color: #000;
  text-transform: uppercase;
  font-family: Audiowide, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  transition: color .2s;
}

.footer-logo:hover {
  opacity: 1;
  color: #333;
}

.footer-nav-links {
  display: flex;
}

.section-9 {
  background-color: var(--blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.social-links {
  opacity: .7;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.social-links:hover {
  opacity: 1;
}

.footer5-divider {
  background-color: #ebedee;
  width: 20px;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.footer-links {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.hr-line {
  background-color: #999;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.hr-line.white {
  background-color: var(--white);
}

.hr-line-2 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-197 {
  text-align: center;
  width: 80%;
}

.text-block-4 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.div-block-198 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.credit-wrapper {
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset: auto 0% 132px 10vw;
}

.credit-wrapper._2 {
  cursor: pointer;
  inset: auto auto 20px 20px;
}

.div-block-200 {
  background-color: #703f3f;
  height: 800px;
}

.credit-details {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 32px;
  overflow: hidden;
}

.credit-mask {
  opacity: .81;
  transform-origin: 0%;
  background-color: #000;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.info-text {
  color: var(--black);
  font-size: 20px;
  line-height: 28px;
}

.credit-text {
  transform-origin: 0%;
  color: var(--white);
  font-size: 12px;
  text-decoration: none;
  position: relative;
}

.image-wrapper {
  width: 50%;
  position: relative;
}

.image {
  border-radius: 20px;
  width: 45vw;
}

.section-8 {
  background-color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.div {
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 600px;
  display: flex;
}

.div.instagram {
  height: auto;
}

.div.test-drive {
  flex-direction: column;
  justify-content: center;
}

.section-7 {
  background-color: var(--blue);
  width: 100vw;
  padding-top: 100px;
}

.div-mask, .right-div-mask {
  overflow: hidden;
}

.title-mask {
  max-width: 800px;
  overflow: hidden;
}

.mask-black {
  overflow: hidden;
}

.vertical-line-2 {
  transform-origin: 50% 0;
  background-color: #fff;
  width: 1px;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 20px;
  right: auto;
}

.credit-author, .credit-source {
  border-bottom: 1px dotted var(--white);
  color: var(--white);
  text-decoration: none;
}

.section-credits {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.info-wrapper-corner {
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  inset: auto auto 10px 10px;
}

.info-wrapper-corner._2 {
  cursor: pointer;
  inset: auto auto 20px 20px;
}

.section-10 {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  margin-top: 100px;
  padding-bottom: 0;
  padding-left: 10%;
  display: flex;
  overflow: visible;
}

.html-embed {
  flex: 1;
  align-self: stretch;
}

.section-instagram, .section-test-drive {
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: 100px;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.form {
  justify-content: center;
  display: flex;
}

.text-block-5 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 32px;
}

.dropdown-toggle {
  color: #000;
  padding: 6px 60px 6px 40px;
}

.form-wrapper {
  background-color: #99999942;
  flex: 0 auto;
  margin-top: 60px;
  padding: 23px;
  overflow: hidden;
}

.form-block {
  margin-bottom: 0;
}

.submit-button {
  background-color: var(--black);
  letter-spacing: -1px;
  width: 200px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.dropdown {
  background-color: var(--white);
  border: 1px solid #3339;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.text-field {
  text-align: center;
  border: 1px solid #0006;
  align-self: center;
  width: 200px;
  height: 50px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.text-field::placeholder {
  color: #000;
}

.dropdown-list {
  inset: 0% 0% auto;
}

.dropdown-list.w--open {
  background-color: var(--white);
  top: 50px;
}

.select-field {
  background-color: var(--white);
  border: 1px solid #0006;
  width: 200px;
  height: 50px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.select-field.locations {
  background-color: var(--white);
  border: 1px solid #0006;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 16px;
}

.text-span {
  font-family: Audiowide, sans-serif;
}

.paragraph-small {
  max-width: 615px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-small.top {
  max-width: 500px;
  margin-top: 10px;
  padding-left: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-span-2 {
  font-family: Audiowide, sans-serif;
}

.text-span-3 {
  text-transform: uppercase;
  font-family: Audiowide, sans-serif;
}

.container-credits {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

.heading-2 {
  text-align: left;
  font-family: Merriweather, serif;
}

.link-8 {
  color: var(--black);
  text-decoration: none;
}

.link-9 {
  color: var(--black);
  border-bottom: 1px dotted #000;
  text-decoration: none;
}

.paragraph-2 {
  color: var(--black);
  text-align: left;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.text-block-6 {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
}

.link-10 {
  color: var(--black);
  text-decoration: none;
}

.link-credits {
  color: var(--black);
  border-bottom: 1px dotted #000;
  font-size: 12px;
  text-decoration: none;
}

.div-block-204 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.grid {
  grid-column-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-block-205 {
  background-color: #00000005;
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  font-family: Lato, sans-serif;
  display: flex;
}

.image-3 {
  max-width: 60%;
}

.bold-text {
  font-size: 24px;
}

.youtube {
  text-align: center;
  border-radius: 20px;
}

.section-11 {
  border-radius: 20px;
  margin-top: 40px;
}

.italic-text {
  color: var(--white);
}

.paragraph-copy {
  color: var(--gris);
  max-width: 615px;
  padding-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-copy {
  color: var(--gris);
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  padding-top: 20px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  line-height: 28px;
  display: block;
}

.paragraph-copy.top {
  max-width: 500px;
  margin-top: 10px;
  padding-left: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.heading-copy {
  color: var(--light-gold);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
}

.heading-copy._1 {
  color: var(--blue);
  line-height: 70px;
}

.heading-copy.alt {
  color: var(--blue);
}

.heading-copy.test-drive {
  font-size: 32px;
  line-height: 50px;
}

.a-margin-bottom-16 {
  margin-bottom: 16px;
}

.a-h6-heading {
  color: var(--blue);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.a-container-x-small {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.a-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.a-paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.a-paragraph-regular {
  color: var(--gris);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.a-testimonial-avatar-wrapper {
  background-color: var(--light-gold);
  background-image: url('../images/mike.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.a-testimonial-avatar {
  width: 36px;
  height: 36px;
}

.a-testimonial-slider {
  background-color: #0000;
  width: 100%;
  max-width: 920px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.a-testimonial-left-arrow {
  border: 1px solid var(--alley-component-library--neutral--off-white);
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 14px;
  display: flex;
  left: -3%;
}

.a-testimonial-slide {
  border-radius: 10px;
  margin-right: 40px;
}

.a-testimonial-mask {
  overflow: visible;
}

.a-testimonial-right-arrow {
  border: 1px solid var(--alley-component-library--neutral--off-white);
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 14px;
  display: flex;
  right: -3%;
}

.a-testimonial-card {
  grid-row-gap: 24px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 32px 15%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.a-testimonial-card:hover {
  background-color: #fff;
  border-color: #e5e5e500;
}

.a-testimonial-star {
  grid-column-gap: 8px;
  display: flex;
}

.a-testimonial-slide-nav {
  display: none;
}

.a-testimonial-author-small {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.a-testimonial-section {
  padding: 92px 5%;
  position: relative;
  overflow: hidden;
}

.a-margin-bottom-08 {
  margin-bottom: 8px;
}

.a-h3-heading {
  color: var(--alley-component-library--gray--900);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.a-detail-small {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.a-section-regular {
  padding: 92px 5%;
  position: relative;
}

.a-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.a-h5-heading {
  color: var(--blue);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.4;
}

.a-title-wrap-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.a-testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 64px;
}

.a-testimonial-base {
  border: 1px solid var(--alley-component-library--neutral--off-white);
  border-radius: 24px;
  padding: 32px;
}

.a-testimonial-author {
  grid-column-gap: 8px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.foto2 {
  background-color: var(--light-gold);
  background-image: url('../images/sarah.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.foto4 {
  background-color: var(--light-gold);
  background-image: url('../images/emily.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.foto3 {
  background-color: var(--light-gold);
  background-image: url('../images/david.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.italic-text-2 {
  color: var(--blue);
}

.a-icon-small {
  color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.a-margin-bottom-17 {
  margin-bottom: 16px;
}

.a-h1-heading {
  color: var(--alley-component-library--gray--900);
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.2;
}

.a-button-video {
  grid-column-gap: 12px;
  color: var(--alley-component-library--blue--900);
  text-align: center;
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 99px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 48px;
  padding: 12px 24px 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  display: flex;
}

.a-button-video:hover {
  background-color: var(--alley-component-library--neutral--off-white);
}

.a-button-video:active {
  background-color: var(--alley-component-library--blue--100);
}

.a-caption {
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.a-detail-small-2 {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.a-detail-small-2.a-text-color-primary {
  color: var(--alley-component-library--blue--900);
}

.a-margin-bottom-48 {
  margin-bottom: 48px;
}

.a-container-regular-2 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.a-button-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--light-gold);
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
}

.a-button-primary:hover {
  background-color: var(--blue);
}

.a-button-primary:active {
  background-color: var(--alley-component-library--blue--700);
}

.a-span-underline {
  border-bottom: 6px solid var(--alley-component-library--blue--900);
  color: var(--alley-component-library--blue--900);
}

.a-header-button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 24px;
  margin-bottom: 16px;
  display: flex;
}

.a-header-play {
  background-color: var(--alley-component-library--blue--100);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.a-text-color-primary {
  color: var(--alley-component-library--blue--900);
}

.a-section-header {
  padding-top: 120px;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.a-header-dashboard {
  width: 100%;
  height: 100%;
  margin-top: 64px;
}

.a-paragraph-regular-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.a-title-wrap-center-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-7 {
  color: var(--blue);
}

@media screen and (max-width: 991px) {
  .section-2 {
    min-height: 100vh;
  }

  .section-top {
    width: 90%;
  }

  .image-2 {
    margin-top: 100px;
  }

  .heading {
    font-size: 32px;
    line-height: 45px;
  }

  .paragraph {
    font-size: 16px;
    line-height: 22px;
  }

  .section-3 {
    justify-content: center;
    padding-left: 0%;
  }

  .vid {
    width: 100%;
    max-width: none;
    min-height: 460px;
  }

  .background-video {
    height: 100%;
  }

  .subhead {
    align-self: flex-start;
    margin-top: 20px;
    font-size: 20px;
  }

  .paragraph-sub {
    align-self: flex-start;
    max-width: none;
    font-size: 16px;
    line-height: 22px;
  }

  .image-div {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-5 {
    justify-content: space-around;
    min-height: auto;
    margin-top: 50px;
    padding: 30px 0;
  }

  .image-quality {
    max-width: 100%;
  }

  .text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    max-width: none;
    margin-right: 0%;
    display: flex;
  }

  .section-image {
    background-position: 40%;
  }

  .info-box {
    padding: 24px;
  }

  .small-header {
    font-size: 22px;
    line-height: 28px;
  }

  .s7-p {
    font-size: 16px;
    line-height: 22px;
  }

  .hero-footer-brand {
    display: flex;
  }

  .brand-name {
    font-size: 32px;
  }

  .navigation-item {
    color: #fff;
    text-align: center;
    border: 1px #000;
    border-bottom-style: solid;
    padding: 15px 30px;
    font-size: 16px;
    text-decoration: none;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #000;
  }

  .navigation-item:active {
    color: #fff;
    background-color: #000;
  }

  .navigation-item.w--current {
    border: 1px solid #000;
    border-bottom-color: #fff;
    font-size: 16px;
  }

  .navi {
    z-index: 500;
    color: #000;
    background-color: #000;
    flex-direction: column;
    flex: none;
    justify-content: center;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .navi-container {
    flex: 1;
    justify-content: space-between;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .burger-button {
    display: block;
  }

  .navigation {
    height: 60px;
    padding: 0;
    position: static;
  }

  .burger-menu {
    z-index: 2147483647;
    padding: 10px;
    display: block;
    position: relative;
  }

  .left-container, .right-container {
    width: 50%;
    padding-right: 20px;
  }

  .container {
    justify-content: space-between;
    width: 90%;
  }

  .div-block-189 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .left-image-div, .right-image-div {
    width: 100%;
  }

  .footer5-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-nav-links {
    margin-right: 0;
  }

  .social-links {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer5-divider {
    width: 100%;
    height: 1px;
    margin: 30px 0;
  }

  .footer-links {
    flex-direction: column;
  }

  .hr-line-2 {
    align-self: auto;
    display: block;
  }

  .image-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .image {
    width: 100%;
    max-width: none;
  }

  .section-8 {
    flex-direction: column;
    justify-content: center;
    margin-top: 100px;
    padding-left: 0%;
  }

  .div {
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
    height: 520px;
  }

  .div-mask {
    align-self: flex-start;
  }

  .section-credits {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-10, .section-instagram, .section-test-drive {
    flex-direction: column;
    justify-content: center;
    margin-top: 100px;
    padding-left: 0%;
  }

  .submit-button, .text-field, .select-field, .select-field.locations {
    width: 160px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .paragraph-small {
    font-size: 16px;
    line-height: 22px;
  }

  .grid {
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .paragraph-copy {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-copy {
    font-size: 32px;
    line-height: 45px;
  }

  .a-button-primary {
    display: flex;
  }

  .a-header-button-wrapper {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .heading {
    font-size: 28px;
    line-height: 36px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .section-3 {
    justify-content: center;
  }

  .vid {
    height: 320px;
    min-height: auto;
  }

  .subhead {
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-sub {
    font-size: 14px;
  }

  .info-box {
    top: 20px;
    bottom: auto;
    left: auto;
  }

  .small-header {
    font-size: 20px;
    line-height: 24px;
  }

  .s7-p {
    font-size: 14px;
    line-height: 20px;
  }

  .brand-name {
    font-size: 28px;
  }

  .hero {
    background-position: 0 0, 10%;
  }

  .brand.w--current {
    margin-left: 0;
    padding-left: 0;
  }

  .burger-button {
    z-index: 99999;
    display: flex;
  }

  .navigation {
    padding-left: 10px;
    padding-right: 0;
  }

  .burger-menu {
    z-index: 1000;
    position: relative;
  }

  .div-block-189 {
    width: 90%;
  }

  .section-9 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer5-divider {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-links {
    flex-direction: column;
  }

  .section-credits {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form {
    flex-flow: column wrap;
  }

  .submit-button {
    align-self: center;
    width: 240px;
  }

  .text-field {
    text-align: left;
    width: 240px;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .select-field {
    align-self: center;
    width: 240px;
    margin-bottom: 10px;
  }

  .select-field.locations {
    text-align: center;
    align-self: center;
    width: 240px;
    margin-bottom: 10px;
  }

  .paragraph-small {
    font-size: 14px;
    line-height: 20px;
  }

  .container-credits {
    width: 90%;
  }

  .paragraph-2 {
    font-size: 12px;
  }

  .text-block-6 {
    margin-right: 10px;
    padding-top: 2px;
    font-size: 12px;
  }

  .link-credits {
    border-bottom: 1px dotted #000;
  }

  .grid {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-start;
    display: flex;
  }

  .div-block-205 {
    background-color: #ececec;
    flex-direction: row;
    justify-content: flex-start;
    width: 300px;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .paragraph-copy {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-copy {
    font-size: 28px;
    line-height: 36px;
  }

  .a-testimonial-left-arrow, .a-testimonial-right-arrow {
    display: none;
  }

  .a-testimonial-card {
    padding-left: 10%;
    padding-right: 10%;
  }

  .a-testimonial-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .a-h3-heading {
    font-size: 40px;
  }

  .a-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .a-testimonial-grid {
    grid-template-columns: 1fr;
  }

  .a-h1-heading {
    font-size: 48px;
  }

  .a-section-header {
    padding-top: 72px;
  }
}

@media screen and (max-width: 479px) {
  .section-2 {
    min-height: auto;
  }

  .image-2 {
    margin-top: 20px;
  }

  .heading {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
  }

  .heading._1 {
    text-align: left;
    line-height: 40px;
    display: flex;
  }

  .heading.test-drive {
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
    line-height: 32px;
    display: flex;
  }

  .paragraph.top {
    padding-top: 10px;
    font-size: 14px;
  }

  .section-3 {
    flex-direction: column;
  }

  .vid {
    width: 100%;
    height: 260px;
    min-height: auto;
    margin-left: 0;
  }

  .background-video {
    height: 100%;
  }

  .subhead {
    max-width: none;
    font-size: 16px;
  }

  .paragraph-sub {
    font-size: 14px;
  }

  .section-4 {
    padding-top: 0;
  }

  .image-div {
    height: 400px;
    margin-top: 40px;
  }

  .section-6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .slider {
    height: 320px;
  }

  .mask {
    padding-left: 0%;
  }

  .text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    display: flex;
  }

  .section-image {
    margin-top: 100px;
  }

  .info-box {
    padding: 20px;
  }

  .small-header {
    font-size: 20px;
    line-height: 26px;
  }

  .hero-header {
    width: 90%;
    margin-bottom: 120px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .hero-footer {
    height: 48px;
  }

  .brand-name {
    font-size: 24px;
  }

  .hero {
    background-image: linear-gradient(180deg, black, var(--invisible)), linear-gradient(0deg, black, #0000 40%, #0000), url('../images/5029-1.webp');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    max-height: 100vh;
    display: flex;
  }

  .brand {
    margin-left: 0;
    padding-left: 0;
  }

  .burger-button {
    z-index: 99999;
    display: flex;
    position: relative;
  }

  .navigation {
    padding-left: 10px;
    padding-right: 0;
  }

  .left-container {
    width: auto;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .right-container {
    width: auto;
    padding-right: 0;
  }

  .container, .div-block-189 {
    flex-direction: column;
  }

  .footer5-link {
    margin-bottom: 10px;
  }

  .footer-nav-links {
    flex-direction: column;
  }

  .section-9 {
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .footer5-divider {
    width: 100%;
    height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-links {
    text-align: center;
    flex-direction: column;
  }

  .footer-container {
    width: 90%;
  }

  .credit-wrapper {
    width: 24px;
    height: 24px;
    inset: auto auto 52px 10vw;
  }

  .credit-details {
    left: 24px;
  }

  .info-text {
    font-family: Lato, sans-serif;
    line-height: 22px;
  }

  .image-wrapper {
    width: auto;
  }

  .image {
    margin-bottom: 40px;
  }

  .section-8 {
    margin-top: 0;
    display: flex;
  }

  .div {
    flex-direction: column;
    height: auto;
  }

  .section-7 {
    flex-direction: column;
    padding-top: 40px;
    display: flex;
  }

  .title-mask {
    align-self: stretch;
  }

  .section-credits {
    margin-top: 0;
    padding: 100px 16px;
    display: flex;
  }

  .info-wrapper-corner {
    width: 24px;
    height: 24px;
  }

  .section-instagram, .section-test-drive {
    display: flex;
  }

  .form-wrapper {
    padding: 20px;
  }

  .submit-button {
    align-self: stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .text-field {
    align-self: stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .text-field::placeholder {
    font-size: 14px;
  }

  .select-field {
    align-self: stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .select-field.locations {
    align-self: stretch;
    width: auto;
    min-width: 220px;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .div-block-203 {
    width: 80%;
  }

  .container-credits {
    align-items: center;
    width: 90%;
    height: auto;
    padding-bottom: 20px;
    display: flex;
  }

  .heading-2 {
    text-align: left;
    font-size: 24px;
  }

  .paragraph-2 {
    text-align: center;
    font-size: 12px;
  }

  .text-block-6 {
    margin-right: 0;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
  }

  .grid {
    align-items: center;
  }

  .div-block-205 {
    width: 260px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-11 {
    margin-top: 100px;
  }

  .paragraph-copy.top {
    padding-top: 10px;
    font-size: 14px;
  }

  .heading-copy {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
  }

  .heading-copy._1 {
    line-height: 40px;
    display: flex;
  }

  .heading-copy.test-drive {
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
    line-height: 32px;
    display: flex;
  }

  .a-testimonial-mask, .a-button-primary {
    width: 100%;
  }

  .a-header-button-wrapper {
    flex-direction: column;
  }
}

#w-node-ddebf196-80ed-ef84-6a41-da63d3103373-897f4d8c, #w-node-ddebf196-80ed-ef84-6a41-da63d310337e-897f4d8c, #w-node-ddebf196-80ed-ef84-6a41-da63d3103389-897f4d8c, #w-node-ddebf196-80ed-ef84-6a41-da63d3103394-897f4d8c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}