.vi-ratings {
  padding: 2rem 0rem 0;
  column-gap: 1.1111111111rem;
  grid-template-columns: 65% 35%;
}
.vi-ratings__item--left {
  row-gap: 0.8888888889rem;
}
.vi-ratings__item--right {
  row-gap: 0.8888888889rem;
}

.vi-comments {
  padding: 0.8888888889rem;
  column-gap: 0.8888888889rem;
}
.vi-comments__item--text {
  row-gap: 0.6666666667rem;
}
.vi-comments__element--hight {
  row-gap: 0.2222222222rem;
}
.vi-comments__element--low {
  row-gap: 0.6666666667rem;
}
.vi-comments__label {
  column-gap: 1.3333333333rem;
}
.vi-comments__author {
  font-size: 0.8888888889rem;
  line-height: 1.3333333333rem;
  letter-spacing: 0.0355555556rem;
}
.vi-comments__location {
  font-size: 0.7777777778rem;
  line-height: 1.2222222222rem;
}
.vi-comments__text {
  font-size: 0.8888888889rem;
  line-height: 1.1111111111rem;
}

.vi-creation {
  column-gap: 0.2777777778rem;
}
.vi-creation__date {
  font-size: 0.7777777778rem;
  line-height: 1.2222222222rem;
}
.vi-creation__time {
  font-size: 0.7777777778rem;
  line-height: 1.2222222222rem;
}

/*.vi-pagination {*/
/*  padding: 1.7777777778rem 0 7.2222222222rem 0;*/
/*  gap: 1.7777777778rem;*/
/*}*/
/*.vi-pagination__item--button {*/
/*  font-size: 0.7777777778rem;*/
/*  line-height: 1.3333333333rem;*/
/*}*/
/*.vi-pagination__item--list-page {*/

/*  font-size: 0.8888888889rem;*/
/*  line-height: 0.8888888889rem;*/
/*}*/
/*.vi-pagination__button {*/
/*  padding: 0.4444444444rem 0;*/
/*}*/
/*.vi-pagination__page-control {*/
/*  gap: 1.3333333333rem;*/
/*}*/
/*.vi-pagination__element {*/
/*  padding: 0.4444444444rem 0.6666666667rem;*/
/*}*/

.vi-ratings-data {
  padding: 1.6666666667rem;
  row-gap: 1.3333333333rem;
}
.vi-ratings-data__title {
  font-size: 1.3333333333rem;
  line-height: 1.6111111111rem;
  letter-spacing: 0.0533333333rem;
}
.vi-ratings-data__item {
  row-gap: 0.8888888889rem;
}
.vi-ratings-data__container {
  row-gap: 0.8888888889rem;
}

.vi-button {
  padding: 1.0833333333rem 0;
  font-size: 0.8888888889rem;
  line-height: 1.1111111111rem;
}

.vi-checkbox-agreement {
  column-gap: 0.8888888889rem;
}
.vi-checkbox-agreement__label {
  font-size: 0.8888888889rem;
  line-height: 1.3333333333rem;
}


@media (min-width: 1402px) and (max-width: 1535px) {
  .vi-ratings {
    grid-template-columns: 60% 40%;
  }
}
.vi-tools {
  margin-top: 1.3333333333rem;
}