.quote-component{display:flex}
.quote-component .quote-image{margin-right:20px}
.quote-component .quote-image img{height:100px;width:100px;border-radius:50%}
.quote-component .quote-content p:has(span){line-height:0}
.quote-component .quote-content{border-left:1px solid var(--color-tertiary2);min-height:100px;padding-left:20px}
.quote-component .quote-content p{font-family:var(--font-heading-medium);font-style:normal;font-weight:500;font-size:1rem;line-height:20px;color:var(--color-primary3);margin:0 0 10px 0}
.quote-component .quote-content span{font-family:var(--font-text-regular);font-size:.8125rem;line-height:15px;color:var(--color-primary6)}
@media only screen and (min-width:768px) and (max-width:1024px){.quote-component .quote-content span{font-size:1.125rem;line-height:28px}
}
@media only screen and (min-width:1025px){.quote-component .quote-content span{font-size:1.375rem;line-height:30px}
}
@media only screen and (min-width:768px){.quote-component .quote-image img{height:138px;width:138px}
.quote-component .quote-content{min-height:138px}
.quote-component .quote-content p{font-size:1.5rem;line-height:32px}
}