/* ============================================================
   LOW INTEREST PROMO BANNER
   All text: BLUE (#051f3d)
   Spans ("NEW ROOF", "$99/Month"): YELLOW (#f2b705)
   ============================================================ */

/* Base: entire banner blue, no shadow */
.ge-low-interest-banner-text {
  color: #051f3d !important;
  -webkit-text-fill-color: #051f3d !important;
  text-shadow: none !important;
}
.ge-low-interest-banner-text * {
  color: #051f3d !important;
  -webkit-text-fill-color: #051f3d !important;
  text-shadow: none !important;
}

/* Only the highlighted spans → YELLOW */
.ge-low-interest-banner-text span,
.ge-low-interest-banner-text .u-text-custom-color-1 {
  color: #f2b705 !important;
  -webkit-text-fill-color: #f2b705 !important;
}

/* ============================================================
   ROOF-PITCH IMAGE PROMO LAYOUT — centered over the image
   ============================================================ */

/* Constrain the group container to the left column width */
.u-section-2 .u-group-1 {
  width: 100% !important;
  max-width: 710px !important;
  margin: 0 !important;
}

/* Pitch image fills the column */
.u-section-2 .u-image-1 {
  width: 100% !important;
  height: auto !important;
  max-width: 700px !important;
  margin: 0 !important;
  display: block !important;
}

/* Center the text block over the pitch image */
img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text,
.u-container-layout > img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text {
  position: relative !important;
  z-index: 8 !important;
  display: block !important;
  width: 80% !important;
  max-width: 580px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -520px !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

@media (max-width: 1199px) {
  img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text,
  .u-container-layout > img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text {
    margin-top: -430px !important;
    width: 85% !important;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-group-1 {
    max-width: 100% !important;
  }
  img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text,
  .u-container-layout > img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text {
    margin-top: -290px !important;
    width: 88% !important;
  }
}

@media (max-width: 480px) {
  img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text,
  .u-container-layout > img[src*="LosAngelesRoofingBGContent.png"] + .ge-low-interest-banner-text {
    margin-top: -160px !important;
    width: 92% !important;
  }
}