.flex-content.cards {
    padding: 80px 0;
    overflow: clip;
}
.flex-content.cards .items {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 34px;
    grid-row-gap: 34px;
}
.flex-content.cards .items:nth-child(odd) .item:nth-child(3n+1) { grid-area: 1 / 1 / 3 / 5; }
.flex-content.cards .items:nth-child(odd) .item:nth-child(3n+2) { grid-area: 1 / 5 / 2 / 7; }
.flex-content.cards .items:nth-child(odd) .item:nth-child(3n+3) { grid-area: 2 / 5 / 3 / 7; }
.flex-content.cards .items:nth-child(even) .item:nth-child(3n+1) { grid-area: 1 / 3 / 3 / 7; }
.flex-content.cards .items:nth-child(even) .item:nth-child(3n+2) { grid-area: 1 / 1 / 2 / 3; }
.flex-content.cards .items:nth-child(even) .item:nth-child(3n+3) { grid-area: 2 / 1 / 3 / 3; }

.flex-content.cards .card {
    --bs-card-bg: #FFF;
    --bs-card-border-width: 0;
    --bs-card-border-radius: 40px 0 40px 0;
    --bs-card-inner-border-radius: 40px;
    --bs-card-spacer-y: 40px;
    --bs-card-spacer-x: 40px;
}
.flex-content.cards .card .btn {
    text-align: left;
}
.flex-content.cards .item:nth-child(3n+1) .card {
    flex-direction: row;
}
.flex-content.cards .item:nth-child(3n+1) .card .image {
    flex: 1 0 45%;
    max-width: 45%;
    border-radius: 0px 0 0 0;
    overflow: clip;
}
.flex-content.cards .item:nth-child(3n+1) .card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex-content.cards .item:nth-child(3n+1) .card-body {
    align-self: center;
}
.flex-content.cards .item:not(:nth-child(3n+1)) .card .image {
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) 0;
}
.flex-content.cards .item:not(:nth-child(3n+1)) .card .image img {
    max-width: 200px;
    max-height: 70px;
}



.page-id-585 .flex-content.cards {
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .flex-content.cards .items {
        display: flex;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }
    .flex-content.cards .item:nth-child(3n+1) .card {
        flex-direction: column;
    }
    .flex-content.cards .item:nth-child(3n+1) .card .image {
        /* flex: 1 0 100%; */
        max-width: 100%;
    }
    .flex-content.cards .item:nth-child(3n+2),
    .flex-content.cards .item:nth-child(3n+3) {
        flex: 1 0 50%;
        max-width: calc(50% - 17px);
    }
}
@media (max-width: 767px) {
    .flex-content.cards .item:nth-child(3n+2),
    .flex-content.cards .item:nth-child(3n+3) {
        flex: 1 0 100%;
        max-width: 100%;
    }
}