.ngc-ecosystem-hero{
  padding:8rem 0 6rem;
}

.ngc-ecosystem-hero-title,
.ngc-ecosystem-title,
.ngc-ecosystem-heading,
.ngc-ecosystem-cta-title{
  font-size:3.4rem;
  line-height:1.02;
  color:#1d1d1d;
}

.ngc-ecosystem-hero-text,
.ngc-ecosystem-hero-subtext,
.ngc-ecosystem-text,
.ngc-ecosystem-cta-text{
  font-size:1.05rem;
  line-height:1.9;
  color:var(--ngc-muted);
  max-width:780px;
}

.ngc-ecosystem-section{
  padding:6rem 0;
  border-top:1px solid rgba(0,0,0,.06);
}

.ngc-ecosystem-section-soft{
  background:#f7f4ee;
}

.ngc-eco-card{
  height:100%;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  padding:2.5rem;
  transition:.28s ease;
}

.ngc-eco-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(0,0,0,.08);
  border-color:rgba(194,29,29,.22);
}

.ngc-eco-label,
.ngc-ecosystem-label{
  display:inline-block;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--ngc-red);
  font-weight:600;
  margin-bottom:1rem;
}

.ngc-eco-card h3{
  font-size:1.7rem;
  line-height:1.08;
  margin-bottom:1rem;
}

.ngc-eco-card p{
  color:var(--ngc-muted);
  line-height:1.85;
  margin-bottom:1.2rem;
}

.ngc-ecosystem-hero-media{
  background:#ebe5da;
  padding:1rem;
  border:1px solid rgba(0,0,0,.06);
}

.ngc-ecosystem-actions{
  margin-top:2rem;
}

.ngc-ecosystem-cta{
  padding:7rem 0;
  border-top:1px solid rgba(0,0,0,.06);
  background:#fff;
}

@media(max-width:991.98px){
  .ngc-ecosystem-hero{
    padding:5rem 0 4rem;
  }

  .ngc-ecosystem-hero-title,
  .ngc-ecosystem-title,
  .ngc-ecosystem-heading,
  .ngc-ecosystem-cta-title{
    font-size:2.55rem;
  }

  .ngc-ecosystem-section,
  .ngc-ecosystem-cta{
    padding:4rem 0;
  }

  .ngc-eco-card{
    padding:2rem;
  }
}

@media(max-width:575.98px){
  .ngc-ecosystem-hero-title,
  .ngc-ecosystem-title,
  .ngc-ecosystem-heading,
  .ngc-ecosystem-cta-title{
    font-size:2.1rem;
  }
}