.o-text-b {
    padding-top: 2.1rem;

    @media (width >=700px) {
        padding-top: 1.75rem;
        padding-bottom: 3rem;
    }
}

.o-text-b__columns {
    @media (width >=700px) {
        display: flex;
        justify-content: space-between;
        gap: 0 40px;
    }
}

.o-text-b__column {
    @media (width >=700px) {
        flex: 1 100%;
    }
}

.o-text-b__primary {
    padding-bottom: 1.6rem;
}

.o-text-b__primary-title {
    color: var(--color-red);
    margin-top: .3em;
    margin-bottom: .3em;
    font-size: clamp(var(--title-xxl), 2.4545rem + 2.7273vw, var(--title-xxxl));

    @media (width >=700px) {
        margin-top: 0;
    }

    @media (width >=875px) {
        margin-bottom: .1em;
    }
}

.o-text-b__secondary {
    background-color: var(--color-grey-light);
    position: relative;
    left: -4.5%;
    width: 100vw;
    padding: 2.5rem 5.5% .7rem;

    @media (width >=700px) {
        margin-left: unset;
        margin-right: unset;
        margin-bottom: 1em;
        left: unset;
        padding: .7rem 3%;
        max-width: 50%;
        align-self: end;
    }

    @media (width >=1024px) {
        padding: 1.5rem 2% 1rem;
        max-width: 47%;
    }
}

.o-text-b__lists {
    @media (width >=550px) {
        display: flex;
        gap: 0 2.5rem;
    }
}

.o-text-b__list {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    min-width: 33%;

    @media (width >=700px) {
        margin-bottom: .5em;
        flex: 1;
    }

    @media (width >=1024px) {
        flex: unset;
    }

    & li {
        color: var(--color-black);
        font-family: var(--font-family-secondary-light);
        font-weight: 400;
        margin-bottom: .05em;
        line-height: 1.32;
    }
}

.o-text-b__list.o-text-b__list--1 {
    @media (width <=549px) {
        margin-bottom: 0;
    }
}

.o-text-b__card-title {
    margin-bottom: .7em;

    @media (width >=700px) {
        margin-bottom: .3em;
    }
}