body {
  background-color: var(--bg-color-grey) !important;
}

h2 {
  max-width: 1090px;
  margin-left: auto;
  margin: 44px auto;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
}

.wc-quiz-container {
  justify-content: space-between;
  max-width: 1232px;
  margin: 0 auto;

}

.wc-quiz__flex {
  max-width: 1090px;
  width: 100%;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  align-items: center;
  margin: 32px auto;
  background-color: var(--bg-color-white);
  border-radius: 32px;
}

.wc-quiz__flex img {
  display: block;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  align-self: flex-end;
}

.jet-fb-form-block {
  padding: 40px;
  width: 100%;
}

.jet-form-builder-progress-pages .jet-form-builder-progress-pages__item--label {
  display: none;
}

.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item--circle,
.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item--circle {
  border: 2px solid var(--bg-color-pink) !important;
  color: var(--color-text-black);
  font-weight: 700;
}

.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.active-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator,
.jfb-progress-type--default .jet-form-builder-progress-pages__item--wrapper.passed-page .jet-form-builder-progress-pages__item+.jet-form-builder-progress-pages__separator {
  background-color: var(--bg-color-pink) !important;
}

.jfb-progress-type--default .jet-form-builder-progress-pages__item {
  padding: 8px 16px !important;
}

.jet-form-builder__field {
  border-radius: 32px !important;
  padding: 5px 16px !important;
}

.quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.quiz-veiculos-abastecimento .jet-form-builder-page--hidden[data-page="1"] {
  display: none !important;
}

.quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] .field-type-text-field:nth-child(1n) {
  width: 47%;
}

.quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] .field-type-text-field:nth-child(2n) {
  width: 47%;
}

.quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] .field-type-text-field:nth-child(3n) {
  width: 100%;
}

.jet-form-builder__action-button-wrapper {
  gap: 10px;
}

.jet-form-builder__next-page {
  background-color: var(--bg-color-pink) !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 2px !important;
  border-radius: 12px;
  height: 40px;
  border: 0 !important;
  cursor: pointer;
}

.jet-form-builder__action-button {
  background-color: var(--bg-color-pink) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 12px;
  height: 40px;
  border: 0 !important;
  cursor: pointer;
}


.jet-form-builder__next-page:hover,
.jet-form-builder__action-button:hover {
  background-color: var(--bg-color-pink--hover) !important;
}

.jet-form-builder__prev-page {
  background-color: var(--bg-color-black) !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 2px !important;
  border-radius: 12px;
  height: 40px;
  border: 0 !important;
  cursor: pointer;
}

.jet-form-builder__next-page-wrap {
  margin-top: 24px !important;
}

@media(max-width: 1000px) {
  h2 {
    font-size: 26px;
    padding: 16px;
  }

  .wc-quiz__flex {
    flex-direction: column;
    width: 95%;
  }

  .wc-quiz__flex img {
    display: none;
  }

  .jfb-progress-type--default .jet-form-builder-progress-pages__item {
    padding: 8px 4px !important;
  }

  .jet-fb-form-block {
    padding: 32px 16px;
  }

  .quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] .field-type-text-field:nth-child(1n),
  .quiz-veiculos-abastecimento .jet-form-builder-page[data-page="1"] .field-type-text-field:nth-child(2n) {
    width: 100%;
  }
}