.quiz {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 100px;
  margin-bottom: 50px; }
  .quiz .quiz__body {
    display: flex;
    width: 100%; }
    .quiz .quiz__body .quiz__step {
      width: 100%;
      display: none;
      gap: 50px;
      flex-wrap: wrap; }
      .quiz .quiz__body .quiz__step.is-visible {
        display: flex; }
      .quiz .quiz__body .quiz__step .quiz__step-question {
        display: flex;
        width: 100%;
        justify-content: center;
        font-size: 28px; }
      .quiz .quiz__body .quiz__step .quiz__step-answers {
        display: flex;
        width: 100%;
        gap: 25px; }
        @media screen and (max-width: 768px) {
          .quiz .quiz__body .quiz__step .quiz__step-answers {
            flex-wrap: wrap; } }
        .quiz .quiz__body .quiz__step .quiz__step-answers .quiz__step-answer {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #e2e2e2;
          padding: 25px;
          border-radius: 15px;
          flex-wrap: wrap;
          gap: 25px;
          cursor: pointer; }
          @media screen and (max-width: 768px) {
            .quiz .quiz__body .quiz__step .quiz__step-answers .quiz__step-answer {
              flex: unset;
              width: calc(50% - 12.5px); } }
          .quiz .quiz__body .quiz__step .quiz__step-answers .quiz__step-answer.is-selected {
            border-color: #0060AA;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
          .quiz .quiz__body .quiz__step .quiz__step-answers .quiz__step-answer .quiz__step-answer__image {
            display: flex;
            width: 100%;
            justify-content: center; }
          .quiz .quiz__body .quiz__step .quiz__step-answers .quiz__step-answer .quiz__step-answer__title {
            display: flex;
            width: 100%;
            justify-content: center;
            font-size: 18px; }
  .quiz .quiz__footer {
    width: 100%; }
    .quiz .quiz__footer .quiz__footer-actions {
      display: flex;
      gap: 25px;
      justify-content: center; }
      .quiz .quiz__footer .quiz__footer-actions .quiz__next-step {
        display: none; }
      .quiz .quiz__footer .quiz__footer-actions .quiz__prev-step {
        display: none; }

/*# sourceMappingURL=quiz.css.map */