/* BLOCK: Quote */

.block-quote.has-custom-bg .content-wrapper {
    background-color: var(--bg-color);
    border-radius: 2.5rem;
}

.block-quote.has-custom-bg .quote-wrapper {
    padding: 3.75rem;
}

.block-quote .quote {
    margin: 0;
}

.block-quote .quote:not(:last-child) {
    margin-bottom: 3.125rem;
}

.block-quote .person {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.block-quote .person__image {
    border-radius: 1rem;
    max-width: 3.75rem;
    height: auto;
}

.block-quote .person__name {
    font-size: var(--font-18-13);
    font-weight: var(--fw-600);
    color: var(--c-text-dark);
    margin: 0;
}

.block-quote.is-dark .person__name {
    color: var(--c-text-light);
}

.block-quote .person__name:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.block-quote .person__position {
    color: var(--c-primary);
    font-weight: var(--fw-400);
    font-size: var(--font-12-9);
    margin: 0;
}

.block-quote.is-dark .person__position {
    color: var(--c-text-light);
}

@media screen and (width <= 620px) {
    .block-quote.has-custom-bg .content-wrapper {
        border-radius: 1.5rem;
    }
    .block-quote.has-custom-bg .quote-wrapper {
        padding: 1.875rem 1.5rem;
    }
    .block-quote .quote:not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .block-quote .person__image {
        max-width: 3.125rem;
        border-radius: 0.6875rem;
    }
    .block-quote .person {
        gap: 1.25rem;
    }
    .block-quote .person__name:not(:last-child) {
        margin-bottom: 0.75rem;
    }
}