#mission-header img.cover {
  width:100%; 
  height: auto;
  transition: all 0.5s ease;
}

#mission-statement .card-cover  {
  margin:auto; 
  width: 100%; 
  height:150px; 
  border-radius: 20px; 
  background-color: #F2F2F2;
  background-position:center; 
  background-repeat:no-repeat; 
  background-size:cover;
  transition: all 0.5s ease;
}

#mission-contract .timeline {
    display: flex;
    flex-direction: column;
    gap: 75px;
    position: relative ;
    padding: 2rem 0;
    transition: all 0.5s ease ;
}
#mission-contract .timeline-step {
    position: relative ;
    text-align: center ;
    flex: 1 ;
  }
#mission-contract .timeline-step:not(:last-child)::after {
    content: '' ;
    position: absolute ;
    width: 2px;
    height: 40px;
    background-color: #dee2e6;
    top: 175px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s ease ;
  }
#mission-contract .timeline-badge {
    background-color:var(--nld-green) ;
    color: var(--white) ;
    width: 2.5rem ;
    height: 2.5rem ;
    line-height: 2.5rem ;
    border-radius: 50% ;
    margin: 0 auto ;
    font-weight: bold ;
    font-size: 1rem ;
  }
  #mission-contract .timeline-content {
    margin-top: 1rem ;
  }
  #mission-nolow .cover {
    height:500px; 
    border-radius:20px; 
    background-position:center; 
    background-repeat:no-repeat; 
    background-size:cover;
  }

  #mission-services .card-cover {
  width:100%; 
  height:200px; 
  border-radius:20px; 
  background-color:#F2F2F2; 
  background-position:center; 
  background-repeat:no-repeat; 
  background-size:cover;
}