.block-cards {
    margin-top: 85px;
    margin-bottom: 85px;
}

.block-cards__list {
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: center;
}

.block-cards__item {
    --custom-theme-flex-span: 3;
}
.block-cards__content {
    --custom-theme-flex-span: 12;
}
.block-cards__content:nth-child(3) {
    --custom-theme-flex-span: 6;
}
.block-cards__content:nth-child(4) {
    --custom-theme-flex-span: 9;
}

.card {
    padding: 41px 20px 43px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.card__title {
    margin: 0;
    width: 211px;
}

.card__text {
    height: 277px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-top: 1px dotted var(--wp--preset--color--red-2);
    margin-top: 49px;
    padding-top: 49px;
    margin-bottom: 0;
}

.block-cards__content .block-section-link {
    padding-left: 0!important;
    padding-right: 0!important;
    width: auto!important;
    margin-left: 0!important;
    margin-right: 0!important;
}

.block-cards__content:has(.block-paragraph:first-child:last-child:empty) {
    display: none;
}

@media screen and (max-width: 1199px) {
    .block-cards__item {
        --custom-theme-flex-span: 4;
    }
    .block-cards--lengthy .block-cards__item {
        --custom-theme-flex-span: 6;
    }
    .block-cards__content:nth-child(3) {
        --custom-theme-flex-span: 8;
    }
    .block-cards__content:nth-child(4) {
        --custom-theme-flex-span: 12;
    }
}

@media screen and (max-width: 991px) {
    .block-cards__item {
        --custom-theme-flex-span: 8;
    }
    .block-cards__content:nth-child(4) {
        --custom-theme-flex-span: 8;
    }
    .block-cards__content .block-section-link__content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .block-cards__content .block-section-link .block-section-link__content > .wp-block-heading {
        --custom-theme-flex-span: 6;
    }
    .card__text {
        height: auto;
        margin-top: 25px;
        padding-top: 25px;
    }
}

@media screen and (max-width: 767px) {
    .block-cards__list {
        flex-direction: column;
    }
    .card__icon img {
        max-width: 36px;
        height: auto;
    }
}
