#quiz .quiz-style-cards .step .question,
#quiz .quiz-style-cards-2 .step .question {
  flex-direction: row;
  flex-wrap: wrap;
}

#quiz .quiz-style-cards .question .description {
  /*width: 33.32223%;*/
  background-image: url('/wp-content/uploads/2022/10/QuizQuestion.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-wrap: wrap;
  min-height: 270px;
}

#quiz .quiz-style-cards-2 .question .description {
  display: flex;
  flex-wrap: wrap;
  min-height: 270px;
  align-items: end;
}

#quiz .quiz-style-cards .question .description *,
#quiz .quiz-style-cards-2 .question .description * {
  color: #ffffff;
  text-align: left;
  font-family: franklin-gothic-urw,FranklinGothicURW,-apple-system,BlinkMacSystemFont,sans-serif;
}

#quiz .quiz-style-cards .question .description p,
#quiz .quiz-style-cards-2 .question .description p{
  font-size: 20px;
  font-weight: 500;
  width: 100%;
}

#quiz .quiz-style-cards .question .description p:last-of-type,
#quiz .quiz-style-cards-2 .question .description p:last-of-type{
  margin-bottom: 0;
}

#quiz .quiz-style-cards .question .description p:first-of-type,
#quiz .quiz-style-cards-2 .question .description p:first-of-type{
  margin-top: 0;
}

#quiz .quiz-style-cards-2 .question .description p {
  font-size: 30px;
  align-self: flex-start;
}

#quiz .quiz-style-cards .question .description .title {
  margin-bottom: 100px !important;
  font-size: 24px;
}

#quiz .quiz-style-cards-2 .step:first-of-type .question .description .title{
  font-size: 18px;
  margin-bottom: 5px;
}
#quiz .quiz-style-cards-2 .step:first-of-type .question .description .title{
  font-size: 24px;
  margin-bottom: 5px;
}

#quiz .quiz-style-cards .question .description .title,
#quiz .quiz-style-cards-2 .question .description .title{
  font-weight: 500;
  width: 100%;
}

#quiz .quiz-style-cards .question .fieldset {
  /*width: 66.64445%;*/
  /*padding-left: 16px;*/
}

#quiz .quiz-style-cards .fieldset,
#quiz .quiz-style-cards-2 .fieldset{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#quiz .quiz-style-cards .fieldset .selection,
#quiz .quiz-style-cards-2 .fieldset .selection{
  width: calc(50% - 16px);
  padding-left: 16px;
  max-height: 100%;
}

#quiz .quiz-style-cards .selection:nth-child(n + 3),
#quiz .quiz-style-cards-2 .selection:nth-child(n + 3){
  padding-top: 16px;
}

#quiz .quiz-style-cards .selection a,
#quiz .quiz-style-cards .selection button,
#quiz .quiz-style-cards-2 .selection a,
#quiz .quiz-style-cards-2 .selection button {
  height: 100%;
  width: 100%;
  margin: 0;
  background: #ffffff;
  border: none;
  border-radius: 6px;
  color: #0071CE;
  /*font-size: 24px;*/
  font-weight: 300 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 15px 30px;
  font-family: franklin-gothic-urw,FranklinGothicURW,-apple-system,BlinkMacSystemFont,sans-serif;
  box-sizing: border-box;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}

#quiz .quiz-style-cards .selection a.external::after,
#quiz .quiz-style-cards-2 .selection a.external::after {
  content: '';
  height: 16px;
  width: 16px;
  background-image: url("/wp-content/uploads/2022/12/icon_open-new-tab_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 2px 0 0 10px;
  transition: .15s ease;
}
#quiz .quiz-style-cards .selection a.external:hover::after,
#quiz .quiz-style-cards-2 .selection a.external:hover::after{
  background-image: url("/wp-content/uploads/2022/12/icon_open-new-tab_white.svg");
}

#quiz .quiz-style-cards .selection a:hover,
#quiz .quiz-style-cards .selection button:hover,
#quiz .quiz-style-cards-2 .selection a:hover,
#quiz .quiz-style-cards-2 .selection button:hover {
  cursor: pointer;
  background: #3FA0E9;
  color: #ffffff !important;
  text-decoration: none;
}

#quiz .quiz-style-cards .selection a:active,
#quiz .quiz-style-cards .selection button:active,
#quiz .quiz-style-cards-2 .selection a:active,
#quiz .quiz-style-cards-2 .selection button:active {
  background: #00457E;
  color: #ffffff !important;
}

