Pricing

We have plans and prices is perfect for business owners. Its easy to edit and customize.

Pricing Table #1

Simple plans for everyone

Everything you need to design like a professional. Boost you and your team s creativity and supercharge your productivity with Geeks UI Pro.

Pay Monthly Pay Yearly

Free

$
0
Start designing
  • 20+ high quality design
  • Instant access to 2 icon library
  • 24+ Free initial components
  • 300+ beautiful design pages
  • Admin dashboard pages
  • Support 24/7 hours

Pro

$
49
/mo
Try free for 30 days
  • 120+ high quality designs
  • Instant access to 2 icon library
  • 24+ Free initial components
  • 300+ beautiful design pages
  • Admin dashboard pages
  • Support 24/7 hours
 <div class="row">
<div class="offset-xl-2 col-xl-8 offset-lg-1 col-lg-10 col-md-12 col-12">
<!-- pricing -->
<div class="mb-8 text-center">
  <h2 class="display-4 mb-3 fw-bold">Simple plans for everyone</h2>
  <p class="lead mb-4">Everything you need to design like a
    professional. Boost you and your team s
    creativity and supercharge your productivity with Geeks UI Pro.</p>
  <!-- Switch Toggle -->
  <div id="pricing-switch-second" class="d-flex justify-content-center align-items-center">
    <span class="fs-4 fw-semibold me-2">Pay
      Monthly</span>
    <span class="form-check form-switch form-switch-price">
      <input type="checkbox" class="form-check-input" id="customSwitch1" checked />
      <label class="form-check-label" for="customSwitch1"></label>
    </span>
    <span class="fs-4 fw-semibold ms-2"> Pay Yearly</span>
  </div>

</div>
<div class="row">
  <!-- col  -->
  <div class="col-lg-6 col-md-6 col-12">
    <!-- Card -->
    <div class="card shadow-none border mb-3">
      <!-- Card body -->
      <div class="p-5">
        <div class="mb-5">
          <h4 class="fw-bold text-uppercase ls-md mb-4">Free</h4>
          <div class="d-flex mb-4">
            <span class="h3 mb-0 fw-bold">$</span>
            <div class="price-card--price-number
              toggle-price-content-second fw-bold text-dark fs-1 lh-1"
              data-price-monthly="0"
              data-price-yearly="0">
              0
            </div>
          </div>
        </div>
        <!-- button  -->
        <a href="#" class="btn btn-outline-primary ">Start
          designing</a>
        <div class="px-2 mt-6">
          <!-- List -->
          <ul class="list-unstyled mb-0
           ">
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>20+ high quality design </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>Instant access to 2 icon library </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>24+ Free initial components </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-x   me-2"></i>
              <span>300+ beautiful design pages </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-x   me-2"></i>
              <span>Admin dashboard pages </span>
            </li>
            <li class="d-flex align-items-center">
              <i class="fe fe-x   me-2"></i>
              <span>Support 24/7 hours </span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-6 col-md-6 col-12">
    <!-- Card -->
    <div class="card shadow-none border mb-3">
      <!-- Card body -->
      <div class="p-5">
        <div class="mb-5">
          <h4 class="fw-bold text-uppercase ls-md mb-4">Pro</h4>
          <div class="d-flex mb-4">
            <span class="h3 mb-0 fw-bold">$</span>
            <div class="price-card--price-number
              toggle-price-content-second fw-bold text-dark fs-1 lh-1"
              data-price-monthly="39"
              data-price-yearly="49">
              49

            </div>
            <span class="align-self-end mb-1 ms-2
              toggle-price-content-second" data-price-monthly="/mo"
              data-price-yearly="/y">/mo</span>
          </div>
        </div>
        <!-- button  -->
        <a href="#" class="btn btn-primary ">Try free for
          30 days</a>
        <div class="px-2 mt-6">
          <!-- List -->
          <ul class="list-unstyled mb-0
           ">
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>120+ high quality designs </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>Instant access to 2 icon library </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>24+ Free initial components </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>300+ beautiful design pages </span>
            </li>
            <li class="mb-3 d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>Admin dashboard pages </span>
            </li>
            <li class="d-flex align-items-center">
              <i class="fe fe-check  text-success me-2"></i>
              <span>Support 24/7 hours </span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  </div>
</div>
</div>

Pricing Table #2

Simple pricing that scales with your business

Reference giving information on its origins, as well as a random Lipsum generator.

Monthly Yearly
icon

Starter

To start your learning to day you will get only free Course access.

$
0
/Yearly

All core features, including:

  • Only free courses
  • Free learning paths
  • 5GB storage
  • Analytics
  • Free mobile app
  • Access to support forums
icon

Individual

Access all premium courses, workshops, and mobile apps. Renewed monthly.

$
99
/Yearly

Everything in Starter, plus:

  • Offline viewing
  • Offline projects
  • Unlimited storage
  • Custom domain support
  • Bulk editing
  • 12 / 5 support
icon

Team

Upto 10 member access everything. Save $78 per year! Renewed yearly.

$
199
/Yearly

Everything in Individual, plus:

  • Workshop
  • Dedicated hardware
  • 99.9% uptime guarantee
  • Advanced analytics
  • 3rd party integrations
  • 24 / 7 support
