.cards-section-10 .single-card-item {
  border-radius: var(--border-radius-medium);
  background-color: #d9d9d9;
  transition: background-color var(--transition-timing) var(--transition-ease), color var(--transition-timing) var(--transition-ease);
}
.cards-section-10 .single-card-item .content-container {
  padding: var(--inner-spacing-xl) var(--inner-spacing-m) var(--inner-spacing-m) var(--inner-spacing-m);
}
.cards-section-10 .single-card-item:hover {
  color: var(--white);
}
.cards-section-10 .single-card-item .headline {
  font-size: 32px;
  margin-bottom: var(--inner-spacing-s);
}
.cards-section-10 .single-card-item:nth-child(4n+1):hover {
  background-color: var(--color5);
}
.cards-section-10 .single-card-item:nth-child(4n+2):hover {
  background-color: var(--color6);
}
.cards-section-10 .single-card-item:nth-child(4n+3):hover {
  background-color: var(--color3);
}
.cards-section-10 .single-card-item:nth-child(4n):hover {
  background-color: var(--color4);
}