.elementor-4223 .elementor-element.elementor-element-557e1ef{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4em;--padding-bottom:4em;--padding-left:4em;--padding-right:4em;}.elementor-4223 .elementor-element.elementor-element-f2a7dd9 > .elementor-widget-container{padding:0em 1em 0em 1em;}.elementor-4223 .elementor-element.elementor-element-f2a7dd9{text-align:center;}.elementor-4223 .elementor-element.elementor-element-f2a7dd9 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-f386dc6{width:100%;max-width:100%;text-align:center;font-family:"Athiti", Sans-serif;font-size:1em;font-weight:500;color:var( --e-global-color-text );}.elementor-4223 .elementor-element.elementor-element-f386dc6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4223 .elementor-element.elementor-element-f386dc6.elementor-element{--align-self:flex-start;}.elementor-4223 .elementor-element.elementor-element-b16d1d9{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:40px;--e-form-steps-indicator-inactive-primary-color:#3F4B56;--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-primary );--e-form-steps-indicator-active-primary-color:#A3A0A0;--e-form-steps-indicator-active-secondary-color:var( --e-global-color-secondary );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-secondary );--e-form-steps-indicator-completed-secondary-color:var( --e-global-color-primary );--e-form-steps-divider-width:2px;--e-form-steps-divider-gap:0px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 > .elementor-widget-container{margin:3em 0em 0em 0em;}.elementor-4223 .elementor-element.elementor-element-b16d1d9.elementor-element{--align-self:center;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group > label{font-family:var( --e-global-typography-daf2b2e-font-family ), Sans-serif;font-size:var( --e-global-typography-daf2b2e-font-size );font-weight:var( --e-global-typography-daf2b2e-font-weight );text-transform:var( --e-global-typography-daf2b2e-text-transform );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-type-html{padding-bottom:0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-field, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__buttons__wrapper__button-previous:hover{background-color:#3F4B56;color:#ffffff;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator__label{font-family:var( --e-global-typography-daf2b2e-font-family ), Sans-serif;font-size:var( --e-global-typography-daf2b2e-font-size );font-weight:var( --e-global-typography-daf2b2e-font-weight );text-transform:var( --e-global-typography-daf2b2e-text-transform );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}#elementor-popup-modal-4223{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4223 .dialog-message{width:50vw;height:auto;}#elementor-popup-modal-4223 .dialog-close-button{display:flex;}#elementor-popup-modal-4223 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-4223 .elementor-element.elementor-element-557e1ef{--padding-top:4em;--padding-bottom:4em;--padding-left:2em;--padding-right:2em;}.elementor-4223 .elementor-element.elementor-element-f2a7dd9 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group > label{font-size:var( --e-global-typography-daf2b2e-font-size );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-field, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator__label{font-size:var( --e-global-typography-daf2b2e-font-size );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}#elementor-popup-modal-4223 .dialog-message{width:90vw;}}@media(max-width:767px){.elementor-4223 .elementor-element.elementor-element-557e1ef{--padding-top:2em;--padding-bottom:9em;--padding-left:2em;--padding-right:2em;}.elementor-4223 .elementor-element.elementor-element-f2a7dd9 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-f386dc6{font-size:14px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;--e-form-steps-indicators-spacing:0px;--e-form-steps-indicator-padding:30px;--e-form-steps-divider-width:2px;--e-form-steps-divider-gap:0px;}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group > label{font-size:var( --e-global-typography-daf2b2e-font-size );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-group .elementor-field, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator, .elementor-4223 .elementor-element.elementor-element-b16d1d9 .e-form__indicators__indicator__label{font-size:var( --e-global-typography-daf2b2e-font-size );letter-spacing:var( --e-global-typography-daf2b2e-letter-spacing );}}/* Start custom CSS for form, class: .elementor-element-b16d1d9 *//* =======================================================
   AGE REVERSAL FORM STYLES - REVISION 11 + CONCERN CARDS
   Fixed Step 1 Button Stretch & Improved Spacing
   ======================================================= */

/* --- 1. SPACING: STEP TRACKER --- */
.age-reversal-form .e-form__indicators {
    margin-bottom: 60px !important;
}

.e-form__indicators__indicator__label {
    font-size: 12px!important;
    width:180px;
}

/* --- 2. RADIO BUTTONS (LARGE SQUARES) --- */
/* Hides ONLY the specific "Select Your Path" label */
.age-reversal-form .elementor-field-group-journey_path > label {
    display: none !important;
}

/* Forces the boxes to sit side-by-side */
.age-reversal-form .elementor-field-group-journey_path .elementor-field-subgroup {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 30px !important;
    width: 100% !important; 
}

/* Visually hides the small radio circles but keeps them clickable for logic */
.age-reversal-form .elementor-field-group-journey_path input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Styles the text options as the large Figma boxes */
.age-reversal-form .elementor-field-group-journey_path .elementor-field-option label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 300px !important;
    height: 140px !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important; 
    text-align: center !important;
}

