.text-layouts.sticky-heading-column {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    
}

.text-layouts.sticky-heading-column > div {
    height: auto;
    padding: 0;

}

.text-layouts.sticky-heading-column .heading-side {
    height: 100%;
    position: sticky;
    top: 100px;
    height: auto;
    padding-right: 20px;
    font-size: 24px;
    width: 45%;
}

.text-layouts.sticky-heading-column > .heading-side > * {
    position: sticky;
    font-size: 24px;
}


.text-layouts.sticky-heading-column .text-side {
    height: auto;
    padding-left: 0px;
    padding-top: 4px;
    width: 55%;
}

.text-layouts.sticky-heading-column .text-side .text-wrap {
    padding-bottom: 20px; /* Additional bottom padding for better layout */
    overflow-y: auto; /* Enables scrolling on Y-axis inside the text-wrap */
}