.webform-flexbox {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  justify-content: flex-end;
}

@media only screen and (min-width:421px) and (max-width:820px){
  .fieldset-wrapper:last-child > div:first-child {
    top: 220px !important;
  }
}


.quiz_block_main_container h1, .webform-confirmation-modal h1 span{
  color:#A2A2A2;
}
@media (max-width: 1439px) {
  .quiz_block_main_container h2, .webform-confirmation-modal h2 {
    font-size: 28px;
  }
}
.webform-confirmation-modal.ui-widget.ui-widget-content {
  width: 90% !important;
}
.pdf_wrapper {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.pdf_title {
  text-align: center;
}
.pdf_title span {
  color: #D22844 !important;
}
.pdf_title p {
  font-size: 21px;
  margin-bottom: 20px;
}
.webform-confirmation-modal .pdf-button {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  border-top: 1px solid #A2A2A2;
  padding-top: 42px;
  margin-top: 35px;
}

.webform-confirmation-modal .download-btn {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  background-color: #D22844;
  border-radius: 30px;
  background-image: url(../images/download-white.svg);
  background-repeat: no-repeat;
  background-position: 40px;
  color: #FFFFFF !important;;
  cursor: pointer;
  transition: all 0.5s;
  display: inline-block;
  padding: 15px 63px 16px 75px;
  width: 205px;
}
.quiz_block_main_container a:not([href]):not([tabindex]),
.webform-confirmation-modal a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

.webform-confirmation-modal .print-btn {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  background-color: #D22844;
  border-radius: 30px;
  background-image: url(../images/print-btn.png);
  background-repeat: no-repeat;
  background-position: 55px;
  color: #FFFFFF !important;;
  cursor: pointer;
  transition: all 0.5s;
  display: inline-block;
  padding: 15px 63px 16px 100px;
  width: 194px;
}

.webform-confirmation-modal .download-btn:hover {
  background-color: #8A0000;
}

.webform-confirmation-modal a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
.webform-confirmation-modal .print-btn:hover {
  background-color: #8A0000;
}

.webform-confirmation-modal .pdf_wrapper {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.webform-confirmation-modal .result-take h2,
.quiz_block_main_container .result-take h2{
  font-size: 32px;
  font-weight: 500;
  color: #FFFFFF;
}

.quiz_block_main_container a,
.webform-confirmation-modal a {
  font-size: 16px;
  line-height: normal;
  text-align: -webkit-center;
  letter-spacing: 0.24px;
  font-family: 'Nunito', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: rgb(52, 52, 52);
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  word-break: break-word;
  text-decoration: none !important;
}

.webform-confirmation-modal h1 span:nth-child(2){
  color: #D22844;
}

.quiz_block_main_container .webform-flex--container p{
  border-radius: none !important;
  background: none !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  color: none !important;
  font-weight: none !important;
  margin-left: none !important;
  margin: none !important;
  padding-left: none !important;
  padding-right: none !important;
  padding-top: none !important;
  padding-bottom: none !important;;
  margin-bottom: none !important;
}

.quiz_form_container {
  max-width: none !important;
  margin: none !important;
  padding: none !important;
}

.quiz_block_main_container .messages.messages--status,
.quiz_block_main_container .messages.messages--error{
  display: none;
}

@media print {
  .pdf_header, .quiz_header_section, .quiz_result_section {
    display:block !important;
  }
  .quiz_block_main_container .form-actions{
    display:none !important;
  }
  .pdf_header {
    margin-bottom: 20px !important;
    background-color: #D22844 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    gap: 170px !important;
  }
  .pdf_header::before {
    position: absolute !important;
    top: 0 !important;
    left: -34px !important;
    width: 100% !important;
    height: 100% !important;
    content: "" !important;
    background-image: url(../images/combined-shape.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
}
.quiz_block_main_container .webform-options-display-three-columns {
  max-width: 100% !important;
}
.quiz_block_main_container .form-submit.button--primary {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  background-color: #D22844;
  border-radius: 30px;
  display: inline-block;
  padding: 15px;
  width: 320px;
  color: #ffffff !important;
  cursor: pointer;
  transition: all 0.5s;
  margin-bottom: 40px;
  margin-top: 30px;
}

.quiz_block_main_container .form-submit.button--primary:hover {
  background-color: #D22844;
}
.pdf_title img{
  margin: 0 auto;
}

.fieldset-wrapper:last-child > div:first-child {
  position: relative !important;
  top: 240px !important;
  color: #D22844 !important;
  font-family: 'Gotham Light' !important;
}
@media only screen and (max-width: 600px) {
  .fieldset-wrapper:last-child > div:first-child {
    top: 390px !important;
  }
  .ui-widget.ui-widget-content {
    padding-bottom: 20px;
  }
}