#quiz .qq-wrapper.quiz-style-cards .button-nav{
  align-self: flex-end;
  width: 100%;
}

#quiz .qq-wrapper.quiz-style-cards-2 .button-nav {
  align-self: flex-start;
  width: 100%;
}

#quiz .qq-wrapper.quiz-style-cards .button-nav button,
#quiz .qq-wrapper.quiz-style-cards-2 .button-nav button{
  background: none;
  border: none;
  font-weight: 500 !important;
  position: static;
  padding: 0;
  font-size: 18px;
  display: flex;
  align-items: center;
  transition: .15s ease;
}

#quiz .qq-wrapper.quiz-style-cards .button-nav button:hover,
#quiz .qq-wrapper.quiz-style-cards-2 .button-nav button:hover{
  cursor: pointer;
  text-decoration: none;
  color: #3FA0E9;
}

#quiz .qq-wrapper.quiz-style-cards .button-nav button img,
#quiz .qq-wrapper.quiz-style-cards-2 .button-nav button img{
  max-width: 16px;
  margin-left: 6px;
}


@media(max-width: 960px) {
  #quiz .quiz-style-cards .question .description,
  #quiz .quiz-style-cards-2 .question .description,
  div#quiz .qq-wrapper .step:first-of-type .selection {
    min-height: 136px;
  }

  #quiz .quiz-style-cards .question .description .title{
    margin-bottom: 32px !important;
    /*font-size: 24px;*/
  }

  #quiz .quiz-style-cards .fieldset .selection:nth-of-type(2n + 1),
  #quiz .quiz-style-cards-2 .fieldset .selection:nth-of-type(2n + 1){
    padding-left: 0;
  }

  #quiz .quiz-style-cards .fieldset .selection,
  #quiz .quiz-style-cards-2 .fieldset .selection{
    padding-top: 16px;
    width: calc(50% - 8px);
  }

  #quiz .quiz-style-cards .selection a,
  #quiz .quiz-style-cards .selection button,
  #quiz .quiz-style-cards-2 .selection a,
  #quiz .quiz-style-cards-2 .selection button {
    font-size: 20px;
  }
}

@media(max-width: 768px) {

  #quiz .quiz-style-cards .question .description .title,
  #quiz .quiz-style-cards-2 .question .description .title{
    font-size: 20px;
  }
  #quiz .quiz-style-cards .question .description p,
  #quiz .quiz-style-cards-2 .question .description p{
    font-size: 18px;
  }

  #quiz .quiz-style-cards.qq-wrapper .fieldset .selection,
  #quiz .quiz-style-cards-2.qq-wrapper .fieldset .selection{
    padding-left: 0;
    padding-top: 8px;
    width: 100%;
  }

  #quiz .quiz-style-cards .selection a,
  #quiz .quiz-style-cards .selection button,
  #quiz .quiz-style-cards-2 .selection a,
  #quiz .quiz-style-cards-2 .selection button {
    font-size: 18px;
  }

  div#quiz .qq-wrapper .step:first-of-type .selection {
    min-height: 147px;
  }

  #quiz .qq-wrapper.quiz-style-cards .button-nav button,
  #quiz .qq-wrapper.quiz-style-cards-2 .button-nav button {
    font-size: 15px;
  }

  #quiz .qq-wrapper.quiz-style-cards .button-nav button img,
  #quiz .qq-wrapper.quiz-style-cards-2 .button-nav button img {
    max-width: 14px;
  }
}

/*@media(min-width: 960px) {*/
/*  .qq-wrapper.quiz-style-cards div.step[data-id="patient looking to"] .fieldset .selection,*/
/*  .qq-wrapper.quiz-style-cards-2 div.step[data-id="patient looking to"] .fieldset .selection {*/
/*    height: calc(32% - 8px);*/
/*  }*/
/*}*/

@media (max-width: 1200px) {
  #quiz .quiz-style-cards .selection a.external::after,
  #quiz .quiz-style-cards-2 .selection a.external::after {
    height: 14px;
    width: 14px;
  }
}

@media (max-width: 480px) {
  #quiz .quiz-style-cards .selection a.external::after,
  #quiz .quiz-style-cards-2 .selection a.external::after {
    height: 12px;
    width: 12px;
    margin: 1px 0 0 8px;
  }
}


/* Quiz card styles - version 2 */