Blockquotes

Blockquote Style 1

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia

                    
<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="150" height="100" viewBox="0 0 150 100">
                        <path data-name="Union 53" d="M15143.156,8880.727c.047-.723.063-1.426.1-2.156a34.355,34.355,0,0,1-9.52,1.363,34.968,34.968,0,0,1,0-69.934v0a34.878,34.878,0,0,1,34.758,34.961c0,.566-.023,1.094-.074,2.172a83.741,83.741,0,0,1-11.555,38.316,80.294,80.294,0,0,1-23.129,24.551A68.328,68.328,0,0,0,15143.156,8880.727Zm80.5-.012c.055-.727.07-1.434.105-2.16a34.334,34.334,0,0,1-9.52,1.363,34.96,34.96,0,0,1,0-69.918h.008a34.864,34.864,0,0,1,34.746,34.941c0,.563-.016,1.094-.07,2.172a83.646,83.646,0,0,1-11.559,38.316,80.152,80.152,0,0,1-23.125,24.551A68.305,68.305,0,0,0,15223.656,8880.715Z" transform="translate(-15098.996 -8809.996)" fill="#1a1a1a"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h4>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia</h4>
                </div>
            </div>
        </div>
    </div>
</section>
                    
                
                

Blockquote Style 2

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia

                    
<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="150" height="100" viewBox="0 0 150 100">
                        <path data-name="Union 53" d="M15143.156,8880.727c.047-.723.063-1.426.1-2.156a34.355,34.355,0,0,1-9.52,1.363,34.968,34.968,0,0,1,0-69.934v0a34.878,34.878,0,0,1,34.758,34.961c0,.566-.023,1.094-.074,2.172a83.741,83.741,0,0,1-11.555,38.316,80.294,80.294,0,0,1-23.129,24.551A68.328,68.328,0,0,0,15143.156,8880.727Zm80.5-.012c.055-.727.07-1.434.105-2.16a34.334,34.334,0,0,1-9.52,1.363,34.96,34.96,0,0,1,0-69.918h.008a34.864,34.864,0,0,1,34.746,34.941c0,.563-.016,1.094-.07,2.172a83.646,83.646,0,0,1-11.559,38.316,80.152,80.152,0,0,1-23.125,24.551A68.305,68.305,0,0,0,15223.656,8880.715Z" transform="translate(-15098.996 -8809.996)" fill="#1a1a1a"/>
                    </svg>
                </div>
                <div class="content-wrapper">
                    <h4>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium volupt atum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia</h4>
                </div>
            </div>
        </div>
    </div>
</section>