.card-9 {
  background-color: #e1a370;
}

.card-9,
.card-9 a:not([class]),
.card-9 h1,
.card-9 h2,
.card-9 h3,
.card-9 h4,
.card-9 h5,
.card-9 h6 {
  color: #fff;
}

.card-9 .fsElementContent {
  position: relative;
  padding-top: 60px;
}

.card-9 .fsElementContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #f8e8db 14.28%, #f6bb8a 0, #f6bb8a 28.56%, #f8e8db 0, #f8e8db 42.84%, #f6bb8a 0, #f6bb8a 57.12%, #f8e8db 0, #f8e8db 71.4%, #f8e8db 0, #f6bb8a 0, #f6bb8a 85.68%, #f8e8db 0);
}

.card-10 {
  background-color: #dfc286;
}

.card-10,
.card-10 a:not([class]),
.card-10 h1,
.card-10 h2,
.card-10 h3,
.card-10 h4,
.card-10 h5,
.card-10 h6 {
  color: #fff;
}

.card-10 .fsElementContent {
  position: relative;
  padding-top: 60px;
}

.card-10 .fsElementContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #faedd3 14.28%, #fde1a8 0, #fde1a8 28.56%, #faedd3 0, #faedd3 42.84%, #fde1a8 0, #fde1a8 57.12%, #faedd3 0, #faedd3 71.4%, #faedd3 0, #fde1a8 0, #fde1a8 85.68%, #faedd3 0);
}

.card-11 {
  background-color: #e3d9a6;
}

.card-11,
.card-11 a:not([class]),
.card-11 h1,
.card-11 h2,
.card-11 h3,
.card-11 h4,
.card-11 h5,
.card-11 h6 {
  color: #fff;
}

.card-11 .fsElementContent {
  position: relative;
  padding-top: 60px;
}

.card-11 .fsElementContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #f9f2cd 14.28%, #e2d79d 0, #e2d79d 28.56%, #f9f2cd 0, #f9f2cd 42.84%, #e2d79d 0, #e2d79d 57.12%, #f9f2cd 0, #f9f2cd 71.4%, #f9f2cd 0, #e2d79d 0, #e2d79d 85.68%, #f9f2cd 0);
}


.card-12 {
  background-color: #709e9e;
}

.card-12,
.card-12 a:not([class]),
.card-12 h1,
.card-12 h2,
.card-12 h3,
.card-12 h4,
.card-12 h5,
.card-12 h6 {
  color: #fff;
}

.card-12 .fsElementContent {
  position: relative;
  padding-top: 60px;
}

.card-12 .fsElementContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #d0f9f9 14.28%, #73baba 0, #73baba 28.56%, #d0f9f9 0, #d0f9f9 42.84%, #73baba 0, #73baba 57.12%, #d0f9f9 0, #d0f9f9 71.4%, #d0f9f9 0, #73baba 0, #73baba 85.68%, #d0f9f9 0);
}

.card-13 {
  background-color: #587e8b;
}

.card-13,
.card-13 a:not([class]),
.card-13 h1,
.card-13 h2,
.card-13 h3,
.card-13 h4,
.card-13 h5,
.card-13 h6 {
  color: #fff;
}

.card-13 .fsElementContent {
  position: relative;
  padding-top: 60px;
}

.card-13 .fsElementContent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(90deg, #8ab9c9 14.28%, #60a2b9 0, #60a2b9 28.56%, #8ab9c9 0, #8ab9c9 42.84%, #60a2b9 0, #60a2b9 57.12%, #8ab9c9 0, #8ab9c9 71.4%, #8ab9c9 0, #60a2b9 0, #60a2b9 85.68%, #8ab9c9 0);
}