.pullquote {
  display: block;
  max-width: 75%;
  color: var(--component-color, var(--heading-color, #18181b));
  font-family: var(--component-font-family, var(--heading-font-family, serif));
}
  .pullquote > p {
    margin-bottom: 0;
  }

.pullquote--placement {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {

.pullquote--placement {
    max-width: 50%
}
  }

.pullquote--placement-left {
    float: left;
    margin-right: 1.75rem;
  }

.pullquote--placement-right {
    float: right;
    margin-left: 1.75rem;
  }

.pullquote--placement-center {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
  }

.pullquote--border-left {
    border-color: var(--primary-700, #2471CB);
    border-left-width: 4px;
    padding-left: 1rem;
  }

.pullquote--border-right {
    border-color: var(--primary-700, #2471CB);
    border-right-width: 4px;
    padding-right: 1rem;
  }

.pullquote--border-top::before {
      background-color: var(--primary-700, #2471CB);
      display: block;
      height: 0.25rem;
      margin-bottom: 1rem;
      width: 3.5rem;
      content: "" ;
    }