<!DOCTYPE html>
<html lang="pt-br">
	<head>
		<meta charset="UTF-8" /><meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /><title>Burn Web
 - Desenvolvimento de sites em Crici&uacute;ma
</title><meta http-equiv="x-dns-prefetch-control" content="on">
			<link href="https://ajax.googleapis.com" rel="preconnect" />
			<link href="https://www.google-analytics.com" rel="preconnect" />
			<link href="https://fonts.googleapis.com" rel="preconnect" />
			<link crossorigin href="https://fonts.gstatic.com" rel="preconnect" /><meta name="description" content="Desde 2005! A Burn Web é uma Agência Digital com foco no desenvolvimento de sites profissionais e de todas as ferramentas pertinentes ao mundo web."/><meta name="keywords" content="burn, web, sites, studio, desenvolvimento, hospedagem, e-mail marketing, mala direta, site, marketing on-line, loja virtual, e-commerce, intranet, sistemas, on-line, PHP, JavaScript, JS, CSS, HTML, 5, AJAX, webdesign, webdeveloper, webmaster, ria, interativo, criação, design, mídias sociais, facebook, twitter, portfolio, empresa, clientes, criciúma, santa catarina, sc, sul, brasil, aplicativo, ios, android, sistema, revendas, automóveis, soluções, web, criação, criacao, criasao, faz, montar, fazer, responsivo, layout, ui, ux, especialista web, websites, site, saite"/><meta name="author" content="Burn web.studio"/><meta name="robots" content="index, follow"/><meta name="revisit-after" content="1"/><meta property='og:type' content='website' /><meta property='og:site_name' content='Burn Base' /><meta property='og:title' content='Burn Web
 - Desenvolvimento de sites em Crici&uacute;ma
