/* Local visual fixes for the recovered page. */
.elementor-1153 .elementor-element.elementor-element-5c29adc .elementor-heading-title {
  color: #fff !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

/* Give PROJECTS more breathing room below the preceding white section. */
.elementor-1153 .elementor-element.elementor-element-b740f88 {
  padding-top: 110px !important;
}

/* The recovered Elementor CSS pulls this section's content up by 30px. */
.elementor-1153 .elementor-element.elementor-element-28961bb > .elementor-element-populated {
  margin-top: 0 !important;
}

/* The divider bands above the SERVICES and CLIENTS sections carry huge bottom
   margins in the recovered Elementor CSS (315px/600px/490px and 155px/180px),
   leaving far too much whitespace above the section headings compared with
   the rest of the page. Drop them so the white sections follow the bands
   directly; each section's own padding provides the spacing. */
.elementor-1153 .elementor-element.elementor-element-461ffb1 {
  margin-bottom: 0 !important;
}

.elementor-1153 .elementor-element.elementor-element-b740f88 {
  margin-bottom: 0 !important;
}

/* The SERVICES section has no top padding on desktop (padding: 0 0 130px),
   so its heading sat flush against the divider band above it. Match the
   50px top padding CLIENTS gets; the tablet breakpoint keeps this, and the
   recovered CSS already gives mobile 100px, which we preserve below. */
.elementor-1153 .elementor-element.elementor-element-8786024 {
  padding-top: 50px !important;
}

/* The ABOUT AFI section carries 110px top padding at every breakpoint
   (the recovered CSS never reduces it), pushing the heading too far from
   the top of its container. Match the 50px rhythm used by SERVICES and
   CLIENTS; it applies at all breakpoints since no media query overrides it. */
.elementor-1153 .elementor-element.elementor-element-f0a0712 {
  padding-top: 50px !important;
}

@media (max-width: 767px) {
  .elementor-1153 .elementor-element.elementor-element-b740f88 {
    padding-top: 80px !important;
  }

  .elementor-1153 .elementor-element.elementor-element-8786024 {
    padding-top: 100px !important;
  }

  .elementor-1153 .elementor-element.elementor-element-5c29adc .elementor-heading-title {
    font-size: clamp(4rem, 18vw, 7rem) !important;
  }
}