https://www.tsmx.net.br/sgp/

Submitted URL:
https://sgp.net.br
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 16 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="pt-br"><head>
    <meta charset="utf-8">
    <meta http-equiv="content-language" content="pt-br">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="TSMX">
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow,noodp">
    <meta name="googlebot" content="index,follow">
    <meta name="subject" content="TSMX">
    <meta name="abstract" content="TSMX">
    <meta name="topic" content="TSMX">
    <meta name="summary" content="TSMX">

    <title>TSMX</title>
    <link rel="shortcut icon" type="image/png" href="/static/tsmx/img/favicon/favicon.jpg">

    <!-- fonts -->
    <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">

    <!-- style -->
    <link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/vendor/lightbox/lightbox.min.css">
    <link rel="stylesheet" type="text/css" href="/static/vendor/owl-carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="/static/vendor/owl-carousel/assets/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="/static/vendor/fontawesome-pro/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="/static/tsmx/css/base.css">
    <link rel="stylesheet" type="text/css" href="/static/tsmx/css/responsive.css">
     

    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&amp;display=swap" rel="stylesheet">
</head>

<body id="topo">
  <!-- header -->
  <header class="fixar">
    <div class="container">
      <nav class="navbar navbar-expand-lg">
        <div class="collapse navbar-collapse">
          <a class="navbar-brand" href="/">
            <img src="/static/tsmx/img/logo-tsmx.svg" alt="Logo TSMX">
          </a>
          <div class="navbar-collapse" id="navbarSupportedContent">
            <ul class="w-100 navbar-nav justify-content-end">
              
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parceiros</a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
      <a class="dropdown-item" href="/sgp/parceiros/efi" target="_blank">
        Efí
      </a>
      <!--
      <a class="dropdown-item" href="/sgp/parceiros/iugu" target="_blank">
        Iugu
      </a>
      -->
      <a class="dropdown-item" href="https://www.iugu.com/parceiro/sgp" target="_blank">
        Iugu
      </a>
      <a class="dropdown-item" href="https://www.galaxpay.com.br/" target="_blank">
        GalaxPay
      </a>
      <a class="dropdown-item" href="https://www.pjbank.com.br/" target="_blank">
        PjBank
      </a>
      <a class="dropdown-item" href="https://www.widepay.com/" target="_blank">
        WidePay
      </a>
      <a class="dropdown-item" href="https://www.connectsa.com.br/seja-cliente-sgptsmx/" target="_blank">
        Connect
      </a>
    </div>
  </li>

  <li class="nav-item">
    <a class="scroll" href="#versao-demo">Demo</a>
  </li>

  <li class="nav-item">
    <a class="scroll" href="#fale-conosco">Fale Conosco</a>
  </li>

              <li class="nav-item ouvidoria">
                <a class="text-uppercase d-flex align-items-center" href="https://tsmx.sgp.net.br/central/" target="_blank">
                  <img class="mr-2" src="/static/tsmx/img/icons/area-cliente.svg">
                  <span class="d-none d-sm-inline">ÁREA DO CLIENTE</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="w-100 d-lg-none">
          <ul class="navbar-nav d-flex justify-content-around">
            <li class="nav-item">
              <a href="#" id="open-menu-mobile"><img width="30px" src="/static/tsmx/img/icons/menu-mobile.svg"></a>
            </li>
            <li class="nav-item">
              <a class="navbar-brand m-0" href="/">
                <img width="114px" src="/static/tsmx/img/logo-tsmx.svg" alt="Logo TSMX">
              </a>
            </li>
            <li class="nav-item">
              <a href="https://tsmx.sgp.net.br/central/" target="_blank">
                <img width="30px" src="/static/tsmx/img/icons/area-cliente.svg">
              </a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </header>

  <!-- content -->
  
  

<section class="vitrine-sgp">
  <div class="container p-0">
    <div class="row flex-md-row-reverse mt-md-5 align-items-center">
      <div class="col-md-7 py-3 px-5 p-md-0 vitrine-sgp-imgs">
        <div class="row h-100">
          <div class="col-12 d-flex justify-content-center">
            <!-- <div class="row position-absolute">
              <div class="col-6 offset-3 d-flex justify-content-center">
                <img class="img-fluid vitrine-sgp-img-top" src="/static/tsmx/img/vitrines/vitrine-sgp-2.png">
              </div>
              <div class="col-4">
                <img class="img-fluid vitrine-sgp-img-left" src="/static/tsmx/img/vitrines/vitrine-sgp-3.png">
              </div>
              <div class="col-7 d-flex justify-content-center">
                <img class="img-fluid vitrine-sgp-img-right" src="/static/tsmx/img/vitrines/vitrine-sgp-4.png">
              </div>
            </div> -->
            <img class="img-fluid vitrine-sgp-img-back" src="/static/tsmx/img/vitrines/vitrine-sgp-5.png">
          </div>
        </div>
      </div>
      <div class="col-md-5 px-5 px-md-0 pl-md-5">
        <h1 class="sgp-title px-3 px-md-0 mt-3 mt-md-0">
          <span>Ferramenta de gestão completa,</span> 
          com módulos do sistema integrados e prontos para sua empresa funcionar de forma organizada e otimizada.</h1>
        <!-- <a class="btn-geral mt-3 ml-3 ml-md-0" href="">Saiba mais</a> -->
      </div>
    </div>
  </div>
</section>

  

