Pricing Style 1
Basic
Perfect to get started
$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
Best for professionals
$199
/ MonthRecommended
-
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
Best for professionals
$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 elements z-sec">
<div class="container">
<div class="pricing-block">
<h2>Pricing Style 2</h2>
<div class="pricing-style-1 list1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Basic</h4>
<p>Perfect to get started</p>
<div class="price">
<h2 class="price"> $99</h2>
<span> / Month</span>
</div>
</div>
<div class="get-started">
<a href="javascript:void(0);">Get Started</a>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p><del>Lorem ipsum dolor sit</del></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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Standard</h4>
<p>Best for professionals</p>
<div class="price">
<h2 class="price"> $199</h2>
<span> / Month</span>
</div>
<div class="recommend"><span>Recommended</span></div>
</div>
<div class="get-started">
<a href="javascript:void(0);">Get Started</a>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Premium</h4>
<p>Best for professionals</p>
<div class="price">
<h2 class="price"> $299</h2>
<span> / Month</span>
</div>
</div>
<div class="get-started">
<a href="javascript:void(0);">Get Started</a>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 2
Basic
Perfect to get started
$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
Standard
Best for professionals
$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
50% Offer
Premium
Best for professionals
$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 elements z-sec">
<div class="container">
<div class="pricing-block">
<h2 class="titl2">Pricing Style 2</h2>
<div class="pricing-style-2 list1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Basic</h4>
<p>Perfect to get started</p>
<div class="price">
<h2 class="price"> $99</h2>
<span> Per Month</span>
</div>
</div>
<ul class="list-unstyled">
<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><del>Lorem ipsum dolor sit</del></p>
</li>
<li>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="price-wrp">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Standard</h4>
<p>Best for professionals</p>
<div class="price">
<h2 class="price"> $199</h2>
<span> Per Month</span>
</div>
</div>
<ul class="list-unstyled">
<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><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
<div class="price-offer"><span>50% Offer</span></div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Premium</h4>
<p>Best for professionals</p>
<div class="price">
<h2 class="price"> $299</h2>
<span> Per Month</span>
</div>
</div>
<ul class="list-unstyled">
<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 class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 3
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 elements z-sec">
<div class="container">
<div class="pricing-block">
<h2>Pricing Style 3</h2>
<div class="pricing-style-3 list1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Basic</h4>
<div class="price">
<h2 class="price"> $99</h2>
<span> / Month</span>
</div>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptate</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 40734" 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="#1b1f29" fill-rule="evenodd"/>
</svg>
</div>
<p><del>Lorem ipsum dolor sit</del></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 40734" 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="#1b1f29" fill-rule="evenodd"/>
</svg>
</div>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 popular">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Standard</h4>
<div class="price">
<h2 class="price"> $199</h2>
<span> / Month</span>
</div>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Lorem ipsum dolor sit</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 id="Path_40734" data-name="Path 40734" 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="#1b1f29" fill-rule="evenodd"/>
</svg>
</div>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Premium</h4>
<div class="price">
<h2 class="price"> $299</h2>
<span> / Month</span>
</div>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Price Style 4
Basic Package
Perfect to get started
$99
Per Month-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
Standard Package
Best for professionals
$199
Per Month-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
Premium Package
Best for professionals
$299
Per Month-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Nemo enim ipsam voluptate
<section class="pricing elements z-sec">
<div class="container">
<div class="pricing-block">
<h2>Price Style 4</h2>
<div class="pricing-style-4 list1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Basic Package</h4>
<p>Perfect to get started</p>
</div>
<div class="price">
<h2> $99</h2>
<span> Per Month</span>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptate</p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="price-wrp">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Standard Package</h4>
<p>Best for professionals</p>
</div>
<div class="price">
<h2> $199</h2>
<span> Per Month</span>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptate</p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Premium Package</h4>
<p>Best for professionals</p>
</div>
<div class="price">
<h2> $299</h2>
<span> Per Month</span>
</div>
<ul class="list-unstyled">
<li>
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</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 id="Path_40733" data-name="Path 40733" 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.301)" fill="#1b1f29"/>
</svg>
</div>
<p>Nemo enim ipsam voluptate</p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing Style 5
Basic
$99
/ Month-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Lorem ipsum dolor sit -
Nam libero tempore cumsolut
Standard
$199
/ MonthRecommended
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
Premium
$299
/ Month-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing
-
Sed ut perspiciatis und omnis
-
Lorem ipsum dolor sit
-
Nam libero tempore cumsolut
<section class="pricing elements z-sec">
<div class="container">
<div class="pricing-block">
<h2 class="titl2">Pricing Style 6</h2>
<div class="pricing-style-5 list1">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Basic</h4>
<div class="price">
<h2 class="price"> $99</h2>
<span> Per Month</span>
</div>
</div>
<ul class="list-unstyled">
<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><del>Lorem ipsum dolor sit</del></p>
</li>
<li>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="price-featured">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Standard</h4>
<div class="price">
<h2 class="price"> $199</h2>
<span> Per Month</span>
</div>
<div class="recommend"><span>Recommended</span></div>
</div>
<ul class="list-unstyled">
<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>Lorem ipsum dolor sit</p>
</li>
<li>
<p><del>Nam libero tempore cumsolut</del></p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-wrapper">
<div class="price-tag">
<h4>Premium</h4>
<div class="price">
<h2 class="price"> $299</h2>
<span> Per Month</span>
</div>
</div>
<ul class="list-unstyled">
<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>Lorem ipsum dolor sit</p>
</li>
<li>
<p>Nam libero tempore cumsolut</p>
</li>
</ul>
<div class="buyNow buttons2">
<a title="Buy-now" href="#" class="btn btn-dark btn-lg btn-custom1">Buy Now
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="44" viewBox="0 0 150 44">
<path id="Path_40738" data-name="Path 40738" d="M44,24.431,23.919,0,0,24.431H19.489V150h7.087V24.431Z" transform="translate(150) rotate(90)" fill="#1b1f29" fill-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>