.elementor-3284 .elementor-element.elementor-element-5d4a120{--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;--justify-content:space-around;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3284 .elementor-element.elementor-element-5d4a120.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-type-html{padding-bottom:0px;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-button span{justify-content:center;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3284 .elementor-element.elementor-element-5a03e94{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-color:#5FFF56;--e-form-steps-indicator-progress-background-color:#F2F2F2;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}#elementor-popup-modal-3284 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3284{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3284 .dialog-message{width:400px;height:auto;}#elementor-popup-modal-3284 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-3284 .elementor-element.elementor-element-5d4a120{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-3284 .elementor-element.elementor-element-5d4a120{--width:103.75%;}}@media(max-width:767px){.elementor-3284 .elementor-element.elementor-element-5d4a120{--width:500px;--min-height:0px;--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;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3284 .elementor-element.elementor-element-5a03e94{width:100%;max-width:100%;}#elementor-popup-modal-3284 .dialog-message{width:1000px;}#elementor-popup-modal-3284{justify-content:center;align-items:center;}}/* Start custom CSS for form, class: .elementor-element-5a03e94 *//* === Ensure consistent spacing between pill options === */
.hbwl-quiz .elementor-field-type-radio .elementor-field-option {
  display: block !important;
  width: 100% !important;
  margin-bottom: 15px !important;   /* always add spacing */
}

/* Remove bottom margin on the last option */
.hbwl-quiz .elementor-field-type-radio .elementor-field-option:last-child {
  margin-bottom: 0 !important;
}

/* 1) Always stack the buttons vertically (desktop/tablet/mobile) */
.hbwl-quiz .e-form__buttons{
  display: grid !important;
  grid-template-columns: 1fr !important;   /* one column */
  row-gap: 12px !important;
  width: 100% !important;
}

/* 2) Ensure wrappers can expand full width */
.hbwl-quiz .e-form__buttons__wrapper{
  width: 100% !important;
  margin: 0 !important;
}

/* 3) Make each button fill the row */
.hbwl-quiz .e-form__buttons__wrapper .elementor-button{
  width: 100% !important;
  max-width: 100% !important;
}

/* 4) Keep NEXT hidden off-canvas (do NOT use display:none) */
.hbwl-quiz .e-form__buttons__wrapper__button-next{
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important; /* keep in DOM for JS click */
}

/* 5) Explicitly RESET the SUBMIT button so it can't inherit "hidden" flags */
.hbwl-quiz .e-form__buttons__wrapper__button-submit{
  position: static !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  display: inline-flex !important; /* Elementor default */
}

/* === Submit ("Send") button → Orange CTA (exact .elementor-3284 .elementor-element.elementor-element-5a03e94s from your DOM) === */
.hbwl-quiz .elementor-field-type-submit .e-form__buttons__wrapper__button,
.hbwl-quiz .elementor-field-type-submit .elementor-button{
  position: static !important;
  left: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  display: inline-flex !important;

  width: 100% !important;
  background: #ff5c00 !important;      /* brand orange */
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 0.9rem 1rem !important;
  justify-content: center;
  align-items: center;
  box-shadow: 0 6px 16px rgba(255,92,0,.25) !important;
  transition: background .2s ease, transform .15s ease;
}

.hbwl-quiz .elementor-field-type-submit .e-form__buttons__wrapper__button:hover,
.hbwl-quiz .elementor-field-type-submit .elementor-button:hover{
  background: #e25400 !important;      /* hover: slightly darker */
  transform: translateY(-1px);
}

.hbwl-quiz .elementor-field-type-submit .e-form__buttons__wrapper__button:active,
.hbwl-quiz .elementor-field-type-submit .elementor-button:active{
  background: #cc4900 !important;      /* active press */
  transform: translateY(0);
}

/* === Previous button → text link style === */
.hbwl-quiz .e-form__buttons__wrapper__button-previous {
  background: none !important;
  border: none !important;
  color: #6b7280 !important;         /* muted grey */
  font-weight: 500 !important;
  text-decoration: underline !important;
  box-shadow: none !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

.hbwl-quiz .e-form__buttons__wrapper__button-previous:hover {
  color: #374151 !important;         /* darker grey on hover */
  text-decoration: none !important;  /* remove underline on hover */
}

/* === Radio fields → pill style (brand blue) === */
.hbwl-quiz .elementor-field-type-radio .elementor-field-option label {
  display: block;
  width: 100%;
  padding: 14px;
  border: 2px solid #1CB4E4;     /* brand blue border */
  border-radius: 999px;
  background: #fff;              /* white base */
  color: #1CB4E4;                /* blue text */
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: transform .12s ease, box-shadow .2s ease, background .15s, color .15s;
  box-sizing: border-box;
}

.hbwl-quiz .elementor-field-type-radio .elementor-field-option label:hover {
  background: #E6F9FD;            /* soft light blue hover */
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}

.hbwl-quiz .elementor-field-type-radio input[type="radio"]:checked + label {
  background: #1CB4E4;            /* solid brand blue when selected */
  color: #fff;                    /* white text */
  box-shadow: 0 8px 18px rgba(28,180,228,.35);
}

.hbwl-quiz .elementor-field-type-radio input[type="radio"]:focus + label {
  outline: none;
  box-shadow: 0 0 0 3px rgba(28,180,228,.25);
}

/* === Hide native radio buttons (keep keyboard accessibility) === */
.hbwl-quiz .elementor-field-type-radio input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important; /* clicks go to label */
}

/* Add breathing room between question title and first pill */
.hbwl-quiz .elementor-field-type-radio .elementor-field-label {
  margin-bottom: 18px !important;  /* adjust as needed */
}

/* === Slim progress bar === */
.hbwl-quiz .e-form__indicators__indicator__progress {
  position: relative;
  margin: 4px 0 14px !important;
  height: 8px !important;                   /* thickness */
  background: #edf2f7 !important;           /* track color */
  border-radius: 999px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.hbwl-quiz .e-form__indicators__indicator__progress__meter {
  height: 100% !important;
  background: #1CB4E4 !important;           /* orange accent */
  border-radius: inherit !important;
  box-shadow: 0 4px 10px rgba(255, 92, 0, .25) !important;
  transition: width .25s ease !important;

  /* hide Elementor's percentage text */
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  padding: 0 !important;
}

/* === Mobile responsive fixes === */
@media (max-width: 768px) {
    /* Force everything to full width */
    .hbwl-quiz .elementor-field-group,
    .hbwl-quiz .elementor-column,
    .hbwl-quiz .e-form__step,
    .hbwl-quiz .e-form__buttons {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Radio options vertical stack */
    .hbwl-quiz .elementor-field-subgroup {
        display: block !important;
        width: 100% !important;
    }
    
    .hbwl-quiz .elementor-field-option {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    /* Button styling */
    .hbwl-quiz .e-form__buttons__wrapper {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important;
    }
    
    .hbwl-quiz .elementor-button {
        width: 100% !important;
        display: block !important;
    }
    

/* SEND BUTTON ABOVE PREVIOUS
    

/* Force Submit wrapper to the top */
.hbwl-quiz .e-form__step:last-of-type .e-form__buttons__wrapper:has(.e-form__buttons__wrapper__button-submit) {
  order: -1 !important;
}

/* Previous wrapper stays below */
.hbwl-quiz .e-form__step:last-of-type .e-form__buttons__wrapper:has(.e-form__buttons__wrapper__button-previous) {
  order: 2 !important;
  text-align: center !important;  /* optional: center Previous link */
}

}/* End custom CSS */