.elementor-22000 .elementor-element.elementor-element-ba74877{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}#elementor-popup-modal-22000{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-22000 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-22000 .dialog-close-button{display:flex;}#elementor-popup-modal-22000 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-22000 .elementor-element.elementor-element-e79a03b{padding:20px 20px 20px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-e79a03b *//* ===== Wrapper ===== */
.hz-quiz {
  max-width: 750px;
  margin: 40px auto;
  padding: 35px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  font-family: Arial, sans-serif;
}

/* ===== Title ===== */
.hz-title {
  text-align: center;
  color: #19743e;
  font-size: 28px;
  font-weight: 700;
}

.hz-subtitle {
  text-align: center;
  color: #444;
  margin-bottom: 20px;
}

/* ===== Question Block ===== */
.hz-question {
  margin-bottom: 25px;
}

.hz-question h3 {
  font-size: 17px;
  margin-bottom: 10px;
  color: #000;
}

/* ===== Step Circle ===== */
.hz-step {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #19743e;
  color: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 8px;
}

/* ===== Options ===== */
.hz-radio .wpcf7-list-item,
.hz-checkbox .wpcf7-list-item {
  display: block;
  margin-bottom: 8px;
}

.hz-radio input,
.hz-checkbox input {
  margin-right: 8px;
  accent-color: #19743e;
}

.hz-radio label:hover,
.hz-checkbox label:hover {
  color: #19743e;
}

/* ===== Inputs ===== */
.hz-input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.hz-input:focus {
  border-color: #19743e;
  outline: none;
  box-shadow: 0 0 0 2px rgba(25,116,62,0.1);
}

/* ===== Button ===== */
.hz-btn {
  width: 100%;
  background: #19743e;
  color: #fff;
  padding: 14px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

.hz-btn:hover {
  background: #145c31;
}

/* ===== Divider ===== */
.hz-quiz hr {
  border: none;
  height: 1px;
  background: #eee;
  margin: 25px 0;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
  .hz-quiz {
    padding: 20px;
  }
}/* End custom CSS */