.elementor .cr-sticky-sidebar{padding-block-start:20px;/* ============================================================
 STICKY SIDEBAR — paste into Elementor's Advanced > Custom CSS
 on the SIDEBAR container itself (or Site Settings > Custom CSS
 if you'd rather keep it global).
 ============================================================ */

/* 1. Add the class "cr-sticky-sidebar" to the sidebar Container
    via the Classes field (Style/Layout panel) shown in your
    screenshot. Then this rule applies: */
.cr-sticky-sidebar {
position: sticky;
top: 100px;              /* match your header's height so it clears it */
align-self: flex-start;  /* THIS is usually the actual missing piece — */
height: fit-content;     /* without it, flex stretches the sidebar to
                             match the main column's height, leaving
                             sticky nothing to scroll within */
}

/* 2. Add the class "cr-content-row" to the OUTER row container
    that holds both the main content column and the sidebar
    column side by side. */
.cr-content-row {
align-items: flex-start;  /* same fix, set at the parent level too —
                              belt-and-suspenders in case Elementor's
                              own flex settings override the child rule */
}

/* Optional: on mobile/tablet, sticky sidebars usually feel broken
 since the column goes full-width. This turns it off below 1024px. */
@media (max-width: 1024px) {
.cr-sticky-sidebar {
  position: static;
}
}\n}