<section class="tecnologias" id="tecnologias">
  <div class="container px-4">
    <h1 class="titulo-geral titulo-principal">Tecnologias Homologadas</h1>
    <p>Integre os seus <strong>Ativos de Redes</strong> e realize o gerenciamento<br>de toda a rede do seu provedor.</p>
  </div>

  <div class="row mx-0 py-4 p-md-5 position-relative fade-in-section-left" id="concentradores">
    <div class="box-right"></div>
    <div class="col-12 container d-flex flex-column align-items-center justify-content-center">
      <h1 class="titulo-geral subsecao">Concentradores</h1>
      <div class="row m-0 d-none d-md-flex justify-content-center" id="concentradoresLogos">
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-first">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/accel.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/cisco.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/huawei.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-fourth">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/juniper.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-first">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/mikrotik.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/nokia.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/concentradores/ubiquiti.png">
        </span>
      </div>
      <div class="container mt-3" id="concentradoresOwl">
        <div class="owl-carousel owl-theme owl-concentradores d-md-none">
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/accel.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/cisco.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/huawei.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/juniper.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/mikrotik.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/nokia.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/concentradores/ubiquiti.png">
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="row mx-0 py-4 p-md-5 position-relative fade-in-section-right" id="olts">
    <div class="box-left"></div>
    <div class="container col-12 d-flex flex-column align-items-center justify-content-center">
      <h1 class="titulo-geral subsecao">OLTs</h1>
      <div class="row m-0 d-none d-md-flex justify-content-center" id="oltsLogos">
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-first">
          <img class="img-fluid" src="/static/tsmx/img/olts/cdata.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/olts/cianet.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/olts/datacom.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-fourth">
          <img class="img-fluid" src="/static/tsmx/img/olts/digistar.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-first">
          <img class="img-fluid" src="/static/tsmx/img/olts/fiberhome.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/olts/furukawa.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/olts/huawei.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-fourth">
          <img class="img-fluid" src="/static/tsmx/img/olts/intelbras.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-first">
          <img class="img-fluid" src="/static/tsmx/img/olts/nokia.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/olts/parks.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/olts/phyhome.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-fourth">
          <img class="img-fluid" src="/static/tsmx/img/olts/unifibra.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-second">
          <img class="img-fluid" src="/static/tsmx/img/olts/vsol.png">
        </span>
        <span class="col-4 col-md-3 mb-3 d-flex justify-content-center align-items-center item fade-in-scale fade-in-third">
          <img class="img-fluid" src="/static/tsmx/img/olts/zte.png">
        </span>
      </div>
      <div class="container mt-3" id="oltsOwl">
        <div class="owl-carousel owl-theme owl-olts d-md-none">
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/cdata.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/cianet.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/datacom.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/digistar.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/fiberhome.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/furukawa.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/huawei.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/intelbras.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/nokia.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/parks.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/phyhome.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/unifibra.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/vsol.png">
          </div>
          <div class="item fade-in-scale">
            <img src="/static/tsmx/img/olts/zte.png">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="mapa-ftth" id="mapa-ftth">
  <div class="container position-relative">
    <div class="row flex-md-row-reverse align-items-center">
      <div class="col-md-6 content">
        <h1 class="titulo-geral">Mapa FTTH</h1>
        <p>
          <strong>Documente toda a sua rede FTTH dentro do próprio SGP</strong>. Assim você pode visualizar,
          planejar e expandir sua rede em mapa de forma organizada e prática.
        </p>
        <h4>Outras opções de integrações</h4>
        <div class="bloco">
          <a href="" class="text-center">
            <img src="/static/tsmx/img/ftth/ozmap.png">
          </a>
          <a href="" class="text-center">
            <img src="/static/tsmx/img/ftth/geosite.png">
          </a>
          <a href="" class="text-center">
            <img src="/static/tsmx/img/ftth/geogrid.png">
          </a>
        </div>
      </div>
      <div class="col-md-6 p-0 image-column" id="mapaFtthImg">
        <div class="position-relative">
          <img class="img-fluid fade-in-section fade-in-second" src="/static/tsmx/img/ftth/mapa-ftth-big.png">
          <img class="img-fluid ftth-small-img fade-in-section fade-in-third" src="/static/tsmx/img/ftth/mapa-ftth-small.png">
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="gesta-cobrancas" id="gesta-cobrancas">
  <div class="container">
    <div class="row m-0 align-items-center">
      <div class="col-md-8">
        <h1 class="titulo-geral">Gestão de Cobranças</h1>
        <p class="p-geral">
          O SGP possui <strong>diversas formas de realizar cobranças</strong> 
          assim você escolhe a melhor solução para sua empresa.</p>
      </div>
    </div>
    <div class="row mx-2 align-items-center mt-4 d-none d-md-flex">
      <div id="gestaoCobrancasCardsAll" class="w-100">
        <div class="row justify-content-center">
          <div class="col-4 p-1 col-md-2 offset-0 offset-md-2 mx-1">
            <div class="item fade-in-scale fade-in-first">
              <div class="gesta-cobrancas-cards">
                <span class="icon-svg icon-retorno-remessa img-fluid"></span>
                <h4>Retorno e Remessa Bancária</h4>
              </div>
            </div>
          </div>
          <div class="col-4 p-1 col-md-2 mx-1">
            <div class="item fade-in-scale fade-in-second">
              <div class="gesta-cobrancas-cards">
                <span class="icon-svg icon-debito img-fluid"></span>
                <h4>Débito Automático</h4>
              </div>
            </div>
          </div>
          <div class="col-4 p-1 col-md-2 mx-1">
            <div class="item fade-in-scale fade-in-third">
              <div class="gesta-cobrancas-cards">
                <span class="icon-svg icon-api img-fluid"></span>
                <h4>API Bancária</h4>
              </div>
            </div>
          </div>
          <div class="col-4 p-1 col-md-2 mx-1">
            <div class="item fade-in-scale fade-in-fourth">
              <div class="gesta-cobrancas-cards">
                <span class="icon-svg icon-pix img-fluid"></span>
                <h4>PIX</h4>
              </div>
            </div>
          </div>
          <div class="col-4 p-1 col-md-2 mx-1">
            <div class="item fade-in-scale fade-in-fifth">
              <div class="gesta-cobrancas-cards">
                <span class="icon-svg icon-cartao img-fluid"></span>
                <h4>Cartão de Crédito</h4>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div div="" id="gestaoCobrancasCards" class="row owl-carousel owl-theme owl-gesta-cobrancas d-md-none">
      <div class="item fade-in-scale">
        <span class="icon-svg icon-retorno-remessa img-fluid"></span>
        <h4>Retorno e Remessa Bancária</h4>
      </div>
      <div class="item fade-in-scale">
        <span class="icon-svg icon-debito img-fluid"></span>
        <h4>Débito Automático</h4>
      </div>
      <div class="item fade-in-scale">
        <span class="icon-svg icon-api img-fluid"></span>
        <h4>API Bancária</h4>
      </div>
      <div class="item fade-in-scale">
        <span class="icon-svg icon-pix img-fluid"></span>
        <h4>PIX</h4>
      </div>
      <div class="item fade-in-scale">
        <span class="icon-svg icon-cartao img-fluid"></span>
        <h4>Cartão de Crédito</h4>
      </div>
    </div>
  </div>
