@charset "utf-8";

.feedback { display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px; background: rgb(238, 238, 238); border-radius: 10px; padding: 20px; border: 1px solid rgb(211, 211, 211); }

.feedback__header { display: flex; gap: 34px; align-items: flex-start; border-bottom: 0px; }

.feedback__ava { width: 150px; }

.feedback__ava img { width: 100px; height: auto; border-radius: 50%; }

.feedback__name { font-size: 30px; font-weight: 600; line-height: 1.2; }

.feedback__prof { font-size: 16px; color: rgb(127, 127, 127); }

.feedback__main { padding: 20px 0px; }

.feedback__text { font-size: 18px; margin-top: 10px; }

.reg p { font-size: 18px; }

@media (min-width: 768px) {
  .ava_three img { width: 150px !important; }
}

@media (max-width: 768px) {
  .feedback__name { font-size: 30px; }
  .feedback__ava { width: 100px; }
  .feedback__header-text { padding-bottom: 10px; }
  .feedback__prof { font-size: 16px; }
  .ava_three img { width: 100px !important; }
}

@media (max-width: 540px) {
  .feedback__header { gap: 25px; flex-direction: column; align-items: center; }
  .feedback__name { font-size: 24px; text-align: center; text-wrap: balance; }
  .feedback__header-text { padding-bottom: 5px; }
  .feedback__ava { width: 80px; }
  .ava_three img { width: 80px !important; }
  .feedback__prof { font-size: 14px; text-align: center; text-wrap: balance; }
  .feedback__text { font-size: 18px; }
}

@media (max-width: 375px) {
  .feedback__header { align-items: center; }
  .feedback__header-text { padding-bottom: 0px; }
}