List Style 1
-
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
-
Quis autem vel eum iure reprehenderit qui in ea voluptate velit
-
Sed ut perspiciatis unde omnis voluptatem accusantium dolore
-
Nam libero tempore, cum soluta nobis est eligendi option cumque
<section class="lists dt-section">
<div class="container">
<div class="lists-block">
<div class="list1">
<div class="list-wrapper">
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40765" d="M123,48a75,75,0,1,0,75,75A74.989,74.989,0,0,0,123,48ZM111.425,149.575a4.973,4.973,0,0,1-3.173,1.587,5.2,5.2,0,0,1-3.209-1.623L84.851,129.346l6.418-6.418,17.019,17.019,45-45.325,6.31,6.526Z" transform="translate(-48 -48)" fill="#130f40"></path></svg>
</div>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40765" d="M123,48a75,75,0,1,0,75,75A74.989,74.989,0,0,0,123,48ZM111.425,149.575a4.973,4.973,0,0,1-3.173,1.587,5.2,5.2,0,0,1-3.209-1.623L84.851,129.346l6.418-6.418,17.019,17.019,45-45.325,6.31,6.526Z" transform="translate(-48 -48)" fill="#130f40"></path></svg>
</div>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40765" d="M123,48a75,75,0,1,0,75,75A74.989,74.989,0,0,0,123,48ZM111.425,149.575a4.973,4.973,0,0,1-3.173,1.587,5.2,5.2,0,0,1-3.209-1.623L84.851,129.346l6.418-6.418,17.019,17.019,45-45.325,6.31,6.526Z" transform="translate(-48 -48)" fill="#130f40"></path></svg>
</div>
<p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40765" d="M123,48a75,75,0,1,0,75,75A74.989,74.989,0,0,0,123,48ZM111.425,149.575a4.973,4.973,0,0,1-3.173,1.587,5.2,5.2,0,0,1-3.209-1.623L84.851,129.346l6.418-6.418,17.019,17.019,45-45.325,6.31,6.526Z" transform="translate(-48 -48)" fill="#130f40"></path></svg>
</div>
<p>Nam libero tempore, cum soluta nobis est eligendi option cumque</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
List Style 2
-
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
-
Quis autem vel eum iure reprehenderit qui in ea voluptate velit
-
Sed ut perspiciatis unde omnis voluptatem accusantium dolore
-
Nam libero tempore, cum soluta nobis est eligendi option cumque
<section class="lists dt-section">
<div class="container">
<div class="lists-block">
<div class="list2">
<div class="list-wrapper">
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="190.909" height="150" viewBox="0 0 190.909 150"><path data-name="Path 40769" d="M366.176,167.3c-33.754,36.588-67.534,73-101.326,109.59l-52.332-47.166L194.86,252.666l62.021,55.9,9.691,8.735,8.936-9.665c36.733-39.814,73.484-79.391,110.261-119.253l-19.6-21.08Z" transform="translate(-194.86 -167.301)" fill="#130f40"></path></svg>
</div>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="190.909" height="150" viewBox="0 0 190.909 150"><path data-name="Path 40769" d="M366.176,167.3c-33.754,36.588-67.534,73-101.326,109.59l-52.332-47.166L194.86,252.666l62.021,55.9,9.691,8.735,8.936-9.665c36.733-39.814,73.484-79.391,110.261-119.253l-19.6-21.08Z" transform="translate(-194.86 -167.301)" fill="#130f40"></path></svg>
</div>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="190.909" height="150" viewBox="0 0 190.909 150"><path data-name="Path 40769" d="M366.176,167.3c-33.754,36.588-67.534,73-101.326,109.59l-52.332-47.166L194.86,252.666l62.021,55.9,9.691,8.735,8.936-9.665c36.733-39.814,73.484-79.391,110.261-119.253l-19.6-21.08Z" transform="translate(-194.86 -167.301)" fill="#130f40"></path></svg>
</div>
<p>Sed ut perspiciatis unde omnis voluptatem accusantium dolore</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="190.909" height="150" viewBox="0 0 190.909 150"><path data-name="Path 40769" d="M366.176,167.3c-33.754,36.588-67.534,73-101.326,109.59l-52.332-47.166L194.86,252.666l62.021,55.9,9.691,8.735,8.936-9.665c36.733-39.814,73.484-79.391,110.261-119.253l-19.6-21.08Z" transform="translate(-194.86 -167.301)" fill="#130f40"></path></svg>
</div>
<p>Nam libero tempore, cum soluta nobis est eligendi option cumque</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>