</section>

  

<section class="bancos" id="bancos">
  <div class="container">
    <div class="px-4">
      <h1 class="titulo-geral subsecao mx-auto mb-4">Bancos e Gateways de Pagamento</h1>
    </div>
    <div class="box">

      <div class="accordion d-md-none fade-in-scale" id="accordionBanks">
        <div class="row justify-content-center">
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/bb.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/sicoob.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table mt-n2" src="/static/tsmx/img/gateways/efi.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/gateways/iugu.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/santander.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/bradesco.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/sicredi.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cora.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/caixa.png">
            </div>
          </div>
          <div class="col-5 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/inter.png">
            </div>
          </div>
        </div>
        <div id="collapseBanks" class="collapse" aria-labelledby="headingBanks" data-parent="#accordionBanks">
          <div class="card-body p-0">
            <div class="row justify-content-center">
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/bancos/itau.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/nordeste.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pjbank.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/widepay.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/safra.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pagarme.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/btg.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/mercadopago.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/ailos.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/asaas.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/galaxpay.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pagseguro.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cielo.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/unicred.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/safe2pay.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/hsbc.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cresol.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/banese.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/brasilcash.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="50" height="50" class="img-fluid d-table" src="/static/tsmx/img/bancos/rbc.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/real.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cecred.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/zoop.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pulsarpay.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/getnet.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="80" height="80" class="img-fluid d-table" src="/static/tsmx/img/bancos/bs2.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cobrefacil.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/gateways/f2b.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="90" height="90" class="img-fluid d-table" src="/static/tsmx/img/bancos/brb.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/paghiper.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/wepayments.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cachebank.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img width="70" height="70" class="img-fluid d-table" src="/static/tsmx/img/bancos/grab%26go.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/modobank.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <a href="https://lytex.com.br/segmentos/provedores-de-internet-2/" target="_blank">
                    <img class="img-fluid d-table" src="/static/tsmx/img/gateways/lytex.png">
                  </a>
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/gateways/negociarie.png">
                </div>
              </div>
              <div class="col-5 logo-banco">
                <div class="logo-banco-col">
                  <img class="img-fluid d-table" src="/static/tsmx/img/bancos/banestes.png">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="headingBanks">
          <h2 class="mb-0">
            <button class="btn btn-link btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseBanks" aria-expanded="true" aria-controls="collapseBanks">
              <img src="/static/tsmx/img/icons/arrow-down.svg">
            </button>
          </h2>
        </div>
      </div>
      <div id="bancosLogos" class="fade-in-scale">
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/bb.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/sicoob.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table mt-n2" src="/static/tsmx/img/gateways/efi.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/gateways/iugu.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/santander.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/bradesco.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/sicredi.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cora.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/caixa.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/inter.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/bancos/itau.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/nordeste.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pjbank.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/widepay.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/safra.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pagarme.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/btg.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/mercadopago.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/ailos.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/asaas.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/galaxpay.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pagseguro.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cielo.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/unicred.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/safe2pay.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/hsbc.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cresol.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco add">
            <div class="logo-banco-col">
              <i class="fa-solid fa-plus"></i>
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/banese.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/brasilcash.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img width="50" height="50" class="img-fluid d-table" src="/static/tsmx/img/bancos/rbc.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/real.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cecred.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/zoop.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/pulsarpay.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/getnet.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img width="80" height="80" class="img-fluid d-table" src="/static/tsmx/img/bancos/bs2.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/cobrefacil.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img width="60" height="60" class="img-fluid d-table" src="/static/tsmx/img/gateways/f2b.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img width="90" height="90" class="img-fluid d-table" src="/static/tsmx/img/bancos/brb.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/paghiper.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/wepayments.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/cachebank.png">
            </div>
          </div>
        </div>
        <div class="row d-none d-md-flex justify-content-center m-1">
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img width="70" height="70" class="img-fluid d-table" src="/static/tsmx/img/bancos/grab%26go.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/modobank.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <a href="https://lytex.com.br/segmentos/provedores-de-internet-2/" target="_blank">
                <img class="img-fluid d-table" src="/static/tsmx/img/gateways/lytex.png">
              </a>
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/gateways/negociarie.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
            <div class="logo-banco-col">
              <img class="img-fluid d-table" src="/static/tsmx/img/bancos/banestes.png">
            </div>
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
          </div>
          <div class="col-lg col-md-3 logo-banco escondido">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="solucoes" id="solucoes">
  <div class="container">
    <div class="px-4">
      <h1 class="titulo-geral">Soluções Integradas</h1>
      <p class="p-geral mb-5">
        <strong>Integre as soluções que você deseja</strong> para obter informações de diversos serviços.
      </p>
    </div>

    <ul class="nav nav-tabs owl-carousel owl-theme owl-solucoes-tab" id="solucoesTab" role="tablist">
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link active w-100" id="comunicacao-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#comunicacao" type="button" role="tab" aria-controls="comunicacao" aria-selected="true">Comunicação</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="assinatura-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#assinatura" type="button" role="tab" aria-controls="assinatura" aria-selected="false">Assinatura Eletrônica</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="clube-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#clube" type="button" role="tab" aria-controls="clube" aria-selected="false">Clube de Benefícios</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="gerenciamento-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#gerenciamento" type="button" role="tab" aria-controls="gerenciamento" aria-selected="false">Gerenciamento de CPE</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="multimidia-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#multimidia" type="button" role="tab" aria-controls="multimidia" aria-selected="false">Multimídia</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="protecao-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#protecao" type="button" role="tab" aria-controls="protecao" aria-selected="false">Proteção ao crédito</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="telefonia-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#telefonia" type="button" role="tab" aria-controls="telefonia" aria-selected="false">Telefonia</button>
      </li>
      <li class="nav-item item bordered-right" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="tv-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#tv" type="button" role="tab" aria-controls="tv" aria-selected="false">TV</button>
      </li>
      <li class="nav-item item" role="presentation">
        <button onmouseover="changeTab(event)" onclick="toggleActive(event)" class="nav-link w-100" id="outros-tab" data-toggle="tab" data-parent="#solucoesTab" data-target="#outros" type="button" role="tab" aria-controls="outros" aria-selected="false">Outros</button>
      </li>
    </ul>

    <div class="tab-content fade-in-scale" id="solucoesTabsContent">
      <div class="tab-pane fade show active" id="comunicacao" role="tabpanel" aria-labelledby="comunicacao-tab">
        <div class="owl-carousel owl-theme owl-solucoes-cards">

          <div class="card-item item fade-in-scale fade-in-first">
            <h2 class="titulo-geral">Chatbot</h2>
            <ul class="pl-3">
              <li><img src="/static/tsmx/img/icons/check.svg"> Chat Mix</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Conecta Zap</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> FOCUS Chat</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Fortics</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Matrix</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Mkt Zap</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Opa! Suite</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Simple Chat</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Web Chat</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Whats Sac</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Wide Chat Intelbras</li>
            </ul>
            <p class="my-0"><small>Tecnologias que se integram ao SGP</small></p>
          </div>

          <div class="card-item item fade-in-scale fade-in-second">
            <h2 class="titulo-geral">SMS</h2>
            <ul class="pl-3">
              <li><img src="/static/tsmx/img/icons/check.svg"> King SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> SMS Net</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Loca SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Facilita SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Cloud SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Zenvia SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Disparo PRO</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Khal SMS</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> NeWave</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> VolareHost SMS</li>
            </ul>
          </div>

          <div class="card-item item fade-in-scale fade-in-third">
            <h2 class="titulo-geral">URA</h2>
            <ul class="pl-3">
              <li><img src="/static/tsmx/img/icons/check.svg"> Fortics</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Issabel</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> NeWave</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Wide Chat Intelbras</li>
            </ul>
          </div>

          <div class="card-item item fade-in-scale fade-in-fourth">
            <h2 class="titulo-geral">WhatsApp</h2>
            <ul class="pl-3">
              <li><img src="/static/tsmx/img/icons/check.svg"> Top Zapi</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Chat Mix</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> DRA Telecom</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Volare Host</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Web Chat</li>
              <li><img src="/static/tsmx/img/icons/check.svg"> Zap Me</li>
            </ul>
          </div>

        </div>
      </div>

      <div class="tab-pane fade show" id="tv" role="tabpanel" aria-labelledby="tv-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Cariap" src="/static/tsmx/img/solucoes/tv/cariap.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="CDNTV" src="/static/tsmx/img/solucoes/tv/cdntv.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="DisTV" src="/static/tsmx/img/solucoes/tv/distv.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="HubISP" src="/static/tsmx/img/solucoes/tv/hubisp.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Interservice" src="/static/tsmx/img/solucoes/tv/interservice.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="ITTV" src="/static/tsmx/img/solucoes/tv/ittv.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Looke" src="/static/tsmx/img/solucoes/tv/looke.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="NXPlay" src="/static/tsmx/img/solucoes/tv/nxplay.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="OleTV" src="/static/tsmx/img/solucoes/tv/oletv.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Panaccess" src="/static/tsmx/img/solucoes/tv/panaccess.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="PlayHub" src="/static/tsmx/img/solucoes/tv/playhub.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="WatchTV" src="/static/tsmx/img/solucoes/tv/watchTV.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="YouCast" src="/static/tsmx/img/solucoes/tv/youcast.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="DirecTV Go" src="/static/tsmx/img/solucoes/tv/directvgo.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="MultTV" src="/static/tsmx/img/solucoes/tv/multtv.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="150px" class="img-fluid d-table mx-auto mb-3" alt="CeletiHUB" src="/static/tsmx/img/solucoes/tv/celetihub.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="telefonia" role="tabpanel" aria-labelledby="telefonia-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="MagnusBilling" src="/static/tsmx/img/solucoes/telefonia/magnusbilling.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Surf" src="/static/tsmx/img/solucoes/telefonia/surf.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="tgn" src="/static/tsmx/img/solucoes/telefonia/tgn.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="tip" src="/static/tsmx/img/solucoes/telefonia/tip.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="voipgroup" src="/static/tsmx/img/solucoes/telefonia/voipgroup.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="tatelecom" src="/static/tsmx/img/solucoes/telefonia/tatelecom.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img width="210" height="210" class="img-fluid d-table mx-auto mb-3" alt="Contel" src="/static/tsmx/img/solucoes/telefonia/contel.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img width="230" height="230" class="img-fluid d-table mx-auto mb-3" alt="Gertel" src="/static/tsmx/img/solucoes/telefonia/gertel.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img width="100" height="100" class="img-fluid d-table mx-auto mb-3" alt="Eaí Telecom" src="/static/tsmx/img/solucoes/telefonia/eaitelecom.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img width="200" height="100" class="img-fluid d-table mx-auto mb-3" alt="SipPulse" src="/static/tsmx/img/solucoes/telefonia/sippulse.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img width="200" height="100" class="img-fluid d-table mx-auto mb-3" alt="Interede" src="/static/tsmx/img/solucoes/telefonia/interede.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="multimidia" role="tabpanel" aria-labelledby="multimidia-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Embi" src="/static/tsmx/img/solucoes/multimidia/embi.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Mumo" src="/static/tsmx/img/solucoes/multimidia/mumo.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="DigiLivro" src="/static/tsmx/img/solucoes/multimidia/digilivro.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Susperplayer &amp; Co" src="/static/tsmx/img/solucoes/multimidia/superplayer%26co.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Skeelo" src="/static/tsmx/img/solucoes/multimidia/skeelo.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="assinatura" role="tabpanel" aria-labelledby="assinatura-tab">
        <div class="box">
          <div class="row">
            <div class="col-6 col-md-3 logo-solucoes">
              <img id="logo-sgpsign" class="img-fluid d-table mx-auto mb-3 pl-3" alt="SGPSign" src="/static/tsmx/img/solucoes/assinatura-eletronica/sgpsign.png">
            </div>
            <div class="col-6 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Autentique" src="/static/tsmx/img/solucoes/assinatura-eletronica/autentique.png">
            </div>
            <div class="col-6 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="ClickSign" src="/static/tsmx/img/solucoes/assinatura-eletronica/clicksign.png">
            </div>
            <div class="col-6 col-md-3 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="ZapSign" src="/static/tsmx/img/solucoes/assinatura-eletronica/zapsign.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="clube" role="tabpanel" aria-labelledby="clube-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="ClubeCerto" src="/static/tsmx/img/solucoes/clube-de-beneficios/clubecerto.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Partiu" src="/static/tsmx/img/solucoes/clube-de-beneficios/partiu.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Lecupon" src="/static/tsmx/img/solucoes/clube-de-beneficios/lecupon.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="protecao" role="tabpanel" aria-labelledby="protecao-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 logo-solucoes">
              <a target="_blank" href="https://www.connectsa.com.br/seja-cliente-sgptsmx/">
                <img class="img-fluid d-table mx-auto mb-3" alt="Connect SA" src="/static/tsmx/img/solucoes/protecao-ao-credito/connectsa.png">
              </a>
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="ConsultCenter" src="/static/tsmx/img/solucoes/protecao-ao-credito/consultcenter.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="SoaWebService" src="/static/tsmx/img/solucoes/protecao-ao-credito/soawebservice.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="SPC Brasil" src="/static/tsmx/img/solucoes/protecao-ao-credito/spcbrasil.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Crédito na Medida" src="/static/tsmx/img/solucoes/protecao-ao-credito/creditonamedida.png">
            </div>
            <div class="col-4 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="Hiper check" src="/static/tsmx/img/solucoes/protecao-ao-credito/hipercheck.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="gerenciamento" role="tabpanel" aria-labelledby="gerenciamento-tab">
        <div class="box">
          <div class="row">
            <div class="col-6 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="anlix" src="/static/tsmx/img/solucoes/gerenciamento-de-cpe/anlix.png">
            </div>
            <div class="col-6 logo-solucoes">
              <img class="img-fluid d-table mx-auto mb-3" alt="genieacs" src="/static/tsmx/img/solucoes/gerenciamento-de-cpe/genieacs.png">
            </div>
          </div>
        </div>
      </div>

      <div class="tab-pane fade show" id="outros" role="tabpanel" aria-labelledby="outros-tab">
        <div class="box">
          <div class="row">
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="170" height="170" class="img-fluid d-table mx-auto mb-3" alt="Exitlag" src="/static/tsmx/img/solucoes/outros/exitlag.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="170" height="170" class="img-fluid d-table mx-auto mb-3" alt="Iclass" src="/static/tsmx/img/solucoes/outros/iclass.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="170" height="170" class="img-fluid d-table mx-auto mb-3" alt="MediQuo" src="/static/tsmx/img/solucoes/outros/mediquo.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="100" height="100" class="img-fluid d-table mx-auto mb-3" alt="OZmap" src="/static/tsmx/img/solucoes/mapeamento-ftth/ozmap.jpg">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="200" height="200" class="img-fluid d-table mx-auto mb-3" alt="GeoGrid" src="/static/tsmx/img/solucoes/mapeamento-ftth/geogrid.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="225" height="225" class="img-fluid d-table mx-auto mb-3" alt="Geosite Telecom" src="/static/tsmx/img/solucoes/mapeamento-ftth/geosite.png">
            </div>
            <div class="col-4 col-md-3 logo-solucoes">
              <img width="200" height="200" class="img-fluid d-table mx-auto mb-3" alt="CodeMaps" src="/static/tsmx/img/solucoes/mapeamento-ftth/codemaps.png">
            </div>
          </div>

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

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

  

