.flex_layout.quote .quote_wrapper{
    grid-column: 1 / span 6;
    padding-left: var(--grid-margin);
    display: flex; flex-direction: column;
    gap: var(--grid-margin);
}

.flex_layout.quote .quote_wrapper .text{
    font-size: max(24px, 2.12vw);
    font-weight: 700;
    line-height: 1.2;
}

.flex_layout.quote .quote_wrapper .text::before{
    content: '';
    display: block;
    width: .8em; height: .8em;
    margin-bottom: 1rem;
    background-color: currentColor;
    mask: url(../../../../../../uploads/green-oaks/icons/quote_icon.svg) no-repeat center / contain;
    -webkit-mask: url(../../../../../../uploads/green-oaks/icons/quote_icon.svg) no-repeat center / contain;
}

.flex_layout.quote .name{
    font-weight: 700;
    font-size: 18px;
}

.flex_layout.quote .info{
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.flex_layout.quote .info::before{
    content: '';
    width: 7px; aspect-ratio: 1;
    background-color: #bfbfbf;
    order: 2;
}

.flex_layout.quote .info span:nth-child(2){
    order: 3;
}


@media only screen and (max-width: 992px){
    .flex_layout.quote .quote_wrapper{
        grid-column-end: span 4;
        padding-right: var(--grid-margin);
    }

}