.elementor-4409 .elementor-element.elementor-element-886baca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4409 .elementor-element.elementor-element-f9fb410{--display:flex;}.elementor-4409 .elementor-element.elementor-element-f9fb410:not(.elementor-motion-effects-element-type-background), .elementor-4409 .elementor-element.elementor-element-f9fb410 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sonaair.co.nz/wp-content/uploads/2026/03/HVAC-Services.jpg");background-position:center center;background-size:cover;}.elementor-4409 .elementor-element.elementor-element-3aff0a7{--display:flex;}.elementor-4409 .elementor-element.elementor-element-8a3a0ac .porto-u-main-heading > *{font-family:"Barlow", Inter;font-size:24px;font-weight:700;}#elementor-popup-modal-4409{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4409 .dialog-message{width:800px;height:auto;padding:20px 20px 20px 20px;}#elementor-popup-modal-4409 .dialog-close-button{display:flex;}#elementor-popup-modal-4409 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-4409 .elementor-element.elementor-element-f9fb410{--width:85%;}}@media(max-width:767px){.elementor-4409 .elementor-element.elementor-element-886baca{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4409 .elementor-element.elementor-element-8a3a0ac .porto-u-main-heading > *{font-size:28px;}.elementor-4409 .elementor-element.elementor-element-f3c3d60{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-f3c3d60 */.gform-theme--foundation .gform_fields{
    row-gap: 20px !important;
}

/* 1. Hide the "indicates required fields" text */
#gform_wrapper_3 .gform_required_legend {
    display: none !important;
}

/* 2. Set field gap to 20px */
#gform_wrapper_3 .gfield {
}

/* 3. Input & Textarea Styling: Padding 10px 20px & Border Radius 8px */
#gform_wrapper_3 input[type="text"],
#gform_wrapper_3 input[type="email"],
#gform_wrapper_3 input[type="tel"],
#gform_wrapper_3 select,
#gform_wrapper_3 textarea {
    border-radius: 8px !important;
    border: 1px solid #686e77 !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* 4. Submit Button Styling: Color #2238B5 and Radius 8px */
#gform_submit_button_3 {
    background-color: #2238B5 !important;
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: background 0.3s ease;
}

#gform_submit_button_3:hover {
    background-color: #1a2a8a !important;
}

/* 1. Field Focus Styling (Match Submit Button Color) */
#gform_wrapper_3 input[type="text"]:focus,
#gform_wrapper_3 input[type="email"]:focus,
#gform_wrapper_3 input[type="tel"]:focus,
#gform_wrapper_3 select:focus,
#gform_wrapper_3 textarea:focus {
    border-color: #2238B5 !important;
    outline: none !important; /* Removes the default browser glow */
    box-shadow: 0 0 0 2px rgba(34, 56, 181, 0.2) !important; /* Adds a soft blue glow */
    transition: all 0.3s ease-in-out;
}

/* 2. Adjusting Placeholder Color (Optional, for a cleaner look) */
#gform_wrapper_3 input::placeholder,
#gform_wrapper_3 textarea::placeholder {
    color: #a0a0a0;
    font-size: 13px;
}

/* 3. Gravity Forms Validation Error Styling (Consistency Check) */
#gform_wrapper_3 .gfield_error input,
#gform_wrapper_3 .gfield_error textarea,
#gform_wrapper_3 .gfield_error select {
    border: 1px solid #d63638 !important; /* Keeps errors red for clarity */
}

@media (max-width: 678px){
    #gform_submit_button_3 {
        margin-bottom: 20px !important;
    }
}/* End custom CSS */