.questionnaire h1 {
    display: block;
    width: 100%;
}

.checkbox_container {
    display: inline-block;
}


.questionnaire {
  visibility: visible;
}

body.questionaire a {
  color: #412dcc;
}

body.questionnaire #wrap .container {
  max-width: 974px;
}

.questionnaire .headerNav>.container {
  padding-top: 10px;
  padding-bottom: 0;
}

.questionnaire .clientTool {
  justify-content: flex-end;
}

.questionnaire #header {
  position: static !important;
  background-color: transparent;
  box-shadow: none;
}

.questionnaire .myLogo,
.questionnaire .homeTool,
.questionnaire .AStyleArea,
.questionnaire .searchTool,
.questionnaire .shareTool,
.questionnaire .mobSearch,
.questionnaire .mobileTool {
  display: none !important;
}



.questionnaire .logostyle {
  max-height: 45px;
  display: inline-block;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.questionnaire .logostyle#logo0002 {
  max-height: 36px;
}

.questionnaire .bodyArea {
  margin-top: 0 !important;
  padding-left: 12px;
  padding-right: 12px;
}

.questionnaire .mainContent {
  margin-top: 0;
  text-align: center;
}

.wverion {
  display: block;
  margin-top: 4px;
}

.final_result_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.875rem;
  row-gap: 1.875rem;
}

.final_result_container:has(.result_container.d-none) {
  display: flex;
  justify-content: center;
}

.final_result_container:has(.result_container.d-none) .qswrapper {
  width: 33.333333333333333%;
}

.quesform {
  background-color: #f5f5f5;
  width: 100%;
  border: 1px solid #dee2e6;
  padding-top: 1.3em;
  padding-bottom: 1em;
  padding-left: 0.8em;
  padding-right: 1em;
  border-radius: 0.25em;
}

.quesform .form_title {
  color: #DB0A53;
  font-weight: 600;
  font-size: 1.5rem;
  padding-bottom: 1rem;
}

.quesform .ans_label {
  font-size: 0.9rem;
}

.quesform .ans_item {
  display: grid;
  grid-template-columns: 50% 1fr;
  column-gap: 1.25rem;
  align-items: center;
}

.quesform .ans_container {
  display: grid;
  row-gap: 1rem;
}

.quesform .inputcontain {
  font-size: 0.9rem;
}

.quesform .inputcontain select {
  font-size: 0.9rem;
}

.quesform .ans_inner {
  display: grid;
  grid-template-columns: 10% 1fr max-content;

  column-gap: .5rem;
  align-items: flex-start;
}

.quesform .ans_inner_item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  row-gap: .5rem;
  align-items: flex-start;
}

.quesform .ans_inner_item .myradiobtn {
  grid-row: span 3;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: .65rem;
}

.quesform .ans_inner_item .inner_label {
  align-self: center;
}


.btn_under_row {
  display: flex;
  justify-content: center;
  column-gap: .25rem;
  row-gap: .25rem;
  margin-top: 1rem;
}

.quesform .txtfield {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  background-color: transparent;
  appearance: none;
  width: 100%;
  border-bottom: 1px solid #ced4da;
}


.risk_circle {
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  white-space: nowrap;
}

.risk_circle.riskindex1,
.risk_circle2.rindex1 {
  background-color: #009a9a;
}

.risk_circle.riskindex2,
.risk_circle2.rindex2 {
  background-color: #b28c0f;
}

.risk_circle.riskindex3,
.risk_circle2.rindex3 {
  background-color: #ed6e5f;
}

.risk_circle.riskindex4,
.risk_circle2.rindex4 {
  background-color: #e6007e;
}

.risk_circle.riskindex5,
.risk_circle2.rindex5 {
  background-color: #7c1614;
}

.risk_circle2 {
  width: 3.125rem;
  height: 3.125rem;
  background-color: grey;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0.7rem;
  white-space: nowrap;
  text-align: center;
}