<section class="fiscal-estoque" id="fiscal-estoque">
  <div class="container position-relative">
    <div id="sectionFiscal" class="row flex-md-row align-items-center px-2 fade-in-section-right">
      <div class="col-md-6 content-column mt-5">
        <h1 class="titulo-geral">Fiscal</h1>
        <p class="p-geral">
          Emita e importe notas fiscais geradas para a sua empresa.
        </p>
        <div class="fiscal-estoque-item fiscal">
          <ul>
            <li class="item">
              <img src="/static/tsmx/img/icons/check.svg">
              <span class="ml-2"><strong>Nota Fiscal 21/22</strong></span>
            </li>
            <li class="item">
              <img src="/static/tsmx/img/icons/check.svg">
              <span class="ml-2"><strong>Nota Fiscal 55</strong></span>
            </li>
            <li class="item">
              <img src="/static/tsmx/img/icons/check.svg">
              <span class="ml-2"><strong>Nota de Débito</strong></span>
            </li>
            <li class="item">
              <img src="/static/tsmx/img/icons/check.svg">
              <span class="ml-2"><strong>NFS-e</strong></span>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-md-6 content-column">
        <div class="d-flex justify-content-end fiscal-estoque-man">
          <img class="img-fluid fade-in-section-right" src="/static/tsmx/img/fiscal-estoque/fiscal-estoque-man.png">
        </div>
      </div>
    </div>
    <div id="sectionEstoque" class="row flex-md-row flex-md-row-reverse px-2 mt-n5 fade-in-section-left">
      <div class="col-md-6 content-column">
        <h1 class="titulo-geral">Estoque</h1>
        <p class="p-geral">
          Gerencie seu estoque, realizando lançamentos pelo sistema e APP.
        </p>
        <div class="fiscal-estoque-item estoque">
          <div class="row">
            <div class="col-lg-4 item mb-2 pr-md-2">
              <span class="estoque-i"><i class="fa-regular fa-handshake"></i></span>
              <span class="ml-md-2 estoque-text"><strong>Comodato</strong></span>
            </div>
            <div class="col-lg-4 item">
              <span class="estoque-i"><i class="fa-regular fa-hand-holding-box"></i></span>
              <span class="ml-md-2 estoque-text"><strong>Venda</strong></span>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 content-column">
        <div class="d-flex justify-content-center fiscal-estoque-woman">
          <img class="img-fluid fade-in-section-left" src="/static/tsmx/img/fiscal-estoque/fiscal-estoque-woman.png">
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="area-cliente" id="area-cliente">
  <div class="container">
    <div class="row align-items-center p-4 p-md-0">
      <div class="col-md-6 fade-in-section-right" id="areaClienteImg">
        <img class="img-fluid" src="/static/tsmx/img/area-cliente.png">
      </div>
      <div class="col-md-6">
        <h1 class="titulo-geral mx-0">Área do Cliente</h1>
        <p class="p-geral">
          Aproxime o seu cliente através da Central do Assinante, seja por
          aplicativo ou computador, você fornece os serviços da sua empresa
        </p>
        <ul>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>Financeiro do Cliente</li>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>2ª Via de Fatura</li>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>Promessa de Pagamento</li>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>Notas Fiscais</li>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>Assinatura de Contratos</li>
          <li class="mb-2"><span><i class="fa-duotone fa-circle-check"></i></span>Abertura de Chamados</li>
          <li><span><i class="fa-duotone fa-circle-check"></i></span>Extrato de Tráfego</li>
        </ul>
      </div>
    </div>
    <div class="d-flex justify-content-end mt-3 app-badge">
      <a href="https://apps.apple.com/br/app/meuappprovedor/id1637448837?itsct=apps_box_badge&amp;itscg=30200" target="_blank">
        <img src="/static/tsmx/img/icons/apple-badge.svg" alt="Baixar na App Store">
      </a>
      <a href="https://play.google.com/store/apps/details?id=br.net.tsmx.meuappprovedor&amp;hl=pt-BR&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank">
        <img class="google-badge ml-2" alt="Disponível no Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/pt-br_badge_web_generic.png" width="146" height="60.8">
      </a>
    </div>
  </div>
