@extends('inculdes.main')
@section('content')
<style>
.price-item {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
          box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
  border-radius: 10px;
}

@media (min-width: 768px) {
  .price-item {
    margin: 0 20px;
    padding-top: 20px;
  }
}

.price-item .price-top {
  -webkit-box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
          box-shadow: 0 5px 30px 0 rgba(39, 39, 39, 0.15);
  padding: 50px 0 25px;
  background-color: #00b5ec;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  margin-bottom: 33px;
}b

@media (min-width: 768px) {
  .price-item .price-top {
    margin: 0 -20px;
    border-radius: 20px;
  }
}

.price-item .price-top:after {
  height: 50px;
  width: 100%;
  border-radius: 0 0 10px 10px;
  background-color: #00b5ec;
  position: absolute;
  content: '';
  left: 0;
  bottom: -17px;
  z-index: -1;
  -webkit-transform: skewY(5deg);
          transform: skewY(5deg);
  -webkit-box-shadow: 0 5px 10px 0 rgba(113, 113, 113, 0.15);
          box-shadow: 0 5px 10px 0 rgba(113, 113, 113, 0.15);
}

@media (min-width: 768px) {
  .price-item .price-top:after {
    border-radius: 0 0 20px 20px;
  }
}

.price-item .price-top * {
  color: #fff;
}

.price-item .price-top h2 {
  font-weight: 700;
}

.price-item .price-top h2 sup {
  top: 13px;
  left: -5px;
  font-size: 0.35em;
  font-weight: 500;
  vertical-align: top;
}

.price-item .price-content {
  padding: 30px;
  padding-bottom: 40px;
}

.price-item .price-content li {
  position: relative;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}

