.elementor-1175 .elementor-element.elementor-element-2c682eb2{--display:flex;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1175 .elementor-element.elementor-element-2c682eb2:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-2c682eb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ecf961c );}.elementor-1175 .elementor-element.elementor-element-33b7bfa6{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--border-radius:12px 12px 0px 0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1175 .elementor-element.elementor-element-33b7bfa6:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-33b7bfa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d036d6a );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-1175 .elementor-element.elementor-element-381a956{text-align:center;}.elementor-1175 .elementor-element.elementor-element-381a956 .elementor-heading-title{font-family:var( --e-global-typography-aca7b4d-font-family ), Sans-serif;font-size:var( --e-global-typography-aca7b4d-font-size );font-weight:var( --e-global-typography-aca7b4d-font-weight );color:var( --e-global-color-primary );}.elementor-1175 .elementor-element.elementor-element-6a41296a{text-align:center;}.elementor-1175 .elementor-element.elementor-element-6a41296a .elementor-heading-title{font-family:var( --e-global-typography-47846fc-font-family ), Sans-serif;font-size:var( --e-global-typography-47846fc-font-size );color:var( --e-global-color-2b807f7 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1175 .elementor-element.elementor-element-1f5a01a1{text-align:center;font-family:var( --e-global-typography-fadb7a1-font-family ), Sans-serif;font-size:var( --e-global-typography-fadb7a1-font-size );color:var( --e-global-color-2b807f7 );}.elementor-1175 .elementor-element.elementor-element-1f5a01a1 p{margin-block-end:0px;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-1175 .elementor-element.elementor-element-2e7a6f9f > .elementor-widget-container{padding:0px 12px 0px 12px;}.elementor-1175 .elementor-element.elementor-element-2e7a6f9f .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(max-width:1024px){.elementor-1175 .elementor-element.elementor-element-381a956 .elementor-heading-title{font-size:var( --e-global-typography-aca7b4d-font-size );}.elementor-1175 .elementor-element.elementor-element-6a41296a .elementor-heading-title{font-size:var( --e-global-typography-47846fc-font-size );}.elementor-1175 .elementor-element.elementor-element-1f5a01a1{font-size:var( --e-global-typography-fadb7a1-font-size );}}@media(max-width:767px){.elementor-1175 .elementor-element.elementor-element-381a956 .elementor-heading-title{font-size:var( --e-global-typography-aca7b4d-font-size );}.elementor-1175 .elementor-element.elementor-element-6a41296a .elementor-heading-title{font-size:var( --e-global-typography-47846fc-font-size );}.elementor-1175 .elementor-element.elementor-element-1f5a01a1{font-size:var( --e-global-typography-fadb7a1-font-size );}}/* Start custom CSS for html, class: .elementor-element-7f6b5a94 *//* =========================================
   YOUR EXISTING CSS (UNCHANGED)
   ========================================= */

.ff-el-form-check.ff_item_selected label>span ,
.ff-el-form-check label:focus-within span, 
.ff-el-form-check label>span:hover, 
.ff-el-form-check label>span  {
    border:none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

#fluentform_3 {
    font-family: var(--iw-font-sans);
    color: var(--iw-blue);
    width: 100%;
    max-width: 100%;
}

/* --- 2. HIDE NATIVE INPUTS (Fixes Double Circle & Blue Native Selection) --- */
#fluentform_3 input[type="radio"] {
    position: absolute !important; /* Take out of flow */
    opacity: 0 !important;         /* Invisible */
    width: 0 !important;
    height: 0 !important;
    z-index: -1;
    margin: 0 !important;
    appearance: none !important;   /* Kill native styling */
    -webkit-appearance: none !important;
}

/* --- 3. THE CARD GRID LAYOUT --- */
#fluentform_3 .ff-el-form-check-radio-group, 
#fluentform_3 .ff-el-input--content {
    display: grid !important;
    grid-template-columns: 1fr ; /* Two columns */
    gap: 16px;
    width: 100%;
}

@media (max-width: 768px) {
    #fluentform_3 .ff-el-form-check-radio-group, 
    #fluentform_3 .ff-el-input--content {
        grid-template-columns: 1fr; /* Stack on mobile */
    }
}

/* --- 4. THE CARD STYLE (Fixes Layout Breaking) --- */
#fluentform_3 .ff-el-form-check {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
}

