.quote-card {
  background: #fff;
  color: #222222;
  padding: 25px;
  box-sizing: border-box;
  /*box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);*/
  position: relative;
  overflow: visible;
  min-height: 120px;
  border-radius: 100%;
  z-index: 100;
  /*padding-bottom: 5px;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

blockquote.quote-card p {
  font-weight: 400;
}

.quote-card p {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0;
  max-width: 80%;
  text-align: center;
  font-family: 'Figtree';
}

.quote-card cite {
  font-size: 16px;
  margin-top: 10px;
  display: block;
  font-weight: 200;
  opacity: 0.8;
}

.quote-card:before {
  font-family: 'Domine', serif;
  content: "“";
  position: absolute;
  top: -10px;
  left: -5px;
  font-size: 6rem;
  color: rgba(238, 238, 238, 0.8);
  font-weight: 700;
  z-index: -1;
}

.quote-card:after {
  font-family: 'Domine', serif;
  content: "”";
  position: absolute;
  bottom: -40px;
  line-height: 100px;
  right: 0px;
  font-size: 6rem;
  color: #000;
  font-weight: 700;
  z-index: -1;
}

.quote-card.blue-card {
  /*background: var(--bs-primary-bg-subtle);*/
  /*color: var(--bs-primary);*/
  /*box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);*/
}

.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: var(--bs-primary);
}

.quote-card.green-card {
  /*background: var(--bs-success-bg-subtle);*/
  /*color: var(--bs-success);*/
  /*box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);*/
}

.quote-card.green-card:before, .quote-card.green-card:after {
  color: var(--bs-success);
}

.quote-card.red-card {
  /*background: var(--bs-secondary-bg-subtle);*/
  /*color: var(--bs-secondary);*/
  /*box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);*/
}

.quote-card.red-card:before, .quote-card.red-card:after {
  color: var(--bs-secondary);
}

.quote-card.yellow-card {
  /*background: var(--bs-warning-bg-subtle);*/
  color: #222222;
  /*box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);*/
}

.quote-card.yellow-card:before, .quote-card.yellow-card:after {
  color: var(--bs-warning);
}

:root {
}