</section>

  

<section class="atendimento-cliente" id="atendimento-cliente">
  <div class="container px-0 p-md-3">
    <div class="px-5">
      <h1 class="titulo-geral px-3 px-md-0">Agilidade na palma da mão</h1>
      <p class="p-geral">
        Aqui <strong>você gerencia e acompanha seus técnicos de forma prática e eficiente</strong>,
        permitindo que eles atendam as ordens de serviço através do aplicativo.</p>
    </div>
    <div id="atendimentoClientePhoneImg" class="owl-carousel owl-theme owl-atendimento-cliente">
      <div class="item fade-in-scale fade-in-first">
        <img width="225px" class="phone-img" src="/static/tsmx/img/atendimento-cliente/atendimento-cliente1.png">
        <img class="arrow-icon up-arrow" width="104px" src="/static/tsmx/img/atendimento-cliente/up-arrow.svg">
      </div>
      <div class="item fade-in-scale fade-in-second">
        <img width="225px" class="phone-img" src="/static/tsmx/img/atendimento-cliente/atendimento-cliente2.png">
        <img class="arrow-icon down-arrow" width="104px" src="/static/tsmx/img/atendimento-cliente/down-arrow.svg">
      </div>
      <div class="item fade-in-scale fade-in-third">
        <img width="225px" class="phone-img" src="/static/tsmx/img/atendimento-cliente/atendimento-cliente3.png">
        <img class="arrow-icon up-arrow" width="104px" src="/static/tsmx/img/atendimento-cliente/up-arrow.svg">
      </div>
      <div class="item fade-in-scale fade-in-fourth d-flex justify-content-center d-md-block">
        <img width="225px" class="phone-img" src="/static/tsmx/img/atendimento-cliente/atendimento-cliente4.png">
      </div>
    </div>
    <div class="d-flex justify-content-center mt-5 mx-3 app-badge">
      <a href="https://apps.apple.com/br/app/sgp-suporte/id1492218056?itsct=apps_box_badge&amp;itscg=30200" target="_blank">
        <img src="/static/tsmx/img/icons/apple-badge.svg" alt="Baixar na App Store">
      </a>
      <a href="https://play.google.com/store/apps/details?id=com.seisxis.artorias&amp;hl=pt-BR&amp;pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank">
        <img class="google-badge ml-2" alt="Disponível no Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/pt-br_badge_web_generic.png" width="146" height="60.8">
      </a>
    </div>
  </div>
