/* TODO Check grid align */

.text-block {
    row-gap: var(--spacing-xl);
}

.text-block.std-spacing { padding: var(--spacing-9xl) 0; }

.text-block.left-align div {
    grid-column: 1 / 9;
    padding-left: var(--spacing-9xl);
}

.text-block.center-align div {
    grid-column: 4 / 10;
}

.text-block h3 {
    margin-bottom: var(--spacing-xl);
}

.text-block h4 {
    margin-bottom: var(--spacing-3xs);
}

@media (max-width: 1024px) {
    .text-block {
        padding: var(--spacing-8xl) 0;
    }

    .text-block.left-align div,
    .text-block.center-align div {
        grid-column: 1 / -1;
        padding: 0 var(--spacing-8xl);
    }
}

@media (max-width: 767px) {
    .text-block {
        padding: var(--spacing-4xl) 0;
    }

    .text-block.left-align div,
    .text-block.center-align div {
        padding: 0;
    }
}