/* Equal presentation for the two approved car-rental providers. */
.page-hero {
  min-height: 300px;
  padding: 44px 7vw 38px;
}

.page-hero h1 {
  font-size: clamp(48px, 5.4vw, 78px);
  margin: 10px 0 18px;
}

.page-hero p {
  max-width: 820px;
  font-size: 16px;
}

.provider-heading { max-width: 760px; margin-bottom: 34px; }

.provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.provider-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 32px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 14px 38px rgba(25, 53, 74, .08);
}

.provider-card__graphic {
  width: 88px;
  height: 88px;
  margin-bottom: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--mist);
  color: var(--blue);
}

.provider-card__graphic svg {
  width: 52px;
  height: 52px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.provider-card h2 { margin: 4px 0 14px; }
.provider-card .button { align-self: flex-start; margin-top: auto; }
.provider-card__terms { margin: 24px 0; padding: 20px; background: var(--cream); }
.provider-card__terms strong { color: var(--blue); }
.provider-card__terms p:last-child { margin-bottom: 0; }

@media (max-width: 780px) {
  .page-hero {
    min-height: 270px;
    padding: 38px 7vw 34px;
  }

  .page-hero h1 { font-size: clamp(44px, 10vw, 64px); }
  .provider-grid { grid-template-columns: 1fr; }
  .provider-card { padding: 26px; }
}