/* Capability cards — the slider in section #Testimonials.
   The cards reuse the Webflow testimonial styles as-is (.testimonial_content,
   .trust_content-right, .trust_image-wrapper, .trust_image). Nothing here
   restyles the card itself; this file only covers the two things the original
   markup had no class for. */

/* 1. The eyebrow that replaced the client logo in the top slot. */
.capability_eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--base-color-neutral--neutral);
}

/* 2. The right-hand panel is now an inline <svg> instead of an <img>.
   .trust_image gives it aspect-ratio/width/height already; object-fit does
   nothing on a non-replaced element, so the SVG covers via
   preserveAspectRatio="xMidYMid slice" instead. */
.trust_image.is-capability {
  display: block;
}

/* Below 991px .testimonial_content collapses to one column and the text block
   is pulled above the visual via order:-9999. Webflow only emitted that rule
   for the 2nd–4th slides at this breakpoint, so the 1st slide rendered visual-
   first while the others rendered text-first. Normalise all five. */
@media screen and (max-width: 991px) {
  #w-node-f2521634-5100-a746-4b0d-5e6408fc2b43-82728ef2,
  #w-node-eow-capability-05-82728ef2 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-eow-capability-05-82728ef2 {
    order: -9999;
  }
}