@media (min-width: 992px) {
  .price-item .price-content li {
    padding-left: 28px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .price-item .price-content li i {
    position: absolute;
    left: 0;
    top: 3px;
  }
}

.price-item .price-content .zmdi-check {
  color: #28a745;
}

.price-item .price-content .zmdi-close {
  color: #f00;
}

.popular {
  background-color: #06a3da;
}

.popular .price-top {
  background-color: #fff;
}

.popular .price-top:after {
  background-color: #fff;
}

.popular .price-top h4 {
  color: #101f41;
}

.popular .price-top h2, .popular .price-top span, .popular .price-top sup {
  color: #06a3da;
}

.popular .price-content ul *,
.popular .price-content ul .zmdi-close, .popular .price-content ul .zmdi-check {
  color: #fff !important;
}
</style>
   <!-- Pricing Plan Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container">
            {{-- <div class="text-center">
                <div class="nav price-tabs" role="tablist">
                    <a class="nav-link active" href="#yearly" role="tab" data-toggle="tab">Yearly</a>
                    <a class="nav-link" href="#monthly" role="tab" data-toggle="tab">Monthly</a>
                </div>
            </div> --}}
            <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
                <h5 class="fw-bold text-primary text-uppercase">Pricing Plans</h5>
                <h1 class="mb-0">Discover Affordable Excellence: Experience Our Competitive Pricing</h1>
            </div>
            <div class="tab-content wow slideInUp" style="visibility: visible; animation-name: fadeIn;">
                <div role="tabpanel" class="tab-pane fade show active" data-wow-delay="0.6s" id="yearly">
                    <div class="row justify-content-center">
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Bookkeeping</h4>
                                    <h2 class="mb-0">$210/Month</h2> 
                                    {{-- <span class="text-capitalize">per Month</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Dedicated Accountant</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">No Setup Fees</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Month-to-Month Contract</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">50% Discount for Backwork</span>
                                        </li>
                                        
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'bookkeeping']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center popular">
                                <div class="price-top">
                                    <h4>Business Tax</h4>
<h2 class="mb-0">
    $650
</h2>

                                    {{-- <span class="text-capitalize">Flat</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">$850 (over $1M revenue)</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">35% Less than Others</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free E-Filing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-close mr-2"></i>
                                            <span>Free Extensions</span>
                                        </li>
                                        
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'business-tax']) }}" class="btn btn-custom btn-light" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Individual Tax</h4>
                                    <h2 class="mb-0">$250+</h2>
                                    {{-- <span class="text-capitalize">Flat</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Fee <a href="{{ route('ind_tax_calculator') }}">Calculator</a> Available</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">10-30% Below H&amp;R Block</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free E-Filing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-close mr-2"></i>
                                            <span>Free Extensions</span>
                                        </li>
                                        
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'individual-tax']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Payroll</h4>
                                    <h2 class="mb-0">$135/Month</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">No Setup Fee</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Same Fee as QuickBooks</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free W2 Filings</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-close mr-2"></i>
                                            <span>Fee <a href="{{ route('service',['slug' => 'payroll']) }}">Calculator</a> Available</span>
                                        </li>
                                        
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'payroll']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center popular">
                                <div class="price-top">
                                    <h4>Incorporation</h4>
                                    <h2 class="mb-0">$299</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Flat Fee Pricing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">300% Less than Others</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free Amended Filings</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-close mr-2"></i>
                                            <span>Free Online Portal</span>
                                        </li>
                                        
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'incorporation']) }}" class="btn btn-light" target="_blank">Read More</a>

                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Sales Tax</h4>
                                    <h2 class="mb-0">$50/Month</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Flat Fee Pricing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">$75 Registration Free</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">No Setup Fee</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-close mr-2"></i>
                                            <span>Free E-Pay Tax Bill</span>
                                        </li>
                                       
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'sales-tax']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        
                        
                            <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Consultation</h4>
                                    <h2 class="mb-0">$150</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Flat Fee Pricing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Up to 1 Hour Consultation</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Consultation with CPA</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free Tax Tips</span>
                                        </li>
                                       
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'consultation']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        
                        
                            <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center popular">
                                <div class="price-top">
                                    <h4>Due Diligence</h4>
                                    <h2 class="mb-0">$1,499</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Flat Fee Pricing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">3-Yr Financial Report</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Quick Turnaround</span>
                                        </li>
                                          <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free Online Portal</span>
                                        </li>
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'due-diligence']) }}" class="btn btn-light" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Private Foundation</h4>
                                    <h2 class="mb-0">$3,250</h2>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Flat Fee Pricing</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">300% less than others</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Complete Package</span>
                                        </li>
                                          <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Free Online Portal</span>
                                        </li>
                                    </ul>
                                    <a href="{{ route('service',['slug' => 'private-foundation']) }}" class="btn btn-primary" target="_blank">Read More</a>
                                </div>
                            </div>
                        </div>
                        
                        
                         <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4 style="font-size: 22px;">Bookkeeping Catch-Up & Year-End Adj</h4>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Bookkeeping Catch-up:<br>50% Discount for Backwork</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Year-End Adj (1-3 hrs): $255</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Year-End Adj (3-5 hrs): $375</span>
                                        </li>
                                          <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Year-End Adj (5-10 hrs): $650</span>
                                        </li>
                                           <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Additional Hours: $65 per hour</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                         <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center popular">
                                <div class="price-top">
                                    <h4>IRS Tax Resolution & Filing</h4>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Tax Notices Resolution: $150</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Sales & Payroll Audits: $1,000</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Foreign Corporations Reporting: $550</span>
                                        </li>
                                          <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Gift & Trust Returns: $650</span>
                                        </li>
                                           <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">IRS Tax Transcript Report: $100</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    
                        
                         <div class="col-md-6 col-lg-4 mt-5">
                            <div class="price-item text-center">
                                <div class="price-top">
                                    <h4>Misc Filing</h4>
                                    {{-- <span class="text-capitalize">per year</span> --}}
                                </div>
                                <div class="price-content">
                                    <ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">1099 Proc (2-5 contractors): $110 + $12 per additional</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Annual Report Filing: $50</span>
                                        </li>
                                        <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">Ben. Own. Reporting: $49</span>
                                        </li>
                                          <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">S Election Filing: $100</span>
                                        </li>
                                           <li>
                                            <i class="zmdi zmdi-check mr-2"></i>
                                            <span class="c-black">941 Filing: $250</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        
                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    {{-- <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
    <div class="container py-5">
        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
            <h5 class="fw-bold text-primary text-uppercase">Pricing Plans</h5>
            <h1 class="mb-0">We are Offering Competitive Prices for Our Clients</h1>
        </div>
        <div class="row g-0">
            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.6s">
                <div class="bg-light rounded">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Basic Plan</h4>
                        <small class="text-uppercase">For Small Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>49.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-times text-danger pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>

            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.3s">
                <div class="bg-white rounded shadow position-relative" style="z-index: 1;">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Standard Plan</h4>
                        <small class="text-uppercase">For Medium Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>99.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.9s">
                <div class="bg-light rounded">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Advanced Plan</h4>
                        <small class="text-uppercase">For Large Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>149.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.3s">
                <div class="bg-white rounded shadow position-relative" style="z-index: 1;">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Standard Plan</h4>
                        <small class="text-uppercase">For Medium Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>99.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.9s">
                <div class="bg-light rounded">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Advanced Plan</h4>
                        <small class="text-uppercase">For Large Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>149.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-4 px-4 wow slideInUp" data-wow-delay="0.3s">
                <div class="bg-white rounded shadow position-relative" style="z-index: 1;">
                    <div class="border-bottom py-4 px-5 mb-4">
                        <h4 class="text-primary mb-1">Standard Plan</h4>
                        <small class="text-uppercase">For Medium Size Business</small>
                    </div>
                    <div class="p-5 pt-0">
                        <h1 class="display-5 mb-3">
                            <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>99.00<small
                                class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Month</small>
                        </h1>
                        <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary pt-1"></i></div>
                        <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-times text-danger pt-1"></i></div>
                        <a href="" class="btn btn-primary py-2 px-4 mt-4">Order Now</a>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div> --}}
    <!-- Pricing Plan End -->

    @include('inculdes.contact_form')
@endsection