.nest-cloud-connections-col>div {
    cursor: pointer;
}

/* we’re hiding swimmers for now */
.cloud-swimmer,
.cloud-swimmer-head,
.cloud-swimmer-peak {
    display: none !important;
}

/* connector fade */
.cloud-connectors-svg {
    transition: opacity .25s ease;
}

/* card fades; add .hide to anything you want hidden initially */
.mc-fade {
    transition: opacity .25s ease;
}

.mc-fade.hide-mc {
    opacity: 0;
    pointer-events: none;
}

/* active button */
.c-active {
    filter: saturate(1.3) brightness(1.1);
}


.c-active>div::after {
    content: '';
    background-image: url('https://citemed.com/wp-content/uploads/2025/10/Literature-1.png');
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    left: 0;
    top: 0;
}

.fusion-flex-container.mc-wrap .fusion-row .fusion-flex-column.hide-mc {
    display: none;
}

.mc-wrap .fusion-row .fusion-flex-column.hide-mc {
    display: block !important;
    /* overrides the rule above for our card stacks */
}

/* 2) Container reserves height; JS will set --cards-h */
.mc-wrap>div:first-child {
    position: relative;
    min-height: var(--cards-h, 0px);
    overflow: hidden;
}

/* 3) Stack all sets and cross-fade them (CSS-driven) */
.mc-wrap>div:first-child>[class*="-cards"] {
    position: absolute;
    /* <-- put this back so inset works */
    inset: 0;
    /* fill the container */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    /* transition: opacity 2s ease, transform 2s ease, visibility 0s linear 2s; */
    transition: none;
    will-change: opacity, transform;
}

/* The visible one */
.mc-wrap>div:first-child>[class*="-cards"].is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: opacity 2s ease, transform 2s ease, visibility 0s;
}

/* test sibling delay */
/* .mc-wrap > div:first-child > [class*="-cards"].is-active > div > div {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: opacity 2s ease, transform 2s ease, visibility 0s;
} */

[class*="mc-btn"] .fusion-title {
    z-index: 5;
}

.mc-wrap>div:first-child>[class*="-cards"] {
    top: 440px;
}

.mc-wrap>div {
    overflow: visible !important;
    padding-bottom: 440px !important;
}

[class*="-cards"]>div>div {
    margin-bottom: 30px;
}

.nest-cloud-connections-col.c-active>div::after,
.nest-cloud-connections-col>div:hover {
    content: '';
    background-image: url('https://citemed.com/wp-content/uploads/2025/10/Literature.webp');
    background-position: center center;
    background-size: cover;
    border-radius: 6px;
}


/* add below your .cc-reveal / @keyframes */
.cc-reveal-top {
    transform: translateY(-24px);
}

/* top rail: nudge up 12 */
.cc-reveal-bot {
    transform: translateY(24px);
}

/* bottom rail: nudge down 12 */