.rich_text_section {
    overflow: hidden;

    & .container {
        position: relative;
        z-index: 2;

        & .section_inner {
            width: 100%;
    
            & .text_area {
                width: 100%;
    
                & h2, & h3 {
                    font-weight: 400;
                    font-size: 5rem;
                    margin: 3rem 0;
                    line-height: 1;
                    color: var(--primary);

                    @media (max-width: 991px) {
                        font-size: 3rem !important;
                        text-align: left;
                    }
                }
    
                & p {
                    &.preheader, &.subheader {
                        font-size: 4rem;
                        margin: 0 0 3rem;
                        line-height: 1;

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

                        & span {
                            font-family: "Aboreto", arial, sans-serif;
                            font-size: 4rem;
                            font-weight: 400;

                            @media (max-width: 991px) {
                                font-size: 2rem;
                            }
                        }
                    }
                }
            }
    
            & ul {
                & li {
                    color: var(--text);
                }
            }

            & .images {
                width: 100%;

                @media (min-width: 992px) {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    margin: 5rem 0;
                    gap: 5rem;
                }

                @media (max-width: 991px) {
                    margin: 5rem 0 0;
                }

                & img {
                    border: 2px solid var(--primary);

                    @media (max-width: 991px) {
                        width: 100%;
                        height: 40rem;
                        object-fit: cover;
                        object-position: center;
                    }
                }
            }
    
            & .call_to_action_buttons {
                width: 100%;
                margin: 4rem 0 0;
            }
        }
    }
}