.elementor-13272 .elementor-element.elementor-element-d45c466{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}/* Start custom CSS for container, class: .elementor-element-d45c466 *//* 1) Use a background radial-gradient so the blue halo never clips */
#rdx-roadmap{
  background:
    radial-gradient(900px 520px at 78% 16%,
      rgba(11,95,255,.12), rgba(11,95,255,0) 58%),
    #f7f9fc; /* or #fff if your page bg is white */
}
/* Hide the decorative spans used earlier (prevents overlapping edges) */
#rdx-roadmap .rdx-deco,
#rdx-roadmap .rdx-over{ display:none; }

/* 2) Soften card edges (avoid the “double edge” of heavy border + shadow) */
#rdx-roadmap .rdx-card{
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(2,14,43,.06);
  background-clip:padding-box;
}

/* 3) Make pill + buttons share the same radius for visual consistency */
#rdx-roadmap .rdx-eyebrow,
#rdx-roadmap .rdx-cta{ border-radius:14px; }

/* 4) Symmetric gutters; reduces any “one side feels heavier” look */
#rdx-roadmap .rdx-wrap{
  padding-left:clamp(16px,4vw,28px);
  padding-right:clamp(16px,4vw,28px);
}

/* 5) Mobile spacing polish */
@media (max-width:980px){
  #rdx-roadmap{ padding-top:56px; }
  #rdx-roadmap .rdx-grid{ gap:18px; }
}/* End custom CSS */