' /><meta property='og:locale' content='pt_BR' /><meta property='og:description' content='Desde 2005! A Burn Web é uma Agência Digital com foco no desenvolvimento de sites profissionais e de todas as ferramentas pertinentes ao mundo web.' /><meta property='og:url' content='https://www.burnweb.com.br/portfolio/feeds.rss' /><meta name='image' content='https://www.burnweb.com.br/facebook_lg.png' /><meta property='og:image' content='https://www.burnweb.com.br/facebook_lg.png' /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="630" /><meta property='og:image:alt' content='Logo Burn Base' /><meta name="twitter:card" content="summary_large_image" /><meta name='twitter:image' content='https://www.burnweb.com.br/facebook_lg.png' /><meta name='twitter:image:alt' content='Logo Burn Base' /><link rel="image_src" href="https://www.burnweb.com.br/facebook_lg.png" /><link rel="icon" href="/favicon.ico" sizes="any" /><link rel="icon" href="/icon.svg" type="image/svg+xml" /><link rel="apple-touch-icon" href="/apple-touch-icon.png" /><link rel="manifest" href="/manifest.webmanifest" />
	<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,700;1,800;1,900&display=swap"/>
	<link rel="stylesheet" type="text/css" href="/css/default.css?1734538779"/>

	<script type="text/javascript" src="/js/default.js?1734468799" defer="defer"></script>

					<!-- Google tag (gtag.js) -->
			<script async src="https://www.googletagmanager.com/gtag/js?id=G-NFBR0S7HMN"></script>
			<script>
				window.dataLayer = window.dataLayer || []; 
				function gtag()
				{
					dataLayer.push(arguments);
				}
				gtag('js', new Date());
				gtag('config', 'G-NFBR0S7HMN');
			</script>
			</head>
	<body id="home" class="index" data-uri="/" data-webroot="/" data-here="/portfolio/feeds.rss">
		<div id="accessJumperMenu" class="hidden">
			<a href="#content" title="Atalho: Tecla de acesso+1" accesskey="1" tabindex="1">Ir para o Conteúdo da página</a>
			<a href="#header-nav" title="Atalho: Tecla de acesso+2" accesskey="2" tabindex="2">Ir para o Menu da página</a>
		</div>
		<div id="activity" class="disabled"><span class="sr-only">Carregando Dados...</span></div>
				<div id="page">
			<header class="fixed transition-all top-0 py-6 w-full z-50">
  <div class="container flex items-center justify-between">
    <a class="link" href="gradientHome">
      
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 161 83" id="logoBurnHeader" class="transition-all text-red h-12 w-20 lg:w-40 lg:h-20"><path d="M39.53 64.146h8.908v-3.3h.11c1.815 2.695 4.564 4.134 7.863 4.134 8.964 0 12.758-7.708 12.758-15.736 0-7.424-3.96-14.462-12.043-14.462-3.519 0-6.213 1.32-8.138 3.959h-.11c.041-14.845-8.66-11.7-13.016-20.61-3.937 6.487 5.985 12.264 3.095 23.008-3.348-5.945-8.733-8.87-13.608-12.399-5.565-4.027-6.669-10.215-8.574-13.496-.53 5.398-.159 10.003 1.111 13.814 2.133 6.13 9.023 8.382 11.591 14.29.953 3.6 1.694 6.617 2.223 9.051-4.551-7.621-9.156-12.173-13.814-13.655-3.176-.953-6.722-1.323-10.639-1.112 5.717 2.011 9.686 6.404 11.91 13.18 2.35 8.062 12.58 13.207 20.373 13.334zM.26 32.551c-.59 5.087-.605 10.545 4.732 12.38 4.627 1.59 8.045 2.444 11.941 5.722-1.573-4.406-3.195-7.636-7.81-9.4-5.12-1.958-6.612-3.88-8.862-8.702zm3.494-15.085c3.333.725 9.798 3.894 10.826 7.787 1.393 5.274.9 6.934 5.53 11.585-2.087-.667-6.212-2.055-8.417-.952-.846-1.059-1.455-3.203-1.826-6.431-.64-5.588-.601-7.487-6.113-11.989zM12.805 0c4.884.849 9.952 7.028 12.207 11.293 2.58 4.885 1.659 10.219 6.053 15.224-8.078-1.817-9.928-7.082-11.59-14.29-.717-3.82-3.63-9.74-6.67-12.227zm41.462 41.93c4.124 0 5.554 4.014 5.554 7.644 0 3.904-1.43 8.248-5.609 8.248-4.234 0-5.664-3.244-5.664-8.248 0-5.884 3.19-7.644 5.72-7.644zm44.486-6.324h-9.348v15.288c0 5.058-3.08 6.378-5.115 6.378-2.969 0-4.619-1.32-4.619-5.114V35.606h-9.348v17.157c0 7.478 2.365 12.217 10.558 12.217 3.3 0 6.929-1.824 8.689-4.738h.11v3.904h9.073v-28.54zm1.174 28.54h9.348V50.014c0-3.575 2.42-6.764 7.039-6.764 1.265 0 2.365.22 3.575.55v-8.523c-.715-.166-1.485-.22-2.2-.22-4.014 0-7.204 1.924-8.578 5.553h-.11v-5.004h-9.074v28.54zm21.179 0h9.348V48.584c0-3.134 1.54-6.104 5.059-6.104 5.114 0 4.675 3.962 4.675 7.864v13.802h9.348V45.834c0-4.124-.77-11.052-10.283-11.052-3.409 0-7.259 1.814-8.964 4.729h-.11v-3.905h-9.073v28.54zm-7.676 6.44l3.269 10.837h1.791l1.747-5.15c.38-1.164.716-2.306.985-3.605h.045c.269 1.276.582 2.351.963 3.583l1.657 5.172h1.791l3.493-10.837h-1.948l-1.545 5.44c-.358 1.277-.649 2.419-.829 3.516h-.067a42.44 42.44 0 00-.963-3.538l-1.679-5.418h-1.657l-1.769 5.508c-.358 1.187-.716 2.351-.963 3.448h-.067c-.201-1.12-.492-2.261-.784-3.47l-1.455-5.486h-2.015zm24.771 5.777c.044-.224.067-.538.067-.94 0-1.994-.918-5.106-4.456-5.106-3.157 0-5.106 2.575-5.106 5.866 0 3.247 2.016 5.468 5.33 5.468 1.724 0 2.933-.385 3.627-.698l-.358-1.389c-.717.292-1.59.538-3.001.538-1.97 0-3.649-1.097-3.694-3.762l7.591.023zm-7.569-1.434c.157-1.365 1.008-3.201 3.023-3.201 2.194 0 2.732 1.97 2.71 3.201h-5.733zm8.627 3.695c0 .963-.023 2.06-.09 2.8h1.702l.112-1.792h.045c.828 1.433 2.06 2.041 3.627 2.041 2.418 0 4.881-1.93 4.881-5.826 0-3.269-1.881-5.508-4.567-5.508-1.747 0-3.001.761-3.695 1.97h-.045v-6.784h-1.97v13.1zm1.97-3.493c0-.313.045-.582.112-.829.381-1.477 1.635-2.418 2.978-2.418 2.105 0 3.224 1.859 3.224 4.053 0 2.486-1.209 4.165-3.291 4.165-1.411 0-2.575-.94-2.956-2.306a3.69 3.69 0 01-.067-.717v-1.948z"/><path fill-rule="evenodd" d="M159.029 30.554a5.106 5.106 0 11-10.213 0 5.106 5.106 0 0110.213 0zm1.393 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0zm-8.589-2.321a.695.695 0 01.696-.697h1.625a2.085 2.085 0 011.978 1.413 2.09 2.09 0 01-.697 2.328l.716 1.253a.694.694 0 01-.267.936.697.697 0 01-.942-.245l-.86-1.506h-.857v1.16a.695.695 0 01-1.188.493.695.695 0 01-.204-.492v-4.643zm1.392 2.09h.929a.694.694 0 00.696-.697.695.695 0 00-.696-.697h-.929v1.393z" clip-rule="evenodd"/></svg>
    </a>

    <div class="md:flex md:items-center">
      <ul class="hidden space-x-4 mr-6 text-white md:flex">
        <li class="font-semibold text-sm">
          <a class="link hover:underline" href="portfolio">
            PORTFÓLIO
          </a>
        </li>

        <li class="font-semibold text-sm">•</li>

        <li class="font-semibold text-sm">
          <a class="link hover:underline" href="clientes">
            CLIENTES
          </a>
        </li>

        <li class="font-semibold text-sm">•</li>

        <li class="font-semibold text-sm">
          <a class="link hover:underline" href="contato">
            CONTATO
          </a>
        </li>
      </ul>

      <a class="flex rounded-md items-center space-x-2 bg-red px-6 py-3 transition-all hover:bg-green" href="https://api.whatsapp.com/send?1=pt_BR&phone=5548988150320&text=Olá, vim pelo site e gostaria de fazer um orçamento para meu projeto.">
        
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 19" class="h-5 w-5 text-white transition-all"><path d="M15.39 3.119A8.834 8.834 0 009.08.5C4.168.5.163 4.505.163 9.42c0 1.574.414 3.104 1.188 4.454L.09 18.5l4.725-1.242a8.921 8.921 0 004.266 1.09c4.914 0 8.919-4.006 8.919-8.92a8.863 8.863 0 00-2.61-6.309zM9.08 16.835A7.436 7.436 0 015.3 15.8l-.27-.162-2.807.738.747-2.736-.18-.279A7.438 7.438 0 011.656 9.42c0-4.086 3.33-7.416 7.416-7.416 1.98 0 3.843.774 5.238 2.178a7.363 7.363 0 012.169 5.247c.018 4.086-3.312 7.407-7.398 7.407zm4.069-5.544c-.225-.108-1.323-.648-1.521-.729-.207-.072-.351-.108-.504.108-.153.225-.576.73-.702.873-.126.153-.261.171-.486.054-.225-.108-.945-.35-1.791-1.107-.666-.594-1.107-1.323-1.242-1.548-.126-.225-.018-.342.099-.459.099-.099.225-.261.333-.387.108-.126.153-.225.225-.369.072-.153.036-.279-.018-.387a74.104 74.104 0 01-.684-1.656c-.18-.432-.37-.378-.504-.387h-.432a.808.808 0 00-.594.28c-.198.224-.774.764-.774 1.862s.8 2.16.909 2.304c.108.153 1.575 2.403 3.807 3.366.53.234.945.37 1.269.468.53.171 1.017.144 1.404.09.432-.063 1.323-.54 1.503-1.062.189-.522.189-.963.126-1.062-.063-.099-.198-.144-.423-.252z"/></svg>
        <p class="text-white font-bold text-sm transition-all"><span class="hidden lg:inline-block">SOLICITE UM&nbsp;</span>ORÇAMENTO</p>
      </a>
    </div>
  </div>
