.elementor-36 .elementor-element.elementor-element-3556fde0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-36 .elementor-element.elementor-element-3556fde0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://az-roofingservices.com/wp-content/uploads/2025/02/a-z-roofing-18.jpg");background-position:center center;background-size:cover;}.elementor-36 .elementor-element.elementor-element-3556fde0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-36 .elementor-element.elementor-element-3556fde0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-36 .elementor-element.elementor-element-5425d59c{--spacer-size:50px;}.elementor-36 .elementor-element.elementor-element-3d3bf30e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:75px 45px 75px 45px;}.elementor-36 .elementor-element.elementor-element-3d3bf30e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-36 .elementor-element.elementor-element-4174f599{text-align:center;font-size:18px;}.elementor-36 .elementor-element.elementor-element-27bd14d0 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-27bd14d0{text-align:center;}.elementor-36 .elementor-element.elementor-element-27bd14d0 .elementor-heading-title{font-size:23px;font-weight:600;line-height:1.6em;color:var( --e-global-color-secondary );}.elementor-36 .elementor-element.elementor-element-3f5b3c40 > .elementor-container{max-width:380px;}.elementor-36 .elementor-element.elementor-element-3f5b3c40{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-21863476 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-b137c75 > .elementor-widget-container{margin:0px 0px 0px 0px;}#elementor-popup-modal-36{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-36 .dialog-message{width:960px;height:auto;}#elementor-popup-modal-36 .dialog-close-button{display:flex;}#elementor-popup-modal-36 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-36 .elementor-element.elementor-element-3556fde0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-36 .elementor-element.elementor-element-3556fde0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-3d3bf30e > .elementor-element-populated{padding:25px 15px 15px 15px;}.elementor-36 .elementor-element.elementor-element-3f5b3c40{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-21863476 > .elementor-element-populated{padding:0px 0px 0px 0px;}#elementor-popup-modal-36 .dialog-message{width:85vw;}}/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-b137c75 *//* General styling for Gravity Form with ID 2 */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 {
    margin: 0 auto;
}

/* Style for input and textarea fields */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="text"],
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="email"],
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="tel"],
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 1px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Focus state for inputs */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="text"]:focus,
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="email"]:focus,
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="tel"]:focus,
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 textarea:focus {
    border-color: #007bff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
    outline: none;
}

/* Submit button styling */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="submit"] {
    background-color: #013C9A;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    padding: 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%;
}

.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 input[type="submit"]:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
}

/* Labels */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

/* Error message styling */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 .gform_validation_error {
    background-color: #ffdddd;
    border: 1px solid #ff5c5c;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 .validation_message {
    color: red;
    font-size: 14px;
    margin-top: -10px;
    margin-bottom: 15px;
}

/* Adjust spacing between fields */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 .gfield {
    margin-bottom: 0px;
}

/* Optional: Center-align the form footer (submit button) */
.elementor-36 .elementor-element.elementor-element-b137c75 #gform_wrapper_2 .gform_footer {
    text-align: center;
}/* End custom CSS */