.reviews-section-wrapper {
    margin-top: clamp(3.5rem, 5.11vw, 6rem);
    padding: 50px 0;
    padding: clamp(2rem, 4.07vw, 5rem);
    background-color: #F1F5F8;
}

.reviews-section .section-title {
    margin-bottom: 2rem;
}

.reviews-section .rating .main-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews-section .rating .details {
    display: flex;
    align-items: end;
}

.reviews-section .rating .description {
    margin-top: 1.6rem;
    font-size: 1.6rem;
}

.reviews-section .rating .main-block .number {
    font-size: 6.4rem;
    font-weight: 500;
    color: #2377A3;
    margin-right: 1rem;
    line-height: 1;
}

.reviews-section .rating .stars-wrapper {
    margin-bottom: 0.5rem;
}

.reviews-section .rating .base-button {
    font-size: 1.3rem;
    max-width: 17.8rem;
    padding: 1.3rem;
    width: 100%;
}

.reviews-section .rating .base-button.mobile {
    display: none;
}

.stars {
    background-image: url('/assets/img/icons/double-star-icon.svg');
    background-position: 0 -1.7rem;
    background-repeat: repeat-x;
    width: 10.rem;
    height: 1.7rem;
}

.stars span {
    background-image: url('/assets/img/icons/double-star-icon.svg');
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    height: 1.7rem;
    width: 0;
}

.reviews-form .stars {
    float: none;
}

.reviews-form .stars span {
    background-position: 0 3.3rem;
    background-repeat: no-repeat;
    width: 2rem;
    height: 1.7rem;
    float: left;
    display: block;
    margin: 0;
    cursor: pointer;
}

.reviews-form .stars span.active,
.reviews-form .stars span.active2 {
    background-position: 0 0;
}

.reviews-form .stars span.active-disabled {
    background-position: 0 -1.7rem;
}

.reviews-form .stars-description {
    float: none;
}


.reviews-section .stars  span.rating-5 {
    width: 10.0rem;
}

.reviews-section .stars  span.rating-4 {
    width: 8rem;
}

.reviews-section .stars  span.rating-3 {
    width: 6rem;
}

.reviews-section .stars  span.rating-2 {
    width: 4rem;
}

.reviews-section .stars span.rating-1 {
    width: 2rem;
}


.reviews-section .rating .lines-wrapper {
    margin: 1.5rem 0 3rem;
    font-size: 1.6rem;
}

.reviews-section .rating .lines-block .item {
    display: flex;
    align-items: center;
    margin: 17px 0;
}

.reviews-section .rating .number {
    display: flex;
}

.reviews-section .rating .number .icon {
    margin-left: 0.5rem;
    width: 1.7rem;
    height: 1.7rem;
}

.reviews-section .rating .progress {
    position: relative;
    margin: 0 2rem;
    border-radius: 9rem;
    overflow: hidden;
    height: 0.9rem;
    width: 100%;
}

.reviews-section .rating .progress .empty,
.reviews-section .rating .progress .filled
{
    position: absolute;
    top: 0;
    bottom: 0;
}

.reviews-section .rating .progress .empty {
    background-color: #d9d9d9;
    width: 100%;
    height: 100%;
}

.reviews-section .rating .progress .filled {
    background-color: #2377A3;
    height: 100%;    
}

.reviews-section .images-title {
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 2.02vw, 2.4rem);
    font-weight: 500;
    margin-bottom: 2rem;
}

.reviews-section .images-slider {
    position: relative;
    margin-bottom: 3rem;
    overflow: hidden;
}

.reviews-section .images-slider .item {
    border-radius: 1rem;
    overflow: hidden;
    width: fit-content;
}

.reviews-section .images-slider .item img {
    width: 21.3rem;
    width: clamp(139px, 17.90vw, 213px);
}

.reviews-section .messages {
    margin-top: 3rem;
}

.reviews-section .messages .item {
    padding: 2rem;
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0px 0px 1.8rem 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 2rem;
}

.reviews-section .messages .item:last-child {
    margin-bottom: none;
}

.reviews-section .messages .info-section {
    display: flex;
    align-items: center;
}

.reviews-section .messages .info-section .icon {
    height: 5.5rem;
    width: 5.5rem;
    line-height: 5.5rem;
    background-color: #2377A3;
    color: white;
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    margin-right: 1.4rem;
    border-radius: 50%;
}

.reviews-section .messages .info-section .name {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0.8rem;
}

.reviews-section .messages .info-section .date-wrapper {
    display: flex;
    justify-content: end;
    font-size: 1.5rem;
}

.reviews-section .messages .info-section .trip-name {
    margin-left: 0.5rem;
}

.reviews-section .messages .stars {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.reviews-section .messages .text {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.5;
}

.reviews-section .messages .images {
    margin-top: 2rem;
    overflow: hidden;
}

.reviews-section .messages .images .image {
    height: 8rem;
    width: 8rem;
    margin-right: 1.2rem;
}

.reviews-section .messages .base-button {
    max-width: 23rem;
    margin-top: 3rem;
    margin-top: clamp(2rem, 2.89vw, 3rem);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 1.5rem;
    padding: 1.6rem;
}