.elementor-10058 .elementor-element.elementor-element-45fde26{--display:flex;}.elementor-10058 .elementor-element.elementor-element-2b90d35{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10058 .elementor-element.elementor-element-2b90d35:not(.elementor-motion-effects-element-type-background), .elementor-10058 .elementor-element.elementor-element-2b90d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#155870;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-10058 .elementor-element.elementor-element-2b90d35{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10058 .elementor-element.elementor-element-2b90d35{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-2b90d35 *//* ============================================================
   Your Policy — Contact Section Column CSS
   Paste into: Elementor Site Settings > Custom CSS
               OR Appearance > Customize > Additional CSS

   Left column CSS class:  yp-contact-img
   Right column CSS class: yp-contact-form
   ============================================================ */


/* ── OUTER SECTION: Kill e-con-inner padding ── */

.e-con-inner:has(.yp-contact-form),
.e-con.e-grid:has(.yp-contact-form) {
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  --padding-block-start: 0px !important;
  --padding-block-end: 0px !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-block-start: 0px !important;
  padding-block-end: 0px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
}


/* ── LEFT COLUMN: Image with floating inset + rounded corners ── */

.yp-contact-img {
  padding: 24px 24px 24px 24px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
}

/* img sits directly inside .yp-contact-img — no wrapper elements */
.yp-contact-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 16px !important;
  position: static !important;
}


/* ── RIGHT COLUMN: Dark teal panel ── */

.yp-contact-form {
  background-color: #155870 !important;
  padding: 48px 56px 48px !important;
  /* Sized to fit the EXPANDED form (with Business Name field shown).
     Reserves vertical space upfront so checking Commercial doesn't push the row taller. */
  min-height: 760px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  height: auto !important;
}

.yp-contact-form .elementor-widget-wrap,
.yp-contact-form .elementor-widget-container {
  background: transparent !important;
}


/* ── Headline + subhead ── */

.yp-contact-form .yp-contact-heading {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.yp-contact-form .yp-contact-headline {
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.yp-contact-form .yp-contact-subhead {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.6) !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}


/* ── GF: CSS var overrides — beats GF inline stylesheet ── */

#gform_wrapper_1 {
  --gf-label: rgba(255,255,255,0.6) !important;
  --gf-label-color: rgba(255,255,255,0.6) !important;
  --gf-color-text: rgba(255,255,255,0.85) !important;
  --gf-button: #d4960e !important;
  --gf-btn-border-radius: 6px !important;
}


/* ── GF: Wrapper reset ── */

.yp-contact-form .gform_wrapper.gform-theme--orbital,
.yp-contact-form .gform-theme {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.yp-contact-form .gform_heading {
  display: none !important;
}

.yp-contact-form .gform-body,
.yp-contact-form .gform_body {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.yp-contact-form .gform_fields {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  row-gap: 4px !important;
}

.yp-contact-form .gfield {
  padding: 0 !important;
  margin: 0 !important;
}

/* Beat GF's .gform_wrapper .gform_fields { grid-row-gap: 14px !important } */
#gform_wrapper_1 .gform_fields {
  grid-row-gap: 4px !important;
  row-gap: 4px !important;
}

#gform_wrapper_1 .gfield {
  margin-bottom: 4px !important;
}


/* ── GF: Field labels ── */

#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 legend.gfield_label {
  color: rgba(255,255,255,0.6) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

#gform_wrapper_1 .gfield_required {
  color: #f7b731 !important;
}


/* ── GF: Checkbox & radio labels ── */

#gform_wrapper_1 .gfield_checkbox label,
#gform_wrapper_1 .gfield_radio label,
#gform_wrapper_1 .gfield-choice-input + label,
#gform_wrapper_1 .gfield_checkbox li label,
#gform_wrapper_1 .gfield_radio li label {
  color: rgba(255,255,255,0.85) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  display: inline !important;
}


/* ── GF: Text / email / tel inputs ── */

.yp-contact-form .gform-theme--orbital .ginput_container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.yp-contact-form .gform-theme--orbital input.large,
.yp-contact-form .gform-theme--orbital input.medium,
.yp-contact-form .gform-theme--orbital input.small {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
  -webkit-appearance: none !important;
  transition: border-color 0.18s !important;
}

.yp-contact-form .gform-theme--orbital input::placeholder {
  color: rgba(255,255,255,0.4) !important;
  opacity: 1 !important;
}

