.block__quotes h2 {
    margin-bottom: 2.4rem;
}

.block__quotes .slick-list {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

.block__quotes .slick-slide {
    margin: 0 1.2rem;
}

.block__quotes .slick-dots {
    display: none !important;
}

.block__quotes .quotes {
    position: relative;
}

.block__quotes .quote {
    aspect-ratio: 1/1;
    color: var(--white);
    display: flex !important;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 4.8rem;
    position: relative;
}

.quote--1 {
    background-color: var(--green);
    -webkit-clip-path: url(#square2);
    clip-path: url(#square2);
}

.quote--2 {
    background-color: var(--brown);
    -webkit-clip-path: url(#square1);
    clip-path: url(#square1);
}

.quote--3 {
    background-color: var(--purple);
    -webkit-clip-path: url(#square3);
    clip-path: url(#square3);
}

.quote blockquote {
    font-size: var(--fontsize-header-sm);
    line-height: 150%;
    margin: 0;
}

    .quote blockquote:before {
        content: "‘";
    }

    .quote blockquote:after {
        content: "’";
    }

.quote__footer {
    position: absolute;
    bottom: 4.8rem;
}

.quotes__static {
    display: flex;
    gap: 2.4rem;
}

.quote cite {
    font-style: normal;
}

@media(max-width: 991px) {
    .quotes__static {
        flex-flow: column;
    }
}

@media(min-width: 992px) {
    .quotes__static .quote--1 {
        width: calc(66.666667% - 1.2rem);
        aspect-ratio: 856 / 329;
        -webkit-clip-path: url(#horizontal1);
        clip-path: url(#horizontal1);
    }

    .quotes__static .quote--2 {
        width: calc(33.33333% - 1.2rem);
    }

    .quotes__static:not(:has( > .quote--2)) {
        background-color: var(--pink);
        padding: 4rem 4rem 8rem;
        border-radius: 2.4rem;
    }

        .quotes__static:not(:has( > .quote--2)) .quote--1 {
            width: 100%;
            aspect-ratio: 1216 / 579;
        }

            .quotes__static:not(:has( > .quote--2)) .quote--1 blockquote {
                font-size: var(--fontsize-header-md);
            }

            .quotes__static:not(:has( > .quote--2)) .quote--1 .quote__footer {
                bottom: 9.6rem;
            }

            .quotes__static:not(:has( > .quote--2)) .quote--1 cite {
                font-size: var(--fontsize-header-sm);
            }
}

@media(min-width: 768px) and (max-width: 1023px) {
    .block__quotes .quote {
        padding: 2.4rem;
    }

        .block__quotes .quote blockquote {
            font-size: var(--fontsize-body-md);
            line-height: 120%;
        }

    .block__quotes .quote__footer {
        bottom: 2.4rem;
    }
}

@media(max-width: 767px) {
    .block__quotes .slick-dots {
        display: flex !important;
        margin-top: 2.4rem;
    }
}

@media(max-width: 575px) {
    .block__quotes .quote {
        padding: 2.4rem;
    }
}