</header>

			<main id="content">
				<section id="gradientHome" class="lg:bg-gray-dark lg:bg-none lg:bg-no-repeat lg:!bg-[url(../img/layout/bg_gradient.png)] lg:bg-top">
  <div class="bg-[url(../img/layout/bg_gradient.png)] bg-center bg-no-repeat bg-cover pt-40 lg:pt-40 lg:bg-none lg:h-screen">
    <div class="container flex flex-col-reverse text-center lg:flex-row lg:items-center">
      <div class="pt-4 px-8 lg:w-1/3 lg:p-0">
        <p class="text-white font-light lg:text-justify lg:text-lg">
          A <span class="font-bold">Burn Web</span> é uma Agência Digital presente no mercado <span class="font-bold">desde 2005</span>, 
          com foco no <span class="font-bold">desenvolvimento de websites</span> profissionais e, de todas as ferramentas pertinentes ao mundo web. 
          Possui um portfólio denso dotado de <span class="font-bold">clientes expressivos</span> 
          que confiam na <span class="font-bold">qualidade dos serviços.</span>
        </p>


        <ul class="flex space-x-4 justify-center items-center mt-8">
          <li>
            <a target="_blank" rel="noopener noreferer" href="https://www.facebook.com/burnweb" title="Facebook">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-red h-8 w-8 transition-all hover:-translate-y-1"><path d="M33.5 16.5C33.5 7.392 26.108 0 17 0S.5 7.392.5 16.5c0 7.986 5.676 14.636 13.2 16.17V21.45h-3.3V16.5h3.3v-4.125A5.781 5.781 0 0119.475 6.6H23.6v4.95h-3.3c-.908 0-1.65.742-1.65 1.65v3.3h4.95v4.95h-4.95v11.467c8.333-.825 14.85-7.854 14.85-16.417z"/></svg>
            </a>
          </li>
          <li>
            <a target="_blank" rel="noopener noreferer" href="https://www.instagram.com/burnweb" title="Instagram">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-red h-8 w-8 transition-all hover:-translate-y-1"><path fill-rule="evenodd" d="M17.423 33.846c9.346 0 16.923-7.577 16.923-16.923C34.346 7.577 26.77 0 17.423 0 8.077 0 .5 7.577.5 16.923c0 9.346 7.577 16.923 16.923 16.923zM21.688 6.77h-8.53a5.89 5.89 0 00-5.889 5.89v8.529a5.894 5.894 0 005.89 5.889h8.529a5.89 5.89 0 005.889-5.89v-8.529a5.894 5.894 0 00-5.89-5.889zM10.37 9.871A3.655 3.655 0 0112.955 8.8h8.936a3.653 3.653 0 013.655 3.655v8.936a3.655 3.655 0 01-3.655 3.655h-8.936A3.653 3.653 0 019.3 21.391v-8.936c0-.97.385-1.899 1.07-2.584zm13.28.824a1.27 1.27 0 10-1.795 1.795 1.27 1.27 0 001.795-1.795zm-2.638 2.638a5.077 5.077 0 10-7.18 7.18 5.077 5.077 0 007.18-7.18zm-5.744 1.436a3.046 3.046 0 114.308 4.307 3.046 3.046 0 01-4.308-4.307z" clip-rule="evenodd"/></svg>
            </a>
          </li>
          <li>
            <a target="_blank" rel="noopener noreferer" href="https://www.linkedin.com/company/burnweb/" title="LinkedIn">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-red h-8 w-8 transition-all hover:-translate-y-1"><path d="M17 0C7.887 0 .5 7.387.5 16.5S7.887 33 17 33s16.5-7.387 16.5-16.5S26.113 0 17 0zm-4.04 23.339H9.62V12.586h3.34V23.34zm-1.69-12.073c-1.056 0-1.738-.747-1.738-1.672 0-.944.703-1.669 1.78-1.669 1.078 0 1.738.725 1.759 1.67 0 .924-.68 1.671-1.801 1.671zM25.164 23.34h-3.341v-5.96c0-1.387-.485-2.329-1.693-2.329-.923 0-1.471.638-1.714 1.251-.09.219-.111.528-.111.836v6.2h-3.343v-7.323c0-1.342-.043-2.464-.088-3.43h2.903l.153 1.493h.067c.44-.701 1.518-1.736 3.32-1.736 2.199 0 3.847 1.473 3.847 4.64v6.357z"/></svg>
            </a>
          </li>
          <li>
            <a target="_blank" rel="noopener noreferer" href="mailto:contato@burnweb.com.br" title="E-mail">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-red h-8 w-8 transition-all hover:-translate-y-1"><path fill-rule="evenodd" d="M17 33c9.113 0 16.5-7.387 16.5-16.5S26.113 0 17 0 .5 7.387.5 16.5 7.887 33 17 33zM7.68 9.38a1.98 1.98 0 00-.58 1.4v11.88a1.98 1.98 0 001.98 1.98h15.84a1.98 1.98 0 001.98-1.98V10.78a1.98 1.98 0 00-1.98-1.98H9.08a1.98 1.98 0 00-1.4.58zM17 16.394l-6.417-5.614h12.833l-6.417 5.614zm.652 2.062l7.267-6.36V22.66H9.08V12.096l7.268 6.36a.99.99 0 001.305 0z" clip-rule="evenodd"/></svg>
            </a>
          </li>
        </ul>
      </div>
      
      <div class="md:w-3/4 md:mx-auto lg:w-3/5 lg:ml-20 lg:pt-16 lg:mr-8">
        <img src="/img/layout/mockup_pc.png" alt="Computador e Notebook" class="animationImage lg:scale-125">
      </div>

      
    </div>
  </div>

  <div class="container pt-32 pb-24 lg:-mt-16 lg:pt-0 lg:pb-32">
    <h2 class="text-center w-full text-2xl font-bold tracking-[10px] text-white pb-2 border-b border-red md:w-1/2 md:mx-auto lg:w-full lg:text-4xl">
      SERVIÇOS
    </h2>

    <div id="servicos" class="pt-12 pb-24 flex items-start space-y-6 px-8 flex-wrap md:justify-between md:space-y-0 lg:px-0">
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto desenvolvimento">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Desenvolvimento de sites            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Desenvolvimento, personalização e manutenção de web sites. Área administrativa para inserção e edição dos conteúdos. Layout responsivo que se adapta a qualquer tipo de resolução de tela.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto aplicativos">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Aplicativos mobile            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Desenvolvidos de acordo com a necessidade do cliente. Nossa equipe é capacitada para desenvolver Aplicativos para iOS (iPhone, iPad e iPod) e Android.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 sistemas">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Sistemas on-line            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Trabalhando com base nos Sistemas On-demand, onde o cliente expõe suas necessidades, e, nós apresentamos a solução adequada.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 hospedagem">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Hospedagem de sites            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Hospedagem com segurança e qualidade. Seus dados estarão muito bem guardados e protegidos, associados às contas de e-mails, com capacidade para mais de um domínio por hospedagem com todo suporte necessário.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 intranet">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Intranet            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Ferramenta de controle e gerenciamento de seus colaboradores, pesquisas, gráficos, opiniões. Ótimas soluções para melhorias e gestão do ambiente interno de sua empresa.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 blog">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Blogs            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Para divulgar suas ideias, trabalhos ou lazer. Nós criamos e personalizamos de acordo com sua identidade visual com um jeito fácil e ágil de administrar.                    </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 email">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              E-mail marketing            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              Solução perfeita para esse tipo de marketing digital, criamos o template do e-mail com layouts modernos e exclusivos, com seus respectivos envios. Temos planos especiais adequados ao seu negócio.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
              
        <div class="w-full overflow-hidden relative bg-gray/70 border border-white/40 rounded-md p-4 group messageBox cursor-pointer md:w-[47%] lg:p-8 lg:cursor-auto md:!mt-6 lg:!mt-0 consultoria">
          <div class="flex items-center divTitle transition-all lg:inline-block lg:pr-16 lg:group-hover:opacity-0">
            <h4 class="font-bold text-white text-base leading-5 flex-1 pr-8 lg:text-lg lg:pr-0">
              Consultoria web            </h4>

            <div id="icons" class="">
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 4" class="h-6 w-7 hidden iconMenos lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.6" d="M20 2H2"/></svg>
              
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" class="h-6 w-7 iconMais lg:hidden"><path stroke="#E30909" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="M18 10H2m8-8v16"/></svg>
            </div>
          </div>

          <div class="message hidden lg:transition-all lg:duration-1000
            lg:absolute lg:group-hover:bg-black/40 lg:opacity-0 lg:px-8 lg:items-center lg:flex lg:inset-0 lg:h-full lg:w-full lg:group-hover:opacity-100">
            <p class="pt-4 text-justify text-white text-light text-xs lg:text-left lg:pt-0">
              O mercado Web está aberto para que sua empresa tenha cada vez mais sucesso. Nossa equipe avalia, diagnostica, planeja e executa projetos atinentes às melhorias do seu web site e ferramentas afins.            </p>
          </div>

          <div class="hidden absolute transition-all bottom-5 left-0 px-8 lg:block">
            
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 185 17" class="h-6 w-full left-0 iconSeta transition-all duration-500 relative group-hover:left-64"><path fill="#E30909" d="M1.167 7.426a1.103 1.103 0 100 2.206V7.426zM184.3 9.31a1.103 1.103 0 000-1.56L177.281.73a1.103 1.103 0 00-1.56 1.56l6.239 6.24-6.239 6.239a1.102 1.102 0 101.56 1.56l7.019-7.02zM1.167 9.632H183.52V7.426H1.167v2.206z"/></svg>
          </div>
        </div>
          </div>

    <div id="portfolio" class="lg:pt-20">
      <h1 class="text-center w-full text-2xl font-bold tracking-[12px] text-white pb-2 border-b border-red md:w-1/2 md:mx-auto lg:w-full lg:text-4xl">
        PORTFÓLIO
      </h1>

      <div class="pt-12 lg:pt-0">
        <div class="swiper-portfolio swiper">
          
          <div class="swiper-wrapper">
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMS5wbmcmcj0xNzQ3MjM5NDkwJno9MA::/portfolio_1.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8xLnBuZyZyPTE3NDcyMzk0ODQmej0w/portfolio_desktop_1.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Anjo Tintas                    </p>

                                        <div>
                      <a href="https://www.anjo.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMi5wbmcmcj0xNzQ3MjM5NDkwJno9MA::/portfolio_2.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8yLnBuZyZyPTE3NDcyMzk0ODUmej0w/portfolio_desktop_2.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Templo Cabalá                    </p>

                                        <div>
                      <a href="https://www.templocabala.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMy5wbmcmcj0xNzQ3MjM5NDkwJno9MA::/portfolio_3.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8zLnBuZyZyPTE3NDcyMzk0ODUmej0w/portfolio_desktop_3.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      IPOS                    </p>

                                        <div>
                      <a href="https://iposespecializacao.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fNC5wbmcmcj0xNzQ3MjM5NDkwJno9MA::/portfolio_4.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF80LnBuZyZyPTE3NDcyMzk0ODUmej0w/portfolio_desktop_4.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Doo                    </p>

                                        <div>
                      <a href="https://doo.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fNS5wbmcmcj0xNzQ3MjM5NDkxJno9MA::/portfolio_5.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF81LnBuZyZyPTE3NDcyMzk0ODUmej0w/portfolio_desktop_5.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Portinari                    </p>

                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fNi5wbmcmcj0xNzQ3MjM5NDkxJno9MA::/portfolio_6.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF82LnBuZyZyPTE3NDcyMzk0ODYmej0w/portfolio_desktop_6.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Don Lole                    </p>

                                        <div>
                      <a href="https://donlole.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fNy5wbmcmcj0xNzQ3MjM5NDkyJno9MA::/portfolio_7.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF83LnBuZyZyPTE3NDcyMzk0ODYmej0w/portfolio_desktop_7.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Eflul                    </p>

                                        <div>
                      <a href="https://www.eflul.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fOC5wbmcmcj0xNzQ3MjM5NDkyJno9MA::/portfolio_8.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF84LnBuZyZyPTE3NDcyMzk0ODcmej0w/portfolio_desktop_8.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Essenza Fisioterapia e Pilates                    </p>

                                        <div>
                      <a href="https://www.essenzapilates.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fOS5wbmcmcj0xNzQ3MjM5NDkyJno9MA::/portfolio_9.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF85LnBuZyZyPTE3NDcyMzk0ODcmej0w/portfolio_desktop_9.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Salvaro Industrial                    </p>

                                        <div>
                      <a href="https://salvaro.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMTAucG5nJnI9MTc0NzIzOTQ5MyZ6PTA:/portfolio_10.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8xMC5wbmcmcj0xNzQ3MjM5NDg4Jno9MA::/portfolio_desktop_10.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Brasil ao Cubo                    </p>

                                        <div>
                      <a href="https://brasilaocubo.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMTEucG5nJnI9MTc0NzIzOTQ4MyZ6PTA:/portfolio_11.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8xMS5wbmcmcj0xNzQ3MjM5NDg4Jno9MA::/portfolio_desktop_11.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Credisol Microcréditos                    </p>

                                        <div>
                      <a href="https://www.credisol.org.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMTIucG5nJnI9MTc0NzIzOTQ4MyZ6PTA:/portfolio_12.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8xMi5wbmcmcj0xNzQ3MjM5NDg5Jno9MA::/portfolio_desktop_12.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      BFT Burzoni                    </p>

                                        <div>
                      <a href="https://bftbrasil.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                          <div class="swiper-slide relative">
                <img class="mx-auto lg:hidden" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fMTMucG5nJnI9MTc0NzIzOTQ4MyZ6PTA:/portfolio_13.png">
                <img class="mx-auto hidden lg:block" src="/image/dz05MDAmaD01NjMmc3JjPW1lZGlhL3BvcnRmb2xpby9wb3J0Zm9saW9fZGVza3RvcF8xMy5wbmcmcj0xNzQ3MjM5NDg5Jno9MA::/portfolio_desktop_13.png">
                
                <div class="w-full pt-8 lg:pt-0">
                                    <div class="text-center lg:left-[65%] lg:-translate-x-[65%] lg:absolute lg:w-1/2 lg:flex lg:flex-col lg:items-start lg:pl-40 lg:justify-center lg:text-left lg:bottom-4 lg:text-left">
                    <p class="font-bold uppercase text-white text-xl mb-5 tracking-wider md:text-2xl">
                      Locks Industrial                    </p>

                                        <div>
                      <a href="https://locksindustrial.com.br/" class="inline-block rounded-md bg-red px-6 py-1 font-bold transition border-red border text-white text-sm md:py-2 md:text-base hover:bg-transparent">
                        VISITE O SITE 
                      </a>
                    </div>
                                      </div>
                </div>
              </div>
                      </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>

  </div>