.yp-contact-form .gform-theme--orbital input.large:focus,
.yp-contact-form .gform-theme--orbital input.medium:focus {
  background: rgba(255,255,255,0.08) !important;
  border-color: #4bc6d2 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #ffffff !important;
}


/* ── GF: Select ── */

.yp-contact-form .gform-theme--orbital select,
.yp-contact-form select {
  background-color: rgba(255,255,255,0.08) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  padding: 12px 36px 12px 16px !important;
  font-size: 14px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
}

.yp-contact-form select option {
  background: #155870 !important;
  color: #ffffff !important;
}


/* ── GF: Name field two-column ── */

.yp-contact-form .ginput_container_name {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.yp-contact-form .ginput_container_name span {
  display: block !important;
}

.yp-contact-form .ginput_container_name .name_first label,
.yp-contact-form .ginput_container_name .name_last label {
  display: none !important;
}


/* ── GF: Checkboxes ── */

#gform_wrapper_1 .gfield_checkbox,
#gform_wrapper_1 .gfield_radio {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 24px !important;
}

#gform_wrapper_1 .gfield_checkbox li,
#gform_wrapper_1 .gfield_radio li {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yp-contact-form input[type="checkbox"].gfield-choice-input {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1.5px solid rgba(255,255,255,0.35) !important;
  border-radius: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  accent-color: #4fc4cc !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}

.yp-contact-form input[type="checkbox"].gfield-choice-input:checked {
  background: #4fc4cc !important;
  border-color: #4fc4cc !important;
}


/* ── GF: Submit button ── */

.yp-contact-form .gform-footer,
.yp-contact-form .gform_footer {
  padding: 0 !important;
  margin: 8px 0 0 !important;
  background: transparent !important;
  text-align: left !important;
}

#gform_wrapper_1 .gform_footer .gform_button,
#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 input[type="submit"],
#gform_wrapper_1 .gform_button.button {
  --gf-button: #d4960e !important;
  display: block !important;
  width: 100% !important;
  background: #d4960e !important;
  background-color: #d4960e !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 14px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  letter-spacing: 0.3px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  transition: background 0.18s !important;
  margin-top: 4px !important;
}

#gform_wrapper_1 .gform_footer .gform_button:hover,
#gform_wrapper_1 input[type="submit"]:hover {
  background: #c2870a !important;
  background-color: #c2870a !important;
}


/* ── GF: Validation ── */

.yp-contact-form .gform_validation_errors,
.yp-contact-form .validation_error {
  background: rgba(247,183,49,0.1) !important;
  border: 1px solid rgba(247,183,49,0.35) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #f7b731 !important;
  font-size: 14px !important;
  margin-bottom: 14px !important;
}

.yp-contact-form .gfield_description.validation_message,
.yp-contact-form .gfield--has-validation-message .gfield_validation_message {
  font-size: 12px !important;
  color: #f7b731 !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 0 0 !important;
}

.yp-contact-form .gfield_error input,
.yp-contact-form .gfield_error select {
  border-color: rgba(247,183,49,0.55) !important;
}


/* ── GF: Confirmation ── */

.yp-contact-form .gform_confirmation_message {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  padding: 24px !important;
  background: rgba(79,196,204,0.15) !important;
  border: 1px solid rgba(79,196,204,0.4) !important;
  border-radius: 8px !important;
}


/* ── Responsive ── */

@media (max-width: 900px) {
  .yp-contact-img {
    padding: 24px 24px 0 24px !important;  /* drop bottom gap — form stacks below */
  }
  .yp-contact-form {
    padding: 48px 32px 72px !important;
  }
}

@media (max-width: 600px) {
  .yp-contact-form .ginput_container_name {
    grid-template-columns: 1fr !important;
  }
  #gform_wrapper_1 .gfield_checkbox,
  #gform_wrapper_1 .gfield_radio {
    grid-template-columns: 1fr !important;
  }
  .yp-contact-form {
    padding: 40px 20px 64px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6badba8 */.yp-adv-right {
  border-radius: 12px !important;
  margin: 16px 16px 16px 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45fde26 *//* Remove Qode page-inner padding so the hero goes edge-to-edge */
#qodef-page-inner.qodef-content-full-width,
#qodef-page-inner {
    padding: 0 !important;
}

/* Also strip padding/margin from the grid wrappers Elementor sits inside */
#qodef-page-content.qodef-grid,
#qodef-page-content .qodef-grid-inner,
#qodef-page-content .qodef-grid-item {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Make sure the content area itself spans full width */
#qodef-page-content {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */