.evauation-de-besoins .evaluation-form {
  padding-top: 60px;
}

.evauation-de-besoins .evaluation-form .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}

.evauation-de-besoins .evaluation-form .user-info,
.evauation-de-besoins .evaluation-form form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.evauation-de-besoins .evaluation-form .user-info {
  gap: 24px;
  margin-bottom: 24px;
}

.evauation-de-besoins .evaluation-form .user-info strong {
  font-weight: 600;
}

.evauation-de-besoins .evaluation-form form {
  margin-top: 16px;
}

.evauation-de-besoins .evaluation-form form .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.evauation-de-besoins .evaluation-form form .form-group-signature {
  display: grid;
  gap: 8px;
}

.evauation-de-besoins .evaluation-form form .form-group-signature button {
  margin-top: 0;
  background-color: transparent;
  padding: 4px 8px;
  color: var(--primary-color);
  font-weight: 600;
}

.evauation-de-besoins .evaluation-form form .form-group input,
.evauation-de-besoins .evaluation-form form .form-group textarea {
  max-width: 1000px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-color2);
  border-radius: var(--radius);
  resize: none;
  transition: 0.3s ease-in-out;
}

.evauation-de-besoins .evaluation-form form .form-group input:focus,
.evauation-de-besoins .evaluation-form form .form-group textarea:focus {
  border: 1px solid var(--primary-color);
}

.evauation-de-besoins .evaluation-form form .form-group textarea {
  resize: none;
}

.evauation-de-besoins .evaluation-form form .form-group .adaptations {
  border: 1px solid var(--border-color2);
  max-width: 1000px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.evauation-de-besoins .evaluation-form form button {
  margin-top: 16px;
  width: max-content;
}