.roadmap-head .page-head-bg {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.48) 44%, #000 100%),
    url('https://images.unsplash.com/photo-1470115636492-6d2b56f9146d?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center 45%/cover no-repeat;
}

.roadmap-hero-foundation {
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 46%, rgba(0,0,0,0.55)),
    url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1600&q=80') center/cover;
}

.roadmap-explore {
  background: var(--accent-soft);
  border-color: rgba(255,122,26,0.24);
}