.flex-layout.stacking_cards-layout>.pk-row {
    padding-top: 145px;
}

.flex-layout.stacking_cards-layout .stacking-cards-container>.pk-heading {
    margin-bottom: 40px;
}

.flex-layout.stacking_cards-layout .stacking_card {
    padding: 40px;
    position: sticky;
    top: calc(var(--pk-header-height) + 80px + var(--wp-admin--admin-bar--height, 0px));
}

.flex-layout.stacking_cards-layout .stacking_card .card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    max-width: 85%;
    width: fit-content;
}

.flex-layout.stacking_cards-layout .stacking_card .card-content .pk-text li {
    margin-bottom: 0;
}

.flex-layout.stacking_cards-layout .stacking_card.kobalt .card-content .pk-text li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' viewBox='0 0 13 10' fill='none'%3E%3Cpath d='M4.44542 9.41979L0 4.97437L0.890833 4.08333L4.44542 7.63792L12.0833 0L12.9742 0.891042L4.44542 9.41979Z' fill='white'/%3E%3C/svg%3E");
}

.flex-layout.stacking_cards-layout .stacking_card .card-image {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flex-layout.stacking_cards-layout .stacking_card .card-image>img {
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: min-content;
}

.flex-layout.stacking_cards-layout .stacking_card .adviseur-badge {
    width: 100%;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.flex-layout.stacking_cards-layout .stacking_card .adviseur-badge .adviseur-image {
    height: fit-content;
}

.flex-layout.stacking_cards-layout .stacking_card .adviseur-badge .adviseur-image img {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 56px;
    object-fit: cover;
    object-position: top;
}

.flex-layout.stacking_cards-layout .stacking_card .adviseur-badge .adviseur-info h5 {
    margin-bottom: 4px;
}

.flex-layout.stacking_cards-layout .stacking_card .adviseur-badge .adviseur-info span {
    opacity: 0.75;
    color: var(--kobalt);
}

.flex-layout.stacking_cards-layout .stacking_card.kobalt,
.flex-layout.stacking_cards-layout .stacking_card.kobalt .pk-heading {
    color: var(--white);
}

.flex-layout.stacking_cards-layout .stacking_card .link-card {
    height: min-content;
}

.flex-layout.stacking_cards-layout .stacking_card .link-card .link-card-overlay {
    background-color: var(--white);
}

.flex-layout.stacking_cards-layout .stacking_card .link-card .link-card-overlay.red:after {
    background-color: var(--red);
}

.flex-layout.stacking_cards-layout .stacking_card .link-card .link-card-overlay.kobalt:after {
    background-color: var(--kobalt);
}

.flex-layout.stacking_cards-layout .stacking_card .link-card .link-card-overlay.sky:after {
    background-color: var(--sky);
}

.flex-layout.stacking_cards-layout .stacking_card.sky .card-image .link-card-svg>rect,
.flex-layout.stacking_cards-layout .stacking_card.kobalt .card-image .link-card-svg>rect {
    fill: var(--red);
}


@media screen and (min-width: 993px) {
    .flex-layout.stacking_cards-layout .stacking-cards-container {
        display: flex;
        flex-direction: column;
        gap: 80px;
    }
}

@media screen and (max-width: 992px) {
    .flex-layout.stacking_cards-layout>.pk-row {
        padding-top: 100px;
    }

    .flex-layout.stacking_cards-layout .stacking_card {
        gap: 1.5rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card .card-content {
        max-width: 100%;
        padding: 0;
    }

    .flex-layout.stacking_cards-layout .stacking_card .adviseur-badge {
        padding: 1.5rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card {
        position: relative;
        top: unset;
    }
}

@media screen and (max-width: 767px) {
    .flex-layout.stacking_cards-layout>.pk-row {
        padding-top: 80px;
    }

    .flex-layout.stacking_cards-layout .stacking-cards-container>.pk-heading {
        margin-bottom: 32px;
        padding-inline: 1rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card {
        padding: 1.5rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card .card-image {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card .adviseur-badge {
        padding: 1rem;
    }

    .flex-layout.stacking_cards-layout .stacking_card .card-image>img {
        min-height: 350px;
    }
}