@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/ProximaNova-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/ProximaNova-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/PTSerif-Bold.woff2") format("woff2");
  font-display: swap;
}

body {
  margin: 0;
  background-color: #F4F4F4;
  font-family: "Proxima Nova","Roboto", sans-serif;
}

p {
  margin: 0;
}

.container {
  max-width: 1180px;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 740px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: calc(100% - 48px);
    margin: 0 auto;
  }
}
.rating-feedback-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
}
.rating-feedback-number {
  font-family: "PT Serif","Roboto", sans-serif;
  position: absolute;
  top: 40px;
  left: 30px;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 164%;
  letter-spacing: 0.277px;
  color: #000000;
  width: 50px;
  height: 47px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}
.rating-feedback-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.rating-feedback-item {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 40px 20px 40px 110px;
}
.rating-feedback-item-title {
  margin: 0;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 164%;
  letter-spacing: 0.277px;
  color: #000000;
}
.rating-feedback-item-description {
  max-width: 762px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  letter-spacing: 0.277px;
  color: #000000;
}
.rating-feedback-vote-wrapper {
  position: absolute;
  bottom: -37px;
  right: 0;
  width: 130px;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
}
.rating-feedback-vote-wrapper p {
  text-align: end;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 164%;
  letter-spacing: 0.277px;
  color: #000000;
}
.rating-feedback-vote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.rating-feedback-radio {
  display: none;
}
.rating-feedback-vote-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 38px;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rating-feedback-vote-btn:first-of-type {
  border-radius: 10px 0 0 10px;
  background-color: #349C54;
  background-image: url("/web/img/like-green-icon.webp");
}
.rating-feedback-vote-btn:last-of-type {
  border-radius: 0 10px 10px 0;
  background-color: #F1361D;
  background-image: url("/web/img/dislike-red-icon.webp");
}
.rating-feedback-voted {
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 124%;
  letter-spacing: 0.277px;
  color: #000000;
}
.rating-feedback-comments-btn {
  font-family: "Proxima Nova","Roboto", sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  letter-spacing: 0.277px;
  text-decoration-line: underline;
  color: #B6B6B6;
  padding-left: 30px;
  margin-top: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cg clip-path='url(%23clip0_3964_580)'%3E%3Cpath d='M12.5784 14.9964C12.3376 14.995 12.1061 14.9027 11.9294 14.7377L9.53917 12.5121H2.20839C1.62341 12.5118 1.06243 12.2776 0.648448 11.8609C0.234468 11.4441 0.00127507 10.8788 0 10.289V2.22681C0.000319043 1.63632 0.23309 1.07011 0.647174 0.652574C1.06126 0.235036 1.62278 0.000321704 2.20839 0H14.7916C15.3771 0.000642776 15.9385 0.235462 16.3525 0.65293C16.7665 1.0704 16.9994 1.63642 17 2.22681V10.289C16.999 10.8792 16.766 11.4449 16.3521 11.8621C15.9381 12.2793 15.3769 12.5139 14.7916 12.5146H13.5465V14.025C13.5478 14.2141 13.4938 14.3994 13.3912 14.5577C13.2886 14.716 13.142 14.8403 12.9698 14.915C12.8462 14.9689 12.713 14.9966 12.5784 14.9964ZM2.20839 0.803788C1.8341 0.803788 1.47514 0.953713 1.21048 1.22058C0.945823 1.48745 0.797139 1.8494 0.797139 2.22681V10.289C0.797458 10.6662 0.946283 11.0278 1.21091 11.2944C1.47553 11.561 1.83431 11.7108 2.20839 11.7108H9.6945C9.79489 11.7109 9.89157 11.7491 9.96543 11.8176L12.47 14.1489C12.4932 14.1723 12.523 14.1879 12.5554 14.1935C12.5877 14.1992 12.621 14.1946 12.6507 14.1804C12.6806 14.1677 12.706 14.1462 12.7237 14.1187C12.7413 14.0912 12.7502 14.059 12.7494 14.0262V12.1127C12.7494 12.0599 12.7597 12.0076 12.7797 11.9589C12.7998 11.9101 12.8291 11.8658 12.8661 11.8285C12.9031 11.7912 12.9471 11.7616 12.9954 11.7414C13.0438 11.7212 13.0956 11.7108 13.148 11.7108H14.7916C15.1656 11.7105 15.5242 11.5606 15.7887 11.2941C16.0533 11.0275 16.2022 10.6661 16.2029 10.289V2.22681C16.2025 1.8495 16.0538 1.48773 15.7892 1.22094C15.5246 0.954138 15.1658 0.804109 14.7916 0.803788H2.20839Z' fill='%23B6B6B6'/%3E%3Cpath d='M5.95401 6.25434C5.95401 6.40011 5.91114 6.5426 5.83083 6.6638C5.75051 6.785 5.63636 6.87947 5.50281 6.93525C5.36925 6.99103 5.22229 7.00563 5.0805 6.97719C4.93872 6.94875 4.80849 6.87856 4.70627 6.77549C4.60405 6.67242 4.53443 6.54109 4.50623 6.39813C4.47803 6.25516 4.4925 6.10698 4.54782 5.9723C4.60315 5.83763 4.69683 5.72253 4.81703 5.64154C4.93722 5.56056 5.07854 5.51733 5.2231 5.51733C5.31913 5.51718 5.41424 5.53613 5.50299 5.57311C5.59174 5.61009 5.67238 5.66437 5.74028 5.73284C5.80819 5.80131 5.86202 5.88263 5.8987 5.97212C5.93537 6.06161 5.95417 6.15751 5.95401 6.25434Z' fill='%23B6B6B6'/%3E%3Cpath d='M12.5067 6.25434C12.5067 6.40011 12.4639 6.5426 12.3836 6.6638C12.3032 6.785 12.1891 6.87947 12.0555 6.93525C11.922 6.99103 11.775 7.00563 11.6332 6.97719C11.4915 6.94875 11.3612 6.87856 11.259 6.77549C11.1568 6.67242 11.0872 6.54109 11.059 6.39813C11.0308 6.25516 11.0452 6.10698 11.1006 5.9723C11.1559 5.83763 11.2496 5.72253 11.3698 5.64154C11.49 5.56056 11.6313 5.51733 11.7758 5.51733C11.8719 5.51718 11.967 5.53613 12.0557 5.57311C12.1445 5.61009 12.2251 5.66437 12.293 5.73284C12.3609 5.80131 12.4148 5.88263 12.4514 5.97212C12.4881 6.06161 12.5069 6.15751 12.5067 6.25434Z' fill='%23B6B6B6'/%3E%3Cpath d='M9.2294 6.25434C9.2294 6.40016 9.1865 6.5427 9.10614 6.66393C9.02577 6.78516 8.91155 6.87962 8.77792 6.93536C8.64429 6.99111 8.49727 7.00564 8.35545 6.9771C8.21364 6.94857 8.0834 6.87825 7.98123 6.77506C7.87906 6.67186 7.80954 6.54043 7.78148 6.39738C7.75341 6.25434 7.76806 6.10611 7.82356 5.97146C7.87907 5.83681 7.97294 5.72179 8.09329 5.64095C8.21365 5.56012 8.35508 5.51709 8.49969 5.51733C8.59562 5.51733 8.69061 5.53641 8.77922 5.57346C8.86783 5.61051 8.94832 5.66482 9.0161 5.73327C9.08388 5.80173 9.1376 5.88298 9.1742 5.97239C9.2108 6.0618 9.22956 6.15762 9.2294 6.25434Z' fill='%23B6B6B6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3964_580'%3E%3Crect width='17' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}
