Blockquotes Style 1
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id estimos laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
Brave Quria
<div class="blockquote-style-1">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="212" height="150" viewBox="0 0 212 150">
<path id="Path_40080" data-name="Path 40080" d="M273.653,248.959c0,27.631-22.63,50-50.587,50s-50.587-20.724-50.587-59.21c0-53.29,40.271-90.13,83.867-90.788,7.322,0,11.315,4.277,11.315,11.514v.328c0,7.237-2,10.527-5.657,11.514-11.65,1.973-35.277,8.224-42.931,26.644,35.941,0,54.578,22.7,54.578,50Zm56.245-50c7.654-18.42,31.284-24.671,42.931-26.644,3.661-.987,5.657-4.277,5.657-11.514v-.328c0-7.237-3.993-11.514-11.315-11.514-43.6.659-83.867,37.5-83.867,90.788,0,38.486,22.63,59.21,50.587,59.21s50.587-22.367,50.587-50-18.307-50-54.583-50Z" transform="translate(-172.479 -148.959)" fill="#222025"/>
</svg>
</div>
<div class="blockquote-content">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id estimos laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
<span>Brave Quria</span>
</div>
</div>
Blockquotes Style 2
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores nesciunt.
Brave Quria
<div class="blockquote-style-2">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores nesciunt.</p>
<span>Brave Quria</span>
</div>