</section>

  

<section class="atendimento d-md-flex align-items-center" id="atendimento">
  <div class="container position-relative">
    <div class="row flex-md-row-reverse align-items-center">
      <div id="atendimentoImg" class="col-md-7 p-0 image-column fade-in-section-left">
        <img class="img-fluid" src="/static/tsmx/img/atendimento.png" width="692px">
      </div>
      <div class="col-md-5 content-column">
        <h1 class="titulo-geral">Atendimento</h1>
        <p class="p-geral">
          Acompanhe os chamados de seus clientes em uma única plataforma. No SGP os seus
          atendimentos ficaram muito mais fáceis com uma área de atendimento pensada nas suas necessidades.
        </p>
      </div>
    </div>
  </div>
</section>

  

<section class="servicos servicos-sgp" id="servicosSgp">
  <div class="container">
    <p class="p-geral mb-md-5"><strong>Acesse todos os seus dados dentro do SGP</strong> para facilitar e agilizar
      os processos
      da sua empresa.</p>
    <div id="servicosCardsAll" class="row d-none d-md-flex">
      <div class="col-md-6 p-3">
        <div class="item fade-in-scale fade-in-first">
          <img src="/static/tsmx/img/icons/servicos/assinatura.svg" width="60" height="60">
          <div class="conteudo">
            <h4>Assinatura Eletrônica</h4>
            <p>Ferramenta para assinatura eletrônica de documentos nativa, já integrada ao sistema.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 p-3">
        <div class="item fade-in-scale fade-in-second">
          <img src="/static/tsmx/img/icons/gestao-cobrancas/api.svg" width="60" height="60">
          <div class="conteudo">
            <h4>API</h4>
            <p>APIs para integrar outras aplicações ao seu sistema.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 p-3">
        <div class="item fade-in-scale fade-in-first">
          <img src="/static/tsmx/img/icons/servicos/mapeamento.svg" width="60" height="60">
          <div class="conteudo">
            <h4>Mapeamento FTTH</h4>
            <p>Ferramenta para mapeamento da rede de forma nativa, já integrado ao sistema.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6 p-3">
        <div class="item fade-in-scale fade-in-second">
          <img src="/static/tsmx/img/icons/servicos/relatorio.svg" width="60" height="60">
          <div class="conteudo">
            <h4>Relatórios</h4>
            <p>Obtenha dados através de relatórios para acompanhar o crescimento da sua empresa.</p>
          </div>
        </div>
      </div>
    </div>
    <div id="servicosCards" class="row owl-carousel owl-theme owl-servicos-sgp d-md-none">
      <div class="item fade-in-scale fade-in-first">
        <img class="mr-3" src="/static/tsmx/img/icons/servicos/assinatura.svg" width="60" height="60">
        <div>
          <h4>Assinatura Eletrônica</h4>
          <p>Ferramenta para assinatura eletrônica de documentos nativa, já integrada ao sistema.</p>
        </div>
      </div>
      <div class="item fade-in-scale fade-in-second">
        <img class="mr-3" src="/static/tsmx/img/icons/gestao-cobrancas/api.svg" width="60" height="60">
        <div>
          <h4>API</h4>
          <p>APIs para integrar outras aplicações ao seu sistema.</p>
        </div>
      </div>
      <div class="item fade-in-scale fade-in-third">
        <img class="mr-3" src="/static/tsmx/img/icons/servicos/mapeamento.svg" width="60" height="60">
        <div>
          <h4>Mapeamento FTTH</h4>
          <p>Ferramenta para mapeamento da rede de forma nativa, já integrado ao sistema.</p>
        </div>
      </div>
      <div class="item fade-in-scale fade-in-fourth">
        <img class="mr-3" src="/static/tsmx/img/icons/servicos/relatorio.svg" width="60" height="60">
        <div>
          <h4>Relatórios</h4>
          <p>Obtenha dados através de relatórios para acompanhar o crescimento da sua empresa.</p>
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="versao-demo d-md-flex align-items-center" id="versao-demo">
  <div class="container position-relative">
    <div class="row align-items-center justify-content-center">
      <div id="versaoDemoImg" class="col-md-6 fade-in-section-right">
        <div class="owl-carousel owl-theme owl-demo">
          <div class="item owl-img">
            <div>
              <img src="/static/tsmx/img/demo/demo-1.png">
            </div>
          </div>
          <div class="item owl-img">
            <div>
              <img src="/static/tsmx/img/demo/demo-2.png">
            </div>
          </div>
          <div class="item owl-img">
            <div>
              <img src="/static/tsmx/img/demo/demo-3.png">
            </div>
          </div>
          <div class="item owl-img">
            <div>
              <img src="/static/tsmx/img/demo/demo-4.png">
            </div>
          </div>
          <div class="item owl-img">
            <div>
              <img src="/static/tsmx/img/demo/demo-5.png">
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <p class="p-geral">
          <strong>Acesse a versão DEMO</strong> e confira a experiências que o SGP pode lhe proporcionar.</p>
        <div class="item">
          <img class="mr-3 qr-code" src="/static/tsmx/img/qr-code.png">
          <div class="ml-3">
            <a class="mb-3 demo-link" href="https://demo.sgp.net.br/" target="_blank">Ficou interessado?</a>
            <p><span class="mr-2"><strong>usuário: </strong>demo</span>|<span class="ml-2"><strong>senha: </strong>demo</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

  