.rating-feedback-comments-wrapper {
  display: none;
  margin-top: 36px;
}
.rating-feedback-comments-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 240px;
  overflow-y: scroll;
}
/* .rating-feedback-comments-list.js-answer-chat {
  position: relative;
  padding-left: 20px;
}
.rating-feedback-comments-list.js-answer-chat::before {
  content: "";
  position: absolute;
  top:0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #DEDEDE;
} */
.rating-feedback-comments-list.js-answer-chat .rating-feedback-comments-item {
  position: relative;
  padding: 20px 0 20px 20px;
}
.rating-feedback-comments-list.js-answer-chat .rating-feedback-comments-item ::before {
  content: "";
  position: absolute;
  top:0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #DEDEDE;
}
.rating-feedback-comments-item + .rating-feedback-comments-item {
  border-top: 1px solid #DEDEDE;
}
.rating-feedback-comments-list.js-answer-chat .rating-feedback-comments-item {
  border-top: none;
}
.block-badges-and-answer-form + .answers-block {
  margin-top: 20px;
}
.rating-feedback-comments-list.js-answer-chat .rating-feedback-comments-item:first-child {
  padding-top: 0;
}
.rating-feedback-comments-list.js-answer-chat .rating-feedback-comments-item:last-child {
  padding-bottom: 0;
}
.rating-feedback-comments-list::-webkit-scrollbar {
  width: 8px;
}
.rating-feedback-comments-list::-webkit-scrollbar-track {
  background: #F4F4F4;
  border-radius: 6px;
}
.rating-feedback-comments-list::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 6px;
}
.rating-feedback-comments-item {
  font-size: 16px;
  font-style: normal;
  line-height: 134%;
  letter-spacing: 0.277px;
  padding: 30px 0;
  max-width: calc(100% - 32px);
  color: #000000;
}
.answer-block {
  flex-grow: 1;
  width: 100%;
}
.rating-feedback-comments-item:last-of-type {
  border-bottom: none;
}
.rating-feedback-comments-author {
  font-weight: 600;
}
.rating-feedback-comment {
  font-weight: 400;
  margin-top: 6px;
}
.block-badges-and-answer-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
.like-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 60px;
  background-color: #ECECEC;
  border-radius: 20px;
  min-height: 26px;
  cursor: pointer;
}
.number-comment-badge {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.44px;
  letter-spacing: 0.276px;
  text-align: left;
  color: #0085F4;
  text-decoration: underline;
  cursor: pointer;
}
.answer-badge {
  font-size: 16px;
  font-weight: 400;
  line-height: 21.44px;
  letter-spacing: 0.276px;
  text-align: left;
  color: #888888;
  text-decoration: underline;
  cursor: pointer;
}
.rating-feedback-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 10px;
}
.rating-feedback-text {
  font-family: "Proxima Nova","Roboto", sans-serif;
  height: 80px;
  padding: 18px;
  border-color: #DEDEDE;
  border-radius: 10px;
  resize: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  letter-spacing: 0.277px;
  color: #000000;
  outline: none;
}
.rating-feedback-text::-webkit-input-placeholder {
  color: #DEDEDE;
}
.rating-feedback-text::-moz-placeholder {
  color: #DEDEDE;
}
.rating-feedback-text:-ms-input-placeholder {
  color: #DEDEDE;
}
.rating-feedback-text::-ms-input-placeholder {
  color: #DEDEDE;
}
.rating-feedback-text::placeholder {
  color: #DEDEDE;
}
.rating-feedback-send-btn {
  font-family: "Proxima Nova","Roboto", sans-serif;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  background-color: #F1A636;
  border: 1px solid transparent;
  color: #FFFFFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 134%;
  letter-spacing: 0.277px;
  padding: 10px 12px;
  min-width: 170px;
  max-width: 170px;
  height: 40px;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rating-feedback-send-btn:hover {
  background-color: #FFFFFF;
  border: 1px solid #F1A636;
  color: #F1A636;
}
.rating-feedback-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 11px;
}
.rating-feedback-controls p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 164%;
  letter-spacing: 0.277px;
  color: #000000;
}
.rating-feedback-controls div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.rating-feedback-progress-icon {
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 15px;
  display: block;
}
.rating-feedback-controls div:first-of-type .rating-feedback-progress-icon {
  background-image: url("/web/img/like-icon.webp");
}
.rating-feedback-controls div:last-of-type .rating-feedback-progress-icon:last-of-type {
  background-image: url("/web/img/dislike-icon.webp");
}
.rating-feedback-progress-value {
  font-family: "Proxima Nova","Roboto", sans-serif;
  background-color: transparent;
  border: none;
  max-width: 30px;
  padding: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 164%;
  letter-spacing: 0.277px;
  color: #000000;
}
.comment-count-line {
  font-size: 18px;
  font-weight: 700;
  line-height: 29.52px;
  letter-spacing: 0.276px;
  text-align: left;
  color: #000000;
  margin-bottom: 10px;
}
.rating-feedback-pseudo-progress {
  position: relative;
  background-color: #F1361D;
  width: 187px;
  height: 2px;
}
.rating-feedback-pseudo-line {
  position: absolute;
  background-color: #349C54;
  width: 0%;
  height: 2px;
}