</section>

<section id="clientes" class="py-16">
  <div class="container">
    <h3 class="text-center w-full text-2xl font-bold tracking-[10px] text-gray-dark pb-2 border-b border-red md:w-1/2 md:mx-auto lg:w-full lg:text-4xl">
      CLIENTES
    </h3>

    <div class="relative">
      <div class="swiper-clientes swiper mt-10 w-4/5 mx-auto">
        <div class="swiper-wrapper !h-24">
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.templocabala.com.br/">
                <img alt="Templo Cabalá" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xLnBuZyZyPTE3NDcyMzk0Njcmej0w/cliente_1.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://iposespecializacao.com.br/">
                <img alt="IPOS" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yLnBuZyZyPTE3NDcyMzk0Njcmej0w/cliente_2.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://doo.com.br/">
                <img alt="Doo" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8zLnBuZyZyPTE3NDcyMzk0Njcmej0w/cliente_3.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="">
                <img alt="Portinari" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV80LnBuZyZyPTE3NDcyMzk0Njgmej0w/cliente_4.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.eflul.com.br/">
                <img alt="Eflul" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV81LnBuZyZyPTE3NDcyMzk0Njgmej0w/cliente_5.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.essenzapilates.com.br/">
                <img alt="Essenza Fisioterapia e Pilates" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV82LnBuZyZyPTE3NDcyMzk0Njgmej0w/cliente_6.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://institucional.bistek.com.br/">
                <img alt="Bistek Supermercados" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV83LnBuZyZyPTE3NDcyMzk0Njgmej0w/cliente_7.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://construtoralocks.com.br/">
                <img alt="Construtora Locks" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV84LnBuZyZyPTE3NDcyMzk0Njgmej0w/cliente_8.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.transportesmaresdosul.com.br/">
                <img alt="Transportes Mares do Sul" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV85LnBuZyZyPTE3NDcyMzk0NjMmej0w/cliente_9.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://criciumashopping.com.br/">
                <img alt="Criciúma Shopping" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xMC5wbmcmcj0xNzQ3MjM5NDYzJno9MA::/cliente_10.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://esucri.com.br/">
                <img alt="Esucri" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xMS5wbmcmcj0xNzQ3MjM5NDYzJno9MA::/cliente_11.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.credisol.org.br/">
                <img alt="Credisol" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xMi5wbmcmcj0xNzQ3MjM5NDY0Jno9MA::/cliente_12.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://bftbrasil.com.br/">
                <img alt="BFT Burzoni" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xMy5wbmcmcj0xNzQ3MjM5NDY0Jno9MA::/cliente_13.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://imepel.com.br/">
                <img alt="Imepel" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xNC5wbmcmcj0xNzQ3MjM5NDY0Jno9MA::/cliente_14.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.eflul.com.br/">
                <img alt="Eflul" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xNS5wbmcmcj0xNzQ3MjM5NDY0Jno9MA::/cliente_15.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.ceprag.com.br/">
                <img alt="Ceprag" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xNi5wbmcmcj0xNzQ3MjM5NDY1Jno9MA::/cliente_16.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://certrel.coop.br/">
                <img alt="Certrel" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xNy5wbmcmcj0xNzQ3MjM5NDY1Jno9MA::/cliente_17.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.cegero.coop.br/">
                <img alt="Cegero" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xOC5wbmcmcj0xNzQ3MjM5NDY1Jno9MA::/cliente_18.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.anjo.com.br/">
                <img alt="Anjo Tintas" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8xOS5wbmcmcj0xNzQ3MjM5NDY1Jno9MA::/cliente_19.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.4oito.com.br/">
                <img alt="4oito" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yMC5wbmcmcj0xNzQ3MjM5NDY1Jno9MA::/cliente_20.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://salvaro.com.br/">
                <img alt="Salvaro Industrial" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yMS5wbmcmcj0xNzQ3MjM5NDY2Jno9MA::/cliente_21.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://brasilaocubo.com.br/">
                <img alt="Brasil ao Cubo" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yMi5wbmcmcj0xNzQ3MjM5NDY2Jno9MA::/cliente_22.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://universitariocriciuma.com.br/">
                <img alt="Colégio Universitário" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yMy5wbmcmcj0xNzQ3MjM5NDY2Jno9MA::/cliente_23.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://www.cermoful.coop.br/">
                <img alt="Cermoful" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yNC5wbmcmcj0xNzQ3MjM5NDY2Jno9MA::/cliente_24.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://locksindustrial.com.br/">
                <img alt="Locks Industrial" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yNS5wbmcmcj0xNzQ3MjM5NDY2Jno9MA::/cliente_25.png">
              </a>
            </div>
                      <div class="swiper-slide grayscale transition-all hover:grayscale-0">
              <a class="flex items-center justify-center h-full" href="https://donlole.com.br/">
                <img alt="Don Lole" class="transition-all" src="/image/dz0xNTAmaD0xMDAmcT05OCZzcmM9bWVkaWEvY2xpZW50ZXMvY2xpZW50ZV8yNi5wbmcmcj0xNzQ3MjM5NDY3Jno9MA::/cliente_26.png">
              </a>
            </div>
                  </div>
      </div>
      
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>

  </div>
