footer.main-footer {
    background: #13140E;
}

.row.call-to-bg {
    background: #1e1e1e;
}

/*
   Services page: "Most Popular" pricing card background fix.
   .pricing-box.active's background-image points at a relative path that walks
   OUTSIDE this project entirely (../../../../dittheme.com/wp/saasytech/wp-content/
   uploads/2026/04/Bg-2-1.html) -- the theme vendor's own demo site, and another
   0-byte ".html-instead-of-image" export defect on top of that. Dropping the image
   falls back to .pricing-box's own solid #F4F4F4 background (same as the other two
   cards) -- the card still stands out via its lime-green side borders and "Most
   Popular" badge, which don't depend on this background at all.
*/
.pricing-box.active {
    background-image: none;
}

/*
   Services page: "Why Choose Us" section re-purposed from the theme's
   .integration-section.style-two. The theme built this as a fixed height:770px
   box around one specific absolutely-positioned counter/graphic cluster (whose
   two decorative images -- integration-shape2.html / integration-items.html --
   are 0-byte corrupted anyway, and whose "150+" counter was a fabricated stat we
   didn't want to publish). Replaced that cluster with a plain 3-column value-prop
   grid, so the fixed height is no longer appropriate -- let it size to its content
   instead, on the section's own real photo background (integration-bg.png, which
   loads fine).
*/
.integration-section.style-two {
    height: auto;
    padding: 110px 0 100px;
}