.section-9 {
  padding: 100px 0;
  background-color: var(--color-black-accent3);
}

.section-9 .card:last-child  {
  grid-column: span 2;
}


.section-9 .card > div:not(.number) {
  padding-bottom: 50px;
  height: 100%;
  background-color: var(--color-black);
  color: var(--color-white);
}

.section-9 .card > div:not(.number):hover {
  background-color: var(--color-white);
  color: var(--color-black);
}

.section-9 .card:last-child p {
  margin-bottom: 20px;
}

.section-9 .card:last-child ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section-9 .card:last-child li {
  display: flex;
  gap: 10px;
  align-items: center
}

@media (max-width: 991px) {
  .section-9 {
    padding: 40px 0;
  }

  .section-9 .card:last-child li {
    font-weight: 700;
  }
}