smartbear.com Open in urlscan Pro
13.225.78.108  Public Scan

URL: https://smartbear.com/
Submission: On April 30 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST /

<form method="post" action="/" id="form">
  <div class="aspNetHidden">
    <input type="hidden" name="__CMSCsrfToken" id="__CMSCsrfToken" value="GlMMsS2eHT+rBJ4dyo84wnaGeQXx1XxiiOP7w/J6KNWuR5LtyESwdXYqvZW1jPuBk0M1O0WQFkbyXTgDZG6xjW0nGf8=">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="zdukuGpn6FGMQaSf1H6p4uPAcgGgW0ENZ9Iud34C9Lb6BKp9qyFhpOIRrCEvZbEiZ8/+fZ+w7dch/GR8WfqSV47pS1s9VZH5TZke/4v06OQ8x6OAqOg2E/yyOQGEqDpYlI/vc25T0XHfmw1smuWlO++rWC/7i9YJ6PEfeH57jqbyOVOF31iL6Y5BSrZ5vM9QboC/2Q3fcwcw2mhb/1vTc8uxt/iN68Bpy6B1Ak5oC6vG2dat07NAh2kcU2+AiuhSB97nmANVNXFdTW6omYdT5JmB/xsSOPNfX8FQEMCLvHRvxNzbiNDXB31PiwhGf9TnW7e/4A==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['form'];
    if (!theForm) {
      theForm = document.form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZOdU87Vq9F7UfOHKvD2a2g5-xrU0dLjIYe1erbV67uG4-xKxjw2&amp;t=637454068754849868" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    function PM_Postback(param) {
      if (window.top.HideScreenLockWarningAndSync) {
        window.top.HideScreenLockWarningAndSync(1080);
      }
      if (window.CMSContentManager) {
        CMSContentManager.allowSubmit = true;
      };
      __doPostBack('m$am', param);
    }

    function PM_Callback(param, callback, ctx) {
      if (window.top.HideScreenLockWarningAndSync) {
        window.top.HideScreenLockWarningAndSync(1080);
      }
      if (window.CMSContentManager) {
        CMSContentManager.storeContentChangedStatus();
      };
      WebForm_DoCallback('m$am', param, callback, ctx, null, true);
    }
    //]]>
  </script>
  <script type="text/javascript">
    //<![CDATA[
    var CMS = CMS || {};
    CMS.Application = {
      "language": "de",
      "imagesUrl": "/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2f",
      "isDebuggingEnabled": false,
      "applicationUrl": "/",
      "isDialog": false,
      "isRTL": "false"
    };
    //]]>
  </script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A3F9E7FD">
    <input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0">
    <input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0">
  </div>
  <div id="ctxM">
  </div>
  <!-- header -->
  <header id="p_lt_Header">
    <div class="nav-main">
      <div class="container">
        <nav class="main d-flex justify-content-between align-items-center">
          <a href="/" class="navbar-brand">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 464.9 56.8" style="enable-background:new 0 0 464.9 56.8;" xml:space="preserve">
                    <g>
                        <path class="logo-text" d="M140.4,25.7c0,0-7-0.8-9.9-0.8c-4.2,0-6.4,1.5-6.4,4.5c0,3.2,1.8,4,7.7,5.6c7.2,2,9.8,3.9,9.8,9.8
                    c0,7.5-4.7,10.8-11.5,10.8c-4.5,0-11.2-1.4-11.2-1.4l0.6-4.5c0,0,6.8,0.9,10.3,0.9c4.3,0,6.2-1.9,6.2-5.5c0-2.9-1.6-3.9-6.8-5.2
                    c-7.4-1.9-10.6-4.2-10.6-10.1c0-6.9,4.6-9.8,11.4-9.8c4.4,0,10.9,1.2,10.9,1.2L140.4,25.7z"></path>
                        <path class="logo-text" d="M155.3,20.3h9.4l7.7,26.8l7.7-26.8h9.3v35h-5v-30h-0.5l-8.6,28h-5.8l-8.6-28h-0.5v30h-5L155.3,20.3L155.3,20.3
                    z"></path>
                        <path class="logo-text" d="M275.3,20.3h26v5h-10v30h-6v-30h-10V20.3z"></path>
                        <path class="logo-text" d="M325,20.3c6.8,0,10.5,2.7,10.5,9.1c0,4.2-1.3,6.3-4.1,7.8c3,1.2,4.9,3.5,4.9,8.2c0,7-4.3,9.9-10.9,9.9h-13.1
                    v-35L325,20.3L325,20.3z M317.3,25.3v10h7.6c3.4,0,4.9-1.8,4.9-5.2c0-3.3-1.7-4.8-5.1-4.8C324.7,25.3,317.3,25.3,317.3,25.3z
                     M317.3,40.3v10h7.8c3.5,0,5.5-1,5.5-5.1c0-3.9-2.9-4.9-5.6-4.9H317.3z"></path>
                        <path class="logo-text" d="M350.3,20.3h21v5h-16v10h13v5h-13v10h16v5h-21V20.3z"></path>
                        <path class="logo-text" d="M391.6,20.3h11.1l8.5,35h-5.6l-2.5-10h-11.8l-2.5,10h-5.6L391.6,20.3z M392.4,40.3h9.6l-3.5-15H396L392.4,40.3
                    z"></path>
                        <path class="logo-text" d="M429.3,44.3v11h-6v-35h13.3c7.6,0,11.6,4.5,11.6,12.1c0,4.9-2,9.5-5.6,11.2l5.7,11.7h-6.1l-5-11
                    C437.2,44.3,429.3,44.3,429.3,44.3z M436.6,25.3h-7.3v15h7.4c4.2,0,5.8-4,5.8-7.6C442.5,28.8,440.6,25.3,436.6,25.3z"></path>
                        <path class="logo-text" d="M210.2,20.3h11.1l8.5,35h-5.6l-2.5-10h-11.8l-2.5,10h-5.6L210.2,20.3z M211,40.3h9.6l-3.6-15h-2.5L211,40.3z"></path>
                        <path class="logo-text" d="M247.3,44.3v11h-5v-35h12.9c7.6,0,11.6,4.5,11.6,12.1c0,4.9-2,9.5-5.6,11.2l5.7,11.7h-6.1l-5-11
                    C255.8,44.3,247.3,44.3,247.3,44.3z M255.2,25.3h-7.9v15h8c4.2,0,5.8-4,5.8-7.6C261.1,28.8,259.2,25.3,255.2,25.3z"></path>
                    </g>
                    <path class="logo-icon" d="M58.6,48.3h-16l-2.8,9h21.5L58.6,48.3z M101.2,57.3l-8.3-25.9l5.4-16.7l-20-14.6L64.1,10.3h-27L23,0L3,14.6
                l5.4,16.8L0,57.3h26.3l-2-6.5l26.3-19.2l26.3,19.3l-2,6.5L101.2,57.3L101.2,57.3z"></path>
                    <path class="logo-text" d="M457,54.9h-0.7v-3.7H455v-0.6h3.2v0.6H457V54.9L457,54.9z"></path>
                    <path class="logo-text" d="M461,54.9l-1.2-3.6l0,0c0,0.5,0,1,0,1.5v2.1h-0.6v-4.3h1l1.2,3.4l0,0l1.2-3.4h1v4.3h-0.7v-2.1
                c0-0.2,0-0.5,0-0.8s0-0.5,0-0.6l0,0l-1.3,3.6L461,54.9L461,54.9z"></path>
                </svg></a>
          <ul class="nav">
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" data-display="static" href="#" role="button" aria-haspopup="true" aria-expanded="false">Products</a>
              <div class="dropdown-menu mega-menu mega-menu-products">
                <div class="dropdown-mega row">
                  <div class="col-md-12">
                    <div class="dropdown-mega-content">
                      <div class="row">
                        <div class="col-12 col-lg-4 prod-col no-nav-border pb-lg-4">
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=Test%20Automation">Test Automation</a></div>
                          <a class="dropdown-mega-item" href="/product/bitbar/">
                                                <span class="prod-icon bb empty"></span>
                                                <span class="item-name">BitBar</span>
                                                <span class="item-desc">Cloud-Based Web and Mobile App Testing</span>
                                            </a>
                          <a class="dropdown-mega-item" href="/product/visualtest/">
                                                <span class="prod-icon vt empty"></span>
                                                <span class="item-name">VisualTest</span>
                                                <span class="item-desc">Automated Visual Testing</span>
                                            </a>
                          <a class="dropdown-mega-item" href="/product/testcomplete/overview/">
                                                <span class="prod-icon tc empty"></span>
                                                <span class="item-name">TestComplete</span>
                                                <span class="item-desc">Automated UI Functional Testing</span>
                                            </a>
                          <div class="dropdown-mega-content-category"><a href="https://bugsnag.com?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">App Stability Management</a></div>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://bugsnag.com?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon bs empty"></span>
                                                <span class="item-name">BugSnag</span>
                                                <span class="item-desc">Mobile, Web, &amp; Backend Error Monitoring </span>
                                            </a>
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=Performance%20Testing">Performance Testing</a></div>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://loadninja.com?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon ln empty"></span>
                                                <span class="item-name">LoadNinja</span>
                                                <span class="item-desc">Automated UI Performance Testing</span>
                                            </a>
                        </div>
                        <div class="col-12 col-lg-4 prod-col home pb-lg-4">
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=API%20Lifecycle">API Lifecycle</a></div>
                          <a class="dropdown-mega-item" href="/product/alertsite/overview/">
                                                <span class="prod-icon as empty"></span>
                                                <span class="item-name">AlertSite</span>
                                                <span class="item-desc">Global, Synthetic API Monitoring</span>
                                            </a>
                          <a class="dropdown-mega-item" href="/product/ready-api/overview/">
                                                <span class="prod-icon ra empty"></span>
                                                <span class="item-name">ReadyAPI</span>
                                                <span class="item-desc">Automated API Testing Platform</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://swagger.io/tools/swaggerhub/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon swh empty"></span>
                                                <span class="item-name">SwaggerHub</span>
                                                <span class="item-desc">Design, Model, &amp; Share API Definitions</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://swagger.io/tools/swaggerhub-explore/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon swh empty"></span>
                                                <span class="item-name">SwaggerHub Explore</span>
                                                <span class="item-desc">Evaluate the functionality of any API</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://pactflow.io/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon pf empty"></span>
                                                <span class="item-name">PactFlow</span>
                                                <span class="item-desc">Complete Contract Testing</span>
                                            </a>
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=Test%20Management%20%2B%20BDD">Test Management + BDD</a></div>
                          <a class="dropdown-mega-item" href="/test-management/zephyr/">
                                                <span class="prod-icon ze empty">&nbsp;</span>
                                                <span class="item-name">Zephyr</span>
                                                <span class="item-desc">Standalone &amp; Jira Test Management</span>
                                            </a>
                        </div>
                        <div class="col-12 col-lg-4  prod-col">
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=Other">Collaboration</a></div>
                          <a class="dropdown-mega-item" href="/product/collaborator/overview/">
                                                <span class="prod-icon co empty"></span>
                                                <span class="item-name">Collaborator</span>
                                                <span class="item-desc">Code, Document, &amp; Artifact Review</span>
                                            </a>
                          <div class="dropdown-mega-content-category"><a href="/product/?solutions=Open%20Source">Open Source</a></div>
                          <a class="dropdown-mega-item dropdown-external" href="https://cucumber.io/tools/cucumber-open/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon cu empty"></span>
                                                <span class="item-name">Cucumber Open</span>
                                                <span class="item-desc">Validate Specs Against Your Code</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://www.soapui.org/tools/soapui/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon su empty"></span>
                                                <span class="item-name">SoapUI</span>
                                                <span class="item-desc">Create &amp; Execute API Test Automation</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://swagger.io/tools/open-source/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon sw empty"></span>
                                                <span class="item-name">Swagger</span>
                                                <span class="item-desc">Interact With API Resources</span>
                                            </a>
                          <a class="dropdown-mega-item dropdown-external" target="_blank" rel="noopener noreferrer" href="https://pact.io/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=prodnav">
                                                <span class="prod-icon po empty"></span>
                                                <span class="item-name">Pact</span>
                                                <span class="item-desc">Consumer-driven Contract Testing</span>
                                            </a>
                          <a class="btn btn-brand text-white mt-3 mt-lg-1 mb-3 mb-lg-0 d-inline-block hover-parent" href="/product/">VIEW ALL PRODUCTS <span class="go-arrow text-white fal fa-long-arrow-right pl-3"></span> </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" data-display="static" href="#" role="button" aria-haspopup="true" aria-expanded="false">Solutions</a>
              <div class="dropdown-menu mega-menu mega-menu-resource">
                <div class="dropdown-mega row">
                  <div class="col-md-12">
                    <div class="dropdown-mega-content">
                      <div class="row">
                        <div class="col-12 col-lg-6 prod-col">
                          <div class="dropdown-mega-content-category"><a href="/solutions/">Solutions</a></div>
                          <div class="row pt-lg-2 pb-lg-1">
                            <div class="col-lg-6">
                              <a class="dropdown-mega-item" href="/solutions/agile-testing/"><span class="item-name">Agile Testing</span></a>
                              <a class="dropdown-mega-item" href="/api-lifecycle/"><span class="item-name">API Lifecycle</span></a>
                              <a class="dropdown-mega-item" href="/solutions/code-quality/"><span class="item-name">Code Quality</span></a>
                              <a class="dropdown-mega-item" href="/solutions/continuous-testing/"><span class="item-name">Continuous Testing</span></a>
                              <a class="dropdown-mega-item" href="/solutions/devops/"><span class="item-name">DevOps</span></a>
                            </div>
                            <div class="col-lg-6">
                              <a class="dropdown-mega-item" href="/solutions/functional-testing"><span class="item-name">Functional Testing</span></a>
                              <a class="dropdown-mega-item" href="/solutions/performance-testing/"><span class="item-name">Performance Testing</span></a>
                              <a class="dropdown-mega-item" href="/solutions/service-virtualization/"><span class="item-name">Service Virtualization</span></a>
                              <a class="dropdown-mega-item" href="/test-management/"><span class="item-name">Test Management</span></a>
                            </div>
                          </div>
                          <div class="solutions-see-all mb-4 mb-lg-0 pt-2 pt-lg-3 mt-lg-5">
                            <a href="/solutions/">See All Solutions <i class="fal fa-plus text-orange-dark"></i></a>
                          </div>
                        </div>
                        <div class="col-12 col-lg-6 prod-col">
                          <div class="dropdown-mega-content-category"><a href="/integrations/">Integrations</a></div>
                          <a class="dropdown-mega-item" href="/integrations/ci-cd/"><span class="item-name"><img class="solutions-icon" src="/smartbear/assets/img/nav-icons/CI-CD-Integration.svg">CI/CD</span>
                                            </a>
                          <a class="dropdown-mega-item" href="/integrations/source-code-management/"><span class="item-name"><img class="solutions-icon" src="/smartbear/assets/img/nav-icons/Test Frameworks.svg">Source Code Management </span>
                                            </a>
                          <a class="dropdown-mega-item" href="/integrations/collaboration-tools/"><span class="item-name"><img class="solutions-icon" src="/smartbear/assets/img/nav-icons/Collaboration.svg">Collaboration</span>
                                            </a>
                          <div class="solutions-see-all mb-4 mb-lg-0 pt-2 pt-lg-3 mt-lg-5">
                            <a href="/integrations/">See All Integrations <i class="fal fa-plus text-orange-dark"></i></a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" data-display="static" href="#" role="button" aria-haspopup="true" aria-expanded="false">Resources</a>
              <div class="dropdown-menu mega-menu mega-menu-resource">
                <div class="dropdown-mega row">
                  <div class="col-md-12">
                    <div class="dropdown-mega-content">
                      <div class="row">
                        <div class="col-12 col-lg-6 prod-col">
                          <div class="dropdown-mega-content-category"><a href="https://support.smartbear.com">Support</a></div>
                          <div class="row">
                            <div class="col-12 col-lg-6">
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/alertsite/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav">
                                                        <span class="item-name">AlertSite</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/aqtime/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">AQTime Pro</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/bitbar/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">BitBar</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/collaborator/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">Collaborator</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/cucumberstudio/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">CucumberStudio</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/loadcomplete/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">LoadComplete</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/loadninja/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">LoadNinja</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/pactflow/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">PactFlow</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/qacomplete/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">QAComplete</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/readyapi/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">ReadyAPI</span></a>
                            </div>
                            <div class="col-12 col-lg-6">
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/swaggerhub/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">SwaggerHub</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/swaggerhub-explore/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">SwaggerHub Explore</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/testcomplete/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">TestComplete</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/testengine/?utm_medium=referral&amp;utm_source=smartbear.de&amp;utm_campaign=supnav"><span class="item-name">TestEngine</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/testleft/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">TestLeft</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/visualtest/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">VisualTest</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/zephyr-enterprise/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">Zephyr Enterprise</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/zephyr-squad/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">Zephyr Squad</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/zephyr-scale/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name">Zephyr Scale</span></a>
                            </div>
                            <div class="col-12 col-lg-6">
                              <a href="https://support.smartbear.com/product-list/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav" class="btn btn-dark-outlined">New Support Case</a>
                            </div>
                            <div class="col-12 col-lg-6 mb-4 mb-lg-0">
                              <a href="https://smartbear-cc.force.com/portal/SupPortalHome?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav" class="btn btn-dark-outlined">Manage My Cases</a>
                            </div>
                          </div>
                        </div>
                        <div class="col-12 col-lg-6 prod-col">
                          <div class="dropdown-mega-content-category"><a href="/resources/">Education</a></div>
                          <div class="row">
                            <div class="col-md-6 px-2">
                              <a class="dropdown-mega-item" href="/resources/case-studies/"> <span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Case-Studies.svg">Case Studies</span> </a>
                              <a class="dropdown-mega-item" href="/resources/webinars/"> <span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Webinars.svg">Webinars</span>
                                                    </a>
                              <a class="dropdown-mega-item" href="/resources/ebooks/"> <span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Ebooks.svg">eBooks</span>
                                                    </a>
                            </div>
                            <div class="col-md-6 px-2">
                              <a class="dropdown-mega-item" href="/academy/"> <span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Academy.svg" style="max-width:40px;">Academy</span>
                                                    </a>
                              <a class="dropdown-mega-item" href="https://community.smartbear.com?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=supnav"><span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Community.svg">Community</span></a>
                              <a class="dropdown-mega-item" href="https://support.smartbear.com/documentation/"> <span class="item-name"><img class="solutions-icon mr-2 mr-lg-3" src="/smartbear/assets/img/nav-icons/Case-Studies.svg">Docs</span> </a>
                            </div>
                            <div class="col-12 mb-4 mb-lg-0">
                              <a class="dropdown-mega-item blog-more" href="/blog/"> <span class="item-name">Blog <i class="fal fa-chevron-right text-orange d-none d-md-inline-block"></i></span>
                                                    </a>
                              <div class="recent-posts-heading"> Recent Posts </div>
                              <div class="nav-blog-featured">
                                <a href="/blog/test-and-monitor/the-5-gaps-you-may-not-realize-are-missing-from-yo/">
                                                            <span class="nav-blog-name">The 5 Gaps You May Not Realize Are Missing From Your UI Test Automation Strategy</span>
                                                        </a>
                              </div>
                              <div class="nav-blog-featured">
                                <a href="/blog/test/test-management-for-jira-joins-the-smartbear-family/">
                                                            <span class="nav-blog-name">SmartBear + Test Management for Jira: Delivering testing solutions and BDD within Jira </span>
                                                        </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="row mega-menu-bottom-links">
                      <div class="col-lg-4 col-12">
                        <a href="/company/" class="mega-menu-bottom-link">
                                        <img class="solutions-icon" src="/smartbear/assets/img/nav-icons/Company.svg">About Us</a>
                      </div>
                      <div class="col-lg-4 col-12">
                        <a href="/company/news/" class="mega-menu-bottom-link">
                                        <img class="solutions-icon" style="max-width: 35px; padding: 2px 0px;" src="https://static1.smartbear.co/smartbearbrand/media/images/company/news/sb_ws_news_nav-icon.svg">News</a>
                      </div>
                      <div class="col-lg-4 col-12">
                        <a href="/partners/" class="mega-menu-bottom-link">
                                        <img class="solutions-icon" src="/smartbear/assets/img/nav-icons/Partners.svg">Partners</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li class="nav-item"> <a href="/company/careers/" class="nav-link" title="Careers">Careers</a>
            </li>
            <li class="nav-item nav-item-cart"> <a href="/store/" class="nav-link nav-link-cart" title="Shopping Cart" id="cart"><i class="fal fa-cart-plus"></i><span class="d-lg-none d-inline"> Cart</span></a>
            </li>
            <li class="nav-item nav-item-lang dropdown" style="display:none;">
              <a class="nav-link nav-link-globe dropdown-toggle disabled " data-display="static" href="#" title="Translation Unavailable " role="button" data-toggle="toolip " aria-haspopup="true" aria-expanded="false" data-delay="500" data-placement="bottom"><i class="fal fa-globe"></i></a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="https://smartbear.com/">EN</a>
                <a class="dropdown-item" href="https://smartbear.com/?lang=de-de">DE</a>
              </div>
            </li>
            <li class="nav-item nav-item-login">
              <a href="/login/" class="login-modal-show btn btn-brand btn-brand-outlined btn-nav" title="Login"> Login</a>
            </li>
            <li class="nav-item nav-item-free-trial dropdown">
              <a class="btn btn-brand btn-nav dropdown-toggle" data-display="static" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Try Any Tool for Free</a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="/product/testcomplete/free-trial/">TestComplete</a>
                <a class="dropdown-item" href="/product/ready-api/free-trial/">ReadyAPI</a>
                <a class="dropdown-item" href="https://app.bugsnag.com/user/new/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">BugSnag</a>
                <a class="dropdown-item" href="/product/bitbar/free-trial/">BitBar</a>
                <a class="dropdown-item" href="https://try.smartbear.com?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">SwaggerHub</a>
                <a class="dropdown-item" href="https://try.smartbear.com/swaggerhub-explore/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">SwaggerHub Explore</a>
                <a class="dropdown-item" href="https://pactflow.io/try-for-free?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">PactFlow</a>
                <a class="dropdown-item" href="https://try.smartbear.com/visualtest/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">VisualTest</a>
                <a class="dropdown-item" href="/product/collaborator/free-trial/">Collaborator</a>
                <a class="dropdown-item" href="https://marketplace.atlassian.com/apps/1213259/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">Zephyr Scale</a>
                <a class="dropdown-item" href="https://marketplace.atlassian.com/apps/1014681/zephyr-for-jira-test-management?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">Zephyr Squad</a>
                <a class="dropdown-item" href="/test-management/zephyr-enterprise/free-trial/">Zephyr Enterprise</a>
                <a class="dropdown-item" href="https://loadninja.com/free-trial/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=trialnav">LoadNinja</a>
                <a class="dropdown-item" href="/product/alertsite/free-trial/">AlertSite</a>
              </div>
            </li>
          </ul>
          <div class="nav-main-toggle">
            <div class="hamburger"> </div>
          </div>
        </nav>
      </div>
    </div>
  </header>
  <div class="nav-spacer"></div>
  <!-- header end -->
  <div class="home" style="background-image: url()">
    <!-- Section 1 -->
    <section class="section overflow-hidden pb-6" id="section-1"><svg class="scroll-magic-js" id="hero-arrow" viewBox="0 0 427 204" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <polyline id="hero-arrow-path" opacity="0.7" points="310,0 310,162 8.3,162 8.3,195.8" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2"></polyline>
          <mask id="hero-arrow-path-mask-wrapper">
            <use href="#hero-arrow-path" id="hero-arrow-path-mask" stroke="white" style="stroke-dasharray: 497.5; stroke-dashoffset: 0;"></use>
          </mask>
          <polygon id="hero-arrow-head" points="0.1,189.2 1.6,187.8 8.3,195.1 15,187.8 16.5,189.2 8.3,198" stroke-width="0"></polygon>
          <mask id="hero-arrow-head-mask-wrapper">
            <use fill="white" href="#hero-arrow-head" id="hero-arrow-head-mask" stroke="white" style="stroke-dasharray: 47.9774; stroke-dashoffset: 0; stroke-opacity: 0.8; fill-opacity: 0.8;"></use>
          </mask>
        </defs>
        <use fill="none" href="#hero-arrow-path" mask="url(#hero-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
        <use fill="#097EB2" href="#hero-arrow-head" mask="url(#hero-arrow-head-mask-wrapper)" stroke="#097EB2" stroke-dasharray="10 10" transform="translate(0 5)"></use>
      </svg> <svg class="scroll-magic-js" id="hero-short-arrow" viewBox="25 20 6 95" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <line id="hero-short-arrow-path" opacity="0.7" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2" x1="28" x2="28" y1="22" y2="110.8"></line>
          <mask height="95" id="hero-short-arrow-path-mask-wrapper" maskUnits="userSpaceOnUse" width="5" x="25" y="20">
            <use href="#hero-short-arrow-path" id="hero-short-arrow-path-mask" stroke="white" style="stroke-dasharray: 88.8; stroke-dashoffset: 88.8;"></use>
          </mask>
          <polygon id="hero-short-arrow-head" points="19.8,104.2 21.3,102.8 28,110.1 34.7,102.8 36.2,104.2 28,113" stroke-width="0"></polygon>
          <mask id="hero-short-arrow-head-mask-wrapper">
            <use fill="white" href="#hero-short-arrow-head" id="hero-short-arrow-head-mask" stroke="white" style="stroke-dasharray: 47.9774; stroke-dashoffset: 47.9774; stroke-opacity: 0; fill-opacity: 0;"></use>
          </mask>
        </defs>
        <use href="#hero-short-arrow-path" mask="url(#hero-short-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
        <use fill="#097EB2" href="#hero-short-arrow-head" mask="url(#hero-short-arrow-head-mask-wrapper)" stroke="#097EB2" stroke-dasharray="10 10"></use>
      </svg>
      <div class="hero-wrapper container-fluid d-flex flex-column flex-md-row justify-content-xl-center pl-0 pr-0 pr-md-4">
        <div class="hero-image"><img alt="a person using computer and wearing a headphone" class="w-100 h-100" data-wec-listener-initialized="true" fetchpriority="high" src="https://static1.smartbear.co/smartbearbrand/media/images/home/hp_hero.jpg"
            style="object-fit: cover"></div>
        <div class="d-flex justify-content-center flex-column mx-auto mx-md-0 px-3 px-sm-4 px-md-0 pb-2 pb-md-0">
          <div class="offset-block mb-4 mt--6 mt-md-0">
            <div class="hero-copy font-partita d-inline">The confidence<br>
              <span class="txt-clr-neutral-1">behind your</span><br> code
            </div>
            <div class="f18-11 border-left-2 border-left-white d-inline-block pl-2 pl-sm-4 ml-2 ml-sm-4 txt-clr-neutral-1">Together there's nothing<br> we can't deliver</div>
            <p class="text-right"><a class="mt-4 mt-sm-5 text-white d-inline-block hover-parent" href="/products/">Go Bear. Get going.<span class="go-arrow fal fa-long-arrow-right pl-2"></span></a></p>
          </div>
        </div>
      </div>
    </section>
    <!-- Section 2 -->
    <section class="section overflow-hidden pb-6" id="section-2"><!-- PLEASE PASTE YOUR CODE AFTER THIS COMMENT -->
      <div class="grid-container">
        <div class="grid-row">
          <div class="grid-col-12">
            <h2 class="font-roboto font-weight-bold txt-clr-accent-4 text-center py-3 mb-md-2 mb-0">This just in</h2>
            <div class="c-card-wrapper pb-5">
              <a class="c-card-v hover-shadow-md hover-parent text-decoration-none" data-wec-listener-initialized="true" href="/blog/how-to-dive-into-api-behavior-and-integrate-faster/"><span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/home/tji-hp-swh-explore-sm.jpg"></span> <span class="tag">NEW PRODUCT</span> <span class="content"> <span class="title">Instantly analyze APIs with SwaggerHub Explore</span><span class="cta">Read more <span class="fal fa-long-arrow-right go-arrow-right"></span></span> </span> </a>
              <a class="c-card-v hover-shadow-md hover-parent text-decoration-none" href=" https://smartbear.com/connect/" rel="noopener noreferrer" target="_blank"> <span class="image"><img src="https://static1.smartbear.co/smartbearbrand/media/images/events/connect/justin_sbconnect-(2).jpeg"></span> <span class="tag">EVENT</span> <span class="content"> <span class="title">Register Now for SmartBear Connect (Virtual) on June 7th</span> <span class="cta">Read more <span class="fal fa-long-arrow-right go-arrow-right"></span></span></span> </a>
              <a class="c-card-v hover-shadow-md hover-parent text-decoration-none" href="https://stevieawards.com/sales/2023-stevie-award-winners#CustomerServiceTeam" target="blank"> <span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/company/awards/justin_stevieaward-(2).jpeg"></span> <span class="tag">Press Release</span> <span class="content"> <span class="title">2023 Stevie Award Winner: Sales &amp; Customer Support </span> <span class="cta">Read more <span class="fal fa-long-arrow-right go-arrow-right"></span></span></span> </a>
              <a class="c-card-v hover-shadow-md hover-parent text-decoration-none bf_ungated_init" href="https://assets.smartbear.com/m/46016af70f7ffb23/original/Developer-Visibility-Biggest-Software-Challenges.pdf" target="blank"> <span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/company/justin_developer_visibility.jpeg"></span> <span class="tag">WHITEPAPER</span> <span class="content"> <span class="title">The Key to Overcoming Your Biggest Software Challenges</span><span class="cta">Read more <span class="fal fa-long-arrow-right go-arrow-right"></span></span> </span> </a>
            </div>
          </div>
        </div>
      </div>
      <!-- PLEASE PASTE YOUR CODE BEFORE THIS COMMENT --><svg class="scroll-magic-js" id="cards-arrow" viewBox="0 0 1325 109" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <polyline id="cards-arrow-path" opacity="0.7" points="0,9 1315,9 1315,103.8" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2"></polyline>
          <mask id="cards-arrow-path-mask-wrapper">
            <use href="#cards-arrow-path" id="cards-arrow-path-mask" stroke="white" style="stroke-dasharray: 1409.8; stroke-dashoffset: 1409.8;"></use>
          </mask>
          <polygon id="cards-arrow-head" points="699.8,97.2 701.3,95.8 708,103.1 714.7,95.8 716.2,97.2 708,106" stroke-width="0" transform="translate(607 0)"></polygon>
          <mask id="cards-arrow-head-mask-wrapper">
            <use fill="white" href="#cards-arrow-head" id="cards-arrow-head-mask" stroke="white" style="stroke-dasharray: 47.9774; stroke-dashoffset: 47.9774; stroke-opacity: 0; fill-opacity: 0;"></use>
          </mask>
        </defs>
        <use fill="none" href="#cards-arrow-path" mask="url(#cards-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
        <use fill="#097EB2" href="#cards-arrow-head" mask="url(#cards-arrow-head-mask-wrapper)" stroke="#097EB2" stroke-dasharray="10 10" transform="translate(0 3)"></use>
      </svg>
    </section>
    <div class="grid-container solutions-band py-4 position-relative">
      <div class="grid-row">
        <div class="grid-col-12">
          <h2 class="font-roboto font-weight-bold txt-clr-accent-4 text-center pb-5 mb-0">Make each software release better than the last</h2>
          <ul class="nav nav-tabs justify-content-center border-0" id="tabs" role="tablist">
            <li class="text-center pr-3">
              <a aria-selected="true" class="d-block c-tab-accent-outline active" data-icons-group="tab-icons-a" data-title="Eliminate testing blind spots" data-toggle="tab" data-wec-listener-initialized="true" href="#pane-A" id="tab-A" role="tab">Eliminate testing blind spots</a>
            </li>
            <li class="text-center px-3">
              <a aria-selected="false" class="d-block c-tab-outline" data-icons-group="tab-icons-b" data-title="Enable rapid API-first development" data-toggle="tab" data-wec-listener-initialized="true" href="#pane-B" id="tab-B" role="tab">Enable rapid API-first development</a>
            </li>
            <li class="text-center pl-3">
              <a aria-selected="false" class="d-block c-tab-outline-light" data-icons-group="tab-icons-c" data-title="Catch and fix defects in real time" data-toggle="tab" data-wec-listener-initialized="true" href="#pane-C" id="tab-C" role="tab">Catch and fix defects in real time</a>
            </li>
          </ul>
          <div class="infinity-svg position-absolute w--950 px-3">
            <div class="tooltip-box px-3 py-3 w--250" data-placement-offset="10" style="left: 0px; top: 0px; opacity: 0; visibility: hidden;"><span class="d-block f12 font-weight-bold title-js">Cross-Browser Testing</span> <span
                class="d-block w--25 h--5 border-bottom border-bottom-orange"></span> <span class="d-block f12 pt-1 description-js">Ensure a consistent customer experience across different browsers and browser versions</span></div>
            <!-- data group a -->
            <div id="data-icons-a"><span class="a1-js" data-description="Bridge the gap between unit and integration tests" data-placement="loc-top-right" data-title="Contract Testing" id="a1"></span><span class="a2-js"
                data-description="Ensure your app works as expected against your software requirements" data-placement="loc-right" data-title="Functional Testing" id="a2"></span><span class="a3-js"
                data-description="Identify and prevent vulnerabilities of your web services" data-placement="loc-right" data-title="Security Testing" id="a3"></span><span class="a4-js"
                data-description="Work on APIs that are unavailable or inaccessible before deployed to production" data-placement="loc-bottom-right" data-title="Service Virtualization" id="a4"></span><span class="a5-js"
                data-description="Increase effectiveness, efficiency, and coverage of your testing, whether code or codeless" data-placement="loc-bottom" data-title="Test Automation" id="a5"></span><span class="a6-js"
                data-description="Plan, develop, and execute all of your tests better enabling collaboration and visibility" data-placement="loc-bottom-left" data-title="Test Management" id="a6"></span><span class="a7-js"
                data-description="End-to-end tests at the API and UI level to ensure 24x7 speed and availability" data-placement="loc-bottom-left" data-title="Load Testing" id="a7"></span><span class="a8-js"
                data-description="Ensure a consistent customer experience across different browsers and browser versions " data-placement="loc-left" data-title="Cross-Browser Testing" id="a8"></span><span class="a9-js"
                data-description="Access real devices in the cloud to ensure maximum test coverage and consistency" data-placement="loc-right" data-title="Real-Device Testing" id="a9"></span><span class="a10-js"
                data-description="Monitor your applications by simulating users, directing the path taken through your apps" data-placement="loc-top-right" data-title="Synthetic Monitoring" id="a10"></span><span class="a11-js"
                data-description="Monitor your application stability non-stop with actionable insights into UX" data-placement="loc-top-right" data-title="App Stability Monitoring" id="a11"></span><span class="a12-js"
                data-description="Confirm your app looks like what you – and your customers – expect" data-placement="loc-top" data-title="Visual Testing" id="a12"></span></div>
            <div id="data-icons-b"><span class="b1-js" data-description="Accelerate API delivery and quality through standards and collaboration" data-placement="loc-bottom" data-title="API Design" id="b1"></span><span class="b2-js"
                data-description="Standardize your APIs for accelerated and controlled development" data-placement="loc-bottom-right" data-title="API Governance" id="b2"></span><span class="b3-js"
                data-description="Ensure your APIs are discoverable by all consumers" data-placement="loc-bottom-right" data-title="API Documentation" id="b3"></span><span class="b4-js"
                data-description="Bridge the gap between unit and integration tests" data-placement="loc-right" data-title="API Contract Testing" id="b4"></span><span class="b5-js"
                data-description="Ensure your app works as expected against your software requirements" data-placement="loc-top-left" data-title="API Functional Testing" id="b5"></span><span class="b6-js"
                data-description="Integrate automated API security to ensure security after every code change" data-placement="loc-top-left" data-title="API Security Testing" id="b6"></span><span class="b7-js"
                data-description="Create, configure, and deploy your mock on local machines or in the cloud" data-placement="loc-top" data-title="Service Virtualization" id="b7"></span><span class="b8-js"
                data-description="Monitor your APIs from all over the world and within your private networks" data-placement="loc-top-right" data-title="API Monitoring" id="b8"></span></div>
            <div id="data-icons-c"><span class="c1-js" data-description="Ensure a consistent customer experience across different browsers and browser versions" data-placement="loc-top-left" data-title="Cross-Browser Testing" id="c1"></span><span
                class="c2-js" data-description="Access real devices in the cloud to ensure maximum test coverage and consistency" data-placement="loc-top-left" data-title="Real-Device Testing" id="c2"></span><span class="c3-js"
                data-description="Monitor your applications by simulating users, directing the path taken through your apps" data-placement="loc-left" data-title="Synthetic Monitoring" id="c3"></span><span class="c4-js"
                data-description="Monitor your application stability non-stop with actionable insights into UX" data-placement="loc-bottom-left" data-title="App Stability Monitoring" id="c4"></span></div>
            <!-- end data group a --><!-- start svg infinite --><svg id="production-file" viewBox="0 0 653.66 311.79" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <defs>
                <style type="text/css">
                  .infinity-svg .icon {
                    -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .3));
                    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
                  }

                  .cls-1,
                  .cls-2,
                  .cls-3,
                  .cls-4,
                  .cls-5,
                  .cls-6,
                  .cls-7,
                  .cls-8,
                  .cls-9,
                  .cls-10,
                  .cls-11,
                  .cls-12,
                  .cls-13,
                  .cls-14,
                  .cls-15,
                  .cls-16,
                  .cls-17,
                  .cls-18,
                  .cls-19,
                  .cls-20,
                  .cls-21,
                  .cls-22,
                  .cls-23,
                  .cls-24,
                  .cls-25,
                  .cls-26 {
                    stroke-miterlimit: 10;
                  }

                  .cls-1,
                  .cls-2,
                  .cls-3,
                  .cls-4,
                  .cls-5,
                  .cls-8,
                  .cls-9,
                  .cls-10,
                  .cls-11,
                  .cls-12,
                  .cls-13,
                  .cls-14,
                  .cls-15,
                  .cls-16,
                  .cls-17,
                  .cls-18,
                  .cls-19,
                  .cls-20,
                  .cls-21,
                  .cls-22,
                  .cls-23,
                  .cls-24,
                  .cls-25,
                  .cls-26 {
                    fill: none;
                  }

                  .cls-1,
                  .cls-2,
                  .cls-3,
                  .cls-4,
                  .cls-5,
                  .cls-8,
                  .cls-9,
                  .cls-10,
                  .cls-11,
                  .cls-12,
                  .cls-13,
                  .cls-14,
                  .cls-15,
                  .cls-16,
                  .cls-17,
                  .cls-23,
                  .cls-24,
                  .cls-26 {
                    stroke-linecap: square;
                  }

                  .cls-1,
                  .cls-3 {
                    stroke-width: 0.47px;
                  }

                  .cls-1,
                  .cls-8,
                  .cls-20 {
                    stroke: #2996cc;
                  }

                  .cls-2 {
                    stroke-width: 0.93px;
                  }

                  .cls-2,
                  .cls-3,
                  .cls-6,
                  .cls-12,
                  .cls-13,
                  .cls-16,
                  .cls-24,
                  .cls-26 {
                    stroke: #fff;
                  }

                  .cls-4 {
                    stroke-width: 0.23px;
                  }

                  .cls-4,
                  .cls-5,
                  .cls-7,
                  .cls-9,
                  .cls-10,
                  .cls-15,
                  .cls-17,
                  .cls-19,
                  .cls-21,
                  .cls-22,
                  .cls-23,
                  .cls-25 {
                    stroke: #173647;
                  }

                  .cls-27 {
                    fill: url(#linear-gradient);
                  }

                  .cls-5 {
                    stroke-width: 0.57px;
                  }

                  .cls-28,
                  .cls-29 {
                    fill: #00537c;
                  }

                  .cls-30,
                  .cls-6,
                  .cls-7,
                  .cls-31,
                  .cls-32,
                  .cls-33,
                  .cls-34,
                  .cls-35,
                  .cls-36,
                  .cls-37,
                  .cls-38,
                  .cls-39,
                  .cls-40,
                  .cls-41,
                  .cls-42,
                  .cls-43,
                  .cls-44,
                  .cls-45,
                  .cls-46,
                  .cls-47,
                  .cls-48,
                  .cls-49,
                  .cls-50,
                  .cls-51,
                  .cls-52,
                  .cls-53,
                  .cls-54 {
                    fill: #fff;
                  }

                  .cls-55 {
                    fill: #f0f3f5;
                  }

                  .cls-56,
                  .cls-57 {
                    fill: #ff730b;
                  }

                  .cls-58 {
                    fill: #c1c1c1;
                  }

                  .cls-59 {
                    fill: #173647;
                  }

                  .cls-60 {
                    fill: #20b1fd;
                  }

                  .cls-61 {
                    fill: #097eb2;
                  }

                  .cls-62 {
                    fill: #2996cc;
                  }

                  .cls-6,
                  .cls-7,
                  .cls-18,
                  .cls-19,
                  .cls-23 {
                    stroke-width: 0.23px;
                  }

                  .cls-7,
                  .cls-18,
                  .cls-19,
                  .cls-20,
                  .cls-21,
                  .cls-22 {
                    stroke-linecap: round;
                  }

                  .cls-8,
                  .cls-15,
                  .cls-22,
                  .cls-25 {
                    stroke-width: 0.31px;
                  }

                  .cls-9,
                  .cls-20,
                  .cls-21 {
                    stroke-width: 0.31px;
                  }

                  .cls-10,
                  .cls-13,
                  .cls-14 {
                    stroke-width: 0.62px;
                  }

                  .cls-11 {
                    stroke: #20b1fd;
                  }

                  .cls-11,
                  .cls-12 {
                    stroke-width: 0.62px;
                  }

                  .cls-14 {
                    stroke: #ff730b;
                  }

                  .cls-16 {
                    stroke-width: 0.47px;
                  }

                  .cls-17 {
                    stroke-width: 0.29px;
                  }

                  .cls-18 {
                    stroke: #75808c;
                  }

                  .cls-63 {
                    fill: url(#linear-gradient-2);
                  }

                  .cls-24 {
                    stroke-width: 0.93px;
                  }

                  .cls-57,
                  .cls-29 {
                    fill-rule: evenodd;
                  }

                  .cls-26 {
                    stroke-width: 0.86px;
                  }
                </style>
                <linearGradient gradientTransform="translate(0 -4450.07) scale(1 -1)" gradientUnits="userSpaceOnUse" id="linear-gradient" x1="303.48" x2="496.97" y1="-4534.88" y2="-4534.88">
                  <stop offset="0" stop-color="#cecece"></stop>
                  <stop offset=".82" stop-color="#f0f3f5"></stop>
                </linearGradient>
                <linearGradient id="linear-gradient-2" x1="333.66" x2="184.98" xlink:href="#linear-gradient" y1="-4591.26" y2="-4742.24"></linearGradient>
              </defs>
              <g id="symbol-2">
                <path class="cls-55"
                  d="M156.13,308.97C71.72,308.97,3.05,240.3,3.05,155.9S71.72,2.82,156.13,2.82c52.48,0,102.78,24.96,145.47,72.18,31.01,34.3,47.35,68.56,48.03,70l5.14,10.89-5.14,10.89c-2.74,5.8-68.55,142.19-193.5,142.19h0Zm0-255.13c-56.27,0-102.05,45.78-102.05,102.05s45.78,102.05,102.05,102.05c75.03,0,124.99-73.69,141.44-102.05-16.45-28.36-66.42-102.05-141.44-102.05h0Z">
                </path>
                <path class="cls-55"
                  d="M496.97,308.97c-52.48,0-102.78-24.96-145.47-72.18-31.01-34.3-47.35-68.56-48.03-70l-5.14-10.89,5.14-10.89c2.75-5.81,68.56-142.19,193.5-142.19,84.41,0,153.08,68.67,153.08,153.08s-68.67,153.08-153.08,153.08h0Zm-141.44-153.09c16.45,28.36,66.42,102.05,141.44,102.05,56.27,0,102.05-45.78,102.05-102.05s-45.78-102.05-102.05-102.05c-75.03,0-124.99,73.69-141.44,102.05h0Z">
                </path>
                <path class="cls-27" d="M349.62,166.79l-46.14-21.78c2.74-5.81,68.55-142.19,193.49-142.19V53.85c-92.97,0-146.82,111.81-147.35,112.94Z"> </path>
                <path class="cls-63" d="M156.13,308.97v-51.03c92.97,0,146.82-111.81,147.35-112.94l46.14,21.78c-2.74,5.8-68.55,142.19-193.5,142.19h0Z"> </path>
                <path class="cls-55" d="M496.85,308.97c-124.95,0-190.76-136.38-193.5-142.19-.52-1.09-54.92-112.94-147.35-112.94V2.82c124.95,0,190.76,136.38,193.5,142.19,.52,1.09,54.92,112.94,147.35,112.94v51.03h0Z"> </path>
                <polygon class="cls-55" points="328.02 154 330.04 157.11 344.4 135.15 342.87 132.42 328.02 154"> </polygon>
                <polygon class="cls-55" points="327.17 156.44 328.86 159.05 312.41 183.58 310.29 179.91 327.17 156.44"></polygon>
              </g>
              <g id="line-2">
                <path class="cls-58"
                  d="M497.6,286.59c-86.31,0-129.28-63.46-169.92-126.36-41.71,62.99-85.83,126.36-170.63,126.36S26.38,219.48,26.38,153.19c0-33.76,11.45-65,32.22-87.95,23.55-26,57.59-39.75,98.44-39.75,86.08,0,128.45,65.65,169.44,129.14,.41,.63,.81,1.25,1.22,1.88,.55-.83,1.11-1.67,1.65-2.5,41.78-63.18,84.97-128.53,168.25-128.53,38.59,0,71.06,14.2,93.89,41.06,20.25,23.83,31.41,55.82,31.41,90.09s-11.09,65.82-31.22,89.35c-22.74,26.56-55.27,40.61-94.08,40.61h.01Zm-168.7-128.21c40.49,62.68,83.15,126.17,168.7,126.17,38.19,0,70.19-13.8,92.53-39.9,19.81-23.15,30.73-54.41,30.73-88.02s-10.98-65.29-30.92-88.76c-22.42-26.39-54.36-40.35-92.33-40.35-82.19,0-123.17,61.98-166.56,127.62-.71,1.08-1.42,2.16-2.14,3.24h0ZM157.05,27.53c-40.26,0-73.78,13.52-96.94,39.08-20.43,22.57-31.69,53.31-31.69,86.58,0,65.28,44.18,131.36,128.62,131.36s127.87-63.39,169.43-126.19c-.57-.88-1.14-1.75-1.69-2.63C284.09,92.7,242.01,27.53,157.05,27.53Z">
                </path>
                <polygon class="cls-55" points="327.26 155.83 329.26 158.95 344.66 135.63 342.75 132.21 327.26 155.83"></polygon>
                <polygon class="cls-55" points="326.4 158.28 328.1 160.89 312.41 183.58 310.29 179.91 326.4 158.28"></polygon>
              </g>
              <g id="grey_dots-2">
                <circle class="cls-58" cx="384.73" cy="232.16" r="5"></circle>
                <circle class="cls-58" cx="447.78" cy="275.78" r="5"></circle>
                <circle class="cls-58" cx="519.18" cy="282.84" r="5"></circle>
                <circle class="cls-58" cx="581.55" cy="255.91" r="5"></circle>
                <circle class="cls-58" cx="616.92" cy="200.46" r="5"></circle>
                <circle class="cls-58" cx="621.81" cy="128.35" r="5"></circle>
                <circle class="cls-58" cx="595.49" cy="68.87" r="5"></circle>
                <circle class="cls-58" cx="539.01" cy="31.19" r="5"></circle>
                <circle class="cls-58" cx="466.56" cy="27.74" r="5"></circle>
                <circle class="cls-58" cx="408.7" cy="57.84" r="5"></circle>
                <circle class="cls-58" cx="365.48" cy="104.41" r="5"></circle>
                <circle class="cls-58" cx="287.62" cy="214" r="5"></circle>
                <circle class="cls-58" cx="239.81" cy="257.95" r="5"></circle>
                <circle class="cls-58" cx="169.9" cy="282.84" r="5"></circle>
                <circle class="cls-58" cx="105.16" cy="274.33" r="5"></circle>
                <circle class="cls-58" cx="122.5" cy="27.74" r="5"></circle>
                <circle class="cls-58" cx="194.9" cy="28.74" r="5"></circle>
                <circle class="cls-58" cx="252.87" cy="60.76" r="5"></circle>
                <circle class="cls-58" cx="303.48" cy="117.64" r="5"></circle>
                <circle class="cls-58" cx="343.02" cy="177.77" r="5"></circle>
                <circle class="cls-58" cx="65.97" cy="57.16" r="5"></circle>
                <circle class="cls-58" cx="55.25" cy="237.7" r="5"></circle>
                <circle class="cls-58" cx="30.38" cy="184.28" r="5"></circle>
                <circle class="cls-58" cx="31.38" cy="117.64" r="5"></circle>
              </g>
              <g class="active" id="tab-icons-a">
                <g class="icon" id="a1-js">
                  <circle class="cls-35" cx="58.09" cy="238.25" r="15"></circle>
                  <path class="cls-56" d="M63.06,247.24h-9.68c-1.03,0-1.87-.84-1.87-1.87v-13.65c0-1.03,.84-1.87,1.87-1.87h8.81l2.75,2.75v12.77c0,1.03-.84,1.87-1.87,1.87h-.01Z"> </path>
                  <polygon class="cls-30" points="60.05 228.75 60.07 233 64.01 233 60.05 228.75"></polygon>
                  <path class="cls-59"
                    d="M52.49,243.63c.69-.49,1.37-1,2.04-1.52,.34-.27,.68-.55,1.02-.83,.23-.2,.63-.42,.67-.75,0-.09-.05-.16-.14-.14-1.43,.27-1.59,1.92-1.99,3.04-.06,.18-.13,.37-.23,.53-.06,.09-.2,.29-.33,.21l-.03-.25s.09-.09,.14-.12c.23-.18,.83-.6,1.06-.25,.09,.13,.08,.28,.29,.25,.27-.03,.57-.31,.78-.48l-.2-.05c.05,.19,.18,.2,.35,.22,.3,.04,.52,.26,.83,.29,.65,.07,1.38-.11,2.01-.27,.15-.04,.08-.26-.06-.23-.54,.14-1.1,.25-1.66,.27-.27,0-.47-.03-.71-.16-.06-.03-.12-.08-.19-.11-.06-.02-.33-.02-.35-.08-.02-.09-.13-.11-.2-.05-.1,.08-.55,.48-.68,.33-.07-.08-.05-.19-.17-.26-.22-.14-.52-.02-.73,.07-.27,.12-.75,.36-.83,.68-.06,.23,.13,.41,.35,.43,.28,.02,.46-.22,.57-.44,.19-.38,.3-.8,.41-1.2,.24-.88,.58-1.96,1.61-2.15l-.14-.14c-.03,.21-.28,.36-.43,.49-.14,.12-.27,.23-.41,.35-.29,.24-.59,.48-.88,.72-.62,.49-1.25,.96-1.9,1.41-.12,.09,0,.29,.12,.2h.01Z">
                  </path>
                  <polygon class="cls-30"
                    points="61.38 241.6 61.64 241.83 61.98 241.74 62.11 242.06 62.45 242.12 62.44 242.47 62.72 242.67 62.56 242.98 62.72 243.28 62.44 243.49 62.45 243.83 62.11 243.89 61.98 244.21 61.64 244.12 61.38 244.35 61.12 244.12 60.79 244.21 60.65 243.89 60.31 243.83 60.32 243.49 60.04 243.28 60.21 242.98 60.04 242.67 60.32 242.47 60.31 242.12 60.65 242.06 60.79 241.74 61.12 241.83 61.38 241.6">
                  </polygon>
                  <g>
                    <path class="cls-9" d="M58.61,228.8l-5.85,.02c-1.13,0-2.09,1-2.09,1.97v13.11c0,.98,.78,1.78,1.77,1.78h9.56c.98,0,1.78-.79,1.78-1.78v-9.86"> </path>
                    <g>
                      <line class="cls-16" x1="60.25" x2="54.34" y1="236.39" y2="236.39"></line>
                      <line class="cls-16" x1="60.25" x2="54.34" y1="237.7" y2="237.7"></line>
                      <line class="cls-16" x1="56.18" x2="54.34" y1="234.99" y2="234.99"></line>
                    </g>
                  </g>
                </g>
                <g class="icon" id="a2-js">
                  <circle class="cls-38" cx="30.38" cy="184.28" r="15"></circle>
                  <path class="cls-57"
                    d="M23.08,183.56l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                  </path>
                  <g>
                    <path class="cls-21"
                      d="M22.3,182.64l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                    </path>
                    <path class="cls-24" d="M28.26,184.68l1.7,1.7,3.78-3.77"></path>
                  </g>
                </g>
                <g class="icon" id="a3-js">
                  <circle class="cls-45" cx="33.38" cy="119.64" r="15"></circle>
                  <rect class="cls-56" height="11.98" rx="3.66" ry="3.66" width="13.77" x="27.09" y="116.6"> </rect>
                  <g>
                    <rect class="cls-22" height="11.98" rx="3.66" ry="3.66" width="13.77" x="25.99" y="115.51"></rect>
                    <path class="cls-15" d="M27.89,114.33v-.88c0-1.85,1.9-3.36,4.23-3.36h1.51c2.32,0,4.23,1.52,4.23,3.36v.82"> </path>
                    <path class="cls-30" d="M33.93,121.09c0-.66-.62-1.18-1.3-1.02-.39,.09-.7,.41-.78,.81-.09,.46,.12,.89,.48,1.11v1.21c0,.24,.14,.48,.37,.55,.38,.12,.74-.16,.74-.52v-1.23c.3-.19,.5-.52,.5-.89h0Z"> </path>
                  </g>
                </g>
                <g class="icon" id="a4-js">
                  <circle class="cls-39" cx="67.43" cy="63.76" r="15"></circle>
                  <path class="cls-56"
                    d="M74.45,58.86c-.5,0-.98,.09-1.42,.24-.74-2.23-2.83-3.84-5.31-3.84-3.09,0-5.6,2.51-5.6,5.6,0,.08,0,.15,0,.22h-1.29c-1.77,0-3.21,1.45-3.21,3.21s1.45,3.21,3.21,3.21h2.32c.09,.18,.22,.33,.37,.45-.55,.15-.96,.65-.96,1.24,.06,1.3,.88,1.63,1.66,1.61h7.86c.71,0,1.29-.58,1.29-1.29,0-.53-.33-.99-.79-1.19-.05-.05-.11-.1-.17-.15,.35-.1,.65-.34,.81-.67h1.21c2.39,0,4.32-1.94,4.32-4.32s-1.94-4.32-4.32-4.32h.01Z">
                  </path>
                  <g>
                    <path class="cls-19" d="M63.48,62.21h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-19" d="M63.48,64.79h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-19" d="M63.48,67.36h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-6" d="M63.43,63.24h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M64.95,63.24h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M66.47,63.24h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M63.43,65.95h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M64.95,65.95h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M66.47,65.95h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M63.43,68.43h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M64.95,68.43h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M66.47,68.43h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-7" d="M67.44,69.47h0c.23,0,.41,.18,.41,.41h0c0,.23-.18,.41-.41,.41h0c-.23,0-.41-.18-.41-.41h0c0-.23,.18-.41,.41-.41Z"> </path>
                    <line class="cls-19" x1="70.32" x2="64.77" y1="72.5" y2="72.5"></line>
                    <line class="cls-19" x1="67.44" x2="67.44" y1="70.7" y2="72.07"></line>
                  </g>
                  <path class="cls-21"
                    d="M73.62,66.37c2.39,0,4.32-1.94,4.32-4.32s-1.94-4.32-4.32-4.32c-.5,0-.98,.09-1.42,.24-.74-2.23-2.83-3.84-5.31-3.84-3.09,0-5.6,2.51-5.6,5.6,0,.08,0,.15,0,.22h-1.29c-1.77,0-3.21,1.45-3.21,3.21s1.45,3.21,3.21,3.21h1"> </path>
                </g>
                <g class="icon" id="a5-js">
                  <circle class="cls-33" cx="122.83" cy="30.76" r="15"></circle>
                  <circle class="cls-56" cx="122.89" cy="31.25" r="8.06"></circle>
                  <g>
                    <path class="cls-9" d="M116.33,35.82c-3.2-3.2-3.2-8.4,0-11.6,2.4-2.4,6.21-2.96,9.17-1.76"></path>
                    <path class="cls-9" d="M127.93,24.22c3.2,3.2,3.2,8.4,0,11.6-2.4,2.4-6.25,2.96-9.21,1.76"></path>
                    <polyline class="cls-9" points="124.42 20.09 125.74 22.53 123.33 23.85"></polyline>
                    <polyline class="cls-9" points="121.11 36.1 118.52 37.51 119.94 40.12"></polyline>
                  </g>
                  <path class="cls-24" d="M119.4,30.15l1.7,1.7,3.78-3.77"></path>
                </g>
                <g class="icon" id="a6-js">
                  <circle class="cls-42" cx="194.9" cy="32.96" r="15"></circle>
                  <rect class="cls-56" height="7" rx=".97" ry=".97" width="7" x="186.85" y="24.91"></rect>
                  <rect class="cls-56" height="7" rx=".97" ry=".97" width="7" x="186.85" y="34.97"></rect>
                  <rect class="cls-15" height="7" rx=".97" ry=".97" width="7" x="185.92" y="24.04"></rect>
                  <rect class="cls-15" height="7" rx=".97" ry=".97" width="7" x="185.92" y="34.1"></rect>
                  <rect class="cls-56" height="7" rx=".97" ry=".97" width="7" x="196.88" y="24.91"></rect>
                  <rect class="cls-56" height="7" rx=".97" ry=".97" width="7" x="196.88" y="34.97"></rect>
                  <rect class="cls-15" height="7" rx=".97" ry=".97" width="7" x="195.95" y="24.04"></rect>
                  <rect class="cls-15" height="7" rx=".97" ry=".97" width="7" x="195.95" y="34.1"></rect>
                  <path class="cls-2" d="M198.09,27.38l1.74,1.74,3.87-3.85"></path>
                  <path class="cls-2" d="M188.12,37.32l1.74,1.74,3.87-3.85"></path>
                </g>
                <g class="icon" id="a7-js">
                  <circle class="cls-31" cx="252.87" cy="61.79" r="15"></circle>
                  <path class="cls-56" d="M262.65,67.33c.32-1,.5-2.07,.48-3.18-.06-5.49-4.56-9.88-10.05-9.82s-9.88,4.56-9.82,10.05c0,1.03,.18,2.02,.48,2.95h18.91Z"> </path>
                  <g>
                    <g>
                      <line class="cls-13" x1="245.3" x2="245.86" y1="58.51" y2="58.86"></line>
                      <line class="cls-13" x1="243.94" x2="244.47" y1="62.23" y2="62.25"></line>
                      <line class="cls-13" x1="252.02" x2="252.07" y1="55.02" y2="56.03"></line>
                      <line class="cls-13" x1="248.26" x2="248.69" y1="55.99" y2="56.68"></line>
                      <g>
                        <line class="cls-13" x1="259.06" x2="257.69" y1="58.33" y2="59.24"></line>
                        <line class="cls-13" x1="260.51" x2="258.7" y1="62.01" y2="62.28"></line>
                        <line class="cls-13" x1="256.05" x2="255.33" y1="55.87" y2="57.06"></line>
                      </g>
                    </g>
                    <line class="cls-10" x1="251.82" x2="255.16" y1="63.83" y2="60.41"></line>
                  </g>
                  <path class="cls-21" d="M261.65,65.83c.32-1,.5-2.07,.48-3.18-.06-5.49-4.56-9.88-10.05-9.82s-9.88,4.56-9.82,10.05c0,1.03,.18,2.02,.48,2.95h18.91Z"> </path>
                </g>
                <g class="icon" id="a8-js">
                  <circle class="cls-36" cx="303.48" cy="117.64" r="15"></circle>
                  <g>
                    <path class="cls-56" d="M310.31,126.82h-12.81c-1.11,0-2.03-.91-2.03-2.03v-12.78c0-1.11,.91-2.03,2.03-2.03h12.91c1.12,0,2.03,.91,2.03,2.03l-.1,12.8c-.01,1.11-.92,2.01-2.03,2.01Z"> </path>
                    <g>
                      <g>
                        <g>
                          <path class="cls-21" d="M309.25,121.56h-12.81c-1.11,0-2.03-.91-2.03-2.03v-8.57c0-1.11,.91-2.03,2.03-2.03h12.91c1.12,0,2.03,.91,2.03,2.03l-.1,8.59c-.01,1.11-.92,2.01-2.03,2.01Z"> </path>
                          <line class="cls-21" x1="294.43" x2="311.21" y1="112.73" y2="112.73"></line>
                        </g>
                        <rect class="cls-30" height=".79" rx=".39" ry=".39" width=".79" x="305.15" y="110.46"></rect>
                        <rect class="cls-30" height=".79" rx=".39" ry=".39" width=".79" x="307.12" y="110.46"></rect>
                        <rect class="cls-30" height=".79" rx=".39" ry=".39" width=".79" x="309.09" y="110.46"></rect>
                      </g>
                      <path class="cls-9" d="M311.28,121.66c-.01,1.11-.92,2.01-2.03,2.01h-12.81c-1.11,0-2.03-.91-2.03-2.03"> </path>
                      <path class="cls-9" d="M311.28,123.52c-.01,1.11-.92,2.01-2.03,2.01h-12.81c-1.11,0-2.03-.91-2.03-2.03"> </path>
                    </g>
                    <path class="cls-24" d="M300.84,116.36l1.64,1.64,3.65-3.64"></path>
                  </g>
                </g>
                <g class="icon" id="a9-js">
                  <circle class="cls-44" cx="341.23" cy="179.34" r="15"></circle>
                  <g>
                    <path class="cls-56" d="M344.65,184.16h-11c-1.03,0-1.87-.84-1.87-1.87v-7.03c0-1.03,.84-1.87,1.87-1.87h11c1.03,0,1.87,.84,1.87,1.87v7.05c0,1.02-.84,1.85-1.87,1.85Z"> </path>
                    <rect class="cls-56" height="8.78" rx="1.04" ry="1.04" width="4.52" x="348.14" y="175.41"></rect>
                    <path class="cls-56" d="M339.67,180.86h8.49c.57,0,1.04,.46,1.04,1.04v5.47h-10.56v-5.47c0-.57,.46-1.04,1.04-1.04Z"> </path>
                  </g>
                  <g>
                    <path class="cls-15" d="M345.72,179.43v-5.67c0-.87-.72-1.58-1.59-1.58h-11.81c-.87,0-1.58,.71-1.58,1.58v7.41c0,.87,.71,1.58,1.58,1.58h4.31"> </path>
                    <line class="cls-15" x1="336.64" x2="333.92" y1="185.27" y2="185.27"></line>
                    <line class="cls-15" x1="335.61" x2="335.61" y1="183.42" y2="184.62"></line>
                    <g>
                      <g>
                        <line class="cls-15" x1="348.07" x2="348.06" y1="184.72" y2="187.44"></line>
                        <path class="cls-15" d="M337.72,187.41v-5.35c0-.74,.59-1.34,1.33-1.34l7.27-.04"> </path>
                      </g>
                      <line class="cls-15" x1="336.65" x2="349.13" y1="188.37" y2="188.37"></line>
                    </g>
                    <rect class="cls-22" height="8.78" rx="1.04" ry="1.04" width="4.52" x="347.28" y="174.4"></rect>
                  </g>
                </g>
                <g class="icon" id="a10-js">
                  <circle class="cls-32" cx="384.73" cy="233" r="15"></circle>
                  <line class="cls-18" x1="383.2" x2="383.15" y1="227.67" y2="222.64"></line>
                  <line class="cls-18" x1="394.29" x2="389.61" y1="235.93" y2="231.44"></line>
                  <polyline class="cls-18" points="380.38 228.88 375.96 228.84 376.01 225.68 377.38 224.31"> </polyline>
                  <polyline class="cls-18" points="378.8 239.85 381.49 242.54 385.34 242.54"></polyline>
                  <polyline class="cls-18" points="375.3 234.49 376.56 235.75 376.56 239.96"></polyline>
                  <polyline class="cls-18" points="387.26 222.81 387.26 224.56 393.67 229.6 393.67 231.09"> </polyline>
                  <line class="cls-18" x1="393.67" x2="393.67" y1="229.6" y2="227.01"></line>
                  <circle class="cls-9" cx="383.17" cy="221.72" r=".91"></circle>
                  <circle class="cls-9" cx="387.35" cy="221.72" r=".91"></circle>
                  <circle class="cls-9" cx="394.99" cy="236.64" r=".91"></circle>
                  <circle class="cls-9" cx="374.61" cy="233.9" r=".91"></circle>
                  <circle class="cls-9" cx="386.6" cy="242.51" r=".91"></circle>
                  <circle class="cls-9" cx="376.52" cy="240.88" r=".91"></circle>
                  <circle class="cls-9" cx="393.81" cy="226.1" r=".91"></circle>
                  <circle class="cls-9" cx="393.67" cy="232" r=".91"></circle>
                  <circle class="cls-9" cx="378.13" cy="223.59" r=".91"></circle>
                  <circle class="cls-56" cx="384.5" cy="233.27" r="6.74"></circle>
                  <g>
                    <g>
                      <circle class="cls-9" cx="383.75" cy="232.27" r="6.74"></circle>
                      <line class="cls-10" x1="388.62" x2="392.28" y1="237.14" y2="240.69"></line>
                    </g>
                    <polyline class="cls-24" points="381.58 232.68 382.96 234.06 386.01 231.01"></polyline>
                  </g>
                </g>
                <g class="icon" id="a11-js">
                  <circle class="cls-37" cx="445.93" cy="272.95" r="15"></circle>
                  <g>
                    <path class="cls-56" d="M446.04,277.08v-6.49c0-1.49-.64-2.8-2.07-3.22h8.93c1.94,0,3.52,1.58,3.52,3.52v6.19c0,1.94-1.58,3.52-3.52,3.52h-3.34c-1.94,0-3.52-1.58-3.52-3.52Z"> </path>
                    <g>
                      <line class="cls-9" x1="435.56" x2="435.56" y1="271.5" y2="275.36"></line>
                      <line class="cls-14" x1="439.05" x2="439.05" y1="266.42" y2="275.36"></line>
                      <line class="cls-9" x1="437.25" x2="437.25" y1="275.36" y2="268.73"></line>
                      <line class="cls-9" x1="442.6" x2="442.6" y1="269.79" y2="275.36"></line>
                      <line class="cls-9" x1="440.8" x2="440.8" y1="275.36" y2="270.04"></line>
                      <line class="cls-9" x1="435.3" x2="443.23" y1="276.65" y2="276.65"></line>
                    </g>
                    <path class="cls-9" d="M444.63,275.67v-6.49c0-1.49-.64-2.8-2.07-3.22h8.93c1.94,0,3.52,1.58,3.52,3.52v6.19c0,1.94-1.58,3.52-3.52,3.52h-3.34c-1.94,0-3.52-1.58-3.52-3.52Z"> </path>
                    <g>
                      <line class="cls-13" x1="448.24" x2="452.99" y1="270.66" y2="270.66"></line>
                      <line class="cls-13" x1="448.24" x2="452.99" y1="273.13" y2="273.13"></line>
                      <line class="cls-13" x1="448.24" x2="452.99" y1="275.55" y2="275.55"></line>
                    </g>
                  </g>
                </g>
                <g class="icon" id="a12-js">
                  <circle class="cls-34" cx="519.18" cy="281.78" r="15"></circle>
                  <g>
                    <circle class="cls-56" cx="519.53" cy="282.59" r="6.2"></circle>
                    <g>
                      <g>
                        <circle class="cls-17" cx="518.84" cy="281.31" r="6.2"></circle>
                        <line class="cls-5" x1="523.32" x2="526.82" y1="285.78" y2="289.19"></line>
                      </g>
                      <polyline class="cls-26" points="516.85 281.69 518.12 282.96 520.92 280.15"> </polyline>
                    </g>
                    <g>
                      <path class="cls-9" d="M531.53,281.87c-7.31-11.21-17.77-11.1-25.09-.12"></path>
                      <path class="cls-9" d="M531.57,282.03c-1.29,1.94-2.73,3.3-4.18,4.56"></path>
                      <path class="cls-9" d="M506.42,281.84c4.9,7.51,11.51,9.68,17.37,7.18"></path>
                    </g>
                  </g>
                </g>
              </g>
              <g id="tab-icons-c">
                <g class="icon" id="c1-js">
                  <circle class="cls-43" cx="577.27" cy="255.24" r="15"></circle>
                  <path class="cls-60" d="M584.66,265.05h-13.28c-1.16,0-2.1-.95-2.1-2.1v-13.25c0-1.16,.95-2.1,2.1-2.1h13.38c1.16,0,2.1,.94,2.1,2.1l-.1,13.27c-.01,1.15-.95,2.08-2.1,2.08h0Z"> </path>
                  <g>
                    <g>
                      <g>
                        <path class="cls-21" d="M583.56,259.59h-13.28c-1.16,0-2.1-.95-2.1-2.1v-8.88c0-1.16,.95-2.1,2.1-2.1h13.38c1.16,0,2.1,.94,2.1,2.1l-.1,8.91c-.01,1.15-.95,2.08-2.1,2.08h0Z"> </path>
                        <line class="cls-21" x1="568.2" x2="585.6" y1="250.44" y2="250.44"></line>
                      </g>
                      <path class="cls-30" d="M579.72,248.08h0c.23,0,.41,.18,.41,.41h0c0,.23-.18,.41-.41,.41h0c-.23,0-.41-.18-.41-.41h0c0-.23,.18-.41,.41-.41Z"> </path>
                      <path class="cls-30" d="M581.76,248.08h0c.23,0,.41,.18,.41,.41h0c0,.23-.18,.41-.41,.41h0c-.23,0-.41-.18-.41-.41h0c0-.23,.18-.41,.41-.41Z"> </path>
                      <path class="cls-30" d="M583.8,248.08h0c.23,0,.41,.18,.41,.41h0c0,.23-.18,.41-.41,.41h0c-.23,0-.41-.18-.41-.41h0c0-.23,.18-.41,.41-.41Z"> </path>
                    </g>
                    <path class="cls-9" d="M585.67,259.7c-.01,1.15-.95,2.08-2.1,2.08h-13.28c-1.16,0-2.1-.95-2.1-2.1"></path>
                    <path class="cls-9" d="M585.67,261.62c-.01,1.15-.95,2.08-2.1,2.08h-13.28c-1.16,0-2.1-.95-2.1-2.1"> </path>
                  </g>
                  <path class="cls-24" d="M574.85,254.2l1.7,1.7,3.78-3.77"></path>
                </g>
                <g class="icon" id="c2-js">
                  <circle class="cls-40" cx="617.25" cy="197.45" r="15"></circle>
                  <g>
                    <path class="cls-60" d="M620.21,203.64h-11c-1.03,0-1.87-.84-1.87-1.87v-7.03c0-1.03,.84-1.87,1.87-1.87h10.99c1.03,0,1.87,.84,1.87,1.87v7.05c0,1.02-.84,1.85-1.87,1.85h0Z"> </path>
                    <rect class="cls-60" height="8.78" rx="1.04" ry="1.04" width="4.52" x="623.71" y="194.89"></rect>
                    <path class="cls-60" d="M615.23,200.34h8.49c.57,0,1.04,.46,1.04,1.04v5.47h-10.56v-5.47c0-.57,.46-1.04,1.04-1.04Z"> </path>
                  </g>
                  <g>
                    <path class="cls-15" d="M621.28,198.91v-5.67c0-.87-.72-1.58-1.59-1.58h-11.81c-.87,0-1.58,.71-1.58,1.58v7.41c0,.87,.71,1.58,1.58,1.58h4.31"> </path>
                    <line class="cls-15" x1="612.2" x2="609.48" y1="204.75" y2="204.75"></line>
                    <line class="cls-15" x1="611.17" x2="611.17" y1="202.9" y2="204.09"></line>
                    <g>
                      <g>
                        <line class="cls-15" x1="623.63" x2="623.63" y1="204.2" y2="206.92"></line>
                        <path class="cls-15" d="M613.29,206.88v-5.35c0-.74,.59-1.34,1.33-1.34l7.27-.04"> </path>
                      </g>
                      <line class="cls-15" x1="612.21" x2="624.69" y1="207.85" y2="207.85"></line>
                    </g>
                    <rect class="cls-22" height="8.78" rx="1.04" ry="1.04" width="4.52" x="622.84" y="193.88"></rect>
                  </g>
                </g>
                <g class="icon" id="c3-js">
                  <circle class="cls-51" cx="620.52" cy="128.82" r="15"></circle>
                  <line class="cls-18" x1="619.07" x2="619.02" y1="124.54" y2="119.51"></line>
                  <line class="cls-18" x1="630.16" x2="625.48" y1="132.8" y2="128.32"></line>
                  <polyline class="cls-18" points="616.25 125.75 611.83 125.71 611.88 122.55 613.25 121.18"> </polyline>
                  <polyline class="cls-18" points="614.67 136.72 617.36 139.41 621.21 139.41"></polyline>
                  <polyline class="cls-18" points="611.17 131.36 612.43 132.62 612.43 136.83"></polyline>
                  <polyline class="cls-18" points="623.13 119.68 623.13 121.43 629.54 126.47 629.54 127.96"> </polyline>
                  <line class="cls-18" x1="629.54" x2="629.54" y1="126.47" y2="123.88"></line>
                  <circle class="cls-9" cx="619.04" cy="118.59" r=".91"></circle>
                  <circle class="cls-9" cx="623.22" cy="118.59" r=".91"></circle>
                  <circle class="cls-9" cx="630.86" cy="133.51" r=".91"></circle>
                  <circle class="cls-9" cx="610.48" cy="130.77" r=".91"></circle>
                  <circle class="cls-9" cx="622.47" cy="139.38" r=".91"></circle>
                  <circle class="cls-9" cx="612.39" cy="137.75" r=".91"></circle>
                  <circle class="cls-9" cx="629.68" cy="122.97" r=".91"></circle>
                  <circle class="cls-9" cx="629.54" cy="128.87" r=".91"></circle>
                  <circle class="cls-9" cx="614" cy="120.46" r=".91"></circle>
                  <circle class="cls-60" cx="620.37" cy="130.14" r="6.74"></circle>
                  <g>
                    <g>
                      <circle class="cls-9" cx="619.62" cy="129.14" r="6.74"></circle>
                      <line class="cls-10" x1="624.49" x2="628.15" y1="134.01" y2="137.56"></line>
                    </g>
                    <polyline class="cls-24" points="617.45 129.55 618.83 130.93 621.88 127.88"></polyline>
                  </g>
                </g>
                <g class="icon" id="c4-js">
                  <circle class="cls-41" cx="593.07" cy="70.37" r="15"></circle>
                  <g>
                    <path class="cls-60" d="M594.09,74.95v-6.49c0-1.49-.63-2.8-2.07-3.22h8.93c1.94,0,3.52,1.57,3.52,3.52v6.19c0,1.94-1.57,3.52-3.52,3.52h-3.35c-1.94,0-3.52-1.57-3.52-3.52h0Z"> </path>
                    <g>
                      <line class="cls-15" x1="583.61" x2="583.61" y1="69.37" y2="73.23"></line>
                      <line class="cls-11" x1="587.1" x2="587.1" y1="64.29" y2="73.23"></line>
                      <line class="cls-15" x1="585.3" x2="585.3" y1="73.23" y2="66.6"></line>
                      <line class="cls-15" x1="590.65" x2="590.65" y1="67.66" y2="73.23"></line>
                      <line class="cls-15" x1="588.85" x2="588.85" y1="73.23" y2="67.91"></line>
                      <line class="cls-15" x1="583.35" x2="591.28" y1="74.52" y2="74.52"></line>
                    </g>
                    <path class="cls-15" d="M592.68,73.54v-6.49c0-1.49-.63-2.8-2.07-3.22h8.93c1.94,0,3.52,1.57,3.52,3.52v6.19c0,1.94-1.57,3.52-3.52,3.52h-3.35c-1.94,0-3.52-1.57-3.52-3.52h0Z"> </path>
                    <g>
                      <line class="cls-12" x1="596.29" x2="601.05" y1="68.53" y2="68.53"></line>
                      <line class="cls-12" x1="596.29" x2="601.05" y1="71" y2="71"></line>
                      <line class="cls-12" x1="596.29" x2="601.05" y1="73.42" y2="73.42"></line>
                    </g>
                  </g>
                </g>
              </g>
              <g id="tab-icons-b">
                <g class="icon" id="b1-js">
                  <circle class="cls-46" cx="541.51" cy="34.7" r="15"></circle>
                  <path class="cls-28" d="M546.91,41.3h-12.17c-1.06,0-1.93-.87-1.93-1.93v-9.35c0-1.06,.87-1.93,1.93-1.93h12.27c1.06,0,1.93,.86,1.93,1.93l-.1,9.36c-.01,1.06-.87,1.91-1.93,1.91h0Z"> </path>
                  <g>
                    <g>
                      <line class="cls-8" x1="532.1" x2="547.93" y1="30.49" y2="30.49"></line>
                      <path class="cls-25" d="M537.35,39.84h-3.44c-1.06,0-1.93-.87-1.93-1.93v-8.79c0-1.06,.87-1.93,1.93-1.93h12.26c1.06,0,1.93,.86,1.93,1.93l-.1,5.99"> </path>
                    </g>
                    <g>
                      <line class="cls-3" x1="536.93" x2="540.51" y1="32.37" y2="32.37"></line>
                      <line class="cls-3" x1="541.56" x2="543.72" y1="32.37" y2="32.37"></line>
                      <line class="cls-3" x1="545.01" x2="539.68" y1="34.19" y2="34.19"></line>
                      <line class="cls-3" x1="538.62" x2="535.79" y1="34.19" y2="34.19"></line>
                      <line class="cls-3" x1="537.53" x2="535.79" y1="36.01" y2="36.01"></line>
                    </g>
                    <g>
                      <line class="cls-1" x1="534.81" x2="535.73" y1="32.37" y2="32.37"></line>
                      <line class="cls-1" x1="534.76" x2="537.21" y1="37.89" y2="37.89"></line>
                    </g>
                  </g>
                  <rect class="cls-62" height="6.62" rx="1.82" ry="1.82" width="13.52" x="538.54" y="36.74"> </rect>
                  <g>
                    <rect class="cls-25" height="6.16" rx="1.27" ry="1.27" width="12.62" x="538.4" y="36.07"></rect>
                    <g>
                      <g>
                        <line class="cls-4" x1="540.5" x2="541.01" y1="37.68" y2="37.68"></line>
                        <line class="cls-4" x1="542.08" x2="542.59" y1="37.68" y2="37.68"></line>
                        <line class="cls-4" x1="543.66" x2="544.17" y1="37.68" y2="37.68"></line>
                        <line class="cls-4" x1="545.25" x2="545.76" y1="37.68" y2="37.68"></line>
                        <line class="cls-4" x1="546.83" x2="547.34" y1="37.68" y2="37.68"></line>
                        <line class="cls-4" x1="548.41" x2="548.92" y1="37.68" y2="37.68"></line>
                      </g>
                      <line class="cls-4" x1="540.45" x2="540.97" y1="38.67" y2="38.67"></line>
                      <line class="cls-4" x1="542.04" x2="542.55" y1="38.67" y2="38.67"></line>
                      <line class="cls-4" x1="543.62" x2="544.13" y1="38.67" y2="38.67"></line>
                      <line class="cls-4" x1="545.2" x2="545.71" y1="38.67" y2="38.67"></line>
                      <line class="cls-4" x1="546.79" x2="547.3" y1="38.67" y2="38.67"></line>
                      <line class="cls-4" x1="548.37" x2="548.88" y1="38.67" y2="38.67"></line>
                      <g>
                        <line class="cls-4" x1="540.5" x2="541.01" y1="40.79" y2="40.79"></line>
                        <line class="cls-4" x1="542.08" x2="547.35" y1="40.79" y2="40.79"></line>
                        <line class="cls-4" x1="548.41" x2="548.92" y1="40.79" y2="40.79"></line>
                      </g>
                      <g>
                        <line class="cls-4" x1="540.5" x2="541.01" y1="39.74" y2="39.74"></line>
                        <line class="cls-4" x1="542.08" x2="542.59" y1="39.74" y2="39.74"></line>
                        <line class="cls-4" x1="543.66" x2="544.17" y1="39.74" y2="39.74"></line>
                        <line class="cls-4" x1="545.25" x2="545.76" y1="39.74" y2="39.74"></line>
                        <line class="cls-4" x1="546.83" x2="547.34" y1="39.74" y2="39.74"></line>
                        <line class="cls-4" x1="548.41" x2="548.92" y1="39.74" y2="39.74"></line>
                      </g>
                    </g>
                  </g>
                </g>
                <g class="icon" id="b2-js">
                  <circle class="cls-52" cx="472.42" cy="29.26" r="15"></circle>
                  <g>
                    <path class="cls-29"
                      d="M464.5,28.73l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                    </path>
                    <g>
                      <g>
                        <path class="cls-20" d="M472.41,35.63h-.18"></path>
                        <path class="cls-20" d="M472.23,23.41h.18"></path>
                        <path class="cls-20" d="M472.4,27.6h-.07v1.7"></path>
                        <path class="cls-20" d="M472.23,23.41c-1.89,.05-3.57,.97-4.65,2.36,.54,.48,1.15,.87,1.82,1.18,.55-1.46,1.55-2.69,2.83-3.54Z"> </path>
                        <path class="cls-20" d="M472.41,23.4h-.18c-1.28,.84-2.28,2.08-2.83,3.54,.9,.41,1.89,.64,2.94,.65h.07"> </path>
                        <path class="cls-20" d="M468.93,29.52c0-.91,.17-1.77,.47-2.57-.67-.3-1.28-.7-1.82-1.18-.8,1.04-1.29,2.34-1.29,3.75,0,1.53,.57,2.93,1.5,4,.53-.43,1.12-.79,1.76-1.06-.25-.58-.44-1.19-.53-1.83"> </path>
                        <path class="cls-20" d="M469.55,32.46c-.64,.27-1.23,.63-1.76,1.06,1.08,1.25,2.67,2.05,4.44,2.1-1.17-.77-2.11-1.87-2.68-3.17h0Z"> </path>
                        <path class="cls-20" d="M470.37,32.17c-.28,.08-.56,.18-.83,.29,.57,1.3,1.51,2.4,2.68,3.17h.11v-2.88"> </path>
                      </g>
                      <g>
                        <path class="cls-20" d="M472.3,35.63h.18"></path>
                        <path class="cls-20" d="M472.48,23.41h-.18"></path>
                        <path class="cls-20" d="M472.3,27.6h.07"></path>
                        <path class="cls-20" d="M472.48,23.41c1.89,.05,3.57,.97,4.65,2.36-.4,.35-.83,.66-1.3,.92"></path>
                        <path class="cls-20" d="M472.37,27.59h-.07"></path>
                        <path class="cls-20" d="M472.48,23.41c1.12,.74,2.03,1.78,2.61,3,.02,.04,.03,.07,.05,.11"></path>
                        <path class="cls-20" d="M475.75,28.93c.02,.2,.02,.39,.02,.59,0,1.05-.22,2.04-.62,2.94"></path>
                        <path class="cls-20" d="M472.37,27.59c.81,0,1.59-.15,2.32-.4"></path>
                        <path class="cls-20" d="M477.13,25.77c.8,1.04,1.29,2.34,1.29,3.75,0,1.53-.57,2.93-1.5,4-.53-.43-1.12-.79-1.76-1.06,.4-.9,.62-1.89,.62-2.94"> </path>
                        <path class="cls-20" d="M472.37,35.63h-.07"></path>
                        <path class="cls-20" d="M475.16,32.46c.64,.27,1.23,.63,1.76,1.06-1.08,1.25-2.67,2.05-4.44,2.1,1.17-.77,2.11-1.87,2.68-3.17h0Z"> </path>
                        <path class="cls-20" d="M473.06,31.92c.74,.08,1.44,.26,2.1,.54-.57,1.3-1.51,2.4-2.68,3.17h-.11"> </path>
                      </g>
                    </g>
                    <g>
                      <path class="cls-61" d="M468.13,37.03s.03,.02,.04,.03c-.01,0-.03-.02-.04-.03h0Z"> </path>
                      <path class="cls-61" d="M468.17,36.58l-.81-.47s.03,.02,.04,.03c.25,.16,.51,.31,.77,.45h0Z"></path>
                      <path class="cls-61" d="M480.35,23.76l-.86,1.55c.3,.58,.52,1.2,.68,1.83,0,0,.25,.09,.56,.21-.13-.38-.28-.75-.46-1.11l.86-1.55-1.2-1.52h-.03l.46,.59h0Z"> </path>
                      <path class="cls-61" d="M475.82,21.64c.24,.12,.48,.26,.71,.41-.06-.52-.15-1.25-.15-1.25l-.68-.19c.06,.48,.12,1.03,.12,1.03Z"> </path>
                      <path class="cls-61" d="M463.85,31.1s-.47-.18-.91-.34l.03,.65s.62,.23,1.1,.41c-.08-.23-.15-.47-.21-.71h-.01Z"> </path>
                      <path class="cls-61" d="M468.2,36.6l-.03-.02,.03,.02c-.27-.14-.54-.3-.79-.46-.01,0-.03-.02-.04-.03h0c-.27-.18-.54-.38-.79-.59,0,0-1.44,.4-1.67,.47l.74,.93,1.71-.48c.25,.21,.51,.41,.79,.59l.13,.08c-.03-.29-.06-.51-.06-.51h-.02Z">
                      </path>
                      <path class="cls-61"
                        d="M481.08,31.35l1.61-.74-.08-1.93s-.36-.13-.75-.28l.05,1.28-1.61,.74c-.1,.64-.28,1.27-.53,1.88l.98,1.48h0l-1.07,1.61-1.74-.34c-.47,.47-.98,.87-1.53,1.21l-.07,1.77-1.81,.67-1.21-1.3c-.64,.1-1.29,.13-1.94,.08l-1.1,1.39-1.18-.33c.05,.39,.09,.73,.09,.73l1.86,.52,1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88h.01Z">
                      </path>
                      <path class="cls-61" d="M468.26,37.11l-.09-.06,.09,.06h0Z"></path>
                    </g>
                  </g>
                  <path class="cls-24" d="M469.87,30.03l1.7,1.7,3.78-3.77"></path>
                  <path class="cls-21"
                    d="M463.73,27.8l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                  </path>
                </g>
                <g class="icon" id="b3-js">
                  <circle class="cls-53" cx="410.84" cy="56.26" r="15"></circle>
                  <path class="cls-28" d="M413.61,48.04h-7.96c-.98,0-1.77,.8-1.77,1.77v11.92c.11,.68,.36,.6,.68,1.01,.3,.38,1.33,.74,1.58,.95,.33,.27,1.12,1.4,1.66,1.4l8.15,.08c1.6,0,2.34-1.06,2.34-2.04l-.08-10.56-4.6-4.53Z"> </path>
                  <g>
                    <polygon class="cls-62" points="411.77 47.02 411.79 50.98 415.47 50.98 411.77 47.02"> </polygon>
                    <path class="cls-61"
                      d="M417.38,52.92h0l-.18-.19-.3-.32v.02l-1.51-1.53,.02,9.44c0,.99-.8,1.92-1.79,1.92h-8.79c-.35,0-.67-.1-.95-.28,.02,1,.96,1.9,1.97,1.92,.21,.79,.95,1.3,1.82,1.3h8.51c1.04,0,1.96-1.19,1.96-2.23l.05-9.15-.83-.89h.02Z"> </path>
                  </g>
                  <g>
                    <g>
                      <path class="cls-9" d="M415.27,51.96v8.51c-.01,.91-.76,1.66-1.67,1.66h-8.91c-.92,0-1.66-.74-1.66-1.66v-11.54c.01-.91,.9-1.84,1.96-1.84l5.45-.02"> </path>
                      <g>
                        <line class="cls-16" x1="412" x2="406.68" y1="54.37" y2="54.37"></line>
                        <line class="cls-16" x1="412" x2="406.68" y1="55.59" y2="55.59"></line>
                        <line class="cls-16" x1="409.8" x2="406.7" y1="56.84" y2="56.84"></line>
                        <line class="cls-16" x1="408.33" x2="406.68" y1="53.06" y2="53.06"></line>
                      </g>
                    </g>
                    <path class="cls-23" d="M404.11,62.72c.26,.6,.88,1.02,1.6,1.02h8.99c1.15,0,2.09-.9,2.09-2v-9.36l-.73-.72"> </path>
                    <path class="cls-23" d="M406.14,64.12c.25,.6,.84,1.01,1.53,1.01h8.42c1.18,0,2.14-.96,2.15-2.14v-9.15l-.7-.71"> </path>
                  </g>
                </g>
                <g class="icon" id="b4-js">
                  <circle class="cls-54" cx="365.55" cy="97.65" r="15"></circle>
                  <g>
                    <path class="cls-28" d="M370.6,106.59h-9.68c-1.03,0-1.87-.84-1.87-1.87v-13.65c0-1.03,.84-1.87,1.87-1.87h8.81l2.75,2.75v12.77c0,1.03-.84,1.87-1.87,1.87h-.01Z"> </path>
                    <polygon class="cls-62" points="367.59 88.1 367.61 92.35 371.56 92.35 367.59 88.1"> </polygon>
                    <path class="cls-61" d="M371.32,103.26c0,.98-.8,1.91-1.78,1.91h-9.56c-.35,0-.67-.1-.94-.28,.02,1.01,.86,1.7,1.87,1.7h9.68c1.03,0,1.87-.84,1.87-1.87v-10.56l-1-.88-.14,9.99h0Z"> </path>
                  </g>
                  <path class="cls-62"
                    d="M360.03,102.98c.69-.49,1.37-1,2.04-1.52,.34-.27,.68-.55,1.02-.83,.23-.2,.63-.42,.67-.75,.01-.09-.05-.16-.14-.14-1.43,.27-1.59,1.92-1.99,3.04-.06,.18-.13,.37-.23,.53-.06,.09-.2,.29-.33,.21l-.03-.25s.09-.09,.14-.12c.23-.18,.83-.6,1.06-.25,.09,.13,.08,.28,.29,.25,.27-.03,.57-.31,.78-.48l-.2-.05c.05,.19,.18,.2,.35,.22,.3,.04,.52,.26,.83,.29,.65,.07,1.38-.11,2.01-.27,.15-.04,.08-.26-.06-.23-.54,.14-1.1,.25-1.66,.27-.27,.01-.47-.03-.71-.16-.06-.03-.12-.08-.19-.11-.06-.02-.33-.02-.35-.08-.02-.09-.13-.11-.2-.05-.1,.08-.55,.48-.68,.33-.07-.08-.05-.19-.17-.26-.22-.14-.52-.02-.73,.07-.27,.12-.75,.36-.83,.68-.06,.23,.13,.41,.35,.43,.28,.02,.46-.22,.57-.44,.19-.38,.3-.8,.41-1.2,.24-.88,.58-1.96,1.61-2.15l-.14-.14c-.03,.21-.28,.36-.43,.49-.14,.12-.27,.23-.41,.35-.29,.24-.59,.48-.88,.72-.62,.49-1.25,.96-1.9,1.41-.12,.09,0,.29,.12,.2h.01Z">
                  </path>
                  <polygon class="cls-30"
                    points="368.93 100.95 369.19 101.17 369.52 101.08 369.66 101.4 370 101.47 369.98 101.81 370.26 102.02 370.1 102.32 370.26 102.63 369.98 102.83 370 103.18 369.66 103.24 369.52 103.56 369.19 103.47 368.93 103.69 368.66 103.47 368.33 103.56 368.19 103.24 367.85 103.18 367.87 102.83 367.59 102.63 367.75 102.32 367.59 102.02 367.87 101.81 367.85 101.47 368.19 101.4 368.33 101.08 368.66 101.17 368.93 100.95">
                  </polygon>
                  <g>
                    <path class="cls-9" d="M366.16,88.14l-5.85,.02c-1.13,0-2.09,1-2.09,1.97v13.11c-.01,.98,.78,1.78,1.77,1.78h9.56c.98,0,1.78-.79,1.78-1.78v-9.86"> </path>
                    <g>
                      <line class="cls-16" x1="367.8" x2="361.88" y1="95.74" y2="95.74"></line>
                      <line class="cls-16" x1="367.8" x2="361.88" y1="97.05" y2="97.05"></line>
                      <line class="cls-16" x1="363.72" x2="361.89" y1="94.34" y2="94.34"></line>
                    </g>
                  </g>
                </g>
                <g class="icon" id="b5-js">
                  <circle class="cls-48" cx="286.64" cy="214.74" r="15"></circle>
                  <g>
                    <path class="cls-29"
                      d="M278.66,214.21l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                    </path>
                    <g>
                      <path class="cls-61" d="M282.28,222.54s.03,.02,.04,.03c-.01,0-.03-.02-.04-.03h0Z"> </path>
                      <path class="cls-61" d="M282.31,222.09l-.81-.47s.03,.02,.04,.03c.25,.16,.51,.31,.77,.45h0Z"></path>
                      <path class="cls-61" d="M294.49,209.27l-.86,1.55c.3,.58,.52,1.2,.68,1.83,0,0,.25,.09,.56,.21-.13-.38-.28-.75-.46-1.11l.86-1.55-1.2-1.52h-.03l.46,.59h0Z"> </path>
                      <path class="cls-61" d="M289.96,207.15c.24,.12,.48,.26,.71,.41-.06-.52-.15-1.25-.15-1.25l-.68-.19c.06,.48,.12,1.03,.12,1.03Z"> </path>
                      <path class="cls-61" d="M278,216.6s-.47-.18-.91-.34l.03,.65s.62,.23,1.1,.41c-.08-.23-.15-.47-.21-.71h-.01Z"> </path>
                      <path class="cls-61"
                        d="M282.35,222.11l-.03-.02,.03,.02c-.27-.14-.54-.3-.79-.46-.01,0-.03-.02-.04-.03h0c-.27-.18-.54-.38-.79-.59,0,0-1.44,.4-1.67,.47l.74,.93,1.71-.48c.25,.21,.51,.41,.79,.59l.13,.08c-.03-.29-.06-.51-.06-.51h-.02Z"> </path>
                      <path class="cls-61"
                        d="M295.22,216.86l1.61-.74-.08-1.93s-.36-.13-.75-.28l.05,1.28-1.61,.74c-.1,.64-.28,1.27-.53,1.88l.98,1.48h0l-1.07,1.61-1.74-.34c-.47,.47-.98,.87-1.53,1.21l-.07,1.77-1.81,.67-1.21-1.3c-.64,.1-1.29,.13-1.94,.08l-1.1,1.39-1.18-.33c.05,.39,.09,.73,.09,.73l1.86,.52,1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88h.01Z">
                      </path>
                      <path class="cls-61" d="M282.41,222.62l-.09-.06,.09,.06h0Z"></path>
                    </g>
                  </g>
                  <path class="cls-21"
                    d="M277.89,213.29l-1.61,.75,.08,1.93h0l1.66,.62c.16,.64,.38,1.26,.68,1.83l-.86,1.55h0l1.2,1.52,1.71-.48c.5,.42,1.04,.79,1.62,1.08l-.84-.49c.27,.18,.56,.35,.84,.49l.21,1.76,1.86,.52h0l1.1-1.39c.65,.05,1.3,.02,1.94-.08l1.21,1.3,1.81-.67,.07-1.77c.55-.34,1.06-.74,1.53-1.21l1.74,.34,1.07-1.61h0l-.98-1.48c.25-.61,.43-1.24,.53-1.88l1.61-.74-.08-1.93-1.66-.61c-.15-.63-.38-1.24-.68-1.83l.86-1.55h0l-1.2-1.52-1.71,.48c-.25-.21-.51-.41-.78-.59s-.56-.35-.84-.49l-.21-1.76-1.86-.52-1.09,1.39s-1.31-.02-1.95,.08l-1.21-1.3-1.81,.67-.07,1.77c-.55,.34-1.06,.74-1.53,1.21l-1.74-.34-1.07,1.61,.98,1.48c-.25,.61-.52,1.86-.52,1.86h-.01Z">
                  </path>
                  <path class="cls-24" d="M283.84,215.33l1.7,1.7,3.78-3.77"></path>
                </g>
                <g class="icon" id="b6-js">
                  <circle class="cls-47" cx="237.87" cy="259.33" r="15"></circle>
                  <g>
                    <rect class="cls-28" height="11.98" rx="3.66" ry="3.66" width="13.77" x="231.62" y="256.79"></rect>
                    <path class="cls-61" d="M243.72,257.36c.37,.57,.59,1.25,.59,1.97v4.66c0,2.01-1.65,3.66-3.66,3.66h-6.45c-.73,0-1.4-.22-1.97-.59,.65,1.01,1.79,1.69,3.07,1.69h6.45c2.01,0,3.66-1.65,3.66-3.66v-4.66c0-1.29-.68-2.42-1.69-3.07Z"> </path>
                  </g>
                  <rect class="cls-22" height="11.98" rx="3.66" ry="3.66" width="13.77" x="230.52" y="255.69"> </rect>
                  <path class="cls-15" d="M232.43,254.51v-.88c0-1.85,1.9-3.36,4.23-3.36h1.51c2.32,0,4.23,1.52,4.23,3.36v.82"> </path>
                  <path class="cls-30" d="M238.46,261.28c0-.66-.62-1.18-1.3-1.02-.39,.09-.7,.41-.78,.81-.09,.46,.12,.89,.48,1.11v1.21c0,.24,.14,.48,.37,.55,.38,.12,.74-.16,.74-.52v-1.23c.3-.19,.5-.52,.5-.89h0Z"> </path>
                </g>
                <g class="icon" id="b7-js">
                  <circle class="cls-49" cx="171.17" cy="282.96" r="15"></circle>
                  <g>
                    <path class="cls-62"
                      d="M177.88,278.45c-.5,0-.98,.09-1.42,.24-.74-2.23-2.83-3.84-5.31-3.84-3.09,0-5.6,2.51-5.6,5.6,0,.08,0,.15,0,.22h-1.29c-1.77,0-3.21,1.45-3.21,3.21s1.45,3.21,3.21,3.21h13.61c2.39,0,4.32-1.94,4.32-4.32s-1.94-4.32-4.32-4.32h0Z">
                    </path>
                    <path class="cls-28" d="M167.57,282.42h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-28" d="M167.57,285h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-28" d="M167.26,287.23h7.91c.81,0,1.47,.66,1.47,1.46h0c0,.81-.66,1.46-1.47,1.46h-7.91c-.81,0-1.47-.66-1.47-1.46h0c0-.81,.66-1.46,1.47-1.46Z"> </path>
                  </g>
                  <path class="cls-9"
                    d="M177.05,285.97c2.39,0,4.32-1.94,4.32-4.32s-1.94-4.32-4.32-4.32c-.5,0-.98,.09-1.42,.24-.74-2.23-2.83-3.84-5.31-3.84-3.09,0-5.6,2.51-5.6,5.6,0,.08,0,.15,0,.22h-1.29c-1.77,0-3.21,1.45-3.21,3.21s1.45,3.21,3.21,3.21h1"> </path>
                  <g>
                    <path class="cls-19" d="M166.91,281.8h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-19" d="M166.91,284.38h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-19" d="M166.91,286.96h7.79c.71,0,1.29,.58,1.29,1.29h0c0,.71-.58,1.29-1.29,1.29h-7.79c-.71,0-1.29-.58-1.29-1.29h0c0-.71,.58-1.29,1.29-1.29Z"> </path>
                    <path class="cls-6" d="M166.86,282.84h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M168.38,282.84h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M169.9,282.84h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M166.86,285.54h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M168.38,285.54h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M169.9,285.54h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M166.86,288.02h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M168.38,288.02h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-6" d="M169.9,288.02h0c.13,0,.24,.11,.24,.24h0c0,.13-.11,.24-.24,.24h0c-.13,0-.24-.11-.24-.24h0c0-.13,.11-.24,.24-.24Z"> </path>
                    <path class="cls-7" d="M170.87,289.07h0c.23,0,.41,.18,.41,.41h0c0,.23-.18,.41-.41,.41h0c-.23,0-.41-.18-.41-.41h0c0-.23,.18-.41,.41-.41Z"> </path>
                    <line class="cls-9" x1="173.75" x2="168.2" y1="292.1" y2="292.1"></line>
                    <line class="cls-9" x1="170.87" x2="170.87" y1="290.3" y2="291.67"></line>
                  </g>
                </g>
                <g class="icon" id="b8-js">
                  <circle class="cls-50" cx="105.16" cy="271.5" r="15"></circle>
                  <g>
                    <circle class="cls-28" cx="105.82" cy="271.81" r="7.19"></circle>
                    <path class="cls-62" d="M111.73,267.79c.32,.81,.5,1.7,.5,2.62,0,3.97-3.22,7.19-7.19,7.19-2.44,0-4.59-1.22-5.89-3.07,1.05,2.67,3.65,4.56,6.69,4.56,3.97,0,7.19-3.22,7.19-7.19,0-1.53-.48-2.95-1.3-4.11Z"> </path>
                  </g>
                  <g>
                    <g>
                      <circle class="cls-9" cx="105.02" cy="270.32" r="7.19"></circle>
                      <line class="cls-5" x1="110.21" x2="114.27" y1="275.51" y2="279.46"></line>
                    </g>
                    <polyline class="cls-26" points="102.71 270.76 104.18 272.23 107.43 268.98"></polyline>
                  </g>
                </g>
              </g>
            </svg><!-- end svg infinite -->
          </div>
          <div class="tab-content position-relative" id="content" role="tablist">
            <div aria-labelledby="tab-A" class="sb-card tab-pane show active" id="pane-A" role="tabpanel">
              <div class="sb-card-header text-center" id="heading-A" role="tab">
                <p class="mb-0">
                  <a aria-controls="collapse-A" aria-expanded="true" class="d-block px-3 py-2 text-decoration-none text-white orange-gradient" data-toggle="collapse" data-wec-listener-initialized="true" href="#collapse-A">Eliminate testing blind spots</a>
                </p>
              </div>
              <div aria-labelledby="heading-A" class="collapse show" data-parent="#content" id="collapse-A" role="tabpanel" style="">
                <div class="sb-card-body grid-col-12">
                  <div class="body-wrapper mx-auto">
                    <div class="body-header text-center w--625 mx-auto">
                      <h3 class="font-roboto text-center">More test coverage. Greater visibility</h3>
                      <p class="text-center">Expand your test coverage and see all the results at a glance. Delight your customers with a flawless experience.</p>
                      <p><a class="font-weight-bold" data-wec-listener-initialized="true" href="/product/">Explore tools <span class="fal f12 fa-long-arrow-right go-arrow-right pl-1"></span></a></p>
                    </div>
                    <div class="body-main position-relative text-center mx-auto"></div>
                    <div class="body-products pt-3">
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/product/testcomplete/" rel="noopener noreferrer" target="_blank"><span class="prod-icon tc mr-3 h--40 w--40"></span>TestComplete</a>
                        </p>
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/test-management/zephyr-enterprise/" rel="noopener noreferrer" target="_blank"><span class="prod-icon ze mr-3 h--40 w--40"></span>Zephyr Enterprise</a>
                        </p>
                      </div>
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/product/ready-api/" rel="noopener noreferrer" target="_blank"><span class="prod-icon ra mr-3 h--40 w--40"></span>ReadyAPI</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div aria-labelledby="tab-B" class="sb-card tab-pane" id="pane-B" role="tabpanel">
              <div class="sb-card-header text-center" id="heading-B" role="tab">
                <p class="mb-0"><a aria-controls="collapse-B" aria-expanded="false" class="d-block px-3 py-2 text-decoration-none text-white blue-gradient collapsed" data-toggle="collapse" href="#collapse-B">Enable rapid API-first development</a></p>
              </div>
              <div aria-labelledby="heading-B" class="collapse" data-parent="#content" id="collapse-B" role="tabpanel" style="">
                <div class="sb-card-body grid-col-12">
                  <div class="body-wrapper mx-auto">
                    <div class="body-header text-center w--625 mx-auto">
                      <h3 class="font-roboto text-center">Create an API workflow that ensures quality</h3>
                      <p class="text-center">Design, develop, test, and monitor your APIs – collaboratively and at scale.</p>
                      <p><a class="font-weight-bold" data-wec-listener-initialized="true" href="/api-lifecycle/">Explore API lifecycle solutions <span class="fal f12 fa-long-arrow-right go-arrow-right pl-1"></span></a></p>
                    </div>
                    <div class="body-main position-relative text-center mx-auto"></div>
                    <div class="body-products pt-3">
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="https://swagger.io/tools/swaggerhub/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" rel="noopener noreferrer" target="_blank"><span class="prod-icon swh mr-3 h--40 w--40"></span>SwaggerHub</a>
                        </p>
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/product/ready-api/overview/" rel="noopener noreferrer" target="_blank"><span class="prod-icon ra mr-3 h--40 w--40"></span>ReadyAPI</a>
                        </p>
                      </div>
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="https://pactflow.io/" rel="noopener noreferrer" target="_blank"><span class="prod-icon pf mr-3 h--40 w--40"></span>PactFlow</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div aria-labelledby="tab-C" class="sb-card tab-pane" id="pane-C" role="tabpanel">
              <div class="sb-card-header text-center" id="heading-C" role="tab">
                <p class="mb-0">
                  <a aria-controls="collapse-C" aria-expanded="false" class="d-block px-3 py-2 text-decoration-none text-white light-blue-gradient collapsed" data-toggle="collapse" href="#collapse-C">Catch and fix defects in real time</a></p>
              </div>
              <div aria-labelledby="heading-C" class="collapse" data-parent="#content" id="collapse-C" role="tabpanel" style="">
                <div class="sb-card-body grid-col-12">
                  <div class="body-wrapper mx-auto">
                    <div class="body-header text-center w--625 mx-auto">
                      <h3 class="font-roboto text-center">Improve your user experience with actionable data</h3>
                      <p class="text-center">Prevent errors with full test coverage. Identify defects with 24x7 monitoring. Fix with data-driven insights.</p>
                      <p><a class="font-weight-bold" data-wec-listener-initialized="true" href="/product/?products=BitBar,AlertSite,BugSnag">Explore tools <span class="fal f12 fa-long-arrow-right go-arrow-right pl-1"></span></a></p>
                    </div>
                    <div class="body-main position-relative text-center mx-auto"></div>
                    <div class="body-products pt-3">
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="https://www.bugsnag.com/" rel="noopener noreferrer" target="_blank"><span class="prod-icon bs mr-3 h--40 w--40"></span>BugSnag</a>
                        </p>
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/product/alertsite/" rel="noopener noreferrer" target="_blank"><span class="prod-icon as mr-3 h--40 w--40"></span>AlertSite</a>
                        </p>
                      </div>
                      <div class="product-pair">
                        <p class="px-2">
                          <a class="d-inline-flex txt-clr-neutral-14 p-3 align-items-center hover-shadow-md text-decoration-none" data-wec-listener-initialized="true" href="/product/bitbar/" rel="noopener noreferrer" target="_blank"><span class="prod-icon bb mr-3 h--40 w--40"></span>BitBar</a>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Section 4 -->
    <section class="section overflow-hidden" id="section-4">
      <div class="row justify-content-center align-items-center flex-nowrap my-7 my-md-6">
        <div class="mr-4 mr-md-6">
          <div class="row flex-nowrap flex-end">
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/jira-logo.png"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/pagerduty.png"></div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/git-logo.png"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/jenkins-logo.png">
            </div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/selenium.svg"></div>
          </div>
          <div class="row flex-nowrap flex-end">
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/slack-logo-icon.png"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/azure-devops-icon.svg"></div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/logos/icons/cuc_icon-clr.svg"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/gitlab-logo-clr.svg">
            </div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/webhooks-logo.png"></div>
          </div>
          <div class="row flex-nowrap flex-end">
            <div class="responsive-margin icon"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/vscode.svg"></div>
            <div class="responsive-margin icon"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/github-logo.png">
            </div>
            <div class="responsive-margin icon"></div>
          </div>
        </div>
        <div class="col-7 col-sm-6 col-md-4 col-xl-3 text-center px-0 px-sm-4 px-md-0 px-lg-2 mx-4" style="max-width: 400px">
          <h2 class="font-roboto font-weight-bold" style="white-space: nowrap">Seamless integration --<br> across your toolkit</h2>
          <p>Wherever you are, make testing, development, and monitoring&nbsp;tasks easier and more efficient.</p>
          <div class="pt-3" style="white-space: nowrap"><a class="hover-parent txt-clr-accent-2" href="/product/"><strong>Show me the integrations</strong><span class="go-arrow fal fa-long-arrow-right fa-lg pl-3"></span></a></div>
        </div>
        <div class="ml-4 ml-md-6">
          <div class="row flex-nowrap flex-start">
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/docker-logo.png"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/bitbucket.png"></div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/junit.png"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/confluence-logo.png">
            </div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/gitlab-logo-clr.svg"></div>
          </div>
          <div class="row flex-nowrap flex-start">
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/team-city-logo-clr.svg"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/splunk-logo.png">
            </div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/logos/icons/tc_icon-clr.svg"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/icons/ra_icon-clr.svg"></div>
            <div class="d-flex align-items-center responsive-margin icon-translate"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/azure-devops-icon.svg"></div>
          </div>
          <div class="row flex-nowrap flex-start">
            <div class="responsive-margin icon"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/jira-logo.png"></div>
            <div class="responsive-margin icon"></div>
            <div class="responsive-margin d-flex align-items-center"><img alt="integration product icon" class="icon" fetchpriority="low" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/integrations/slack-logo-icon.png">
            </div>
            <div class="responsive-margin icon"></div>
          </div>
        </div>
      </div>
      <svg class="scroll-magic-js" id="release-arrow" viewBox="25 20 6 95" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <line id="release-arrow-path" opacity="0.7" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2" x1="28" x2="28" y1="22" y2="110.8"></line>
          <mask height="95" id="release-arrow-path-mask-wrapper" maskUnits="userSpaceOnUse" width="5" x="25" y="20">
            <use href="#release-arrow-path" id="release-arrow-path-mask" stroke="white" style="stroke-dasharray: 88.8; stroke-dashoffset: 88.8;"></use>
          </mask>
          <polygon id="release-arrow-head" points="19.8,104.2 21.3,102.8 28,110.1 34.7,102.8 36.2,104.2 28,113" stroke-width="0"></polygon>
          <mask id="release-arrow-head-mask-wrapper">
            <use fill="white" href="#release-arrow-head" id="release-arrow-head-mask" stroke="white" style="stroke-dasharray: 47.9774; stroke-dashoffset: 47.9774; stroke-opacity: 0; fill-opacity: 0;"></use>
          </mask>
        </defs>
        <use href="#release-arrow-path" mask="url(#release-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
        <use fill="#097EB2" href="#release-arrow-head" mask="url(#release-arrow-head-mask-wrapper)" stroke="#097EB2" stroke-dasharray="10 10"></use>
      </svg> <svg class="scroll-magic-js" id="integrations-arrow" viewBox="0 0 1325 99" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <polyline fill="none" id="integrations-arrow-path" opacity="0.7" points="10,4 10,93 1325,93" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2"></polyline>
          <mask id="integrations-arrow-path-mask-wrapper">
            <use href="#integrations-arrow-path" id="integrations-arrow-path-mask" stroke="white" style="stroke-dasharray: 1404; stroke-dashoffset: 1404;"></use>
          </mask>
        </defs>
        <use fill="none" href="#integrations-arrow-path" mask="url(#integrations-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
      </svg>
    </section>
    <div class="grid-container">
      <div class="grid-row">
        <div class="grid-col-12">
          <h2 class="font-roboto font-weight-bold txt-clr-accent-4 text-center pt-5">Together there’s nothing we can’t deliver</h2>
          <p class="pb-sm-4 pb-2 text-center">We’ve helped companies just like yours accelerate with confidence</p>
          <div class="c-card-wrapper">
            <a class="c-card-v hover-shadow-md hover-parent text-decoration-none" data-wec-listener-initialized="true" href="/resources/case-studies/l3harris-technologies-zephyr-enterprise/"><span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/home/customer-l3harris.jpg"></span> <span class="tag">Case Study</span> <span class="content"> <span class="title">Zephyr Enterprise's testing features empower L3Harris Technologies</span> </span> </a><a class="c-card-h hover-shadow-md hover-parent text-decoration-none flex-fill" href="/resources/case-studies/how-aras-clinched-its-scalability-with-readyapi/"><span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/home/customer-aras-1.jpg"></span> <span class="tag">Case Study</span> <span class="content"> <span class="title">How Aras Clinched Its Scalability With ReadyAPI</span> <span class="desc">When Aras decided to conduct large volumes of API performance and scalability testing, it needed...</span> </span> </a>
            <a class="c-card-v hover-shadow-md hover-parent text-decoration-none" href="/resources/case-studies/unity-bitbar/"> <span class="image"><img loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/home/customer-unity.jpg"></span> <span class="tag">Case Study</span> <span class="content"> <span class="title">A Unified Approach for Unity Ads</span> </span> </a>
          </div>
          <div class="grid-col-12 justify-content-center pb-5 pt-3">
            <div class="flex-row d-flex flex-wrap justify-content-center align-items-center px-0 px-md-7 px-lg-0"><img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/natgeo_logo.svg"
                style="width: auto; max-height: 30px; max-width: 90px"> <img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/adobe_logo.svg"
                style="width: auto; max-height: 30px; max-width: 90px"> <img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/canon_logo.svg"
                style="width: auto; max-height: 30px; max-width: 105px"> <img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/google_logo.svg"
                style="width: auto; max-height: 30px; max-width: 90px"> <img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/jetblue_logo.svg"
                style="width: auto; max-height: 30px; max-width: 90px"> <img class="m-3 m-sm-4" loading="lazy" src="https://static1.smartbear.co/smartbearbrand/media/images/logos/customers/microsoft_logo.svg"
                style="width: auto; max-height: 30px; max-width: 110px"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- Section 6 -->
    <div class="sb-home-why section overflow-hidden" id="section-6">
      <div class="grid-container">
        <div class="text-center pt-6 mb-4">
          <h2 class="font-roboto font-weight-bold txt-clr-accent-4">Why SmartBear</h2>
          <p>Our goal is to make our tech‑driven world a better place</p>
        </div>
        <div class="d-flex justify-content-center">
          <div class="d-flex justify-content-between flex-column flex-md-row my-md-5">
            <div class="d-flex my-4 my-md-0">
              <div class="mr-md-4 mr-sm-3 mr-2" style="width: 55px; flex: 0 0 55px">
                <div class="lottie-animate" data-lottie-autoplay="" data-lottie-src="https://static1.smartbear.co/smartbearbrand/media/json/icon-gray-circle-people.json"></div>
              </div>
              <div class="mt-1">
                <p class="font-roboto f25-22-20" style="white-space: nowrap">World-class support</p>
                <p>Our global support team will help you succeed every step of the way</p>
              </div>
            </div>
            <div class="d-flex mx-md-3 my-4 my-md-0">
              <div class="mr-md-4 mr-sm-3 mr-2" style="width: 55px; flex: 0 0 55px">
                <div class="lottie-animate" data-lottie-autoplay="" data-lottie-src="https://static1.smartbear.co/smartbearbrand/media/json/icon-gray-circle-pluses.json"></div>
              </div>
              <div class="mt-1">
                <p class="font-roboto f25-22-20" style="white-space: nowrap">SmartBear advantage</p>
                <p>Unrivaled resources to help you to deliver great user experiences</p>
              </div>
            </div>
            <div class="d-flex my-4 my-md-0">
              <div class="mr-md-4 mr-sm-3 mr-2" style="width: 55px; flex: 0 0 55px">
                <div class="lottie-animate" data-lottie-autoplay="" data-lottie-src="https://static1.smartbear.co/smartbearbrand/media/json/icon-gray-circle-golf-flag.json"></div>
              </div>
              <div class="mt-1">
                <p class="font-roboto f25-22-20" style="white-space: nowrap">Deliver with confidence</p>
                <p>Meeting teams wherever they are to drive better outcomes</p>
              </div>
            </div>
          </div>
        </div>
        <hr class="d-lg-none">
        <div class="row my-3 my-sm-5">
          <div class="col-lg-6 mx-auto pr-md-5 pt-3 pt-md-0 w--575 d-flex flex-column justify-content-center">
            <div class="text-center text-sm-left">
              <p class="font-roboto f25-22-20">Committed to open source</p>
              <p>We support the creativity and devotion of open source communities that make our tech‑driven world a better place.</p>
            </div>
            <div class="mt-4 d-flex ml--4">
              <a class="d-flex align-items-center py-3 px-4 hover-shadow-md bg-hover-white text-decoration-none txt-clr-neutral-14 w--250" href="https://swagger.io/tools/open-source/"><span class="prod-icon sw mr-2 w--35 h--35"></span> <span class="f20">Swagger</span> </a>
              <a class="d-flex align-items-center py-3 px-4 hover-shadow-md bg-hover-white text-decoration-none txt-clr-neutral-14 w--250" href="https://pact.io/"> <span class="prod-icon po mr-2 w--35 h--35"></span> <span class="f20">Pact</span> </a>
            </div>
            <div class="d-flex ml--4">
              <a class="d-flex align-items-center py-3 px-4 hover-shadow-md bg-hover-white text-decoration-none txt-clr-neutral-14 w--250" href="https://soapui.org/tools/soapui/"><span class="prod-icon su mr-2 w--35 h--35"></span> <span class="f20">SoapUI</span> </a>
              <a class="d-flex align-items-center py-3 px-4 hover-shadow-md bg-hover-white text-decoration-none txt-clr-neutral-14 w--250" href="https://cucumber.io/tools/cucumber-open/"> <span class="prod-icon cu mr-2 w--35 h--35"></span> <span class="f20">Cucumber</span> </a>
            </div>
          </div>
          <div class="col-lg-6 d-none d-lg-block"><img alt="a few people standing in front of the room discussing about ideas" class="img-fluid lazy"
              data-src="https://static1.smartbear.co/smartbearbrand/media/images/backgrounds/photos/why-sb_open-source.jpg" fetchpriority="low" loading="lazy"
              src="https://static1.smartbear.co/smartbearbrand/media/images/backgrounds/photos/why-sb_open-source.jpg"></div>
        </div>
        <hr class="d-lg-none">
        <div class="row my-3 my-sm-5 mb-md-6 mt-lg-6">
          <div class="col-lg-6 d-none d-lg-block pr-md-5">
            <div><img alt="a grid of faces" class="img-fluid lazy" data-src="https://static1.smartbear.co/smartbearbrand/media/images/home/community-grid.jpg" fetchpriority="low" loading="lazy"
                src="https://static1.smartbear.co/smartbearbrand/media/images/home/community-grid.jpg" style="box-shadow: 15px 15px #f2f3f5"></div>
          </div>
          <div class="col-lg-6 mx-auto pt-3 pb-5 py-md-0 w--575 d-flex flex-column justify-content-center">
            <div class="text-center text-sm-left">
              <p class="font-roboto f25-22-20">Community matters</p>
              <p>Got a question? Got an answer? Engage, learn, and have fun with thousands of QA, DevOps, API, and Testing professionals just like you.</p>
            </div>
            <div class="d-flex justify-content-center justify-content-sm-start py-4">
              <div class="pr-md-6 pr-5 text-center">
                <p class="font-weight-bold txt-clr-accent-3" style="font-size: 32px; line-height: 1.5">192K</p>
                <p class="f12 txt-clr-neutral-14" style="line-height: 1.5">POSTS</p>
              </div>
              <div class="pr-md-6 pr-5 text-center">
                <p class="font-weight-bold txt-clr-accent-3" style="font-size: 32px; line-height: 1.5">24K+</p>
                <p class="f12 txt-clr-neutral-14" style="line-height: 1.5">COMPANIES</p>
              </div>
              <div class="text-center">
                <p class="font-weight-bold txt-clr-accent-3" style="font-size: 32px; line-height: 1.5">194</p>
                <p class="f12 txt-clr-neutral-14" style="line-height: 1.5">COUNTRIES</p>
              </div>
            </div>
            <div class="text-center text-sm-left"><a class="btn c-btn mr-sm-4" href="https://community.smartbear.com/">Learn More</a></div>
          </div>
        </div>
      </div>
      <svg class="scroll-magic-js" id="logos-arrow" viewBox="0 0 1325 70" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <polyline fill="none" id="logos-arrow-path" opacity="0.7" points="1325,5 12,5 12,62.8" stroke-linecap="square" stroke-linejoin="square" stroke-miterlimit="10" stroke-width="2"></polyline>
          <mask id="logos-arrow-path-mask-wrapper">
            <use fill="none" href="#logos-arrow-path" id="logos-arrow-path-mask" stroke="white" style="stroke-dasharray: 1370.8; stroke-dashoffset: 1370.8;"></use>
          </mask>
          <polygon id="logos-arrow-head" points="20.2,56.2 18.7,54.8 12,62.1 5.3,54.8 3.8,56.2 12,65" stroke-width="0"></polygon>
          <mask id="logos-arrow-head-mask-wrapper">
            <use fill="white" href="#logos-arrow-head" id="logos-arrow-head-mask" stroke="white" style="stroke-dasharray: 47.9774; stroke-dashoffset: 47.9774; stroke-opacity: 0; fill-opacity: 0;"></use>
          </mask>
        </defs>
        <use fill="none" href="#logos-arrow-path" mask="url(#logos-arrow-path-mask-wrapper)" stroke="#097EB2" stroke-dasharray="3 6"></use>
        <use fill="#097EB2" href="#logos-arrow-head" mask="url(#logos-arrow-head-mask-wrapper)" stroke="#097EB2" stroke-dasharray="10 10" transform="translate(0 5)"></use>
      </svg>
    </div>
    <section class="band p-0 m-0 band-full-width-content bg-transparent" style="background-image:url();" id="" data-nav-text="">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <!-- Header Content -->
            <script type="text/javascript">
              /* SCROLL ARROWS */
              window.addEventListener('DOMContentLoaded', () => {
                var longDuration = 400;
                var showEarly = -300;
                draw('hero', '#hero-arrow', longDuration, -600);
                draw('hero-short', '#hero-short-arrow');
                draw('cards', '#cards-arrow', longDuration, showEarly);
                draw('release', '#release-arrow', 200, showEarly);
                draw('integrations', '#integrations-arrow', longDuration, showEarly);
                draw('logos', '#logos-arrow', longDuration, showEarly);

                function draw(id, trigger, duration = 200, offset = 0) {
                  if (id && trigger) {
                    let arrow = document.querySelector(`#${id}-arrow-path`);
                    let arrowPathMask = document.querySelector(`#${id}-arrow-path-mask`);
                    let arrowHead = document.querySelector(`#${id}-arrow-head`);
                    let arrowHeadMask = document.querySelector(`#${id}-arrow-head-mask`);
                    let controller = new ScrollMagic.Controller();
                    // For SVGs with arrow head
                    if (arrow && arrowPathMask && arrowHead) {
                      let length = arrow.getTotalLength();
                      arrowPathMask.style.strokeDasharray = length;
                      arrowPathMask.style.strokeDashoffset = length;
                      let headLength = arrowHead.getTotalLength();
                      arrowHeadMask.style.strokeDasharray = headLength;
                      arrowHeadMask.style.strokeDashoffset = headLength;
                      gsap.set(arrowHeadMask, {
                        fillOpacity: 0,
                        strokeOpacity: 0
                      });
                      let tween = new gsap.timeline().add(gsap.to(arrowPathMask, 0.95, {
                        strokeDashoffset: 0,
                        ease: Linear.easeNone
                      })).add(gsap.to(arrowHeadMask, 0.05, {
                        strokeDashoffset: 0,
                        ease: Linear.easeNone
                      }));
                      tween.to(arrowHeadMask, {
                        fillOpacity: 0.8,
                        strokeOpacity: 0.8
                      });
                      let scene = new ScrollMagic.Scene({
                        triggerElement: trigger,
                        duration: duration,
                        offset: offset,
                        tweenChanges: true
                      }).setTween(tween).addTo(controller);
                    }
                    // For SVGs without arrow
                    else if (arrow && arrowPathMask) {
                      let length = arrow.getTotalLength();
                      arrowPathMask.style.strokeDasharray = length;
                      arrowPathMask.style.strokeDashoffset = length;
                      let tween = new gsap.timeline().add(gsap.to(arrowPathMask, 1, {
                        strokeDashoffset: 0,
                        ease: Linear.easeNone
                      }));
                      let scene = new ScrollMagic.Scene({
                        triggerElement: trigger,
                        duration: duration,
                        offset: offset,
                        tweenChanges: true
                      }).setTween(tween).addTo(controller);
                    }
                  }
                }
              })
            </script>
          </div>
        </div>
      </div>
    </section>
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@smartbear">
    <!-- Open Graph -->
    <meta property="og:title" content="SmartBear Software - The confidence behind your code.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://smartbear.com/smartbear/assets/img/metadata/SB_Meta_Default.png">
    <meta property="og:url" content="https://smartbear.com/">
    <meta property="og:description" content="Together there's nothing we can't deliver.">
    <meta property="og:site_name" content="SmartBear Software">
  </div>
  <!-- footer -->
  <footer>
    <nav class="main-footer">
      <div class="container">
        <div class="row">
          <div class="product-column col-xl-9">
            <div class="product-column-category text-lg-left text-center">
              <p class="product-column-category display-5 text-white d-inline cursor-hover-md-pointer">Explore SmartBear Products</p><i class="d-inline d-lg-none ml-2 fal fa-plus-square cursor-hover-md-pointer text-white"></i>
            </div>
            <div class="ab-orange-sm ml-lg-0 mr-lg-auto mx-auto w--60"></div>
            <div class="product-column-content mb-3 row" id="menu-1">
              <div class="d-flex flex-wrap col-12">
                <ul class="col-md-3 col-sm-6 mb-0 order-1">
                  <li>
                    <a href="/product/alertsite/overview/">
                                        <span class="prod-icon as inverse sm"></span>AlertSite
                                    </a>
                  </li>
                  <li>
                    <a href="/product/aqtime-pro/overview/"><span class="prod-icon aqt inverse sm"></span>AQTime Pro
                                    </a>
                  </li>
                  <li>
                    <a href="/product/bitbar/"><span class="prod-icon bb inverse sm"></span>BitBar</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://bugsnag.com/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon bs inverse sm"></span>BugSnag</a>
                  </li>
                  <li>
                    <a href="/product/capture-for-jira/"><span class="prod-icon ca inverse sm"></span>Capture for Jira</a>
                  </li>
                  <li>
                    <a href="/product/collaborator/overview/"><span class="prod-icon co inverse sm"></span>Collaborator</a>
                  </li>
                </ul>
                <ul class="col-md-3 col-sm-6 mb-0 order-md-2 order-sm-3 order-2">
                  <li>
                    <a class=" footer-external" href="https://marketplace.atlassian.com/apps/1221264/cucumber-for-jira/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon c4j inverse sm"></span>Cucumber for Jira</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://cucumber.io/tools/cucumber-open/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon cu inverse sm"></span>Cucumber Open</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://loadninja.com/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon ln inverse sm"></span>LoadNinja</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://pact.io/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon po inverse sm"></span>Pact</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://pactflow.io/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon pf inverse sm"></span>PactFlow</a>
                  </li>
                  <li>
                    <a href="/product/ready-api/overview/"><span class="prod-icon ra inverse sm"></span>ReadyAPI</a>
                  </li>
                </ul>
                <ul class="col-md-3 col-sm-6 mb-0 order-md-3 order-sm-2 order-3">
                  <li>
                    <a class=" footer-external" href="https://soapui.org?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon su inverse sm"></span>SoapUI</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://swagger.io/tools/open-source/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon sw inverse sm"></span>Swagger</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://swagger.io/tools/swaggerhub/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon swh inverse sm"></span>SwaggerHub</a>
                  </li>
                  <li>
                    <a class=" footer-external" href="https://swagger.io/tools/swaggerhub-explore/?utm_medium=referral&amp;utm_source=smartbear.com&amp;utm_campaign=footer" target="_blank" rel="noopener noreferrer"><span class="prod-icon swh inverse sm"></span>SwaggerHub Explore</a>
                  </li>
                  <li>
                    <a href="/product/testcomplete/overview/"><span class="prod-icon tc inverse sm"></span>TestComplete</a>
                  </li>
                  <li>
                    <a href="/product/ready-api/testengine/overview/"><span class="prod-icon ten inverse sm"></span>TestEngine</a>
                  </li>
                </ul>
                <ul class="col-md-3 col-sm-6 mb-0 order-4">
                  <li>
                    <a href="/product/testleft/overview/"><span class="prod-icon tl inverse sm"></span>TestLeft</a>
                  </li>
                  <li>
                    <a href="/product/visualtest/"><span class="prod-icon vt inverse sm"></span>VisualTest</a>
                  </li>
                  <li>
                    <a href="/test-management/zephyr/"><span class="prod-icon ze inverse sm"></span>Zephyr</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-12 border-lg-d-none border-left-1 border-left-gray">
            <ul class="d-flex flex-xl-column align-items-xl-end justify-content-center flex-wrap txt-clr-neutral-1 px-0">
              <li class="my-xl-1">
                <a class="text-orange" href="/company/about-us/">About Us</a>
              </li>
              <span class="d-xl-none vertical-line px-2"> | </span>
              <li class="my-xl-1">
                <a class="text-orange" href="/company/careers/">Careers</a>
              </li>
              <span class="d-xl-none vertical-line px-2"> | </span>
              <li class="my-xl-1">
                <a class="text-orange" href="/solutions/">Solutions</a>
              </li>
              <span class="d-xl-none vertical-line px-2"> | </span>
              <li class="my-xl-1">
                <a class="text-orange" href="/partners/">Partners</a>
              </li>
              <span class="d-xl-none vertical-line px-2"> | </span>
              <li class="my-xl-1">
                <a class="text-orange" href="/company/responsibility/">Responsibility</a>
              </li>
            </ul>
            <hr class="d-xl-block d-none border-top-1 border-top-gray w--30 my-4 ml-auto mr-0">
            <ul class="col-12 txt-clr-neutral-1 px-0 text-center">
              <li class="py-1 text-xl-right text-center px-sm-0 d-xl-block d-block d-sm-inline-block font-roboto">
                <a href="/contact-us/" class="text-orange">Contact Us
                                <span class="">
                                    <!--?xml version="1.0" encoding="utf-8"?-->
                                    <!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
                                    <svg style="width: 19px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24.773 20.137" xml:space="preserve">
                                        <style type="text/css">
                                            .envelope {
                                                fill: none;
                                                stroke: #758491;
                                                stroke-width: 2;
                                                stroke-miterlimit: 10;
                                            }
                                        </style>
                                        <g>
                                            <path class="envelope" d="M20.346,19.137H4.428C2.543,19.137,1,17.595,1,15.709V4.428C1,2.543,2.543,1,4.428,1h15.918
                                            c1.885,0,3.428,1.543,3.428,3.428v11.282C23.773,17.595,22.231,19.137,20.346,19.137z"></path>
                                            <polyline class="envelope" points="1.076,3.862 12.305,12.064 23.7,3.697 	"></polyline>
                                            <line class="envelope" x1="23.535" y1="16.248" x2="15.498" y2="10.358"></line>
                                            <line class="envelope" x1="1.076" y1="16.303" x2="8.948" y2="10.358"></line>
                                        </g>
                                    </svg> </span></a>
              </li>
              <span class="d-xl-none d-sm-inline-block d-none vertical-line px-2"> | </span>
              <li class="py-1 text-xl-right text-center px-sm-0 d-xl-block d-block d-sm-inline-block font-roboto"> +1 617-684-2600 <span class="txt-clr-neutral-10">USA</span>
              </li>
              <span class="d-xl-none d-sm-inline-block d-none vertical-line px-2"> | </span>
              <li class="py-1 text-xl-right text-center px-sm-0 d-xl-block d-block d-sm-inline-block font-roboto"> +353 91 398300 <span class="txt-clr-neutral-10">EUR</span>
              </li>
              <span class="d-xl-none d-sm-inline-block d-none vertical-line px-2"> | </span>
              <li class="py-1 text-xl-right text-center px-sm-0 d-xl-block d-block d-sm-inline-block font-roboto"> +61 391929960 <span class="txt-clr-neutral-10">AUS</span>
              </li>
            </ul>
            <div class="gearbear">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.141 28.719">
                <defs>
                  <style>
                    .gb-footer {
                      fill: #d2e1e8;
                      opacity: 0.15;
                    }
                  </style>
                </defs>
                <path id="Path_111" data-name="Path 111" class="gb-footer"
                  d="M29.591,24.318H21.549l-1.442,4.4H31Zm21.549,4.4L46.929,15.744,49.66,7.36,39.531,0,32.4,5.2H18.741L11.609,0,1.48,7.36l2.732,8.384L0,28.719H13.316l-1.024-3.187,13.316-9.674,13.316,9.674L37.9,28.719Z"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <nav class="bottom-footer">
      <div class="container">
        <div class="row">
          <div class="bottom-links-container col-md-8">
            <span class="copyright">© 2023 SmartBear Software. All Rights Reserved.</span><br>
            <div class="bottom-links col-md-12">
              <ul>
                <li><a href="/privacy/">Privacy</a></li>
                <span class="vertical-line"> | </span>
                <li><a href="/terms-of-use/">Terms of Use</a></li>
                <span class="vertical-line"> | </span>
                <li><a href="/site-map/">Site Map</a></li>
                <span class="vertical-line"> | </span>
                <li>
                  <a href="/website-terms-of-use/">Website Terms of Use</a>
                </li>
                <span class="vertical-line"> | </span>
                <li><a href="/security/">Security</a></li>
              </ul>
            </div>
          </div>
          <div class="social-links-container col-md-4">
            <a href="http://twitter.com/smartbear" target="_blank" rel="noopener noreferrer" class="social-link"><i class="fab fa-twitter-square"></i></a>
            <a href="http://www.facebook.com/smartbear" target="_blank" rel="noopener noreferrer" class="social-link">
                        <i class="fab fa-facebook-square"></i>
                    </a>
            <a href="https://www.linkedin.com/company/smartbear/" target="_blank" rel="noopener noreferrer" class="social-link"><i class="fab fa-linkedin"></i></a>
            <a href="http://www.youtube.com/user/SmartBearSoftware" target="_blank" rel="noopener noreferrer" class="social-link">
                        <i class="fab fa-youtube"></i>
                    </a>
          </div>
        </div>
      </div>
    </nav>
  </footer>
  <!-- footer end -->
  <div class="login-modal">
    <div class="container">
      <div class="login-modal-content bg-gray-xtra-light">
        <div class="form-modal-close">Close <i class="fal fa-times"></i></div>
        <div class="row d-flex h-100">
          <div class="col-12">
            <p class="display-2 text-orange-dark text-center mb-4">Choose your product to log in to</p>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://accounts.smartbear.com/accounts/login" target="_blank" rel="noopener noreferrer"> <span class="prod-icon as empty"></span>
                    <span class="tile-prod-title">AlertSite</span> </a>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://crossbrowsertesting.com/login" target="_blank" rel="noopener noreferrer"> <span class="prod-icon cbt empty"></span>
                    <span class="tile-prod-title">CrossBrowserTesting</span> </a>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://app.hiptest.com/users/sign_in" target="_blank" rel="noopener noreferrer"> <span class="prod-icon hip empty"></span>
                    <span class="tile-prod-title">HipTest</span> </a>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://app.loadninja.com/" target="_blank" rel="noopener noreferrer"> <span class="prod-icon ln empty"></span>
                    <span class="tile-prod-title">LoadNinja</span> </a>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://login.qacomplete.smartbear.com/" target="_blank" rel="noopener noreferrer"> <span class="prod-icon qac empty"></span>
                    <span class="tile-prod-title">QAComplete</span> </a>
          </div>
          <div class="col-6 col-md-4">
            <a class="tile tile-prod" href="https://app.swaggerhub.com/login" target="_blank" rel="noopener noreferrer"> <span class="prod-icon swh empty"></span>
                    <span class="tile-prod-title">Swaggerhub</span> </a>
          </div>
          <div class="col-12 align-self-end">
            <div class="login-modal-bottom bg-gray-dark">
              <div class="row">
                <div class="col-12 col-md-4"><a href="https://community.smartbear.com" title="SmartBear Community">SmartBear
                                Community</a></div>
                <div class="col-12 col-md-4"><a href="https://smartbear-cc.force.com/portal/SupPortalHome">Case
                                Management Portal</a></div>
                <div class="col-12 col-md-4"><a href="https://my.smartbear.com/login.asp">License System</a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="login-modal-overlay"></div>
  </div>
  <script src="/smartbear/assets/js/scripts.min.js?t=202304071508"></script>
  <script type="text/javascript">
    //<![CDATA[
    WebForm_InitCallback();
    theForm.oldSubmit = theForm.submit;
    theForm.submit = WebForm_SaveScrollPositionSubmit;
    theForm.oldOnSubmit = theForm.onsubmit;
    theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
    //]]>
  </script>
</form>

Text Content

 * Products
   Test Automation
   BitBar Cloud-Based Web and Mobile App Testing VisualTest Automated Visual
   Testing TestComplete Automated UI Functional Testing
   App Stability Management
   BugSnag Mobile, Web, & Backend Error Monitoring
   Performance Testing
   LoadNinja Automated UI Performance Testing
   API Lifecycle
   AlertSite Global, Synthetic API Monitoring ReadyAPI Automated API Testing
   Platform SwaggerHub Design, Model, & Share API Definitions SwaggerHub Explore
   Evaluate the functionality of any API PactFlow Complete Contract Testing
   Test Management + BDD
     Zephyr Standalone & Jira Test Management
   Collaboration
   Collaborator Code, Document, & Artifact Review
   Open Source
   Cucumber Open Validate Specs Against Your Code SoapUI Create & Execute API
   Test Automation Swagger Interact With API Resources Pact Consumer-driven
   Contract Testing VIEW ALL PRODUCTS
 * Solutions
   Solutions
   Agile Testing API Lifecycle Code Quality Continuous Testing DevOps
   Functional Testing Performance Testing Service Virtualization Test Management
   See All Solutions
   Integrations
   CI/CD Source Code Management Collaboration
   See All Integrations
 * Resources
   Support
   AlertSite AQTime Pro BitBar Collaborator CucumberStudio LoadComplete
   LoadNinja PactFlow QAComplete ReadyAPI
   SwaggerHub SwaggerHub Explore TestComplete TestEngine TestLeft VisualTest
   Zephyr Enterprise Zephyr Squad Zephyr Scale
   New Support Case
   Manage My Cases
   Education
   Case Studies Webinars eBooks
   Academy Community Docs
   Blog
   Recent Posts
   The 5 Gaps You May Not Realize Are Missing From Your UI Test Automation
   Strategy
   SmartBear + Test Management for Jira: Delivering testing solutions and BDD
   within Jira
   About Us
   News
   Partners
 * Careers
 * Cart
 * EN DE
 * Login
 * Try Any Tool for Free
   TestComplete ReadyAPI BugSnag BitBar SwaggerHub SwaggerHub Explore PactFlow
   VisualTest Collaborator Zephyr Scale Zephyr Squad Zephyr Enterprise LoadNinja
   AlertSite



The confidence
behind your
code
Together there's nothing
we can't deliver

Go Bear. Get going.


THIS JUST IN

NEW PRODUCT Instantly analyze APIs with SwaggerHub ExploreRead more EVENT
Register Now for SmartBear Connect (Virtual) on June 7th Read more Press Release
2023 Stevie Award Winner: Sales & Customer Support Read more WHITEPAPER The Key
to Overcoming Your Biggest Software ChallengesRead more


MAKE EACH SOFTWARE RELEASE BETTER THAN THE LAST

 * Eliminate testing blind spots
 * Enable rapid API-first development
 * Catch and fix defects in real time

Cross-Browser Testing Ensure a consistent customer experience across different
browsers and browser versions




Eliminate testing blind spots


MORE TEST COVERAGE. GREATER VISIBILITY

Expand your test coverage and see all the results at a glance. Delight your
customers with a flawless experience.

Explore tools



TestComplete

Zephyr Enterprise

ReadyAPI

Enable rapid API-first development


CREATE AN API WORKFLOW THAT ENSURES QUALITY

Design, develop, test, and monitor your APIs – collaboratively and at scale.

Explore API lifecycle solutions



SwaggerHub

ReadyAPI

PactFlow

Catch and fix defects in real time


IMPROVE YOUR USER EXPERIENCE WITH ACTIONABLE DATA

Prevent errors with full test coverage. Identify defects with 24x7 monitoring.
Fix with data-driven insights.

Explore tools



BugSnag

AlertSite

BitBar


SEAMLESS INTEGRATION --
ACROSS YOUR TOOLKIT

Wherever you are, make testing, development, and monitoring tasks easier and
more efficient.

Show me the integrations



TOGETHER THERE’S NOTHING WE CAN’T DELIVER

We’ve helped companies just like yours accelerate with confidence

Case Study Zephyr Enterprise's testing features empower L3Harris Technologies
Case Study How Aras Clinched Its Scalability With ReadyAPI When Aras decided to
conduct large volumes of API performance and scalability testing, it needed...
Case Study A Unified Approach for Unity Ads



WHY SMARTBEAR

Our goal is to make our tech‑driven world a better place

World-class support

Our global support team will help you succeed every step of the way

SmartBear advantage

Unrivaled resources to help you to deliver great user experiences

Deliver with confidence

Meeting teams wherever they are to drive better outcomes

--------------------------------------------------------------------------------

Committed to open source

We support the creativity and devotion of open source communities that make our
tech‑driven world a better place.

Swagger Pact
SoapUI Cucumber


--------------------------------------------------------------------------------

Community matters

Got a question? Got an answer? Engage, learn, and have fun with thousands of QA,
DevOps, API, and Testing professionals just like you.

192K

POSTS

24K+

COMPANIES

194

COUNTRIES

Learn More


Explore SmartBear Products


 * AlertSite
 * AQTime Pro
 * BitBar
 * BugSnag
 * Capture for Jira
 * Collaborator

 * Cucumber for Jira
 * Cucumber Open
 * LoadNinja
 * Pact
 * PactFlow
 * ReadyAPI

 * SoapUI
 * Swagger
 * SwaggerHub
 * SwaggerHub Explore
 * TestComplete
 * TestEngine

 * TestLeft
 * VisualTest
 * Zephyr

 * About Us
   |
 * Careers
   |
 * Solutions
   |
 * Partners
   |
 * Responsibility

--------------------------------------------------------------------------------

 * Contact Us
   |
 * +1 617-684-2600 USA
   |
 * +353 91 398300 EUR
   |
 * +61 391929960 AUS


© 2023 SmartBear Software. All Rights Reserved.

 * Privacy
   |
 * Terms of Use
   |
 * Site Map
   |
 * Website Terms of Use
   |
 * Security


Close

Choose your product to log in to

AlertSite
CrossBrowserTesting
HipTest
LoadNinja
QAComplete
Swaggerhub
SmartBear Community
Case Management Portal
License System

By continuing to browse, you consent to our use of cookies. To know more, please
refer to our Privacy Policy.
OK