blockquote {
    border-left: 3px solid var(--bs-primary);
    padding-left: 2rem;
}

.blockquote-footer::before {
    content: "— ";
}

blockquote p {
    margin-bottom: 0;
}

.quote q,
blockquote p:not(.blockquote-footer) {
   /* font-size: 1.2rem;*/
}

.quote-author-name,
.blockquote-footer {
    color: var(--bs-gray-400);
    margin-top: 0;
    margin-bottom: 0;
}

.quote .quote-author-name {
    display: inline;
    font-size: 1rem;
}

.card.frame-layout-1 {
    overflow: hidden;
}

.card.frame-layout-1 .card-decoration {
    margin: 0;
}

.card.frame-layout-1 .card-body,
.card.frame-layout-1 .card-quote-icon,
.card.frame-layout-1 .card-footer {
    padding: 0 2.5rem;
}

.card.frame-layout-1 .card-quote-icon i {
    color: var(--bs-dark);
    font-size: 4rem;
}

.card.frame-layout-1 hr {
    opacity: 0.9;
    margin: 2.5rem;
    max-width: 50%;
    border-width: 2px;
}

.card.frame-layout-1 .card-text .h5 {
    font-weight: 400;
}

.card.frame-layout-1 .blockquote-footer {
    margin: 1rem 0 0 0;
    font-size: 1.2rem;
    text-align: left;
    display: flex;
    padding-bottom: 2.5rem;
}

.quote.layout-2 {
    margin-right: auto;
}

@media all and (min-width: 768px) {
    .quote.layout-1 {
        max-width: 58.33333333%;
        margin-left: auto;
    }
}