Pricing Style 1
Basic
$99/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit -
Nam libero tempore cumsolut
Standard
$199/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Premium
$299/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<section class="pricing dt-section">
<div class="container">
<div class="pricing-block">
<div class="pricing1">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Basic</h4>
<p><span class="currency">$</span><span class="price">99</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Lorem ipsum dolor sit</s></p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a class="read secondary btn-sm btn-custom6" title="Details" href="#">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941"><path d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#1a1a1a"></path></svg></a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="recomended-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="162" height="150" viewBox="0 0 162 150"><path data-name="Path 40237" d="M163.875,62.523c.809-3.93-2.428-8.647-6.475-8.647l-46.134-6.289L90.222,6.711a6.231,6.231,0,0,0-3.238-3.144A8.317,8.317,0,0,0,75.653,6.711L55.419,47.588,9.284,53.876q-3.642,0-4.856,2.358a7.449,7.449,0,0,0,0,11.005L37.613,98.683,29.519,143.49a9.714,9.714,0,0,0,.809,4.717,8.317,8.317,0,0,0,11.331,3.144l41.278-21.224,41.278,21.224c.809.786,2.428.786,4.047.786h1.619a8.169,8.169,0,0,0,6.475-9.433L128.263,97.9l33.184-31.443A4.307,4.307,0,0,0,163.875,62.523Z" transform="translate(-2 -2.459)" fill="#1a1a1a"></path></svg>
</div>
<div class="plan-info">
<h4>Standard</h4>
<p><span class="currency">$<span class="price">199</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a class="read secondary btn-sm btn-custom6" title="Details" href="#">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941"><path d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#1a1a1a"></path></svg></a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Premium</h4>
<p><span class="currency" >$</span><span class="price">299</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a class="read secondary btn-sm btn-custom6" title="Details" href="#">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941"><path d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#1a1a1a"></path></svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 2
Basic Plan
$99/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit -
Nam libero tempore cumsolut
Recommended
Standard Plan
$199/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Premium Plan
$299/ Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<section class="pricing dt-section">
<div class="container">
<div class="pricing-block">
<div class="pricing2">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Basic Plan</h4>
<p><span class="currency">$</span><span class="price">99</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<p><s>Lorem ipsum dolor sit</s></p>
</li>
<li>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper recomended lists-block">
<div class="recomended-wrapper">
<div class="recomended-tag">
<p>Recommended</p>
</div>
</div>
<div class="plan-info">
<h4>Standard Plan</h4>
<p><span class="currency">$<span class="price">199</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Premium Plan</h4>
<p><span class="currency" >$</span><span class="price">299</span><span class="period">/ Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<p>Consectetur adipiscing</p>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 3
Basic
Monthly
$99
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit -
Nam libero tempore cumsolut
Recommended
Standard
Monthly
$199
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Premium
Monthly
$299
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<section class="pricing dt-section">
<div class="container">
<div class="pricing-block">
<div class="pricing3">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<div class="info">
<h6>Basic</h6>
<h4>Monthly</h4>
</div>
<div>
<p><span class="currency">$</span><span class="price">99</span></p>
</div>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Lorem ipsum dolor sit</s></p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper recomended lists-block">
<div class="recomended-wrapper">
<div class="recomended-tag">
<p>Recommended</p>
</div>
</div>
<div class="plan-info">
<div class="info">
<h6>Standard</h6>
<h4>Monthly</h4>
</div>
<div>
<p><span class="currency">$</span><span class="price">199</span></p>
</div>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p><s>Nam libero tempore cumsolut</s></p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<div class="info">
<h6>Premium</h6>
<h4>Monthly</h4>
</div>
<div>
<p><span class="currency">$</span><span class="price">299</span></p>
</div>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit amet</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Consectetur adipiscing</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Sed ut perspiciatis und omnis</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nemo enim ipsam voluptate</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Lorem ipsum dolor sit</p>
</li>
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg></div>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 4
Basic
$99
Per Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Recommended
Standard
$199
Per Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Premium
$299
Per Month
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<section class="pricing dt-section">
<div class="container">
<div class="pricing-block">
<div class="pricing4">
<div class="row row-mr">
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Basic</h4>
<p><span class="currency">$</span><span class="price">99</span></p>
<p><span class="period">Per Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Consectetur adipiscing</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
<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 40240" d="M83.883,32.726l18.843-18.843L158.883,70.04,215.04,13.883l18.843,18.843L177.726,88.883l56.157,56.157L215.04,163.883l-56.157-56.157-56.157,56.157L83.883,145.04,140.04,88.883Z" transform="translate(-83.883 -13.883)" fill="#1a1a1a" fill-rule="evenodd"></path></svg>
</div>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
<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 40240" d="M83.883,32.726l18.843-18.843L158.883,70.04,215.04,13.883l18.843,18.843L177.726,88.883l56.157,56.157L215.04,163.883l-56.157-56.157-56.157,56.157L83.883,145.04,140.04,88.883Z" transform="translate(-83.883 -13.883)" fill="#1a1a1a" fill-rule="evenodd"></path></svg>
</div>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="recomended-wrapper">
<div class="recomended-tag">
<p>Recommended</p>
</div>
</div>
<div class="plan-info">
<h4>Standard</h4>
<p><span class="currency">$</span><span class="price">199</span></p>
<p><span class="period">Per Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Consectetur adipiscing</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
<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 40240" d="M83.883,32.726l18.843-18.843L158.883,70.04,215.04,13.883l18.843,18.843L177.726,88.883l56.157,56.157L215.04,163.883l-56.157-56.157-56.157,56.157L83.883,145.04,140.04,88.883Z" transform="translate(-83.883 -13.883)" fill="#1a1a1a" fill-rule="evenodd"></path></svg>
</div>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-12 col-mr">
<div class="content-wrapper lists-block">
<div class="plan-info">
<h4>Premium</h4>
<p><span class="currency">$</span><span class="price">299</span></p>
<p><span class="period">Per Month</span></p>
</div>
<div class="info-content list2">
<ul class="list-unstyled list-wrapper">
<li>
<p>Lorem ipsum dolor sit amet</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Consectetur adipiscing</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Sed ut perspiciatis und omnis</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Nemo enim ipsam voluptate</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Lorem ipsum dolor sit</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150"><path data-name="Path 40239" d="M374.334,167.3c-35.362,36.588-70.75,73-106.152,109.59l-54.823-47.166-18.5,22.941,64.975,55.9,10.152,8.734,9.361-9.665c38.482-39.814,76.984-79.391,115.511-119.253L374.328,167.3Z" transform="translate(-194.86 -167.3)" fill="#1a1a1a"></path></svg>
</div>
</li>
</ul>
</div>
<div class="btn-wrapper">
<a title="Button-large" href="#" class="btn btn-secondary btn-lg btn-custom4">Buy Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>