.banner--blue .banner__wrapper,
.banner--dark_blue .banner__wrapper,
.banner--orange .banner__wrapper,
.banner--purple .banner__wrapper {
  color: #fff;
}

.banner--blue .banner__wrapper{
  background-color: var(--neutral);
}

.banner--dark_blue .banner__wrapper {
  background-color: var(--pen);
}

.banner--green .banner__wrapper{
  background-color: var(--primary);
}

.banner--dark_green .banner__wrapper {
  background-color: #8BA791;
}

.banner--beige .banner__wrapper {
  background-color: var(--background);
}

.banner--orange .banner__wrapper {
  background-color: #e54225;
}

.banner--purple {
  background-color: var(--secondary);
}