/* ===========================================================================
   FALLBACK LAYOUT — not original site CSS.

   Elementor stores each page's spacing in a generated file,
   wp-content/uploads/elementor/css/post-<id>.css, built from the WordPress
   database. Nine pages' files could not be recovered — they were created
   after the last Internet Archive crawl, and WordPress is no longer running
   on the server:

     post-4122.css  →  /hire-driver-in-dubai/
     post-4148.css  →  /private-drivers-dubai/
     post-4173.css  →  /driver-for-day/
     post-4190.css  →  /personal-driver-service-dubai/
     post-4198.css  →  /professional-drivers/
     post-4207.css  →  /private-chauffeur-service-dubai/
     post-4214.css  →  /dubai-luxury-car-chauffeur-services/
     post-4224.css  →  /chauffeur-services-dubai/
     post-4232.css  →  /book-driver-service-in-dubai/

   The home page, /about-us/ and /contact/ are unaffected — every stylesheet
   they need was recovered, so they render exactly as designed.

   Values below are taken from the real global kit (post-17.css) so the
   fallback is consistent with the rest of the site:
     container max-width  1140px / 1024px / 767px
     primary   #3B9545     secondary #0F3654
     headings  Poppins     body      Roboto

   This does NOT reproduce the original per-section design. It supplies
   generic spacing so the pages read correctly.

   Scoped to the nine affected page wrappers only, so the shared header,
   footer and global kit keep their own recovered CSS untouched.
   =========================================================================== */

.elementor-4122 > .elementor-element,
.elementor-4148 > .elementor-element,
.elementor-4173 > .elementor-element,
.elementor-4190 > .elementor-element,
.elementor-4198 > .elementor-element,
.elementor-4207 > .elementor-element,
.elementor-4214 > .elementor-element,
.elementor-4224 > .elementor-element,
.elementor-4232 > .elementor-element {
  padding-block: 3.5em;
  padding-inline: 1.25em;
}

/* Centre the content column at the kit's container width ----------------- */
.elementor-4122 > .elementor-element > .e-con-inner,
.elementor-4148 > .elementor-element > .e-con-inner,
.elementor-4173 > .elementor-element > .e-con-inner,
.elementor-4190 > .elementor-element > .e-con-inner,
.elementor-4198 > .elementor-element > .e-con-inner,
.elementor-4207 > .elementor-element > .e-con-inner,
.elementor-4214 > .elementor-element > .e-con-inner,
.elementor-4224 > .elementor-element > .e-con-inner,
.elementor-4232 > .elementor-element > .e-con-inner {
  max-width: var(--container-max-width, 1140px);
  margin-inline: auto;
  width: 100%;
}

/* Nested containers must not re-apply the outer gutter ------------------- */
.elementor-4122 .e-con .e-con,
.elementor-4148 .e-con .e-con,
.elementor-4173 .e-con .e-con,
.elementor-4190 .e-con .e-con,
.elementor-4198 .e-con .e-con,
.elementor-4207 .e-con .e-con,
.elementor-4214 .e-con .e-con,
.elementor-4224 .e-con .e-con,
.elementor-4232 .e-con .e-con {
  padding-inline: 0;
  padding-block: 0;
}

/* Gap between side-by-side containers ------------------------------------ */
.elementor-4122 .e-con.e-flex,
.elementor-4148 .e-con.e-flex,
.elementor-4173 .e-con.e-flex,
.elementor-4190 .e-con.e-flex,
.elementor-4198 .e-con.e-flex,
.elementor-4207 .e-con.e-flex,
.elementor-4214 .e-con.e-flex,
.elementor-4224 .e-con.e-flex,
.elementor-4232 .e-con.e-flex {
  gap: 2em;
}

/* Vertical rhythm between stacked widgets -------------------------------- */
.elementor-4122 .elementor-widget:not(:last-child),
.elementor-4148 .elementor-widget:not(:last-child),
.elementor-4173 .elementor-widget:not(:last-child),
.elementor-4190 .elementor-widget:not(:last-child),
.elementor-4198 .elementor-widget:not(:last-child),
.elementor-4207 .elementor-widget:not(:last-child),
.elementor-4214 .elementor-widget:not(:last-child),
.elementor-4224 .elementor-widget:not(:last-child),
.elementor-4232 .elementor-widget:not(:last-child) {
  margin-block-end: 1em;
}

/* Heading sizes.
   The kit (post-17.css) sets a font-family for h1 but no font-size — the real
   sizes lived in each page's own CSS. Without them h1 falls back to a browser
   default that renders enormously on a hero. The caps below match the largest
   sizes used by the pages whose CSS *was* recovered (40px / 30px / 24px). --- */
.elementor-4122 h1, .elementor-4148 h1, .elementor-4173 h1,
.elementor-4190 h1, .elementor-4198 h1, .elementor-4207 h1,
.elementor-4214 h1, .elementor-4224 h1, .elementor-4232 h1 {
  font-size: clamp(1.9rem, 4vw, 2.5rem);
  line-height: 1.2;
  margin-block-end: .5em;
}

.elementor-4122 h2, .elementor-4148 h2, .elementor-4173 h2,
.elementor-4190 h2, .elementor-4198 h2, .elementor-4207 h2,
.elementor-4214 h2, .elementor-4224 h2, .elementor-4232 h2 {
  font-size: clamp(1.45rem, 2.8vw, 1.875rem);
  line-height: 1.25;
  margin-block-end: .45em;
}

.elementor-4122 h3, .elementor-4148 h3, .elementor-4173 h3,
.elementor-4190 h3, .elementor-4198 h3, .elementor-4207 h3,
.elementor-4214 h3, .elementor-4224 h3, .elementor-4232 h3 {
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  line-height: 1.3;
}

/* Images must not overflow their column ---------------------------------- */
.elementor-4122 img, .elementor-4148 img, .elementor-4173 img,
.elementor-4190 img, .elementor-4198 img, .elementor-4207 img,
.elementor-4214 img, .elementor-4224 img, .elementor-4232 img {
  max-width: 100%;
  height: auto;
}

/* A missing hero photo otherwise collapses to a 0-height broken icon.
   Give absent images a neutral placeholder block in the kit's navy tint so
   the page keeps its shape until the photo is restored. ------------------- */
.elementor-4122 .elementor-widget-image img[src*="/uploads/"],
.elementor-4148 .elementor-widget-image img[src*="/uploads/"],
.elementor-4173 .elementor-widget-image img[src*="/uploads/"],
.elementor-4190 .elementor-widget-image img[src*="/uploads/"],
.elementor-4198 .elementor-widget-image img[src*="/uploads/"],
.elementor-4207 .elementor-widget-image img[src*="/uploads/"],
.elementor-4214 .elementor-widget-image img[src*="/uploads/"],
.elementor-4224 .elementor-widget-image img[src*="/uploads/"],
.elementor-4232 .elementor-widget-image img[src*="/uploads/"] {
  min-height: 1px;
  background: #0F36540D;
}

@media (max-width: 767px) {
  .elementor-4122 > .elementor-element,
  .elementor-4148 > .elementor-element,
  .elementor-4173 > .elementor-element,
  .elementor-4190 > .elementor-element,
  .elementor-4198 > .elementor-element,
  .elementor-4207 > .elementor-element,
  .elementor-4214 > .elementor-element,
  .elementor-4224 > .elementor-element,
  .elementor-4232 > .elementor-element {
    padding-block: 2.25em;
    padding-inline: 1em;
  }
}
