.oc__block.oc__block__quote {
  display: flex;
  flex-direction: column;
  align-items: center;

  max-width: 750px;
  margin: var(--oc--spacing--20) var(--oc--spacing--10);
}

@media (min-width: 782px) {
  .oc__block.oc__block__quote {
    margin: var(--oc--spacing--20) auto;
  }
}

.oc__block.oc__block__quote
.oc__block__quote__text {
  text-align: center;
  margin-bottom: var(--oc--spacing--15);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 38px;
  font-weight: 600;
  line-height: 132%;
}
.oc__block__quote__text::before{
  
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='black' stroke='white'%3E%3Cpath d='M6.38697 23.4001C9.29417 23.4001 11.7509 21.1828 11.7509 18.1194C11.7509 14.8139 9.29417 12.8387 6.38697 12.8387C5.19958 12.8387 4.09417 13.2821 3.27525 13.9274C3.1113 13.4436 3.02932 12.9194 3.02932 12.1939C3.02932 8.96906 5.97751 5.50253 9.41713 4.09146L8.63878 2.6001C2.70184 5.34154 0 9.97703 0 15.338L0.00591581 15.7062C0.0498619 17.0644 0.34861 19.1236 1.43289 20.7801C2.45633 22.3518 3.93021 23.4001 6.38697 23.4001ZM20.636 23.4001C18.2203 23.4001 16.7054 22.3518 15.6816 20.7801C14.4942 18.9664 14.2487 16.6684 14.2487 15.338C14.2487 9.97703 16.9509 5.34154 22.8879 2.6001L23.6662 4.09146C20.2266 5.50253 17.2784 8.96906 17.2784 12.1939C17.2784 12.9194 17.3604 13.4436 17.5243 13.9274C18.3842 13.2826 19.4487 12.8387 20.636 12.8387C23.5842 12.8387 26 14.8139 26 18.1194C26 21.1832 23.5842 23.4001 20.636 23.4001Z' fill='%230D3669'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;

}
.oc__block__quote__text::after{
content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='black' stroke='white'%3E%3Cpath d='M6.38697 23.4001C9.29417 23.4001 11.7509 21.1828 11.7509 18.1194C11.7509 14.8139 9.29417 12.8387 6.38697 12.8387C5.19958 12.8387 4.09417 13.2821 3.27525 13.9274C3.1113 13.4436 3.02932 12.9194 3.02932 12.1939C3.02932 8.96906 5.97751 5.50253 9.41713 4.09146L8.63878 2.6001C2.70184 5.34154 0 9.97703 0 15.338L0.00591581 15.7062C0.0498619 17.0644 0.34861 19.1236 1.43289 20.7801C2.45633 22.3518 3.93021 23.4001 6.38697 23.4001ZM20.636 23.4001C18.2203 23.4001 16.7054 22.3518 15.6816 20.7801C14.4942 18.9664 14.2487 16.6684 14.2487 15.338C14.2487 9.97703 16.9509 5.34154 22.8879 2.6001L23.6662 4.09146C20.2266 5.50253 17.2784 8.96906 17.2784 12.1939C17.2784 12.9194 17.3604 13.4436 17.5243 13.9274C18.3842 13.2826 19.4487 12.8387 20.636 12.8387C23.5842 12.8387 26 14.8139 26 18.1194C26 21.1832 23.5842 23.4001 20.636 23.4001Z' fill='%230D3669'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
transform: scaleX(-1);
}
@media (min-width: 960px) {
  .oc__block.oc__block__quote
  .oc__block__quote__text {
    font-size: 52px;
    font-weight: 500;
    line-height: 106%;
  }
}

.oc__block.oc__block__quote.oc__block__quote--size-small
.oc__block__quote__text {
  font-size: 22px;
  line-height: 140%;
  font-weight: 500;
}

@media (min-width: 960px) {
  .oc__block.oc__block__quote.oc__block__quote--size-small
  .oc__block__quote__text {
    font-size: 26px;
    line-height: 140%;
    font-weight: 500;
  }
}

.oc__block.oc__block__quote
.oc__block__quote__details {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--oc--spacing--10);
}

.oc__block.oc__block__quote
.oc__block__quote__details__quotemark svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 960px) {
  .oc__block.oc__block__quote
  .oc__block__quote__details__quotemark
  svg {
    width: 26px;
    height: 26px;
  }
}

.oc__block.oc__block__quote
.oc__block__quote__details__avatar {
  height: 62px;
  width: 62px;
  min-height: 62px;
  min-width: 62px;

  border-radius: 100%;
}

.oc__block.oc__block__quote
.oc__block__quote__details__avatar
a {
  position: relative;

  top: 0;
  transition: top 0.25s;
}

.oc__block.oc__block__quote
.oc__block__quote__details__avatar
a:hover {
  top: -3px;
}

@media (min-width: 960px) {
  .oc__block.oc__block__quote
  .oc__block__quote__details__avatar {
    height: 80px;
    width: 80px;
  }
}

.oc__block.oc__block__quote
.oc__block__quote__details__avatar
img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 100%;
}

.oc__block.oc__block__quote
.oc__block__quote__details__attribution__name {
  display: block;

  margin-bottom: var(--oc--spacing--05);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
  line-height: 100%;
}

.oc__block.oc__block__quote
a.oc__block__quote__details__attribution__name:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.oc__block.oc__block__quote
.oc__block__quote__details__attribution__title {
  max-width: 240px;

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}