.text--2 {
    row-gap: 1.25rem;
    background-color: var(--clr-secondary);
}

.text--2 .component__heading,
.text--2 .component__content {
    text-align: center;
}

.text--2 .heading--default,
.text--2 .heading--primary,
.text--2 .heading--secondary,
.text--2 .text {
    color: var(--clr-white);
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1480px) {
}