.elementor-4454 .elementor-element.elementor-element-d0b4ba2{--display:flex;}.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-4454 .elementor-element.elementor-element-b38a5b0{color:#3F3E3E;}.elementor-4454 .elementor-element.elementor-element-315249e{--spacer-size:10px;}#elementor-popup-modal-4454{background-color:#00000033;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4454 .dialog-message{width:740px;height:auto;padding:20px 20px 20px 20px;}#elementor-popup-modal-4454 .dialog-close-button{display:flex;top:1%;font-size:20px;}#elementor-popup-modal-4454 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-4454 .dialog-close-button{right:2%;}body.rtl #elementor-popup-modal-4454 .dialog-close-button{left:2%;}@media(max-width:1024px){#elementor-popup-modal-4454 .dialog-message{padding:20px 20px 20px 20px;}}@media(max-width:767px){#elementor-popup-modal-4454 .dialog-message{padding:10px 10px 10px 10px;}}/* Start custom CSS *//* * Gravity Forms Button Checkboxes CSS 
 * Target class: .prz-image-checkboxes 
 * All boxes are fixed to 130px width.
 */

/* 1. Hide the original checkbox input */
.prj-image-checkboxes .gfield_checkbox input[type="checkbox"] {
    position: absolute !important;
    left: -9999px !important; 
    visibility: hidden !important; 
}

/* 4. Style the Label (The Button Itself) - DEFAULT (UNSELECTED) STYLES */
.prj-image-checkboxes .gfield_checkbox label {
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* --- FIXED WIDTH --- */
    width: 130px; 
    padding: 0; 
    min-width: 0;
    
    height: 40px; 
    
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;

    /* REQUIRED STYLES FOR UNSELECTED STATE */
    background-color: #ffffff; 
    border: 1px solid #000000; 
    color: #000000; 
    
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin: 5px !important;
}

/* 5. Style the HOVER State */
.prj-image-checkboxes .gfield_checkbox label:hover {
    border-color: #333333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 6. Style the SELECTED (Checked) State */
.prj-image-checkboxes .gfield_checkbox input[type="checkbox"]:checked + label {
    /* REQUIRED STYLES FOR SELECTED STATE */
    background-color: #000000; 
    border-color: #000000;
    color: #ffffff; 
    font-weight: 700;
}

/* 7. EXTREME MOBILE OVERRIDE (Float: Left)
 * ***NOW USES CLASS SELECTORS ONLY TO WORK ON ALL CHECKBOX GROUPS***
 */
    .gform_wrapper .prz-image-checkboxes .gfield_checkbox .gchoice label {
        width: 130px !important;
        max-width: none !important;
    }

    .prz-image-checkboxes .gfield_checkbox.gfield_checkbox { 
    display: inline-block !important;
    margin-bottom: -10px !important;    
    }/* End custom CSS */