.reviews {
    padding: 90px 0 60px 0;
}

.reviews-subtitle {
    letter-spacing: 0.05em;
}

.reviews-title {
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 45px;
    padding-bottom: 0;
}

.reviews-item {
    margin-bottom: 30px;
    display: flex;
}

.reviews-item-group {
    display: block;
}

.card-review {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 24px 32px rgba(37, 56, 65, 0.04), 0px 16px 24px rgba(37, 56, 65, 0.04), 0px 4px 8px rgba(37, 56, 65, 0.04), 0px 0px 1px rgba(37, 56, 65, 0.04);
    border-radius: 16px;
}

.card-review + .card-review {
    margin-top: 30px;
}

.card-review-header {
    padding: 25px 30px 0 30px;
}

.card-review-author {
    display: flex;
    align-items: center;
}

.card-review-author-img {
    width: 50px;
    height: 50px;
    flex: none;
    border-radius: 50%;
    box-shadow: 0px 10px 20px rgba(37, 56, 65, 0.04), 0px 2px 6px rgba(37, 56, 65, 0.04), 0px 0px 1px rgba(37, 56, 65, 0.04);
    overflow: hidden;
}

.card-review-author-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-review-author-text {
    padding-left: 15px;
}

.card-review-author-text h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.card-review-author-text p {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.5;
    margin: 0;
}

.card-review-rating {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.card-review-rating span {
    display: block;
    flex: none;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.32776 0.428785C6.59504 -0.142928 7.40496 -0.142928 7.67224 0.428785L9.24115 3.78473C9.34638 4.00981 9.55643 4.16741 9.80124 4.20496L13.3688 4.75221C13.9663 4.84387 14.2102 5.57556 13.7881 6.00991L11.1604 8.71388C10.9958 8.88326 10.9211 9.12103 10.959 9.35459L11.5729 13.1327C11.6726 13.7469 11.0232 14.2063 10.4807 13.9052L7.35927 12.1729C7.1357 12.0488 6.8643 12.0488 6.64073 12.1729L3.51933 13.9052C2.97681 14.2063 2.32735 13.7469 2.42715 13.1327L3.04097 9.35459C3.07891 9.12103 3.00417 8.88326 2.83957 8.71388L0.211875 6.00991C-0.210233 5.57555 0.0337418 4.84387 0.631242 4.75221L4.19876 4.20496C4.44357 4.16741 4.65362 4.00981 4.75884 3.78473L6.32776 0.428785Z' fill='%23F2D00D'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    filter: contrast(0) brightness(0);
    opacity: 0.3;
}

.card-review-rating span:not(:last-child) {
    margin-right: 5px;
}

.card-review-rating[data-rating-value="5"] span:nth-child(-n+5) {
    filter: none;
    opacity: 1;
}

.card-review-rating[data-rating-value="4"] span:nth-child(-n+4) {
    filter: none;
    opacity: 1;
}

.card-review-rating[data-rating-value="3"] span:nth-child(-n+3) {
    filter: none;
    opacity: 1;
}

.card-review-rating[data-rating-value="2"] span:nth-child(-n+2) {
    filter: none;
    opacity: 1;
}

.card-review-rating[data-rating-value="1"] span:nth-child(-n+1) {
    filter: none;
    opacity: 1;
}

.card-review-body {
    padding: 20px 30px 30px 30px;
}

.card-review-comment {
    font-size: 14px;
    line-height: 21px;
}

.card-review-comment q {
    quotes: "\201c" "\201d";
    position: relative;
}

.card-review-comment q::before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 7px;
}

.card-review-accent {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.card-review-accent-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card-review-accent-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-review-accent-img::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.card-review-accent-header,
.card-review-accent-body {
    position: relative;
    padding: 60px;
    width: 100%;
}

.card-review-accent-header {
    padding-bottom: 30px;
}

.card-review-accent-body {
    margin-top: auto;
    padding-top: 0px;
}

.card-review-accent-comment {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    margin-bottom: 30px;
}

.card-review-accent-comment::before {
    content: '“';
    position: absolute;
    top: -15px;
    left: -37px;
    font-size: 56px;
    line-height: 74px;
    color: #EA5647;
    opacity: 0.25;
}

.card-review-accent-author h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
}

.card-review-accent-author p {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.5;
    margin: 0;
}

.card-review-accent-style-1 {
    box-shadow: 0px 24px 32px rgba(30, 52, 61, 0.1), 0px 16px 24px rgba(30, 52, 61, 0.1), 0px 4px 8px rgba(30, 52, 61, 0.06), 0px 0px 1px rgba(30, 52, 61, 0.04);
}

.card-review-accent-style-1 .card-review-accent-img::after {
    background: linear-gradient(90deg, #21323A 0%, rgba(33, 58, 55, 0.75) 100%);
}

.card-review-accent-style-2 {
    box-shadow: 0px 24px 32px rgba(40, 33, 61, 0.1), 0px 16px 24px rgba(40, 33, 61, 0.1), 0px 4px 8px rgba(40, 33, 61, 0.06), 0px 0px 1px rgba(40, 33, 61, 0.04);
}

.card-review-accent-style-2 .card-review-accent-img::after {
    background: linear-gradient(90deg, #25213A 0%, rgba(33, 40, 58, 0.75) 100%);
}

@media (max-width: 992px) {
    .reviews {
        padding: 45px 0 30px 0;
    }

    .reviews-subtitle {
        margin-bottom: 5px;
        letter-spacing: 0;
        font-variant: none;
        text-transform: none;
    }

    .reviews-title {
        padding-bottom: 10px;
    }

    .reviews-item {
        margin-bottom: 15px;
    }

    .card-review-header {
        padding: 20px 20px 0 20px;
    }

    .card-review-body {
        padding: 20px;
    }

    .card-review-accent {
        min-height: 420px;
    }

    .card-review-accent-header,
    .card-review-accent-body {
        padding: 20px;
    }

    .card-review-accent-comment {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 21px;
    }

    .card-review-accent-comment::before {
        top: auto;
        bottom: calc(100% - 20px);
        left: 0;
    }
}