<!-- Pricing One Start -->
<section class="pricing-one">
  <div class="container">
    <div class="section-title text-center">
      <div class="section-title__tagline-box"> <span class="section-title__tagline">Popular Package</span>
        <div class="section-title__icon"> <img src="assets/images/icon/section-title-icon.png" alt=""> </div>
      </div>
      <h2 class="section-title__title">Popular Service Packages</h2>
    </div>
    <div class="row"> 
      <!--Pricing One Single Start-->
      <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
        <div class="pricing-one__single">
          <div class="pricing-one__top">
            <div class="pricing-one__top-shape"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape.png');"> </div>
            <div class="pricing-one__top-shape-2"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape-2.png');"> </div>
            <p class="pricing-one__sub-title">Diamond Plan</p>
            <h3 class="pricing-one__price">$20.00</h3>
          </div>
          <div class="pricing-one__bottom">
            <div class="pricing-one__btn-box"> <a href="pricing.html" class="pricing-one__btn thm-btn"><span
                                            class="icon-right-arrow"></span>Buy Package</a> </div>
            <ul class="pricing-one__points list-unstyled">
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Dynamic website</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>month hardware</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Server maintenace</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Data recovery</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Online Supports</p>
              </li>
            </ul>
            <div class="pricing-one__img"> <img src="assets/images/resources/pricing-1-1.jpg" alt=""> </div>
          </div>
        </div>
      </div>
      <!--Pricing One Single End--> 
      <!--Pricing One Single Start-->
      <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
        <div class="pricing-one__single">
          <div class="pricing-one__top">
            <div class="pricing-one__top-shape"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape.png');"> </div>
            <div class="pricing-one__top-shape-2"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape-2.png');"> </div>
            <p class="pricing-one__sub-title">Startar Plan</p>
            <h3 class="pricing-one__price">$25.00</h3>
          </div>
          <div class="pricing-one__bottom">
            <div class="pricing-one__btn-box"> <a href="pricing.html" class="pricing-one__btn thm-btn"><span
                                            class="icon-right-arrow"></span>Buy Package</a> </div>
            <ul class="pricing-one__points list-unstyled">
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Dynamic website</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>month hardware</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Server maintenace</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Data recovery</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Online Supports</p>
              </li>
            </ul>
            <div class="pricing-one__img"> <img src="assets/images/resources/pricing-1-2.jpg" alt=""> </div>
          </div>
        </div>
      </div>
      <!--Pricing One Single End--> 
      <!--Pricing One Single Start-->
      <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
        <div class="pricing-one__single">
          <div class="pricing-one__top">
            <div class="pricing-one__top-shape"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape.png');"> </div>
            <div class="pricing-one__top-shape-2"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape-2.png');"> </div>
            <p class="pricing-one__sub-title">Premium Plan</p>
            <h3 class="pricing-one__price">$32.00</h3>
          </div>
          <div class="pricing-one__bottom">
            <div class="pricing-one__btn-box"> <a href="pricing.html" class="pricing-one__btn thm-btn"><span
                                            class="icon-right-arrow"></span>Buy Package</a> </div>
            <ul class="pricing-one__points list-unstyled">
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Dynamic website</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>month hardware</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Server maintenace</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Data recovery</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Online Supports</p>
              </li>
            </ul>
            <div class="pricing-one__img"> <img src="assets/images/resources/pricing-1-3.jpg" alt=""> </div>
          </div>
        </div>
      </div>
      <!--Pricing One Single End--> 
      <!--Pricing One Single Start-->
      <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
        <div class="pricing-one__single">
          <div class="pricing-one__top">
            <div class="pricing-one__top-shape"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape.png');"> </div>
            <div class="pricing-one__top-shape-2"
                                    style="background-image: url('assets/images/shapes/pricing-one-top-shape-2.png');"> </div>
            <p class="pricing-one__sub-title">Ultimate Plan</p>
            <h3 class="pricing-one__price">$42.00</h3>
          </div>
          <div class="pricing-one__bottom">
            <div class="pricing-one__btn-box"> <a href="pricing.html" class="pricing-one__btn thm-btn"><span
                                            class="icon-right-arrow"></span>Buy Package</a> </div>
            <ul class="pricing-one__points list-unstyled">
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Dynamic website</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>month hardware</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Server maintenace</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Data recovery</p>
              </li>
              <li>
                <div class="icon"> <span class="icon-check-1"></span> </div>
                <p>Online Supports</p>
              </li>
            </ul>
            <div class="pricing-one__img"> <img src="assets/images/resources/pricing-1-4.jpg" alt=""> </div>
          </div>
        </div>
      </div>
      <!--Pricing One Single End--> 
    </div>
  </div>
</section>
<!-- Pricing One End -->