/* ==========================
   Gravity Form #100 + #29 Modern Styling (Kept Width)
   ========================== */

/* Form container */
#gform_wrapper_100,
#gform_wrapper_29 {
    width: 70% !important;       
    max-width: 70% !important;
    margin: 20px auto;           
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

/* Form field spacing */
#gform_wrapper_100 .gfield,
#gform_wrapper_29 .gfield {
    margin-bottom: 12px;
}

/* Labels */
#gform_wrapper_100 .gfield_label,
#gform_wrapper_29 .gfield_label {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

/* Inputs, selects, textareas full width */
#gform_wrapper_100 .ginput_container input,
#gform_wrapper_100 .ginput_container select,
#gform_wrapper_100 .ginput_container textarea,
#gform_wrapper_29 .ginput_container input,
#gform_wrapper_29 .ginput_container select,
#gform_wrapper_29 .ginput_container textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}



/* Fix Gravity Forms image Next button shrinking on click */
#gform_wrapper_29 input[type="image"] {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
    outline: none !important;
}

#gform_wrapper_29 input[type="image"]:active,
#gform_wrapper_29 input[type="image"]:focus {
    transform: none !important;
    outline: none !important;
}

/* ==========================
   Hide Step Progress Bar Completely
   ========================== */
#gform_wrapper_100 .gform_page_steps,
#gform_wrapper_100 .gform_page_title,
#gform_wrapper_100 .gform_page_indicator,
#gform_wrapper_29 .gform_page_steps,
#gform_wrapper_29 .gform_page_title,
#gform_wrapper_29 .gform_page_indicator {
    display: none !important;
}

/* ==========================
   Three-Column Layout for Fields
   ========================== */
#gform_wrapper_100 ul.gform_fields,
#gform_wrapper_29 ul.gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    padding-left: 0;
    list-style: none;
}

#gform_wrapper_100 ul.gform_fields > li.gf_left_third,
#gform_wrapper_100 ul.gform_fields > li.gf_middle_third,
#gform_wrapper_100 ul.gform_fields > li.gf_right_third,
#gform_wrapper_29 ul.gform_fields > li.gf_left_third,
#gform_wrapper_29 ul.gform_fields > li.gf_middle_third,
#gform_wrapper_29 ul.gform_fields > li.gf_right_third {
    flex: 0 0 32%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    #gform_wrapper_100 ul.gform_fields > li.gf_left_third,
    #gform_wrapper_100 ul.gform_fields > li.gf_middle_third,
    #gform_wrapper_100 ul.gform_fields > li.gf_right_third,
    #gform_wrapper_29 ul.gform_fields > li.gf_left_third,
    #gform_wrapper_29 ul.gform_fields > li.gf_middle_third,
    #gform_wrapper_29 ul.gform_fields > li.gf_right_third {
        flex: 0 0 100%;
    }
}

/* ==========================
   Form #29 Step 1: Only First Name, Last Name, Company, Email
   ========================== */

/* Hide all fields in Step 1 */
#gform_wrapper_29 .gform_page:nth-of-type(1) .gfield {
    display: none !important;
}

/* Show only First Name, Last Name, Company, Email */
#gform_wrapper_29 #field_29_1,  /* First Name */
#gform_wrapper_29 #field_29_2,  /* Last Name */
#gform_wrapper_29 #field_29_3,  /* Company */
#gform_wrapper_29 #field_29_4 { /* Email */
    display: block !important;
}

/* Flex container for Step 1 to align Company + Email side by side */
#gform_wrapper_29 .gform_page:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

/* Company + Email side by side */
#gform_wrapper_29 #field_29_3,
#gform_wrapper_29 #field_29_4 {
    flex: 0 0 48%;
    box-sizing: border-box;
}