.review-block {
  padding: 60px 0;
  margin-top: 40px;
  background-color: var(--dark);
  --color: #fff;
  position: relative;
}
.review-block .container {
  position: relative;
  z-index: 2;
}
.review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9px;
  margin-bottom: 20px;
  border-bottom: 1px solid #4F4F4F;
}
.review-item {
  background: #FFFFFF;
  border-radius: 2px;
  --color: var(--dark);
  padding: 30px 35px 30px 25px;
  display: flex;
}
.review-item:not(:last-child) {
  margin-bottom: 30px;
}
.review-avatar__image {
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 15px;
}
.review-avatar__image svg {
  --svgColor: var(--main);
  --svgWidth: 24px;
  --svgHeight: 24px;
}
.review-images {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: -20px;
}
.review-content {
  position: relative;
  width: 100%;
}
.review-image-wrap {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.review-image-wrap img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-image-wrap:not(:last-child) {
  margin-right: 10px;
}
.review-image-wrap:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.50003 13.3374C2.50003 7.35207 7.30046 2.5 13.2221 2.5C16.0657 2.5 18.7929 3.6418 20.8037 5.6742C22.8145 7.70661 23.9441 10.4631 23.9441 13.3374C23.9441 19.3227 19.1437 24.1748 13.2221 24.1748C7.30046 24.1748 2.50003 19.3227 2.50003 13.3374ZM23.7667 22.0678L26.96 24.6455H27.0155C27.6615 25.2985 27.6615 26.3572 27.0155 27.0102C26.3694 27.6632 25.322 27.6632 24.6759 27.0102L22.0259 23.9731C21.7754 23.7207 21.6346 23.378 21.6346 23.0205C21.6346 22.663 21.7754 22.3202 22.0259 22.0678C22.5091 21.588 23.2836 21.588 23.7667 22.0678Z' fill='white' /%3E%3Cpath d='M16.5857 12.8041H13.8092V9.99226C13.8092 9.62752 13.5103 9.3291 13.1449 9.3291C12.7796 9.3291 12.4807 9.62752 12.4807 9.99226V12.8041H9.66425C9.29891 12.8041 9 13.1025 9 13.4672C9 13.8319 9.29891 14.1304 9.66425 14.1304H12.4807V16.909C12.4807 17.2737 12.7796 17.5722 13.1449 17.5722C13.5103 17.5722 13.8092 17.2737 13.8092 16.909V14.1304H16.5857C16.9511 14.1304 17.25 13.8319 17.25 13.4672C17.25 13.1025 16.9577 12.8041 16.5857 12.8041Z' fill='%23343745' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s;
}
.review-image-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--main);
  opacity: 0;
  transition: 0.3s;
}
.review-image-wrap:hover:after {
  opacity: 1;
}
.review-image-wrap:hover:before {
  opacity: 0.8;
}
.review-more {
  margin-top: 4px;
  --color: var(--main);
  cursor: pointer;
  transition: all 0.3s;
}
.review-more:hover {
  --color: var(--main2);
}
.review-column {
  flex: 0 0 74.4%;
}

.sidebar-feeadback {
  flex: 1;
  padding-left: 30px;
}
.sidebar-wrap {
  background: #14191B;
  border-radius: 2px;
  position: sticky;
  top: 162px;
  --color: #FFFFFF;
  padding: 30px 27px 35px 40px;
}
.sidebar-title {
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.sidebar-text {
  margin-bottom: 30px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .sidebar-wrap {
    padding: 30px 20px;
  }
  .sidebar-feeadback {
    padding-left: 15px;
  }
}
@media (max-width: 1024px) {
  .sidebar-wrap {
    top: 100px;
  }
}
@media (max-width: 992px) {
  .sidebar-feeadback {
    padding-left: 0;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .review-block {
    padding: 30px 0;
  }
  .review-block .block-head {
    flex-direction: column;
    align-items: start;
  }
  .review-block .block-head__link {
    margin-top: 20px;
  }
}
@media (max-width: 567px) {
  .review-item {
    padding: 30px 20px;
  }
  .review-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .review-avatar__name {
    margin-bottom: 10px;
  }
  .review-avatar__image {
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .review-avatar__image svg {
    --svgWidth: 20px;
    --svgHeight: 20px;
  }
}/*# sourceMappingURL=reviews.css.map */