</section>

<section id="contato" class="lg:flex">
  <div class="bg-red-medium py-20 lg:w-1/2 lg:bg-[url('../img/layout/bg_contato.png')] lg:bg-left lg:bg-no-repeat lg:bg-cover lg:bg-blend-screen xl:bg-contain">
    <div class="container lg:!max-w-none lg:w-11/12 xl:w-3/5 xl:ml-auto xl:mr-20 3xl:w-[48%]">
      <div>
        <h4 class="text-center font-semibold text-2xl tracking-wide text-white lg:text-left lg:text-3xl">FALE CONOSCO</h4>
        <div class="bg-gray-dark mx-auto mt-2 h-[5px] w-40 lg:mx-0"></div>

        
        <form action="/contato" id="formContato" class="px-3 md:w-3/4 md:mx-auto lg:w-full lg:px-0" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>          <fieldset class="space-y-6 pt-8 lg:space-y-4">
            <div class="input text"><input name="data[Contato][nome]" required="required" placeholder="Nome" class="placeholder:text-gray-light bg-white rounded-md text-gray py-3 text-sm w-full outline-none border-white" type="text" id="ContatoNome"/></div><div class="input email"><input name="data[Contato][email]" required="required" placeholder="E-mail" class="placeholder:text-gray-light bg-white rounded-md text-gray py-3 text-sm w-full outline-none border-white" type="email" id="ContatoEmail"/></div><div class="input text"><input name="data[Contato][telefone]" data-jmask="(99) 99999-9999" required="required" placeholder="Telefone" class="placeholder:text-gray-light bg-white rounded-md text-gray py-3 text-sm w-full outline-none border-white" type="text" id="ContatoTelefone"/></div><div class="input textarea"><textarea name="data[Contato][mensagem]" required="required" placeholder="Mensagem" class="placeholder:text-gray-light bg-white rounded-md text-gray py-3 text-sm w-full outline-none border-white" cols="30" rows="6" id="ContatoMensagem"></textarea></div><div class="h-0 !mt-0"><input name="data[Contato][scaminput]" class="opacity-0" type="text" id="ContatoScaminput"/></div>
            <div class="flex items-center space-x-2 pt-4 relative z-10" id="divLGPD">
              <input required type="checkbox" name="lgpdCheckbox" id="lgpdCheckbox">
              <label class="text-xs text-white font-light" for="lgpdCheckbox">
                Concordo com os termos estabelecidos de acordo com a <a target="_blank" href="/files/LGPD Burn Web.pdf" class="underline hover:no-underline">LGPD</a>.
              </label>
            </div>
          </fieldset>

          <div class="flex flex-col justify-center space-between space-y-4 items-center pt-8 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-4 lg:justify-between">
            <div class="g-recaptcha" data-sitekey="6LeVVH0pAAAAAEndf2tpWg6hy419P0FzoerKXmxu" data-callback=""></div>
            <button type="submit" class="bg-white rounded-md text-lg text-gray-dark tracking-wider font-medium px-14 py-3 border border-white transition-all
            lg:px-10 hover:bg-transparent hover:text-white">ENVIAR</button>
          </div>

        </form>      </div>
    </div>
  </div>

  <div class="bg-gray-lighter py-16 lg:w-1/2 lg:pt-0 lg:pb-0">
    <div class="hidden lg:block lg:overflow-hidden">
      <a target="_blank" href="https://www.google.com/maps/place/Av.+dos+Imigrantes,+915+-+Rio+Maina,+Crici%C3%BAma+-+SC,+88818-400/@-28.676264,-49.4211611,933m/data=!3m2!1e3!4b1!4m6!3m5!1s0x9521833cfff2e39d:0xad3ff1acce01ceb2!8m2!3d-28.6762687!4d-49.4185862!16s%2Fg%2F11csb_tfkd?entry=ttu&g_ep=EgoyMDI0MDkyOS4wIKXMDSoASAFQAw%3D%3D" class="bgMapa lg:w-[960px] lg:h-[513px] lg:block lg:bg-[url('../img/layout/mapa.jpg')] lg:bg-no-repeat lg:bg-cover">
      </a>
    </div>
    <div class="container space-y-4 lg:!max-w-none lg:pl-14 lg:pt-8 lg:bg-gray-lighter xl:pt-12">
      <div class="flex flex-col justify-center space-y-3 text-center lg:justify-start lg:text-left lg:flex-row lg:items-center lg:space-y-0 lg:space-x-4">
        
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 19 22" class="w-5 h-6 mx-auto lg:mx-0"><path fill="#454545" d="M9.5 10.77c.617 0 1.145-.212 1.585-.634.44-.422.66-.929.658-1.52 0-.593-.22-1.1-.66-1.522A2.202 2.202 0 009.5 6.462c-.617 0-1.146.21-1.585.633-.44.422-.66.929-.659 1.52 0 .593.22 1.1.66 1.522.44.422.968.633 1.584.632zm0 10.768c-3.01-2.459-5.258-4.742-6.744-6.85C1.27 12.577.526 10.625.526 8.83c0-2.693.902-4.837 2.706-6.435C5.037.8 7.126 0 9.5 0c2.374 0 4.464.799 6.268 2.396 1.805 1.598 2.707 3.742 2.706 6.435 0 1.795-.743 3.747-2.23 5.856-1.487 2.11-3.735 4.393-6.744 6.851z"/></svg>
        <div>
          <p class="text-gray-dark text-sm">
            Av. dos Imigrantes, 915
          </p>
          <p class="text-gray-dark text-sm">Rio Maina, Criciúma - SC, 88817-600. (Sala 02 - andar superior)</p>
        </div>
      </div>

      <div class="flex flex-col justify-center space-y-3 text-center lg:justify-start lg:text-left lg:flex-row lg:items-center lg:space-y-0 lg:space-x-4">
        
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 21 21" class="w-5 h-5 mx-auto lg:mx-0"><path fill="#454545" d="M19.262 20.641c-2.567 0-4.981-.485-7.244-1.456-2.262-.97-4.236-2.3-5.922-3.986-1.686-1.686-3.019-3.66-3.998-5.923C1.118 7.013.63 4.59.63 2.009a1.002 1.002 0 01.296-.778c.214-.222.477-.334.79-.334h3.85c.296 0 .55.112.765.334.213.223.32.49.32.802 0 .724.05 1.406.149 2.048.098.642.255 1.25.468 1.826a.81.81 0 01.05.555c-.05.19-.148.366-.296.531L4.554 9.461c.707 1.448 1.71 2.822 3.01 4.122 1.3 1.3 2.698 2.336 4.196 3.11l2.467-2.469c.148-.148.321-.246.519-.296a.922.922 0 01.592.05c.609.197 1.238.35 1.888.457.65.107 1.32.16 2.01.16.313 0 .58.115.803.345.223.23.334.51.333.84v3.775c0 .296-.107.551-.32.765a1.076 1.076 0 01-.79.321zm-5.676-2.961c.74.28 1.513.501 2.32.666.806.164 1.636.271 2.492.32v-2.122c-.51-.033-1.033-.09-1.568-.172a10.845 10.845 0 01-1.59-.37l-1.654 1.678zm4.812-6.91c0-2.205-.765-4.073-2.295-5.603-1.53-1.53-3.397-2.295-5.602-2.295V.897c1.366 0 2.649.26 3.85.778a9.984 9.984 0 013.134 2.11 9.978 9.978 0 012.11 3.134 9.596 9.596 0 01.777 3.85h-1.974zm-3.948 0c0-1.087-.387-2.016-1.16-2.79-.774-.773-1.703-1.16-2.789-1.16V4.847c1.645 0 3.044.576 4.195 1.728 1.152 1.151 1.728 2.55 1.728 4.195H14.45zM3.59 7.634L5.22 5.98a15.695 15.695 0 01-.334-1.505 14.483 14.483 0 01-.185-1.604H2.629c.033.79.132 1.58.296 2.37.165.789.387 1.587.666 2.393z"/></svg>
        <a href="tel:+5548988150320" class="text-gray-dark text-sm hover:text-underline">
          (48) 98815-0320
        </a>
      </div>

      <div class="flex flex-col justify-center space-y-3 text-center lg:justify-start lg:text-left lg:flex-row lg:items-center lg:space-y-0 lg:space-x-4">
        
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 21 16" class="w-5 h-5 mx-auto lg:mx-0"><path fill="#454545" d="M20.372 1.974A1.98 1.98 0 0018.398 0H2.603A1.98 1.98 0 00.628 1.974V13.82a1.98 1.98 0 001.975 1.975h15.795a1.98 1.98 0 001.974-1.975V1.974zm-1.974 0L10.5 6.91 2.603 1.974h15.795zm0 11.846H2.603V3.95L10.5 8.885l7.898-4.936v9.871z"/></svg>
        <a href="mailto:contato@burnweb.com.br" class="text-gray-dark text-sm hover:text-underline">
          contato@burnweb.com.br
        </a>
      </div>
    </div>
  </div>