<section class="duvidas" id="duvidas">
  <div class="container">
    <h1 class="titulo-geral mt-5">Dúvidas Frequentes</h1>
    <div id="accordion">

      <div class="card">
        <div class="card-header" id="headingUm">
          <button class="btn btn-link" data-toggle="collapse" data-target="#collapseUm" aria-expanded="false" aria-controls="collapseUm"><strong>O SGP possui suporte?</strong></button>
        </div>
        <div id="collapseUm" class="collapse" aria-labelledby="headingUm" data-parent="#accordion">
          <div class="card-body">
            <p>Sim, temos uma equipe de suporte preparada para auxiliá-lo no uso do sistema. Nosso suporte funciona das 8h às 20h de segunda a sexta-feira e das 8h às 17h aos sábados para dúvidas, configurações, ajustes e outros assuntos relacionados. Além disso, oferecemos suporte emergencial 24 horas por dia, sete dias por semana, inclusive aos domingos.</p>
          </div>
        </div>
      </div>

      <div class="card">
        <div class="card-header" id="headingDois">
          <button class="btn btn-link" data-toggle="collapse" data-target="#collapseDois" aria-expanded="false" aria-controls="collapseDois"><strong>É possível importar minha base de dados para o SGP?</strong></button>
        </div>
        <div id="collapseDois" class="collapse" aria-labelledby="headingDois" data-parent="#accordion">
          <div class="card-body">
            <p>Sim, é possível realizar a importação dos dados de outro sistema para o SGP. Para isso, você deve fazer um backup dos seus dados no sistema anterior e, em seguida, solicitar a importação dos dados para o SGP. Nosso setor Comercial pode fornecer informações detalhadas sobre o processo de importação, bem como auxiliá-lo em todo o procedimento.</p>
          </div>
        </div>
      </div>

      <div class="card">
        <div class="card-header" id="headingTres">
          <button class="btn btn-link" data-toggle="collapse" data-target="#collapseTres" aria-expanded="false" aria-controls="collapseTres"><strong>O SGP é hospedado em Cloud?</strong></button>
        </div>
        <div id="collapseTres" class="collapse" aria-labelledby="headingTres" data-parent="#accordion">
          <div class="card-body">
            <p>Sim, já preparamos e hospedamos o seu SGP em nossa própria cloud, pronta para ser utilizada, para que você não precise se preocupar com isso. Além disso, com SGP em Cloud não é necessário realizar backups, pois já cuidamos disso para você.</p>
          </div>
        </div>
      </div>
      
    </div>
  </div>