<section class="py-lg-13 py-8 bg-primary">
<div class="container">
  <!-- Page header -->
  <div class="row align-items-center">
    <div class="offset-xl-2 col-xl-8   ">
      <div class="text-center mb-6 px-md-8">
        <h1 class="text-white display-3 fw-bold">
          Simple pricing that scales with your business
        </h1>
        <p class="text-white lead mb-4">
          Reference giving information on its origins, as well as a random
          Lipsum generator.
        </p>
        <!-- Switch Toggle -->
        <div id="pricing-switch" class="d-flex justify-content-center align-items-center">
          <span class="text-white me-2">Monthly</span>
          <span class="form-check form-switch form-switch-price">
            <input type="checkbox" class="form-check-input" id="customSwitch1" checked>
            <label class="form-check-label" for="customSwitch1"></label>
          </span>
          <span class="text-white ms-2">Yearly</span>
        </div>
      </div>
    </div>
  </div>
</div>
</section>
<!-- Content -->
<section class="mt-n8 pb-8">
<div class="container">
  <div class="row">
    <div class="col-lg-4  ">
      <!-- Card -->
      <div class="card border-0 mb-3">
        <!-- Card body -->
        <div class="p-5 text-center">
          <img src="../assets/images/svg/price-icon-1.svg" alt="icon" class="mb-5">
          <div class="mb-5">
            <h2 class="fw-bold">Starter</h2>
            <p class="mb-0">
              To start your learning to day you will get only
              <span class="text-dark fw-medium">free Course</span>
              access.
            </p>
          </div>
          <div class="d-flex justify-content-center mb-4">
            <span class="h3 mb-0 fw-bold">$</span>
            <div class=" toggle-price-content odometer h1" data-price-monthly="0"
              data-price-yearly="0">
              0
            </div>
            <span class="align-self-end mb-1 ms-2 toggle-price-content"
              data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
          </div>
          <div class="d-grid">
            <a href="#" class="btn btn-outline-primary">Get Started for Free</a>
          </div>
        </div>
        <hr class="m-0">
        <div class="p-5">
          <h4 class="fw-bold mb-4">
            All core features, including:
          </h4>
          <!-- List -->
          <ul class="list-unstyled mb-0">
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Only free courses </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">Free </span>learning paths
              </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">5GB </span>storage</span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Analytics </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Free mobile app</span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Access to support forums</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-lg-4  ">
      <!-- Card -->
      <div class="card border-0 mb-3 mb-lg-0">
        <!-- Card body -->
        <div class="p-5 text-center">
          <img src="../assets/images/svg/price-icon-2.svg" alt="icon" class="mb-5">
          <div class="mb-5">
            <h2 class="fw-bold">Individual</h2>
            <p class="mb-0">
              Access all
              <span class="text-dark fw-medium">premium courses, workshops, and mobile
                apps.</span>
              Renewed monthly.
            </p>
          </div>
          <div class="d-flex justify-content-center mb-4">
            <span class="h3 mb-0 fw-bold">$</span>
            <div class="toggle-price-content odometer h1" data-price-monthly="39"
              data-price-yearly="99">
              99
            </div>
            <span class="align-self-end mb-1 ms-2 toggle-price-content "
              data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
          </div>
          <div class="d-grid">
            <a href="#" class="btn btn-primary">Get Month Access</a>
          </div>
        </div>
        <hr class="m-0">
        <div class="p-5">
          <h4 class="fw-bold mb-4">
            Everything in Starter, plus:
          </h4>
          <!-- List -->
          <ul class="list-unstyled mb-0">
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Offline viewing </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">Offline </span>projects
              </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">Unlimited </span>storage</span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Custom domain support </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Bulk editing </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>12 / 5 support</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-lg-4  ">
      <!-- Card -->
      <div class="card border-0 mb-3 mb-lg-0">
        <!-- Card body -->
        <div class="p-5 text-center">
          <img src="../assets/images/svg/price-icon-3.svg" alt="icon" class="mb-5">
          <div class="mb-5">
            <h2 class="fw-bold">Team</h2>
            <p class="mb-0">
              Upto 10 member access everything. Save
              <span class="text-primary fw-medium">$78 </span>per
              year! Renewed yearly.
            </p>
          </div>
          <div class="d-flex justify-content-center mb-4">
            <span class="h3 mb-0 fw-bold">$</span>
            <div class="toggle-price-content odometer h1" data-price-monthly="99"
              data-price-yearly="199">
              199
            </div>
            <span class="align-self-end mb-1 ms-2 toggle-price-content"
              data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
          </div>
          <div class="d-grid">
            <a href="#" class="btn btn-outline-primary">Get Team Monthly Access</a>
          </div>
        </div>
        <hr class="m-0">
        <div class="p-5">
          <h4 class="fw-bold mb-4">
            Everything in Individual, plus:
          </h4>
          <!-- List -->
          <ul class="list-unstyled mb-0">
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Workshop </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">Dedicated </span>hardware
              </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span><span class="fw-bold text-dark">99.9% uptime </span>guarantee
              </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>Advanced analytics </span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>3rd party integrations</span>
            </li>
            <li class="mb-1">
              <span class="text-success me-1"><svg xmlns="http://www.w3.org/2000/svg"
                  width="14" height="14" fill="currentColor" class="bi bi-check-circle"
                  viewBox="0 0 16 16">
                  <path
                    d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                  <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
                </svg></span>
              <span>24 / 7 support</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
</section>