/* Fixed "skyscraper" pillar sidebar ads — homepage only (Rohit, 16-Oct:
   "freesoftware waali site me pillar banner lga hua hai, isme bhi lga do").
   Same component/behaviour as freesoftwarex.com's .bbl3-sidebar
   (assets/sidebar-ad.css over there) and its lead.freesoftwarex.com port
   (css/pillar-sidebar.css) — same class names, same admin-managed
   "buy-business-leads" ad slug so it inherits the already-published
   rotating creative instead of needing new banners uploaded. Desktop-only
   by design (hidden below 1300px, same as the original two ports).
   Position/height are driven by js/pillar-sidebar.js (keeps clear of the
   header while scrolling, clear of the footer near the bottom) since this
   site's header height isn't available as a CSS var the way
   freesoftwarex.com's --head-h is. */
.bbl3-sidebar { display: none; flex-direction: column; position: fixed; width: 150px; z-index: 40; }
.bbl3-sidebar img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bbl3-sidebar-l { left: 8px; }
.bbl3-sidebar-r { right: 8px; }
.bbl3-sidebar-slides { position: relative; flex: 1 1 auto; min-height: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 14px 30px -12px rgba(15,27,61,.45); }
.bbl3-sidebar-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .6s ease; }
.bbl3-sidebar-slides img.is-active { opacity: 1; }
.bbl3-sidebar-cta { align-self: center; flex: 0 0 auto; margin-top: 10px; z-index: 5; background: var(--theme-color, #6C57D2); color: #fff; border: 0; border-radius: 8px; padding: 10px 14px; font-size: 12px; font-weight: 700; font-family: inherit; cursor: pointer; box-shadow: 0 6px 16px rgba(0,0,0,.3); white-space: nowrap; }
.bbl3-sidebar-cta:hover { background: #5847b8; }

/* Hero is the only section genuinely edge-to-edge on this page (every other
   section already sits inside a centred Bootstrap .container with its own
   margin, which clears the pillars on its own at these widths) -- same
   scoped-clearance approach as the lead.freesoftwarex.com port. */
@media (min-width: 1300px) {
  .bbl3-sidebar { display: flex; }
  .pillar-clear { padding-left: 170px; padding-right: 170px; }
}
@media (min-width: 1700px) {
  .bbl3-sidebar { width: 220px; }
  .bbl3-sidebar-l { left: 16px; }
  .bbl3-sidebar-r { right: 16px; }
  .pillar-clear { padding-left: 250px; padding-right: 250px; }
}