/* Reviews. */

.reviews {
    padding-block: var(--section-gap);
    background-color: var(--main);
}

.reviews-net {
    grid-row-gap: max(32px, var(--gap));
}

.reviews-net:not(:first-child) {
    margin-top: var(--i4);
}

.reviews-list {
    overflow: hidden;

    width: 100%;
    max-width: 888px;
}

.reviews-list .swiper-button {
    margin-top: var(--i3);
}

.reviews-li {
    display: flex;
    flex-direction: column;
    grid-gap: var(--i4);

    padding-left: clamp(36px, 9vw, 60px);
}

.reviews-li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;

    width: clamp(12px, 3vw, 34px);
    aspect-ratio: 1/1;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg width='34' height='25' viewBox='0 0 34 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.5 0C32.9 2.53333 32.2667 5.26667 31.6 8.2C30.9333 11.1333 30.3333 14 29.8 16.8C29.2667 19.6 28.8333 22.1667 28.5 24.5H19L18.3 23.4C18.9 21.0667 19.6667 18.5667 20.6 15.9C21.5333 13.1667 22.5667 10.4333 23.7 7.7C24.8333 4.96667 25.9333 2.4 27 0H33.5ZM15 0C14.4 2.53333 13.7667 5.26667 13.1 8.2C12.4333 11.1333 11.8333 14 11.3 16.8C10.7667 19.6 10.3333 22.1667 10 24.5H0.6L0 23.4C0.6 21.0667 1.36667 18.5667 2.3 15.9C3.23333 13.1667 4.23333 10.4333 5.3 7.7C6.43333 4.96667 7.53333 2.4 8.6 0H15Z' fill='%23FFFBF8'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.reviews-li .user {
    margin-top: calc(var(--i3) - var(--i4));
}

/* Reviews. */

@media only screen and (min-width: 1200px) {
    .reviews-list {
        grid-column: 2/4;
        justify-self: end;
    }

    .reviews-list .swiper-button {
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 1199px) {
    .reviews-net {
        grid-template-columns: 1fr;
    }

    .reviews-list .swiper-button {
        justify-content: space-between;
    }
}