.rating-feedback-item:nth-child(1) .rating-feedback-number {
  background-image: url("/web/img/item-number-one.svg");
}
.rating-feedback-item:nth-child(2) .rating-feedback-number {
  background-image: url("/web/img/item-number-two.svg");
}
.rating-feedback-item:nth-child(3) .rating-feedback-number {
  background-image: url("/web/img/item-number-three.svg");
}

.rating-feedback-comments-wrapper.opened {
  display: block;
}

.rating-feedback-vote-btn.hidden {
  display: none;
  background-color: transparent;
}

.rating-feedback-vote-btn.visible {
  border-radius: 10px;
}

.rating-feedback-vote-wrapper.voted {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 38px;
  bottom: -46px;
}

.rating-feedback-vote-wrapper.voted .rating-feedback-voted {
  text-align: start;
  line-height: 124%;
}

.rating-feedback-progress-wrapper progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 187px;
  height: 11px;
}

@media (max-width: 767px) {
  .rating-feedback-item {
    padding: 132px 16px 16px 16px;
  }
  .rating-feedback-progress-wrapper {
    position: absolute;
    top: -56px;
    right: -4px;
  }
  .rating-feedback-vote-wrapper {
    bottom: inherit;
    top: -137px;
    right: 53px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .rating-feedback-number {
    width: 87px;
    height: 81px;
    top: 22px;
    left: 30px;
    font-size: 32px;
    padding-top: 5px;
  }
  .rating-feedback-item:nth-child(1) .rating-feedback-number {
    background-image: url("/web/img/item-number-one-big.svg");
  }
  .rating-feedback-item:nth-child(2) .rating-feedback-number {
    background-image: url("/web/img/item-number-two-big.svg");
  }
  .rating-feedback-item:nth-child(3) .rating-feedback-number {
    background-image: url("/web/img/item-number-three-big.svg");
  }
  .rating-feedback-vote-wrapper.voted {
    height: inherit;
    bottom: inherit;
    top: -110px;
    right: 0;
  }
}
.section-title {
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  letter-spacing: 0.4px;
  color: #1E1E1E;
}
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.header__logo {
  margin-top: 8px;
  margin-left: 13px;
}
.header__logo img {
  width: 182px;
  height: 16px;
}
.header__auth {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #6E7992;
  text-decoration: none;
}
.header__auth p {
  margin: 0;
  padding: 4px 13px;
  padding-left: 7px;
  font-family: "Proxima Nova", "sans-serif";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #D6D6D6;
}
@media (max-width: 768px) {
  .header__auth p {
    display: none;
  }
}
.header__auth img {
  width: 18px;
  height: 7px;
  margin-right: 16px;
  margin-left: 7px;
}
@media (max-width: 768px) {
  .header__auth img {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .header__auth {
    width: 46px;
    height: 32px;
  }
}

.like-image {
  background-image: url("/web/images/unlike.svg");
  width: 17px;
  height: 16px;
}
.active .like-image {
  background-image: url("/web/images/like.svg");
}
.hide {
  display: none;
}
.like-badge {
  display: flex;
}
.rating-subthemes-list {
  margin-bottom: 30px;
}
.rating-subtheme-item {
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  text-decoration: none;
  color: black;
  font-weight: bold;
  margin-right: 10px;
}
.rating-subtheme-item.active {
  background-color: #F1A636;
  color: #FFFFFF;
}