.reviews.bg-soft-aqua {
    background-color: var(--soft-aqua);
}

.reviews.bg-pure-white {
    background-color: var(--pure-white);
}

.reviews.bg-off-white {
    background-color: var(--off-white);
}

.reviews .boxed {
    padding-top: 160px;
    padding-bottom: 120px;
}

.reviews .boxed h2 {
    margin-bottom: 100px;
}

.reviews .boxed .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px;
}

.reviews .boxed .items .item {
    position: relative;
    min-height: 305px;
    border-radius: 8px;
    padding: 40px 30px 80px 30px;
}

.reviews.bg-soft-aqua .boxed .items .item {
    background-color: var(--pure-white);
}

.reviews.bg-soft-aqua .boxed .items .item {
    background-color: var(--pure-white);
}

.reviews.bg-pure-white .boxed .items .item, .reviews.bg-off-white .boxed .items .item {
    background-color: var(--soft-aqua);
}

.reviews .boxed .items .item .stars {
    margin-bottom: 30px;
    display: flex;
    gap: 4px;
}

.reviews .boxed .items .item p {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: normal;
    font-style: italic;
    color: var(--deep-purple);
}

.reviews .boxed .items .item .author-info {
    position: absolute;
    bottom: 0;
    padding-bottom: 30px;
    display: flex;
    gap: 30px;
}

.reviews .boxed .items .item .author-info span {
    font-size: 14px;
    font-family: Opensans-400, sans-serif;
}

.reviews .boxed .items .item .author-info span.author {
   font-weight: 700;
}

.reviews .boxed .items .item .author-info > div > .image {
    border-radius: 50px;
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.reviews .boxed .items .item .author-info > div {
    display: flex;
    flex-direction: column;
}

@media (max-width: 980px) {
    .reviews .boxed .items {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .prices .boxed .items .item {
        width: 100%;
    }

    .prices .items .item .btn-group {
        width: 90%;
    }
}


@media only screen and (max-width: 850px) {
    .reviews .boxed h2 {
        margin-bottom: 20px;
    }
}


@media only screen and (max-width: 768px) {
    .reviews .boxed {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

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

    .reviews .boxed h2 > p {
        font-size: 35px;
        line-height: 35px;
    }

    .prices .items .item .btn-group {
        width: 80%;
    }
    .reviews .boxed .items .item .author-info span, .reviews .boxed .items .item p {
        font-size: 16px;
    }
}