.block-tabs-with-cards {
    padding-bottom: var(--section-margin);
    padding-top: var(--section-margin);
    background: #f7f7f7;
}

.block-tabs-with-cards.block h2,
.block-tabs-with-cards.block h3 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
}
.block-tabs-with-cards .tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 3.5rem;
}

.block-tabs-with-cards .tab-button {
    background: #E7D1F7;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0 0 0.5rem;
    color: #212529;
    cursor: pointer;
    font-size: var(--21px);
    font-weight: 500;
    line-height: 1.3;
    padding: 1rem 2.5rem;
}

.block-tabs-with-cards .tab-button:hover,
.block-tabs-with-cards .tab-button:focus,
.block-tabs-with-cards .tab-button[aria-selected="true"] {
    color: var(--purple);
    border-bottom: 1px solid var(--purple);
    outline: none;
    box-shadow: none;
}

.block-tabs-with-cards .tab-panel h3 {
    margin-bottom: 3.5rem;
}

.block-tabs-with-cards .tab-cards {
    display: grid;
    gap: 1.25rem;
}

.block-tabs-with-cards .tab-card {
    background: #220F38;
    color: #FFFFFF;
    padding: 3rem;
}

.block-tabs-with-cards .tab-card h4 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: #FFFFFF;
}

.block-tabs-with-cards .tab-card p {
    font-size: var(--18px);
    font-weight: 500;
    line-height: 1.6875rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

.block-tabs-with-cards .btn.btn-primary {
    margin-top: 1.5rem;
}

.block-tabs-with-cards .tabs-placeholder {
    font-size: var(--18px);
    font-weight: 500;
    opacity: 0.7;
}

@media only screen and (min-width: 768px) {
    .block-tabs-with-cards .intro .wp-block-column:first-child {
        padding-right: 3rem;
    }

    .block-tabs-with-cards .tab-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    .block-tabs-with-cards {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .block-tabs-with-cards.block h2,
    .block-tabs-with-cards.block h3 {
        font-size: var(--34px);
    }

    .block-tabs-with-cards .tab-list {
        gap: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .block-tabs-with-cards .tab-button {
        width:100%;
    }
}