.elementor-57285 .elementor-element.elementor-element-ca137d8{z-index:1;}.elementor-57285 .elementor-element.elementor-element-90ffaf5 > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9f6ec87 */#petpals-nda,
#petpals-nda p,
#petpals-nda div,
#petpals-nda span,
#petpals-nda strong,
#petpals-nda .nda-point {
    font-size: 14px !important;
    line-height: 1.6 !important;
}

#petpals-nda strong {
    font-weight: 700 !important;
}

/* Make Gravity Forms validation message smaller */
.gform_validation_errors {
    padding: 8px 16px !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    min-height: auto !important;
}

.gform_validation_errors h2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gform_validation_errors .gform_submission_error {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide Gravity Forms page progress */
.gform_page_steps {
    display: none !important;
}

/* Hide the progress bar */
.gf_progressbar_wrapper {
    display: none !important;
}

/* Increase width of the form card container */
#resale-enquiry.form-card {
    width: 100% !important;
    max-width: 900px !important; /* Adjust this value up (e.g. 1000px or 1200px) to make it wider */
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Ensure the outer wrapper allows the card to expand */
.pp-container,
.pp-intro {
    max-width: 1100px !important; /* Must be larger than or equal to the form card width */
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Add vertical spacing below every field */
#resale-enquiry .gform_wrapper .gfield {
    margin-bottom: 24px !important; /* Increase to 28px or 32px for even more space */
}

/* Ensure sub-field labels (e.g. First Name / Last Name) have clean bottom padding */
#resale-enquiry .gform_wrapper .gfield_label {
    margin-bottom: 8px !important;
}

/* Add space above the submit button */
#resale-enquiry .gform_wrapper .gform_footer {
    margin-top: 16px !important;
    padding-top: 8px !important;
}


.gform_wrapper .gform_footer .button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer .gform_next_button,
.gform_wrapper .gform_page_footer input[type="button"],
.gform_wrapper button[id*="gform_submit_button"],
.gform_wrapper button[id*="gform_next_button"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* HEIGHT & VERTICAL SIZE */
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 16px !important;
    
    /* LENGTH / WIDTH CONTROL */
    padding-left: 50px !important;   /* Increase for extra side-spacing */
    padding-right: 50px !important;  /* Increase for extra side-spacing */
    min-width: 140px !important;     /* Ensures a baseline stretched look */
    
    /* SHAPE */
    border-radius: 30px !important;   /* Keeps the pill shape */
}

.small-consent-text .gfield_consent_label,
.small-consent-text label,
.small-consent-text .gform-field-label {
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Left align all Gravity Forms labels, inputs, descriptions, and buttons */
.gform_wrapper, 
.gform_wrapper .gfield, 
.gform_wrapper .gfield_label, 
.gform_wrapper input[type="text"], 
.gform_wrapper textarea, 
.gform_wrapper select, 
.gform_wrapper .gform_footer {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* Force input text alignment */
.gform_wrapper input, 
.gform_wrapper textarea {
    text-align: left !important;
}

/* Force the field container list into a flex row */
#resale-enquiry .gform_wrapper .gform_fields {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

/* Force fields marked as custom-half to take up 48% and align side by side */
#resale-enquiry .gform_wrapper .gfield.custom-half-left,
#resale-enquiry .gform_wrapper .gfield.custom-half-right {
    width: 48% !important;
    flex: 0 0 48% !important;
    clear: none !important;
    float: none !important;
    margin-right: 0 !important;
}

/* Force full-width fields (all other fields) to take up 100% */
#resale-enquiry .gform_wrapper .gfield:not(.custom-half-left):not(.custom-half-right) {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* Responsive fix: Stack vertically on mobile devices */
@media (max-width: 640px) {
    #resale-enquiry .gform_wrapper .gfield.custom-half-left,
    #resale-enquiry .gform_wrapper .gfield.custom-half-right {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

#resale-enquiry {
    scroll-margin-top: 100px;
}

.steps-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 15px !important;
}

.steps-grid .step {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}


/* DESKTOP - all 7 steps in one row */
.steps-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 15px !important;
}

.steps-grid .step {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* MOBILE - stack steps vertically */
@media (max-width: 768px) {
  .steps-grid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
  }

  .steps-grid .step {
    width: 100% !important;
    flex: none !important;
    text-align: center;
  }

  .steps-grid .step-num {
    margin: 0 auto 15px auto;
  }
}/* End custom CSS */