.client-logo {
  max-width: 41.67vw;
  height: auto;
}

.raisec-graph {
  width: 26vw;
  height: 26vw;
}

.text-center {
  text-align: center;
}

.survey-table table {
  position: relative;
  width: 100%;
  /* border-collapse: separate;
     border-spacing: 0vw .156vw; */
}

.survey-table td {
  position: relative;
  padding: .26vw 0vw .26vw 0vw;
  nowrap;
  vertical-align: middle;
}

.job-zones input {
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0vw;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  width: 5%;
  color: var(--secondary-site-color);
  font-size: .94vw;
}

.survey-table input {
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0vw;
  outline: 0;
  background: transparent;
  border-bottom: .052vw solid var(--select-input-text-color);
  width: 100%;
  color: var(--secondary-site-color);
  font-size: .94vw;
}

.survey-table input[type=radio] {
  color: var(--secondary-site-color);
  width: .75vw;
  margin-right: .521vw;
}

.survey-results table {
  position: relative;
  width: 100%;
  /* border-collapse: separate;
     border-spacing: 0vw .156vw; */
}

.survey-results td {
  position: relative;
  padding: .26vw 0vw .26vw 0vw;
  nowrap;
  vertical-align: middle;
}

.raisec-table table {
  position: relative;
  width: 100%;
  /* border-collapse: separate;
     border-spacing: 0vw .156vw; */
}

.raisec-table td {
  padding: .26vw 0vw .26vw 0vw;
  vertical-align: middle;
}

.survey_emoji img {
  width: 1.51vw;
  height: auto;
}

.raisec-graph {
  height: auto;
  overflow: auto;
  width: 100%;

  display: flex;
  justify-content: center;
}

.riasec-button {
  font-size: var(--font-size-m);
}

@media only screen and (max-width: 999px) {
  .riasec-button {
    width: 24vw;
    margin: 1vw;
  }

  .survey_emoji img {
    width: var(--font-size-l);
  }

  .survey-table input[type=radio] {
    width: var(--font-size-xs);
  }
}

@media only screen and (max-width: 600px) {
  .survey-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .survey-table td {
    padding: .26vw 0.26vw .26vw 0vw;
  }

  .survey-table input[type=radio] {
    width: var(--font-size-s);
  }

  .raisec-graph {
    justify-content: unset;
    max-width: 100vw;
  }

  .riasec-button {
    width: 24vw;
    margin: 1vw;
  }

  .survey-table tr:not(.surv_review_table_row) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .survey-table tr:not(.surv_review_table_row) td {
    display: flex;
    width: 100%;
  }

  .survey-table table td table td table td:first-child {
    width: 7vw;
  }

  .survey-table table td table td table td:nth-child(2) {
    width: 10vw;
  }

  .survey-table table td table td table td:nth-child(3) {
    width: 30%;
  }

  .survey-table tr:not(.surv_review_table_row) td.ques_text:first-child {
    width: 10vw;
  }

  .survey-table tr:not(.surv_review_table_row) td.ques_text:nth-child(2) {
    width: 85vw;
    white-space: normal;
  }

  .survey-table tr:not(.surv_review_table_row) td.ques_text {
    display: block;
    padding: 3vw 0 1.5vw;
    font-size: var(--font-size-l);
    line-height: var(--font-size-l);
  }

  .survey-table tr.surv_review_table_row td.ques_text {
    font-size: var(--font-size-mml);
    line-height: var(--font-size-ml);
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .survey-table tr:not(.surv_review_table_row) .emoji_text {
    font-size: var(--font-size-mml);
    line-height: var(--font-size-mml);
  }

  .survey-table tr.surv_review_table_row .emoji_text {
    font-size: var(--font-size-m);
    line-height: var(--font-size-m);
  }

  tr:not(.surv_review_table_row) .survey_emoji img {
    width: 7vw;
  }

  tr.surv_review_table_row img {
    width: 7vw;
  }

  .survey-table input[type=radio] {
    width: var(--font-size-l);
  }

  .mreavesxlmodot-reg-normal-gray-s {
    font-size: var(--font-size-l);
  }

  .client-logo {
    max-width: 50vw;
  }
}