/* About Us page */

/* ---------- Page title ---------- */
.page-about-us .page-title { background-color: var(--bg-sky); padding: 5% 0; text-align: center; }
.page-about-us .page-title__heading {
  font-size: 36px; line-height: 36px; font-weight: 600; text-transform: uppercase; color: var(--navy);
}
.page-about-us .page-title__heading span { color: var(--red); font-weight: 700; }

/* ---------- Banner ---------- */
.page-about-us .banner {
  height: 70vh;
  background: var(--bg-sky) url("/assets/images/Airport-Taxi-Banner.webp") no-repeat 50% 100% / 100% auto;
}

/* ---------- Text blocks ---------- */
.page-about-us .prose { display: flow-root; font-size: 14px; line-height: 1.4; }
.page-about-us .prose p { margin: 14px 0; }
.page-about-us .prose p + p { margin-top: 47.6px; }  /* original spacing came from empty <p>&nbsp;</p> */
.page-about-us .prose a { font-size: 14px; font-weight: 400; }
.page-about-us .prose a.link-strong { font-weight: 800; }

/* ---------- Buttons ---------- */
.page-about-us .cta {
  display: inline-block; width: 28%; max-width: 100%;
  padding: 1.4% 1.68%;
  font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase;
  border-radius: 10px; position: relative; z-index: 1;
}

/* ---------- Intro ---------- */
.page-about-us .intro { background-color: var(--white); padding: 3% 0 0; }
.page-about-us .intro .boxed { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.page-about-us .intro__text { width: 100%; }

/* ---------- Image + text features ---------- */
.page-about-us .feature { background-color: var(--white); }
.page-about-us .feature--relax { padding: 5% 0; }
.page-about-us .feature--on-time { padding: 5% 0 0; }
.page-about-us .split { display: flex; align-items: center; gap: 30px; }
.page-about-us .split > * { flex: 1 1 0; min-width: 0; padding: 10px; }
.page-about-us .split__text { display: flex; flex-direction: column; gap: 20px; }
.page-about-us .split__title { font-size: 30px; line-height: 30px; font-weight: 400; color: var(--navy); }
.page-about-us .split__img { display: block; width: 100%; height: auto; }

/* ---------- CTA row ---------- */
.page-about-us .cta-row { padding: 5% 0; }
.page-about-us .cta-row .boxed { display: flex; flex-direction: column; align-items: center; }

/* ---------- Safety / flight delays ---------- */
.page-about-us .details { padding: 0 0 5%; }
.page-about-us .details .boxed { display: flex; flex-direction: column; gap: 20px; }
.page-about-us .details__title { align-self: flex-start; font-size: 30px; line-height: 23px; font-weight: 400; color: var(--navy); }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .page-about-us .banner { height: 37vh; }
  .page-about-us .intro { padding: 2.82% 3% 0; }
  .page-about-us .feature--relax { padding: 4.8% 2%; }
  .page-about-us .feature--experience { padding: 0 2%; }
  .page-about-us .feature--on-time { padding: 4.8% 2% 0; }
  .page-about-us .cta-row { padding: 4.7% 3%; }
  .page-about-us .details { padding: 4.7% 3%; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .page-about-us .page-title { padding: 7.36% 4%; }
  .page-about-us .banner {
    height: 66vh;
    background-image: url("/assets/images/Airport-Taxi-Banner-MObile.webp");
    background-size: cover;
  }
  .page-about-us .prose { font-size: 16px; }
  .page-about-us .prose p { margin: 16px 0; }
  .page-about-us .prose p + p { margin-top: 54.4px; }

  .page-about-us .intro { padding: 14.72% 4% 0; }
  .page-about-us .intro__text { line-height: 1.5; }
  .page-about-us .intro__text p + p { margin-top: 56px; }
  .page-about-us .cta { width: 100%; padding: 5% 6%; }
  .page-about-us .intro .cta { margin-top: 4%; }

  .page-about-us .feature--relax { padding: 14.72% 4%; }
  .page-about-us .feature--experience { padding: 0 4%; }
  .page-about-us .feature--on-time { padding: 14.72% 4% 0; }
  .page-about-us .split { flex-direction: column; align-items: stretch; gap: 20px; }
  .page-about-us .split > * { padding: 0; }
  .page-about-us .split__text { display: contents; }
  .page-about-us .split__title { order: 1; text-align: center; }
  .page-about-us .split__img { order: 2; }
  .page-about-us .split__body { order: 3; }

  .page-about-us .cta-row { padding: 7.36% 4% 14.72%; }
  .page-about-us .details { padding: 0 4% 14.72%; }
  .page-about-us .details__title { align-self: stretch; text-align: center; }
  .page-about-us .details__title--second { margin-top: 8%; }
}