/* Your existing card styles remain the same */
.card {
    box-shadow: 1px 2px 6px 0px rgba(45, 79, 103, 0.3);
    background-color: var(--bg-3) !important;
    .card-body {
        background-color: var(--bg-3) !important;
    }
}

/* Updated Sidebar Logic */
@media(min-width: 992px) { /* Changed from 1200px to include smaller laptops */
    .meta-sidebar-content {
        position: -webkit-sticky;
        position: sticky;
        top: 85px;

        /* FIX: Prevents the sidebar from being taller than the screen */
        /* 85px (your top) + 20px (bottom buffer) = 105px */
        max-height: calc(100vh - 105px);

        /* FIX: Allows the sidebar to scroll independently if it's too tall */
        overflow-y: auto;

        /* Optional: Keeps the UI clean by hiding the internal scrollbar */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .meta-sidebar-content::-webkit-scrollbar {
        display: none;
    }
}

/* Your existing CTA logic */
#cta-1 .gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
}

@media(min-width: 1200px) {
    #cta-1 .gradient {
        background: linear-gradient(90deg,rgba(0, 0, 0, .9) 30%, rgba(0 ,0, 0, 0) 60%);
    }
}