.layout-boxed .block-testimonial-grid {
    max-width: var(--max-width-x-large);
    margin: auto;
    border-radius: var(--border-radius);
}

.block-testimonial-grid-inner {
    width: 100%;
    max-width: var(--max-width-x-large);
    text-align: center;
    margin: auto;
}

.block-testimonial-grid.has-background {
    padding: var(--spacing-large) var(--side-spacing);
}

.block-testimonial-grid.bg-color-white {
    background-color: var(--color-white);
    padding: 0 var(--side-spacing);
}

.block-testimonial-grid.bg-light {
    background-color: var(--color-background-light);
}

.block-testimonial-grid.bg-dark {
    background-color: var(--color-background-dark);
    color: #fff;
}

.block-testimonial-grid .top-content {
    max-width: var(--max-width-small);
    margin-left: auto;
    margin-right: auto;
}

.block-testimonial-grid h2 {
    color: var(--color-primary);
}

.block-testimonial-grid.bg-dark h2 {
    color: #fff;
}

.block-testimonial-grid .top-content p {
    font-size: var(--font-size-medium);
}

.block-testimonial-grid .card-grid {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--column-gap-medium);
    row-gap: var(--row-gap);
    margin-top: var(--spacing-large);
}

.block-testimonial-grid .testimonial-card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 45px 35px;
    border-radius: var(--border-radius);
    text-align: left;
}

.block-testimonial-grid .card-grid.two-columns .testimonial-card {
    flex-basis: calc(50% - (var(--column-gap-medium) / 2));
}

.block-testimonial-grid .card-grid.three-columns .testimonial-card {
    flex-basis: calc(33.333% - ((var(--column-gap-medium) * 2) / 3));
}

.block-testimonial-grid .card-grid.four-columns .testimonial-card {
    flex-basis: calc(25% - ((var(--column-gap-medium) * 3) / 4));
}

.block-testimonial-grid.bg-dark .testimonial-card.card-style-light {
    color: var(--color-text);
}

.block-testimonial-grid .testimonial-card.card-style-dark {
    background-color: var(--color-background-dark);
    color: #fff;
}

.block-testimonial-grid.bg-dark .testimonial-card.card-style-dark {
    background-color: var(--color-background-dark-pair);
}

.block-testimonial-grid .testimonial-card.card-style-light {
    background-color: var(--color-background-light);
}

.block-testimonial-grid.bg-light .testimonial-card.card-style-light {
    background-color: #fff;
}

.block-testimonial-grid .testimonial-card.card-style-border {
    border: 1px solid var(--color-primary);
}

.block-testimonial-grid .testimonial-card .svg-quote-icon {
    margin-bottom: 35px;
}

.block-testimonial-grid .testimonial-card .testimonial-text {
    font-size: clamp(17px, 15.469px + 0.408vw, 22px);
    line-height: 1.45;
}

.block-testimonial-grid .testimonial-card .testimonial-author {
    font-size: clamp(12px, 11.268px + 0.195vw, 14px);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.block-testimonial-grid .testimonial-card .citations {
    font-size: clamp(14px, 13.268px + 0.195vw, 16px);
    padding-top: 40px;
    margin-top: auto;
}

.block-testimonial-grid .testimonial-card > *:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1100px) {

    .block-testimonial-grid .card-grid.four-columns .testimonial-card {
        flex-basis: calc(50% - (var(--column-gap-medium) / 2));
    }

}

@media screen and (max-width: 1000px) {

    .block-testimonial-grid .card-grid.three-columns .testimonial-card {
        flex-basis: calc(50% - (var(--column-gap-medium) / 2));
    }

    .block-testimonial-grid .card-grid.three-columns.has-3-cards .testimonial-card {
        flex-basis: 100%;
    }

}

@media screen and (max-width: 700px) {

    .block-testimonial-grid .card-grid.three-columns .testimonial-card,
    .block-testimonial-grid .card-grid.two-columns .testimonial-card,
    .block-testimonial-grid .card-grid.four-columns .testimonial-card {
        flex-basis: 100%;
    }

}