html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
  /* Several full-bleed sections (hero, popular routes, why-choose-us, the
     flights modify bar) break out of their container with the standard
     left:50%;width:100vw;margin-left:-50vw trick. On Windows, where the
     vertical scrollbar takes up layout space, 100vw measures wider than the
     visible page (clientWidth), so those sections end up a scrollbar-width
     too wide and force an unwanted horizontal scrollbar. Clipping it here is
     the standard fix — it never hides real content, just the few pixels of
     background bleed past the visible edge. */
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

/* Shared centering utility for content nested inside a full-bleed section
   (see the left:50%;width:100vw;margin-left:-50vw trick above) — re-establishes
   a normal max-width reading column once that section has escaped .container.
   Previously this was only defined in aeroconnect-flights.css, a stylesheet
   loaded solely on the Flights/Booking pages, so every other page using this
   class (Services, the Tours/Visas/Sightseeing/Cruise/Destinations listing
   pages) had it silently do nothing and stretch full-bleed instead. */
.wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}