#fluentform_3 .ff-el-form-check label {
    display: flex !important;
    align-items: center;      
    justify-content: flex-start;
    width: 100%;

    padding: 10px 16px;
    background: var(--iw-white);
    border: 1px solid var(--iw-beige);
    border-radius: var(--iw-radius-md);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: var(--iw-shadow-sm);
    position: relative;
    user-select: none;        
}

/* Hover State */
#fluentform_3 .ff-el-form-check label:hover {
    border-color: var(--iw-turq);
    box-shadow: var(--iw-shadow-card);
    transform: translateY(-2px);
}

/* Selected State (Green Border/Bg) */
#fluentform_3 .ff-el-form-check.ff_item_selected label {
    border-color: var(--iw-turq) !important;
    background-color: var(--iw-turq-light) !important;
    box-shadow: 0 0 0 1px var(--iw-turq);
}

/* --- 5. THE CUSTOM RADIO CIRCLE --- */
#fluentform_3 .ff-el-form-check label::before {
    content: '';
    display: inline-block;
    flex-shrink: 0;       /* Prevent circle from squishing */
    width: 24px;
    height: 24px;
    margin-right: 16px;   /* Space between circle and text */
    border: 2px solid var(--iw-beige);
    border-radius: 50%;
    background-color: var(--iw-white);
    transition: all 0.2s;
}

/* Selected Circle styling */
#fluentform_3 .ff-el-form-check.ff_item_selected label::before {
    border-color: var(--iw-turq);
    background-color: var(--iw-white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2375A891'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

/* --- 6. TEXT STYLING (Fixes Blue Background & Cutting Off) --- */
#fluentform_3 .ff-el-form-check span {
    font-family: var(--iw-font-sans);
    font-size: 15px;
    color: var(--iw-blue);
    font-weight: 500;
    line-height: 1.4;
    text-align: left ;
    white-space: normal !important; 
    overflow: visible !important;  
    background-color: transparent !important; 
    padding: 0 !important;
    margin: 0 !important;
    flex: 1; 
}

/* --- 7. PROGRESS BAR & HEADERS --- */
#fluentform_3 .ff-el-progress-status {
    color: var(--iw-turq-dark);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    background: transparent !important; /* Removes purple background */
}

#fluentform_3 .ff-el-progress {
    background-color: var(--iw-beige);
    height: 6px;
    border-radius: var(--iw-radius-md);
    margin-bottom: 30px;
}

#fluentform_3 .ff-el-progress-bar {
    background-color: var(--iw-turq) !important;
}

/* Question Title */
#fluentform_3 .ff-el-input--label label {
    font-family: var(--iw-font-serif);
    font-size: 26px;
    color: var(--iw-blue);
    margin-bottom: 25px;
    display: block;
}

/* --- 8. BUTTONS (Standard Steps) --- */
#fluentform_3 .step-nav {
    margin-top: 40px;
    border-top: 1px solid var(--iw-beige);
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

#fluentform_3 .ff-btn-next {
    background-color: var(--iw-dark) !important;
    color: white !important;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
}
#fluentform_3 .ff-btn-prev {
    background: transparent !important;
    color: var(--iw-turq-dark) !important;
    border: none;
}


/* =========================================
   9. FINAL STEP BUTTONS (NEW ADDITION)
   ========================================= */

/* 1. Reset the layout for the final step container to match .step-nav */
#fluentform_3 .ff-step-t-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--iw-beige);
    width: 100%;
}

/* 2. Reset the columns (Remove table-cell behavior) */
#fluentform_3 .ff-t-cell {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
}

/* 3. Remove the border/padding from the inner wrapper (prevents double lines) */
#fluentform_3 .ff-step-t-container .step-nav {
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}

/* 4. Style the "Submit Form" button to look exactly like "Next" */
#fluentform_3 .ff-btn-submit {
    background-color: var(--iw-dark) !important;
    color: white !important;
    border-radius: 4px;
    padding: 12px 24px;
    border: none !important;
    font-weight: 600; /* Assumes Next button font-weight */
    cursor: pointer;
    box-shadow: var(--iw-shadow-sm);
    transition: all 0.3s;
}

/* 5. Hover Effect for Submit Button */
#fluentform_3 .ff-btn-submit:hover {
    background-color: var(--iw-turq-dark) !important;
    box-shadow: var(--iw-shadow-hover);
    transform: translateY(-1px);
}/* End custom CSS */