.comment {
  padding: 42px 0;
}

.comment__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 831px;
  width: 100%;
}

.comment__title {
  color: #000;
  font-family: Roboto;
  font-size: clamp(28px, 4vw, 32px);
  font-weight: 700;
}

.comment__column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.comment__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.comment__sibtitle {
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
}

.comment__txt {
  display: flex;
  align-items: center;
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  gap: 6px;
}

.comment__txt span {
  border-radius: 6px;
  border: 1px solid #E8E9EA;
  background: #F7F9FA;
  padding: 6px 12px;
}

.comment__line {
  width: 100%;
  height: 1px;
  background: #E8E9EA;
}

.comment__inp {
  width: 100%;
}

.comment__inp textarea {
  border-radius: 6px;
  border: 1px solid #E8E9EA;
  background: #FFF;
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  resize: none;
  width: 100%;
  height: 96px;
  padding: 12px;
}

.comment__inp textarea::placeholder {
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
}

.comment__column-sub {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.comment__card {
  display: flex;
  gap: 12px;
}

.comment__avatar {
  flex-shrink: 0;
}

.comment__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.comment__body-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.comment__name {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
}

.comment__text {
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
}

.comment__body-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.comment__body-row span {
  display: inline-block;
  color: #CDCDCD
}

.comment__txt-blue {
  color: #016CA2;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}

.comment__time {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}