.feedback {
  margin: 3.75rem auto;
  background: #F3F4F8;
}
.feedback__container {
  width: 100%;
  display: flex;
  gap: 9.375rem;
}
.feedback__container .section-block {
  display: flex;
  width: 60%;
}
.feedback__container .section-block.img {
  flex-direction: column;
  width: 40%;
}
.feedback__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  width: 100%;
}
.feedback .feedback__title {
  color: var(--grey-700, #8E8F9E);
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 110%;
  margin-bottom: 2.5rem;
  text-align: center;
}
.feedback-info {
  display: none;
  flex-direction: column;
  gap: 2.5rem;
  width: 60%;
}
.feedback-block__image {
  text-align: center;
  margin-bottom: 0.75rem;
  max-width: 13.5rem;
  margin: 0 auto;
}
.feedback__form-element {
  max-width: 43.625rem;
  margin: 0 auto;
}
.feedback__fieldset {
  border: 0;
  padding: 0;
}
.feedback__form-title {
  display: block;
  width: 100%;
}
.feedback__form-desc {
  color: var(--Grey-700, #8E8F9E);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin: 1.75rem 0 0 0;
}
.feedback__form-title-desktop {
  margin-bottom: 1.5rem;
  color: var(--grey-900, #2D333C);
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  display: none;
}
.feedback__form-title-mobile h3 {
  width: 100%;
  color: var(--grey-900, #2D333C);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.feedback__form-title-mobile span {
  color: var(--grey-700, #8E8F9E);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.feedback__field {
  margin-bottom: 1.25rem;
}
.feedback__field--textarea {
  margin-bottom: 2.5rem;
}
.feedback__label {
  color: var(--grey-900, #2D333C);
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 0;
  margin: 0 0 0.25rem 0;
}
.feedback__submit {
  width: 100%;
}
.feedback__input, .feedback__textarea {
  border-radius: 0.5rem;
  border: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.feedback__input.placeholder, .feedback__input:-moz-placeholder, .feedback__input::-moz-placeholder, .feedback__input:-ms-input-placeholder, .feedback__input::-webkit-input-placeholder, .feedback__textarea.placeholder, .feedback__textarea:-moz-placeholder, .feedback__textarea::-moz-placeholder, .feedback__textarea:-ms-input-placeholder, .feedback__textarea::-webkit-input-placeholder {
  font-size: 1.125rem;
  color: #898989;
}
.feedback__textarea {
  min-height: 11.875rem;
}
.feedback__container img.feedback__image--mobile {
  display: none;
}
.feedback__image {
  max-width: 100%;
  height: auto;
}
.feedback__form-element {
  width: 100%;
}
.feedback__policy {
  margin-top: 1rem;
}
.feedback__policy-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #898989;
  margin: 0;
}
.feedback__link {
  color: #898989;
  text-decoration: underline;
}
.feedback__field-hidden, .feedback__response {
  display: none;
}
.feedback__field.feedback__field--error .feedback__input,
.feedback__field.feedback__field--error .feedback__textarea {
  border: 0.0625rem solid var(--color-red);
  background-color: #FAEBEB;
}
@media screen and (min-width: 601px) {
  .feedback {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .feedback__form-title-mobile {
    display: none;
  }
  .feedback__input, .feedback__textarea {
    border-radius: 1.25rem;
    border: 0;
    background: #FFFFFF;
    width: 100%;
    padding: 0.75rem 1.25rem;
    font-size: 1.125rem;
    line-height: 155.5%;
  }
  .feedback__form-title-desktop {
    display: block;
    font-size: 2.75rem;
    line-height: 120%;
  }
}
@media screen and (min-width: 713px) {
  .feedback {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
  .feedback .feedback__title {
    font-size: 2.5rem;
  }
  .feedback .feedback__form-element {
    max-width: 48.625rem;
  }
  .feedback__form-desc {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-left: 3.25rem;
  }
}
@media screen and (min-width: 1201px) {
  .feedback {
    margin-top: 8.75rem;
    margin-bottom: 8.75rem;
  }
  .feedback__wrapper {
    flex-direction: row;
    gap: 11.875rem;
  }
  .feedback .feedback__title {
    text-align: left;
    font-size: 3.75rem;
  }
  .feedback-block__image {
    max-width: none;
  }
  .feedback-info {
    display: flex;
  }
}
@media screen and (min-width: 1401px) {
  .feedback {
    margin-top: 6.25rem;
  }
  .feedback__form-element {
    margin-top: 1.5rem;
  }
  .feedback__wrapper {
    gap: 6.25rem;
  }
  .feedback-info {
    width: 38%;
  }
}