.carousel-reviews {
position: relative;
background: var(--theme-grey-f0-color);
padding: 60px 0 25px;
margin-bottom: 60px;
}
.carousel-reviews-before .carousel-reviews:before {
content: '';
position: absolute;
top: -60px;
width: 100%;
height: 60px;
background: var(--theme-grey-f0-color);
z-index: -1;
}
.carousel-review-box {
border-left: 4px solid #df0024;
background: #fff;
padding: 1.5rem;
}
.carousel-review-box .author {
font-size: 20px;
line-height: 100%;
margin-bottom: .25rem;
}
.carousel-review-box .date-added {
font-size: .875rem;
line-height: 100%;
}
.carousel-review-box .text {
margin-top: .75rem;
}
.carousel-review-box .rating {
position: absolute;
top: 1.5rem;
right: 1.5rem;
display: inline-flex;
gap: 4px;
}
.rating {
display: inline-flex;
gap: 4px;
}
.star {
width: 20px;
height: 20px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.star {
background-image: url('data:image/svg+xml;utf8,');
}
.star.active {
background-image: url('data:image/svg+xml;utf8,');
}
.btn-white.btn-review {
padding: 0 30px;
margin: 25px 0 0 auto;
width: auto;
}
@media (max-width: 575px) {
.carousel-review-box .rating {
position: static;
margin-top: .75rem;
}
}