.two_column_list_section {

    & .section_inner {
        width: 100%;

        & h2, & h3, & h4 {
            width: 100%;
            margin: 0 0 2rem;

            & span {
                color: var(--primary);
                font-size: inherit;
                font-weight: inherit;
            }
        }

        & .description {
            width: 100%;
            margin: 0 0 5rem;

            & p {
                font-size: 2.4rem;
                color: #1F1F1F;
                margin: 0 0 1rem;

                @media (max-width: 991px) {
                    font-size: 1.8rem;
                }

                &:last-child {
                    margin: 0;
                }
            }
        }

        & .list_columns {
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            flex-wrap: wrap;

            & .list_column {
                width: 48%;
                margin: 0;
                padding: 0 0 0 2rem;
                list-style: disc;

                @media (max-width: 991px) {
                    width: 100%;
                }

                /* Second column keeps the run of bullets flowing on mobile
                   rather than opening a gap where the split used to be. */
                &:last-child {
                    @media (max-width: 991px) {
                        margin-top: 3rem;
                    }
                }

                & .list_item {
                    margin: 0 0 3rem;

                    &::marker {
                        color: var(--teal);
                    }

                    &:last-child {
                        margin-bottom: 0;
                    }

                    & .item_label {
                        display: block;
                        font-size: 2.4rem;
                        font-weight: 700;
                        color: var(--teal);
                        margin: 0 0 0.5rem;

                        @media (max-width: 991px) {
                            font-size: 1.8rem;
                        }
                    }

                    & .item_text {
                        font-size: 2.4rem;
                        color: #1F1F1F;
                        margin: 0;

                        @media (max-width: 991px) {
                            font-size: 1.8rem;
                        }
                    }
                }
            }
        }

        & .bottom_text {
            width: 100%;
            margin: 5rem 0 0;

            & p {
                font-size: 2.4rem;
                color: #1F1F1F;
                margin: 0 0 1rem;

                @media (max-width: 991px) {
                    font-size: 1.8rem;
                }

                &:last-child {
                    margin: 0;
                }
            }
        }

        & .call_to_action_buttons {
            margin: 4rem 0 0;
        }
    }
}