/* Hover & Selected States */
.age-reversal-form .elementor-field-group-journey_path .elementor-field-option label:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}
.age-reversal-form .elementor-field-group-journey_path input[type="radio"]:checked + label {
    border-width: 3px !important; 
}

/* --- 3. CONCERN AREA CARDS (NEW ADDITION) --- */
/* Safely hides the default checkboxes while keeping them 100% clickable */
.age-reversal-form .elementor-field-group-meno_concern_area input[type="checkbox"],
.age-reversal-form .elementor-field-group-wl_concern_area input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
}

/* 3-column Grid Layout */
.age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-subgroup,
.age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 15px !important;
    width: 100% !important;
}

.age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-option,
.age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-option {
    display: block !important;
    margin: 0 !important;
    height: 100% !important; 
}

/* Card Styling */
.age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-option label,
.age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-option label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 70px !important; 
    height: 100% !important; 
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important; 
    padding: 10px 15px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

.age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-option label:hover,
.age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-option label:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}

.age-reversal-form .elementor-field-group-meno_concern_area input[type="checkbox"]:checked + label,
.age-reversal-form .elementor-field-group-wl_concern_area input[type="checkbox"]:checked + label {
    border-width: 3px !important; 
}

/* --- 4. FORM FIELDS & LABELS --- */
/* Form question styling */
.age-reversal-form .elementor-field-group > label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
    margin-bottom: 8px !important;
}

/* Flat, sharp input borders */
.age-reversal-form .elementor-field-textual {
    border: 1px solid #000000 !important; 
    border-radius: 0 !important; 
    padding: 14px 15px !important;
    background-color: #ffffff !important;
    font-size: 13px !important;
    color: #333333 !important;
    box-shadow: none !important;
}

/* --- 5. BUTTONS (PREV, NEXT & SUBMIT) --- */
/* Forces the button container to center its contents & adds large spacing gap */
.age-reversal-form .e-form__buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    margin-top: 60px !important; /* Pushes buttons down from the options */
    width: 100% !important;
}

/* Absolutely kills the 100% width on the invisible Elementor button wrappers */
.age-reversal-form .e-form__buttons .elementor-button-wrapper,
.age-reversal-form .e-form__buttons > div {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* Ensures the buttons themselves sit as neat, compact boxes */
.age-reversal-form .e-form__buttons .elementor-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important; /* Stops stretching */
    min-width: 140px !important; /* Keeps them uniformly sized */
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important; 
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 15px 30px !important;
    border: none !important;
    margin: 0 !important;
}

/* Slate gray styling for Previous button */
.age-reversal-form .elementor-button.elementor-button-previous {
    background-color: #4A5568 !important; 
}

/* =======================================================
   RESPONSIVE OPTIMIZATION
   ======================================================= */

/* TABLET */
@media (max-width: 1024px) {
    .age-reversal-form .elementor-field-group-journey_path .elementor-field-option label {
        width: 250px !important;
        height: 130px !important;
    }

    /* Tablet Addition: Drop concern area cards to a 2-column grid */
    .age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-subgroup,
    .age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-subgroup {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .age-reversal-form .elementor-field-group-journey_path .elementor-field-subgroup {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
    
    .age-reversal-form .elementor-field-group-journey_path .elementor-field-option,
    .age-reversal-form .elementor-field-group-journey_path .elementor-field-option label {
        width: 100% !important;
        max-width: 320px !important;
        height: 120px !important;
    }

    /* Mobile Addition: Stack concern area cards 1-on-1 */
    .age-reversal-form .elementor-field-group-meno_concern_area .elementor-field-subgroup,
    .age-reversal-form .elementor-field-group-wl_concern_area .elementor-field-subgroup {
        grid-template-columns: 1fr !important; 
        gap: 10px !important;
    }
    
    .age-reversal-form .e-form__buttons {
        gap: 10px !important;
        margin-top: 40px !important;
    }
    
    .age-reversal-form .e-form__buttons .elementor-button {
        padding: 14px 20px !important;
        min-width: 120px !important;
    }
}

/* =======================================================
   BULLETPROOF STEP TRACKER TYPOGRAPHY 
   ======================================================= */


/* Tablet Optimization */
@media (max-width: 1024px) {
    .e-form__indicators__indicator__label {
    font-size: 8px!important;
    width:50px;
}

/* Mobile: Fixing the massive overlap */
@media (max-width: 767px) {
    .e-form__indicators__indicator__label {
    font-size: 8px!important;
    width:50px;
}
}/* End custom CSS */