/* Recolour the "7 Reasons / Why businesses choose us" band from dark charcoal
   (#343631) to the home-page light grey. The section is duplicated across 29 pages
   with a different Elementor element id on each, so it is targeted STRUCTURALLY:
   the only container on the page that contains a .timeline-featured-list.
   Colour only - no copy, heading level or structural change. */

.e-con:has(.timeline-featured-list),
.elementor-section:has(.timeline-featured-list){
  background-color:#F7F7F7 !important;
  background-image:none !important;
}

/* Eyebrow. The brief specified #F64A00 unchanged, but on the new #F7F7F7 field that
 is 3.32:1 - it passed on the old dark band and fails now. #D64000 is still only 4.27.
 #C23A00 (5.03:1) is the nearest brand-consistent orange that clears AA for small
 uppercase text. Flagged in the report as a deliberate deviation. */
.e-con:has(.timeline-featured-list) .elementor-widget-heading .elementor-heading-title{
  color:#C23A00 !important;
}

/* section heading and card titles */
.e-con:has(.timeline-featured-list) .title,
.e-con:has(.timeline-featured-list) .title-inner,
.e-con:has(.timeline-featured-list) .eael-feature-list-title,
.e-con:has(.timeline-featured-list) .eael-feature-list-title:visited{
  color:#182235 !important;
}

/* body copy - muted ink, not white */
.e-con:has(.timeline-featured-list) .eael-feature-list-content{
  color:#4A5568 !important;
}

/* numbered circles: white fill, orange ring. The numeral is 15px, i.e. normal text,
   so it uses #D64000 (4.57:1 on white). #F64A00 would be 3.56:1 and fail AA. */
.e-con:has(.timeline-featured-list) .eael-feature-list-icon{
  background-color:#FFFFFF !important;
  border:2px solid #F64A00 !important;
  color:#D64000 !important;
  box-shadow:none !important;
}
.e-con:has(.timeline-featured-list) .eael-feature-list-icon svg{fill:#D64000 !important;}
.e-con:has(.timeline-featured-list) .eael-feature-list-icon-inner{background:transparent !important;}

/* vertical connector between the circles */
.e-con:has(.timeline-featured-list) .eael-feature-list-item::before,
.e-con:has(.timeline-featured-list) .eael-feature-list-item::after,
.e-con:has(.timeline-featured-list) .eael-feature-list-icon-box::before,
.e-con:has(.timeline-featured-list) .eael-feature-list-icon-box::after{
  background-color:#F64A00 !important;
  border-color:#F64A00 !important;
}

/* Cards: white, separated from the #F7F7F7 field by elevation rather than a line.
   An #E7E9EE hairline is only 1.13:1 against the field - effectively invisible - so
   a soft shadow does the work instead. */
.e-con:has(.timeline-featured-list) .eael-feature-list-content-box{
  background-color:#FFFFFF !important;
  border:0 !important;
  box-shadow:0 1px 2px rgba(17,17,17,.04), 0 8px 24px rgba(17,17,17,.06) !important;
}