.quiz {
  padding: 60px 0 215px;
}
@media (max-width: 1199px) {
  .quiz {
    padding: 20px 0 160px;
  }
}
@media (max-width: 599px) {
  .quiz {
    padding: 16px 0 90px;
  }
}
.quiz .wrapper {
  max-width: 750px;
}
@media (max-width: 1199px) {
  .quiz .wrapper {
    padding: 0 40px;
    max-width: 770px;
  }
}
@media (max-width: 599px) {
  .quiz .wrapper {
    padding: 0 30px;
  }
}
.quiz .loading {
  pointer-events: none;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.8;
  }
}
.quiz .steps {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .quiz .steps {
    margin-bottom: 24px;
  }
}
@media (max-width: 599px) {
  .quiz .steps {
    margin-bottom: 20px;
  }
}
.quiz .steps .step {
  flex-grow: 1;
  padding: 25px;
  border-bottom: 1px solid var(--eeeae5);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 599px) {
  .quiz .steps .step {
    padding: 11px;
  }
}
.quiz .steps .step span {
  flex-shrink: 0;
  width: 36px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--eeeae5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  color: rgba(106, 111, 119, 0.5);
}
@media (max-width: 599px) {
  .quiz .steps .step span {
    width: 20px;
    font-size: 14px;
  }
}
.quiz .steps .step.active {
  border-bottom: 4px solid #ffd470;
}
.quiz .steps .step.active span {
  background: #ffd470;
}
.quiz .steps .step.prev {
  border-bottom: 4px solid #ffd470;
}
.quiz .steps .step.prev span {
  background: rgba(255, 212, 112, 0.4);
}
.quiz .quiz_step:not(.active) {
  display: none;
}
.quiz .quiz_step .label {
  margin: 30px 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .quiz .quiz_step .label {
    margin: 20px 0 30px;
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .quiz .quiz_step .label {
    font-size: 16px;
  }
}
.quiz .quiz_step input:not([type=radio], [type=checkbox]) {
  outline: none;
  border: none;
  display: block;
  margin: 16px 0;
  width: 100%;
  height: 60px;
  padding: 0 36px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
@media (max-width: 1199px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]) {
    margin: 12px 0;
  }
}
@media (max-width: 599px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]) {
    margin: 16px 0;
    height: 48px;
    font-size: 14px;
  }
}
.quiz .quiz_step input:not([type=radio], [type=checkbox])::-moz-placeholder {
  opacity: 1;
  color: #3E4552;
}
.quiz .quiz_step input:not([type=radio], [type=checkbox])::placeholder {
  opacity: 1;
  color: #3E4552;
}
.quiz .quiz_step input:not([type=radio], [type=checkbox]).loc_icon {
  padding-left: 54px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.999 1.5C9.81178 1.5026 7.71487 2.37262 6.16826 3.91924C4.62165 5.46585 3.75162 7.56276 3.74902 9.75C3.74902 16.8091 11.249 22.1411 11.5684 22.3645C11.6947 22.4527 11.845 22.5 11.999 22.5C12.1531 22.5 12.3034 22.4527 12.4297 22.3645C12.749 22.1411 20.249 16.8091 20.249 9.75C20.2464 7.56276 19.3764 5.46585 17.8298 3.91924C16.2832 2.37262 14.1863 1.50259 11.999 1.5V1.5ZM11.9996 6.75027C12.5929 6.75027 13.1729 6.92622 13.6663 7.25586C14.1596 7.58551 14.5441 8.05404 14.7712 8.60222C14.9983 9.1504 15.0577 9.7536 14.9419 10.3355C14.8262 10.9175 14.5405 11.452 14.1209 11.8716C13.7013 12.2911 13.1668 12.5769 12.5848 12.6926C12.0029 12.8084 11.3997 12.749 10.8515 12.5219C10.3033 12.2948 9.83481 11.9103 9.50516 11.417C9.17552 10.9236 8.99957 10.3436 8.99957 9.75027C8.99956 9.3563 9.07715 8.96619 9.22791 8.60221C9.37867 8.23823 9.59965 7.9075 9.87823 7.62893C10.1568 7.35035 10.4875 7.12937 10.8515 6.97861C11.2155 6.82785 11.6056 6.75026 11.9996 6.75027V6.75027Z" fill="%23C1B8B8" /></svg>');
  background-position: center left 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  -moz-appearance: textfield;
}
@media (max-width: 1199px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]).loc_icon {
    padding-left: 50px;
    background-position: center left 16px;
  }
}
@media (max-width: 599px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]).loc_icon {
    padding-left: 36px;
    background-position: center left 15px;
    background-size: 14px;
  }
}
.quiz .quiz_step input:not([type=radio], [type=checkbox]).loc_icon::-webkit-outer-spin-button, .quiz .quiz_step input:not([type=radio], [type=checkbox]).loc_icon::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quiz .quiz_step input:not([type=radio], [type=checkbox]).date_icon {
  padding-left: 54px;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="%237886A1" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /></svg>');
  background-position: center left 26px;
  background-size: 20px;
  background-repeat: no-repeat;
}
@media (max-width: 1199px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]).date_icon {
    padding-left: 50px;
    background-position: center left 18px;
  }
}
@media (max-width: 599px) {
  .quiz .quiz_step input:not([type=radio], [type=checkbox]).date_icon {
    padding-left: 36px;
    background-position: center left 16px;
    background-size: 13px;
  }
}
.quiz .quiz_step .radio_input input {
  display: none;
}
.quiz .quiz_step .radio_input input:checked + span {
  border-color: rgba(249, 162, 27, 0.4);
}
.quiz .quiz_step .radio_input input:checked + span::before {
  background: transparent;
  border: 10px solid var(--f9a21b);
}
.quiz .quiz_step .radio_input span {
  border: 1px solid var(--eeeae5);
  border-radius: 32px;
  padding: 8px 12px 8px 8px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #3E4552;
  cursor: pointer;
}
@media (max-width: 599px) {
  .quiz .quiz_step .radio_input span {
    padding: 6px 9px 6px 6px;
    font-size: 14px;
  }
}
.quiz .quiz_step .radio_input span::before {
  content: "";
  flex-shrink: 0;
  width: 36px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--style);
  border: 1px solid rgba(193, 184, 184, 0.4);
  transition: 0.35s;
}
.quiz .quiz_step .checkbox_input {
  display: block;
  margin: 32px 0;
}
@media (max-width: 599px) {
  .quiz .quiz_step .checkbox_input {
    margin: 24px 0;
  }
}
.quiz .quiz_step .checkbox_input input {
  display: none;
}
.quiz .quiz_step .checkbox_input input:checked + span::after {
  left: 25px;
}
.quiz .quiz_step .checkbox_input span {
  position: relative;
  display: flex;
  align-items: start;
  gap: 20px;
}
.quiz .quiz_step .checkbox_input span .text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #3E4552;
}
@media (max-width: 599px) {
  .quiz .quiz_step .checkbox_input span .text {
    font-size: 14px;
  }
}
.quiz .quiz_step .checkbox_input span .text a {
  text-decoration: underline;
  color: var(--f9a21b);
}
.quiz .quiz_step .checkbox_input span::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 50px;
  height: 28px;
  border-radius: 8px;
  background: var(--0b3948);
  cursor: pointer;
}
.quiz .quiz_step .checkbox_input span::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f7f5f2;
  cursor: pointer;
  transition: 0.35s;
}
.quiz .quiz_step .btns_wrapper {
  margin-top: 60px;
  display: flex;
  gap: 16px;
}
@media (max-width: 1199px) {
  .quiz .quiz_step .btns_wrapper {
    margin-top: 40px;
  }
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper {
    margin-top: 36px;
  }
}
.quiz .quiz_step .btns_wrapper .btn {
  outline: none;
  border: none;
  border-radius: 8px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper .btn {
    font-size: 16px;
  }
}
.quiz .quiz_step .btns_wrapper .btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper .btn svg {
    width: 20px;
  }
}
.quiz .quiz_step .btns_wrapper .btn.prev {
  flex-shrink: 0;
  background: var(--0b3948);
  min-width: 90px;
  padding: 0 20px;
  color: var(--style);
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper .btn.prev {
    min-width: 78px;
    padding: 0 10px;
  }
}
.quiz .quiz_step .btns_wrapper .btn.prev:hover {
  background: #6D7758;
}
.quiz .quiz_step .btns_wrapper .btn.next {
  background: #ffd470;
  min-width: 260px;
  padding-left: 40px;
  padding-right: 20px;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper .btn.next {
    min-width: 200px;
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 10px;
  }
}
.quiz .quiz_step .btns_wrapper .btn.next:hover {
  background: var(--f9a21b);
}
.quiz .quiz_step .btns_wrapper .btn.submit {
  flex-grow: 1;
  background: #ffd470;
  min-width: 260px;
  padding-left: 40px;
  padding-right: 20px;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .quiz .quiz_step .btns_wrapper .btn.submit {
    padding-left: 20px;
    padding-right: 10px;
    min-width: 200px;
  }
}
.quiz .quiz_step .btns_wrapper .btn.submit:hover {
  background: var(--f9a21b);
}
.quiz .quiz_step .btns_wrapper .btn:disabled {
  pointer-events: none;
  background: var(--eeeae5);
  color: var(--9a9393);
}
.quiz .quiz_step.step_3 .card_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_3 .card_block {
    position: relative;
  }
}
.quiz .quiz_step.step_3 .card_block .label {
  margin-top: 0;
}
.quiz .quiz_step.step_3 .card_block .radio_wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
}
.quiz .quiz_step.step_3 .card_block .radio_input span {
  width: 105px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_3 .card_block .radio_input span {
    width: 90px;
  }
}
.quiz .quiz_step.step_3 .card_block .img {
  width: 50%;
  max-width: 250px;
  height: auto;
  border-radius: 8px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_3 .card_block .img {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 46.7%;
    max-width: 220px;
  }
}
@media (max-width: 1199px) {
  .quiz .quiz_step.step_3 .tobacco_block .label {
    margin: 30px 0;
  }
}
.quiz .quiz_step.step_3 .tobacco_block .radio_wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 12px;
}
.quiz .quiz_step.step_3 .tobacco_block .radio_input span {
  width: 105px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_3 .tobacco_block .radio_input span {
    width: 90px;
  }
}
.quiz .quiz_step.step_3 .btns_wrapper {
  margin-top: 45px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_3 .btns_wrapper {
    margin-top: 40px;
  }
}
.quiz .quiz_step.step_4 .btns_wrapper {
  margin-top: 32px;
}
@media (max-width: 599px) {
  .quiz .quiz_step.step_4 .btns_wrapper {
    margin-top: 24px;
  }
}
.quiz .quiz_step.step_4 > .text {
  margin-top: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 148%;
  color: var(--0b3948);
}
.quiz .quiz_step.step_4 > .text strong, .quiz .quiz_step.step_4 > .text b {
  font-weight: 700;
}
.quiz .quiz_step.step_4 > .text a {
  text-decoration: underline;
  color: var(--f9a21b);
}
.quiz .quiz_step.step_4 > .text > * {
  margin: 0 0 1em;
}
.quiz .quiz_step.step_4 > .text > *:last-child {
  margin-bottom: 0;
}
.quiz .thank_you {
  margin: 30px 0;
  display: none;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1199px) {
  .quiz .thank_you {
    margin: 40px 0;
  }
}
@media (max-width: 599px) {
  .quiz .thank_you {
    margin: 50px 0;
  }
}
.quiz .thank_you .box {
  width: 100%;
  border-radius: 8px;
  padding: 20px 20px 58px;
  background: rgba(51, 167, 82, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 599px) {
  .quiz .thank_you .box {
    padding-bottom: 36px;
  }
}
.quiz .thank_you .box .img {
  max-width: 100%;
  height: 140px;
}
.quiz .thank_you .box .title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 148%;
  text-align: center;
  color: #000;
}
.quiz .thank_you .box .desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 148%;
  text-align: center;
  color: #3E4552;
}
.quiz .thank_you .link {
  margin-top: 16px;
  min-width: 248px;
  height: 48px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--style);
}
@media (max-width: 599px) {
  .quiz .thank_you .link {
    min-width: 210px;
    font-size: 16px;
  }
}
.quiz .thank_you .link:hover {
  background: #6D7758;
}