Blockquote Style 1
Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
<section class="blockquotes dt-section">
<div class="container">
<div class="blockquotes-block">
<div class="blockquote1">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path data-name="Union 54" d="M108.332,102.507c0-41.485,22.182-84.12,52.713-101.349a9.011,9.011,0,0,1,12.428,3.82,9.674,9.674,0,0,1-3.662,12.874c-14,7.909-26.051,23.109-33.828,41.058a44.645,44.645,0,0,1,18.165-3.9c25.307,0,45.852,21.318,45.852,47.5S179.43,150,154.148,150,108.332,128.685,108.332,102.507ZM0,102.507C0,60.994,22.145,18.387,52.677,1.158a9.013,9.013,0,0,1,12.452,3.82,9.671,9.671,0,0,1-3.687,12.874C47.476,25.762,35.451,40.961,27.651,58.91a44.472,44.472,0,0,1,18.165-3.9c25.27,0,45.84,21.318,45.84,47.5S71.086,150,45.816,150,0,128.685,0,102.507Z" transform="translate(200 150) rotate(180)" fill="#130f40"/>
</svg>
</div>
<div class="content-wrapper">
<h4>Nemo enim ipsam voluptatem quia sint an voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</h4>
</div>
</div>
</div>
</div>
</section>
Blockquote Style 2
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum delenitio atque corrupti quos dolores et quas dolore molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi
<section class="blockquotes dt-section">
<div class="container">
<div class="blockquotes-block">
<div class="blockquote2">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150.002" viewBox="0 0 200 150.002">
<path data-name="Union 55" d="M17108.338,4967.5c0-41.484,22.176-84.119,52.711-101.348a9,9,0,0,1,12.424,3.82,9.671,9.671,0,0,1-3.656,12.873c-14,7.91-26.051,23.109-33.834,41.059a44.674,44.674,0,0,1,18.168-3.9c25.309,0,45.85,21.316,45.85,47.5s-20.564,47.5-45.85,47.5C17128.881,5015,17108.338,4993.682,17108.338,4967.5Zm-108.338,0c0-41.512,22.152-84.119,52.682-101.348a9.017,9.017,0,0,1,12.455,3.82,9.673,9.673,0,0,1-3.689,12.873c-13.971,7.91-26,23.109-33.793,41.059a44.463,44.463,0,0,1,18.166-3.9c25.27,0,45.844,21.316,45.844,47.5s-20.574,47.5-45.844,47.5S17000,4993.682,17000,4967.5Z" transform="translate(-17000 -4864.998)" fill="#130f40"/>
</svg>
</div>
<div class="content-wrapper">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum delenitio atque corrupti quos dolores et quas dolore molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi</p>
</div>
</div>
</div>
</div>
</section>