.flex_layout.stacking_cards .content_container{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5.5rem;
}
.flex_layout.stacking_cards .card_container{
    margin-top: 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.flex_layout.stacking_cards .stacking_card{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6rem;
    align-items: center;

    border-radius: 1rem;
    padding: 4.5rem 6rem;
    position: sticky;
    top: 150px;

    color: var(--pure-white);
}

.flex_layout.stacking_cards .stacking_card:nth-child(3n + 1) {
    background-color: var(--blue-dark);
}
.flex_layout.stacking_cards .stacking_card:nth-child(3n + 2) {
    background-color: var(--circuit-blue);
}
.flex_layout.stacking_cards .stacking_card:nth-child(3n + 3) {
    background-color: var(--turquoise-dark);
}

.flex_layout.stacking_cards .stacking_card .image,
.flex_layout.stacking_cards .stacking_card .image_wrapper{
    width: 100%; height: 100%;
    position: relative;
}

.flex_layout.stacking_cards .stacking_card .image img{
    position: absolute;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
}

.flex_layout.stacking_cards .stacking_card .content{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.flex_layout.stacking_cards .stacking_card .counter{
    font-size: var(--body-xl);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.flex_layout.stacking_cards .stacking_card .counter::before{
    content: '';
    order: 2;
    width: .25rem; height: .25rem;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .5;
}

.flex_layout.stacking_cards .stacking_card .counter .total{
    order: 3;
    opacity: .5;
}

.flex_layout.stacking_cards .stacking_card h3{
    color: inherit;
}

.flex_layout.stacking_cards .stacking_card .content ul{
    padding-left: 0;
}

.flex_layout.stacking_cards .stacking_card .content ul li{
    list-style: none;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.flex_layout.stacking_cards .stacking_card .content ul li::before{
    content: '';
    width: 1.5rem; height: 1.5rem;
    background-color: currentColor;
    mask: url(/wp-content/uploads/2025/04/check.svg) no-repeat center / contain;
    -webkit-mask: url(/wp-content/uploads/2025/04/check.svg) no-repeat center / contain;
}


@media only screen and (max-width: 1020px){

    .flex_layout.stacking_cards .content_container{
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
    }
    .flex_layout.stacking_cards .stacking_card{
        grid-template-columns: minmax(0, 1fr);
        padding: 2rem 2.5rem;
        gap: 0;
    }

    .flex_layout.stacking_cards .stacking_card .image{
        display: none;
    }
}

@media only screen and (max-width: 767px){
    
    .flex_layout.stacking_cards .stacking_card{
        padding: 1rem 1.25rem;
    }
    .flex_layout.stacking_cards .stacking_card .content{
        gap: .5rem;
    }
    
    .flex_layout.stacking_cards .stacking_card .content ul li::before{
        content: '';
        width: 1rem; height: 1rem;
        background-color: currentColor;
        mask: url(/wp-content/uploads/2025/04/check.svg) no-repeat center / contain;
        -webkit-mask: url(/wp-content/uploads/2025/04/check.svg) no-repeat center / contain;
    }

}