</section>


<script src="https://www.google.com/recaptcha/api.js" async defer></script>
			</main>
			
			<div class="fixed bottom-8 right-6 w-56 z-10 transition-all duration-300 lg:w-auto hover:-translate-y-2">
				<a href="https://api.whatsapp.com/send?phone=554888150320&text=Ol%C3%A1!%20Vim%20pelo%20site.">
					<img src="/img/layout/whats_flutuante.png" alt="Whatsapp Flutuante">
				</a>
			</div>
			

			<footer class="bg-gray-darker py-10">
  <div class="container space-y-12 lg:flex lg:items-center lg:justify-between lg:space-y-0">
    <a class="link" href="gradientHome">
      
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 161 83" class="w-28 h-16 text-white mx-auto lg:mx-0 lg:w-40 lg:h-20"><path d="M39.53 64.146h8.908v-3.3h.11c1.815 2.695 4.564 4.134 7.863 4.134 8.964 0 12.758-7.708 12.758-15.736 0-7.424-3.96-14.462-12.043-14.462-3.519 0-6.213 1.32-8.138 3.959h-.11c.041-14.845-8.66-11.7-13.016-20.61-3.937 6.487 5.985 12.264 3.095 23.008-3.348-5.945-8.733-8.87-13.608-12.399-5.565-4.027-6.669-10.215-8.574-13.496-.53 5.398-.159 10.003 1.111 13.814 2.133 6.13 9.023 8.382 11.591 14.29.953 3.6 1.694 6.617 2.223 9.051-4.551-7.621-9.156-12.173-13.814-13.655-3.176-.953-6.722-1.323-10.639-1.112 5.717 2.011 9.686 6.404 11.91 13.18 2.35 8.062 12.58 13.207 20.373 13.334zM.26 32.551c-.59 5.087-.605 10.545 4.732 12.38 4.627 1.59 8.045 2.444 11.941 5.722-1.573-4.406-3.195-7.636-7.81-9.4-5.12-1.958-6.612-3.88-8.862-8.702zm3.494-15.085c3.333.725 9.798 3.894 10.826 7.787 1.393 5.274.9 6.934 5.53 11.585-2.087-.667-6.212-2.055-8.417-.952-.846-1.059-1.455-3.203-1.826-6.431-.64-5.588-.601-7.487-6.113-11.989zM12.805 0c4.884.849 9.952 7.028 12.207 11.293 2.58 4.885 1.659 10.219 6.053 15.224-8.078-1.817-9.928-7.082-11.59-14.29-.717-3.82-3.63-9.74-6.67-12.227zm41.462 41.93c4.124 0 5.554 4.014 5.554 7.644 0 3.904-1.43 8.248-5.609 8.248-4.234 0-5.664-3.244-5.664-8.248 0-5.884 3.19-7.644 5.72-7.644zm44.486-6.324h-9.348v15.288c0 5.058-3.08 6.378-5.115 6.378-2.969 0-4.619-1.32-4.619-5.114V35.606h-9.348v17.157c0 7.478 2.365 12.217 10.558 12.217 3.3 0 6.929-1.824 8.689-4.738h.11v3.904h9.073v-28.54zm1.174 28.54h9.348V50.014c0-3.575 2.42-6.764 7.039-6.764 1.265 0 2.365.22 3.575.55v-8.523c-.715-.166-1.485-.22-2.2-.22-4.014 0-7.204 1.924-8.578 5.553h-.11v-5.004h-9.074v28.54zm21.179 0h9.348V48.584c0-3.134 1.54-6.104 5.059-6.104 5.114 0 4.675 3.962 4.675 7.864v13.802h9.348V45.834c0-4.124-.77-11.052-10.283-11.052-3.409 0-7.259 1.814-8.964 4.729h-.11v-3.905h-9.073v28.54zm-7.676 6.44l3.269 10.837h1.791l1.747-5.15c.38-1.164.716-2.306.985-3.605h.045c.269 1.276.582 2.351.963 3.583l1.657 5.172h1.791l3.493-10.837h-1.948l-1.545 5.44c-.358 1.277-.649 2.419-.829 3.516h-.067a42.44 42.44 0 00-.963-3.538l-1.679-5.418h-1.657l-1.769 5.508c-.358 1.187-.716 2.351-.963 3.448h-.067c-.201-1.12-.492-2.261-.784-3.47l-1.455-5.486h-2.015zm24.771 5.777c.044-.224.067-.538.067-.94 0-1.994-.918-5.106-4.456-5.106-3.157 0-5.106 2.575-5.106 5.866 0 3.247 2.016 5.468 5.33 5.468 1.724 0 2.933-.385 3.627-.698l-.358-1.389c-.717.292-1.59.538-3.001.538-1.97 0-3.649-1.097-3.694-3.762l7.591.023zm-7.569-1.434c.157-1.365 1.008-3.201 3.023-3.201 2.194 0 2.732 1.97 2.71 3.201h-5.733zm8.627 3.695c0 .963-.023 2.06-.09 2.8h1.702l.112-1.792h.045c.828 1.433 2.06 2.041 3.627 2.041 2.418 0 4.881-1.93 4.881-5.826 0-3.269-1.881-5.508-4.567-5.508-1.747 0-3.001.761-3.695 1.97h-.045v-6.784h-1.97v13.1zm1.97-3.493c0-.313.045-.582.112-.829.381-1.477 1.635-2.418 2.978-2.418 2.105 0 3.224 1.859 3.224 4.053 0 2.486-1.209 4.165-3.291 4.165-1.411 0-2.575-.94-2.956-2.306a3.69 3.69 0 01-.067-.717v-1.948z"/><path fill-rule="evenodd" d="M159.029 30.554a5.106 5.106 0 11-10.213 0 5.106 5.106 0 0110.213 0zm1.393 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0zm-8.589-2.321a.695.695 0 01.696-.697h1.625a2.085 2.085 0 011.978 1.413 2.09 2.09 0 01-.697 2.328l.716 1.253a.694.694 0 01-.267.936.697.697 0 01-.942-.245l-.86-1.506h-.857v1.16a.695.695 0 01-1.188.493.695.695 0 01-.204-.492v-4.643zm1.392 2.09h.929a.694.694 0 00.696-.697.695.695 0 00-.696-.697h-.929v1.393z" clip-rule="evenodd"/></svg>
    </a>

    <div>
     <p class="text-center font-light text-base text-white">
      Burn Web
      <br class="lg:hidden"/>
      <span class="hidden lg:inline-block">•</span> 
      
      Todos os Direitos Reservados • 2024
      
      <br class="lg:hidden"/>
      <span class="hidden lg:inline-block">-</span>
      <a target="_blank" href="/files/LGPD Burn Web.pdf" class="font-semibold underline hover:no-underline">LGPD</a>
     </p>
    </div>

    <ul class="flex space-x-4 justify-center items-center">
      <li>
        <a target="_blank" rel="noopener noreferer" href="https://www.facebook.com/burnweb" title="Facebook">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-white h-8 w-8 transition-all hover:-translate-y-1"><path d="M33.5 16.5C33.5 7.392 26.108 0 17 0S.5 7.392.5 16.5c0 7.986 5.676 14.636 13.2 16.17V21.45h-3.3V16.5h3.3v-4.125A5.781 5.781 0 0119.475 6.6H23.6v4.95h-3.3c-.908 0-1.65.742-1.65 1.65v3.3h4.95v4.95h-4.95v11.467c8.333-.825 14.85-7.854 14.85-16.417z"/></svg>
        </a>
      </li>
      <li>
        <a target="_blank" rel="noopener noreferer" href="https://www.instagram.com/burnweb" title="Instagram">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-white h-8 w-8 transition-all hover:-translate-y-1"><path fill-rule="evenodd" d="M17.423 33.846c9.346 0 16.923-7.577 16.923-16.923C34.346 7.577 26.77 0 17.423 0 8.077 0 .5 7.577.5 16.923c0 9.346 7.577 16.923 16.923 16.923zM21.688 6.77h-8.53a5.89 5.89 0 00-5.889 5.89v8.529a5.894 5.894 0 005.89 5.889h8.529a5.89 5.89 0 005.889-5.89v-8.529a5.894 5.894 0 00-5.89-5.889zM10.37 9.871A3.655 3.655 0 0112.955 8.8h8.936a3.653 3.653 0 013.655 3.655v8.936a3.655 3.655 0 01-3.655 3.655h-8.936A3.653 3.653 0 019.3 21.391v-8.936c0-.97.385-1.899 1.07-2.584zm13.28.824a1.27 1.27 0 10-1.795 1.795 1.27 1.27 0 001.795-1.795zm-2.638 2.638a5.077 5.077 0 10-7.18 7.18 5.077 5.077 0 007.18-7.18zm-5.744 1.436a3.046 3.046 0 114.308 4.307 3.046 3.046 0 01-4.308-4.307z" clip-rule="evenodd"/></svg>
        </a>
      </li>
      <li>
        <a target="_blank" rel="noopener noreferer" href="https://www.linkedin.com/company/burnweb/" title="LinkedIn">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-white h-8 w-8 transition-all hover:-translate-y-1"><path d="M17 0C7.887 0 .5 7.387.5 16.5S7.887 33 17 33s16.5-7.387 16.5-16.5S26.113 0 17 0zm-4.04 23.339H9.62V12.586h3.34V23.34zm-1.69-12.073c-1.056 0-1.738-.747-1.738-1.672 0-.944.703-1.669 1.78-1.669 1.078 0 1.738.725 1.759 1.67 0 .924-.68 1.671-1.801 1.671zM25.164 23.34h-3.341v-5.96c0-1.387-.485-2.329-1.693-2.329-.923 0-1.471.638-1.714 1.251-.09.219-.111.528-.111.836v6.2h-3.343v-7.323c0-1.342-.043-2.464-.088-3.43h2.903l.153 1.493h.067c.44-.701 1.518-1.736 3.32-1.736 2.199 0 3.847 1.473 3.847 4.64v6.357z"/></svg>
        </a>
      </li>
      <li>
        <a target="_blank" rel="noopener noreferer" href="mailto:contato@burnweb.com.br" title="E-mail">
          
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 34 33" class="text-white h-8 w-8 transition-all hover:-translate-y-1"><path fill-rule="evenodd" d="M17 33c9.113 0 16.5-7.387 16.5-16.5S26.113 0 17 0 .5 7.387.5 16.5 7.887 33 17 33zM7.68 9.38a1.98 1.98 0 00-.58 1.4v11.88a1.98 1.98 0 001.98 1.98h15.84a1.98 1.98 0 001.98-1.98V10.78a1.98 1.98 0 00-1.98-1.98H9.08a1.98 1.98 0 00-1.4.58zM17 16.394l-6.417-5.614h12.833l-6.417 5.614zm.652 2.062l7.267-6.36V22.66H9.08V12.096l7.268 6.36a.99.99 0 001.305 0z" clip-rule="evenodd"/></svg>
        </a>
      </li>
    </ul>
</div>
</footer>

			<div class="fixed transition-all duration-300 w-11/12 mx-auto inset-x-0 bottom-5 bg-red rounded-lg px-4 z-50 container shadow-cookies hidden md:w-3/4 lg:w-auto">
			  <div class="relative flex flex-col lg:flex-row items-center justify-between px-4 py-5 rounded-lg">
			    <div class="mb-5 lg:mb-0 lg:mr-14">
						<p class="text-sm font-medium text-center text-white lg:text-left">
							Nós utilizamos cookies para proporcionar a você uma melhor experiência em nosso site. Para maiores informações sobre os arquivos de cookies que utilizamos no site, clique na aba
							<a target="_blank" href="/files/LGPD Burn Web.pdf" class="underline hover:no-underline">LGPD</a>.
						</p>
					</div>

			    <button aria-label="Close" class="bg-white text-red font-medium py-2 px-6 border border-white rounded-lg hover:bg-transparent hover:text-white" id="btn-cookies">
			      PROSSEGUIR
			    </button>
			  </div>
			</div>
		</div>

			</body>
</html>
