.citation{gap:40px;}
.citation div{display:flex;flex-direction: column;}
.citation blockquote{position: relative;padding-top:28px;font-size:24px;line-height:1.4em;color:var(--main-color);margin:0;}
.citation blockquote::before{
    content:'“';
    font-size: 96px;
    line-height:28px;
    display:block; 
}
.citation blockquote::after{content:' “';}
.citation .name{font-weight:700;font-size:18px;margin-top:9px;}
.citation p{color:var(--main-color);}
@media screen and (min-width: 1024px) {
    .citation{gap:var(--space-05);flex-direction: row;}
    .citation h2{flex-basis:33%;}
    .citation > div{flex-basis:100%;}
}