.rvvhero {
  --rvvhero-space: 2.6667rem;
  background-color: var(--accent);
  border-radius: 3px 3px;
  max-width: var(--max-site-width);
  height: 490px;
  margin: 0 auto;
  margin-bottom: 100px;
  position: relative;
}
.rvvhero .hero-info {
  display: inline-block;
  max-width: 830px;
  // width: 75%;
  width: clamp(375px, 100vw - 594px, 800px);
}
.rvvhero .hero-info h1 {
  font-size: clamp(1.5625rem, 3.125vw, 3.125rem);
  font-weight: 400;
  color: var(--on-accent-alt);
  margin: calc(2 * var(--rvvhero-space)) var(--rvvhero-space) 52px
    var(--rvvhero-space);
}
.rvvhero .hero-info a {
  color: var(--on-accent-alt);
  text-decoration: none;
}
.rvvhero .hero-info .hero-btn-wrapper {
  margin-top: 1rem;
}
.rvvhero .hero-info a.hero-btn {
  text-decoration: none;
  padding: 10px 30px;
  border: 1px solid white;
  border-radius: 3px;
  background-color: var(--on-accent);
  color: var(--accent);
  font-size: clamp(1rem, 1.6vw, 1rem);
  font-weight: 500;
}
.rvvhero .hero-info .hero-text {
  color: var(--on-accent);
  font-weight: 400;
  font-size: clamp(1rem, 1.6vw, 1.5625rem);
  line-height: 1.6;
  margin-left: var(--rvvhero-space);
  margin-right: var(--rvvhero-space);
}
.rvvhero .hero-action {
  position: absolute;
  top: 30px;
  right: 64px;
  max-width: 530px;
  max-height: 530px;
  width: clamp(275px, 275px + 15vw, 530px);
  height: 100%;
}
.rvvhero .hero-action .hero-image,
.rvvhero .hero-action .hero-widget {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.rvvhero .hero-action .hero-image.with-bg-image {
  min-height: 490px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.rvvhero .hero-action .hero-widget {
  padding: var(--text-base);
}
.rvvhero.with-image .hero-action .hero-widget {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--bg-color);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20370%20370%22%20width=%22370%22%20height=%22370%22%3E%3Cpath%20fill=%22%23dadfe2%22%20opacity=%220.3%22%20d=%22M%20185%200.0039062%20A%20185%20185%200%201%200%20370%20185.01%20A%20184.97%20184.97%200%200%200%20185%200.0039062%20z%20M%20185%2024.904%20A%20160.12%20160.12%200%200%201%20298.23%20298.23%20A%20160.13%20160.13%200%200%201%2071.775%2071.775%20A%20159.04%20159.04%200%200%201%20185%2024.904%20z%20M%20184.89%2073.656%20C%20172.71%2073.656%20162.59%2082.905%20162.59%2095.305%20C%20162.59%20107.71%20172.71%20117.06%20184.89%20117.06%20C%20197.29%20117.06%20207.41%20107.71%20207.41%2095.305%20C%20207.41%2082.903%20197.29%2073.656%20184.89%2073.656%20z%20M%20164.11%20134.15%20L%20164.12%20290.91%20L%20205.67%20290.91%20L%20205.67%20134.15%20L%20164.11%20134.15%20z%22/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) .rvvhero.with-image .hero-action .hero-widget {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20370%20370%22%20width=%22370%22%20height=%22370%22%3E%3Cpath%20fill=%22%23485358%22%20opacity=%220.3%22%20d=%22M%20185%200.0039062%20A%20185%20185%200%201%200%20370%20185.01%20A%20184.97%20184.97%200%200%200%20185%200.0039062%20z%20M%20185%2024.904%20A%20160.12%20160.12%200%200%201%20298.23%20298.23%20A%20160.13%20160.13%200%200%201%2071.775%2071.775%20A%20159.04%20159.04%200%200%201%20185%2024.904%20z%20M%20184.89%2073.656%20C%20172.71%2073.656%20162.59%2082.905%20162.59%2095.305%20C%20162.59%20107.71%20172.71%20117.06%20184.89%20117.06%20C%20197.29%20117.06%20207.41%20107.71%20207.41%2095.305%20C%20207.41%2082.903%20197.29%2073.656%20184.89%2073.656%20z%20M%20164.11%20134.15%20L%20164.12%20290.91%20L%20205.67%20290.91%20L%20205.67%20134.15%20L%20164.11%20134.15%20z%22/%3E%3C/svg%3E");
  }
}
:root[data-mode="dark"] .rvvhero.with-image .hero-action .hero-widget {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20370%20370%22%20width=%22370%22%20height=%22370%22%3E%3Cpath%20fill=%22%23485358%22%20opacity=%220.3%22%20d=%22M%20185%200.0039062%20A%20185%20185%200%201%200%20370%20185.01%20A%20184.97%20184.97%200%200%200%20185%200.0039062%20z%20M%20185%2024.904%20A%20160.12%20160.12%200%200%201%20298.23%20298.23%20A%20160.13%20160.13%200%200%201%2071.775%2071.775%20A%20159.04%20159.04%200%200%201%20185%2024.904%20z%20M%20184.89%2073.656%20C%20172.71%2073.656%20162.59%2082.905%20162.59%2095.305%20C%20162.59%20107.71%20172.71%20117.06%20184.89%20117.06%20C%20197.29%20117.06%20207.41%20107.71%20207.41%2095.305%20C%20207.41%2082.903%20197.29%2073.656%20184.89%2073.656%20z%20M%20164.11%20134.15%20L%20164.12%20290.91%20L%20205.67%20290.91%20L%20205.67%20134.15%20L%20164.11%20134.15%20z%22/%3E%3C/svg%3E");
}
:root[data-mode="contrast"] .rvvhero.with-image .hero-action .hero-widget {
  background-image: none;
}
@media only screen and (min-width: 881px) {
  .rvvhero.with-image .hero-action .hero-widget {
    background-size: 460px 460px;
  }
}
.rvvhero .hero-action .hero-widget input {
  display: block;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  text-align: inherit;
  max-width: 100%;
  font-size: 18px;
  line-height: 18px;
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid var(--light-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

#mentz_autosuggest_origin_root,
#mentz_autosuggest_destination_root {
  position: relative;
  margin-top: 32px;
  margin-bottom: 32px;
}

.rvvhero .hero-action .hero-widget .hero-datetime {
  margin-top: 48px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.hero-datetime > * {
  flex-basis: 50%;
}
.rvvhero #mentz_autosuggest_date > *,
.rvvhero #mentz_autosuggest_time > * {
  min-height: 39px;
}


.rvvhero .hero-action .hero-widget button[type="submit"] {
  margin-top: 32px;
}

@media only screen and (max-width: 880px) {
  .rvvhero {
    height: auto;
    padding-bottom: var(--rvvhero-space);
    display: flex;
    flex-direction: column;
    margin-top: calc(1.5 * var(--rvvhero-space));
  }
  .rvvhero .hero-action {
    position: static;
    margin: calc(-1 * var(--rvvhero-space)) auto calc(0.5 * var(--rvvhero-space));
  }
  .rvvhero .hero-info {
    width: 100%;
    order: 2;
  }
  .rvvhero .hero-info h1 {
    margin-top: var(--rvvhero-space);
  }
  .rvvhero .hero-image,
  .rvvhero .hero-widget {
    margin-left: auto;
    margin-right: auto;
  }
}

#mentz_autosuggest_origin_list,
#mentz_autosuggest_destination_list {
  z-index: 10;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}

#mentz_autosuggest_origin_list > ul > li,
#mentz_autosuggest_destination_list > ul > li {
  background-color: var(--bg-color);
}

#mentz_autosuggest_loading {
  float: right;
}