.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-group.recaptcha_v3-bottomleft, .elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-type-html{padding-bottom:0px;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-button[type="submit"]{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-212 .elementor-element.elementor-element-5ad9a6ff{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for html, class: .elementor-element-78b732b9 */#quizContainer {
  font-family: 'Arial', sans-serif;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.step {
  display: none;
}

#progressBar {
  width: 100%;
  background-color: #f3f3f3;
  height: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

#progress {
  height: 100%;
  width: 0%;
  background-color: #28a745;
  border-radius: 10px;
}

/* Container for the options */
.options-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Individual option buttons */
.option {
  background-color: #e0e0e0;
  color: black;
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  flex: 1 1 45%; /* This makes sure two options appear in one row */
  transition: background-color 0.3s ease;
  box-sizing: border-box;
}

.option:hover {
  background-color: #d3d3d3;
}

.option.selected {
  background-color: #6c757d;
  color: white;
}

@media (max-width: 600px) {
  .option {
    flex: 1 1 100%; /* On smaller screens, the options will stack */
  }
}/* End custom CSS */