.guides_grid_section {
    background: var(--white);

    & p.preheader {
        color: #42251A;
        text-align: center;
        font-family: "DM Sans";
        font-size: 2.4rem;
        font-style: normal;
        font-weight: 400;
    }

    & h2 {
        color: #42251A;
        text-align: center;
        font-family: "Aboreto";
        font-size: 5rem;
        font-style: normal;
        font-weight: 400;
        margin: 2rem 0 5rem;

        @media (max-width: 991px) {
            font-size: 3rem;
            text-align: center;
        }
    }

    & .section_inner.guides_grid {
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        margin: 0;

        & .guide_post {
            display: flex;
            flex-direction: column;
            flex: 1 1 calc(33.333% - 2rem);
            min-width: 0;

            @media (max-width: 991px) {
                flex: 1 1 calc(50% - 1.5rem);
            }

            @media (max-width: 767px) {
                flex: 1 1 100%;
            }

            & a {
                text-decoration: none;
            }

            & h3 {
                font-size: 3rem;
                font-weight: 400;
                margin: 3rem 0 2.5rem;
                text-align: left;
            }

            & .guide_card_image {
                display: block;
                width: 100%;
                height: 25rem;

                & img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
            }
            
            & .excerpt {
                margin: 0 0 3rem;

                & p {
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    line-clamp: 4;
                }
            }
        }
    }
	
	& .call_to_action_buttons {
		margin: 3rem 0 0;
	}
}