</section>


  
  

<section class="fale-conosco" id="fale-conosco">
  <div class="container">
    <div class="row m-0">
      <div class="col-md-12 d-flex justify-content-center">
        <div class="box fade-in-section" id="fale-conosco-card">
          <h1 class="titulo-geral">Fale Conosco</h1>
          <p>Solicite um orçamento para a sua empresa.</p>
          <form id="form-fale-conosco" action="" method="post" enctype="multipart/form-data">
            <input type="hidden" name="csrfmiddlewaretoken" value="CyATBfMGgPdaGC5ZHUwVttPJFjegruwAX7Qq56QMVHu6rbwvmOO5B8fR7WiNI2Dj">
            <div class="row">
              <div class="col-md-6">
                <input type="text" name="nome_empresa" class="form-control" placeholder="Nome da Empresa:" required="" id="id_nome_empresa">
                <span class="text-danger"></span>
              </div>
              <div class="col-md-6">
                <input type="text" name="cnpj" class="form-control" placeholder="Digite o CNPJ:" required="" id="id_cnpj">
                <span class="text-danger"></span>
              </div>
              <div class="col-md-6">
                <input type="text" name="nome_responsavel" class="form-control" placeholder="Nome do Responsável:" required="" id="id_nome_responsavel">
                <span class="text-danger"></span>
              </div>
              <div class="col-md-6">
                <input type="email" name="email" class="form-control" placeholder="Digite o E-mail:" required="" id="id_email">
                <span class="text-danger"></span>
              </div>
              <div class="col-md-6">
                <input type="telefone" name="telefone" class="form-control" placeholder="Digite o Telefone:" required="" id="id_telefone">
                <span class="text-danger"></span>
              </div>
            </div>
            <textarea name="mensagem" cols="40" rows="10" class="form-control" placeholder="Fale sobre sua necessidade:" required="" id="id_mensagem"></textarea>
            <span class="text-danger"></span>
            <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async="" defer=""></script>
<div class="cf-turnstile" required="" id="id_turnstile" data-sitekey="0x4AAAAAAACILZNcL1blFnWX"></div>
            <button class="btn-geral">Enviar</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>


  

<footer>
  <div class="container">
    <div class="row m-0 position-relative">
      <div class="col-md-3">
        <a href=""><img class="img-fluid" src="/static/tsmx/img/logo-tsmx-branco.svg"></a>
      </div>
      <div class="col-md-4">
        <h2>LOCALIZAÇÃO</h2>
        <p><img src="/static/tsmx/img/icons/pin.svg">
          Av. Amintas Barros, 3700 - Lagoa Nova, Natal - RN, 59075-810 - 
          <a target="_blank" href="https://www.google.com/maps?q=Av.+Amintas+Barros,+3700+-+Lagoa+Nova,+Natal+-+RN,+59075-810&amp;rlz=1C1GCEA_enBR967BR967&amp;um=1&amp;ie=UTF-8&amp;sa=X&amp;ved=2ahUKEwjm87eVz5L8AhWIIbkGHVfWB7cQ_AUoAXoECAEQAw">Ver no mapa</a>
        </p>
      </div>
      <div class="col-md-3">
        <h2>CONTATO</h2>
        <a target="_blank" href="https://wa.me/+558431137050">
          <img src="/static/tsmx/img/icons/whatsapp.svg">
          (84) 3113-7050
        </a>
        
        <a target="_blank" href="mailTo:[email protected]">
          <img src="/static/tsmx/img/icons/email.svg">
          [email protected]
        </a>
      </div>
      <div class="col-3 col-md-2 scroll-top-btn">
        <a class="btn-top scroll" href="#topo">
          <i class="fa fa-angle-up" aria-hidden="true"></i>
        </a>
      </div>
    </div>
  </div>
  <a href="https://wa.me/+558431137050" target="_blank" class="whatsapp-fixo-button">
    <img width="60px" height="60px" src="/static/tsmx/img/icons/whatsapp-fixo.svg">
  </a>
</footer>


  <!-- menu desktop -->
  <section class="menu-desktop">
    <a href="#" id="close-menu">
      <img src="/static/tsmx/img/icons/close-menu.svg">
    </a>
    <ul>
      
  <li>
    <a class="scroll" href="/sgp/parceiros/efi">
      Parceiros &gt; Efí
    </a>
    <a class="dropdown-item" href="/sgp/parceiros/iugu" target="_blank">
      Iugu
    </a>
    <a class="dropdown-item" href="https://www.galaxpay.com.br/" target="_blank">
      GalaxPay
    </a>
    <a class="dropdown-item" href="https://www.pjbank.com.br/" target="_blank">
      PjBank
    </a>
    <a class="dropdown-item" href="https://www.widepay.com/" target="_blank">
      WidePay
    </a>
  </li>
  <li>
    <a class="scroll" href="#versao-demo">Demo</a>
  </li>
  <li>
    <a class="scroll" href="#fale-conosco">Fale Conosco</a>
  </li>

    </ul>
  </section>

  <!-- scripts -->
  <script src="/static/vendor/jquery/jquery.min.js"></script></body></html>