.result_container .result_item:not(:last-child) {
  margin-bottom: 1rem;
}

.result_container .result_item:has(.risk_circle){
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1rem;
}

.result_container {
  padding: 1em;
  border: 3px solid #41719c;
}

.result_container *:last-child{
    margin-bottom: 0;
}

.result_big_title {
  color: #a0405b;
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
}

.result_container .result_title {
  color: #a0405b;
  font-weight: 600;
  font-size: 1.5rem;
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-bottom: 2px solid #a0405b;
  padding-bottom: 7px;
  grid-column: 1 / -1;
}

.result_container .riskcont {
  flex-basis: calc(100% - 150px);
  /* padding-left: 10px; */
  color: #a0405b;
}

.ieVersion .result_container .riskcont {
  flex-basis: calc(100% - 160px);
}

.feetinchactive #height {
  border-right: 0;
}

.feetinchactive #height_in {
  border-left: 0;
  border-right: 0;
}

.feetinchactive .fttxt,
.feetinchactive .intxt {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  background-color: #fff;
  line-height: 36px;
}

.intxt {
  border-right: 1px solid #ced4da;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding-right: 5px;
}

.lbactive #weight {
  border-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.lbtxt {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  padding-right: 5px;
  background-color: #fff;
  line-height: 36px;
}

.result_container .advicecont {
  color: #a0405b;
}

.result_container p {
  color: #a0405b;
}

.info_wrapper {
  border: 2px solid #41719c;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  color: #961D35;

  display: grid;
  row-gap: .625rem;
}

.info_wrapper .risklvnotetiltwrapper {
  font-weight: 600;
}

.info_wrapper .info_item {
  display: grid;
  grid-template-columns: 20% 1fr;
  column-gap: 1.25rem;

}


.note_container {
  font-size: 0.9rem;
  line-height: 1.3;
}

.note_container .note_title {
  border-bottom: 1px solid #a0405b;
  color: #a0405b;
  display: inline-block;
  font-weight: 600;
}

.note_container .note_content {
  color: #a0405b;
}



.remark_container{
  display: grid;
  row-gap: 1rem;
}



.questionitem {
  position: relative;
  padding-left: 13px;
}

.questionitem:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  display: block;
  background-color: #961D35;
  left: 0;
  top: 9px;
}

.anotherlogo {
  margin-top: 2rem;
  text-align: center;
}

.anotherlogo a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
}

.anotherlogo a img {
  max-height: 45px;
}


.cwr {
  width: 100%;
}

.step1,
.step2 {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.step.invisible {
  display: none;
}

.beforeAssForm .question_wrapper {
  margin-bottom: 10px;
}

.beforeAssForm .question_wrapper.cannotselect .ans {
  opacity: 0.8;
}

.beforeAssForm .question_wrapper .question {
  margin-bottom: 7px;
}

.question_wrapper .question {
  display: flex;
}

.question_wrapper .question>span:nth-child(2) {
  padding-left: 5px;
}

.question_wrapper .ans {
  margin-left: 18px;
}



.examplecont {
  margin-bottom: 10px;

}

.examplecont ul {
  list-style-type: none;
  padding-left: 0;
}

.examplecont ul>li {
  position: relative;
  padding-left: 10px;
  font-size: 0.9rem;
}

.examplecont ul>li:last-child {
  margin-bottom: 0;
}

.examplecont ul>li:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 1px;
  left: 0;
  background-color: #000;
  top: 10px;
  display: inline-block;
}

.qswrapper {
  margin-left: auto;
  margin-right: auto;
}




.pointeventnone {
  pointer-events: none;
  position: relative;
}

.pointeventnone:before {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
}



.watermarkstyle {
  position: fixed;
  font-size: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: grey;
  z-index: -1;
  opacity: 0.3;
  display: none;
  text-align: center;
}

.watermarkstyle span {
  display: block;
  transform: rotate(-45deg);
}

.footerArea{
    display: none;
}
.btmNav{
    display: none;
}