@media screen and (max-width: 1023px) {
  .personality-test-profile-detail-page {
    margin-top: 1rem;
  }

  .personality-test-profile-detail-page .page-container.container {
    padding: 0;
  }

  .personality-test-profile-detail-page .progress-profile {
    height: 0.5rem;
  }

  .personality-test-profile-detail-page .title-personality {
    font-size: 12px;
    color: #000000;
  }

  .personality-test-profile-detail-page h4 {
    font-weight: 600;
    font-size: 22px;
  }

  .personality-test-profile-detail-page .title-profile,
  .personality-test-profile-detail-page .title-factors {
    font-size: 15px;
    font-weight: 500;
  }

  .personality-test-profile-detail-page .title-profile,
  .personality-test-profile-detail-page .title-factors,
  .personality-test-profile-detail-page .title-profiles {
    font-size: 14px;
    font-weight: 600;
  }

  .personality-test-profile-detail-page .profile-description,
  .personality-test-profile-detail-page .profile-factors {
    font-size: 12px;
    font-weight: 500;
  }

  .personality-test-profile-detail-page .bars-container {
    padding: 0;
  }

  .personality-test-profile-detail-page .profile-button {
    border-radius: 27.5px;
    font-size: 11px;
    padding: 0.2rem 1rem;
    text-align: center;
  }

  .personality-test-profile-detail-page .description-detailed.opened {
    padding: 1rem;
  }

  .personality-test-profile-detail-page .page-container-description.container {
    margin-top: 1rem;
  }

  .personality-test-profile-detail-page .go-back-container {
    margin-bottom: 1.5rem;
  }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .personality-test-profile-detail-page .page-container-description.container {
    max-width: 615px;
  }
}


@media screen and (min-width: 1024px) {

  .personality-test-profile-detail-page {
    margin-top: 4rem;
  }

  .personality-test-profile-detail-page .page-container.container {
    max-width: 850px;
  }

  .personality-test-profile-detail-page .page-container-description.container {
    max-width: 600px;
    margin-top: 4rem;
  }

  .personality-test-profile-detail-page .progress-profile {
    height: 0.5rem;
  }

  .personality-test-profile-detail-page .title-profile,
  .personality-test-profile-detail-page .title-factors,
  .personality-test-profile-detail-page .title-profiles {
    font-size: 16px;
    font-weight: 600;
  }

  .personality-test-profile-detail-page h4 {
    font-weight: 600;
  }

  .personality-test-profile-detail-page .title-results {
    font-size: 14px;
    color: #979797;
  }

  .personality-test-profile-detail-page .title-personality {
    font-size: 12px;
    color: #000000;
  }

  .personality-test-profile-detail-page .results-title {
    font-size: 13px;
  }

  .personality-test-profile-detail-page .profile-description,
  .personality-test-profile-detail-page .profile-factors {
    font-size: 14px;
    line-height: 26px;
  }

  .personality-test-profile-detail-page .profile-button {
    border-radius: 27.5px;
    font-size: 12px;
    padding: 0.5rem 2rem;
  }

  .personality-test-profile-detail-page .description-detailed.opened {
    padding-top: 4rem;
  }

  .personality-test-profile-detail-page .go-back-container {
    margin-bottom: 3rem;
  }

}

.personality-test-profile-detail-page .column-bar-container img {
  width: 100%;
}

.personality-test-profile-detail-page .progress-profile {
  background-color: rgba(230, 227, 227, 0.26);
  border-radius: 3rem;
  /* border: 1px solid rgba(230, 227, 227, 0.26); */
  width: 100%;
}

.personality-test-profile-detail-page .progress-bar-profile {
  border-radius: 3rem 0 0 3rem;
  background-color: #FF2F6D;
  /* border: 1px solid rgba(151,151,151,0.5); */
}

.personality-test-profile-detail-page .go-back-container a {
  color: #FF4A70;
  font-size: 14px;
}


.personality-test-profile-detail-page .profile-button {
  background-color: #000000;
  color: white;
}

.personality-test-profile-detail-page .see-details-container .description-detailed {
  display: none;
}

.personality-test-profile-detail-page .see-details-container.opened .description-detailed {
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 3000;
  position: fixed;
  left: 0;
  top: 0;
  overflow: scroll;
}

.personality-test-profile-detail-page .see-details-container .see-more {
  font-size: 13px;
  color: #FF4A70;
  cursor: pointer;
}

.personality-test-profile-detail-page .icon-details:hover {
  text-decoration: underline;
}

.personality-test-profile-detail-page .see-details-container .description-detailed .go-back-link {
  font-size: 14px;
  color: #FF2F6D;
  cursor: pointer;
}

.personality-test-profile-detail-page .see-details-container .description-detailed .go-back-link:hover {
  text-decoration: underline;
}

.personality-test-profile-detail-page .description-detailed .all-description p {
  font-size: 14px;
  line-height: 22px;
}

/* .personality-test-profile-detail-page .list-of-aspects .aspect {
  font-size: 14px;
}

.personality-test-profile-detail-page .list-of-aspects p:last-child span {
  display: none;
}

.personality-test-profile-detail-page .description-detailed .title-aspects {
  font-size: 14px;
  font-weight: 600;
} */