.html-body,
.html-body * {
  box-sizing: border-box;
}
.html-body {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0; /* Changed from 102px to 0 for better section control */
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow-x: hidden; /* Prevent horizontal scroll */
  width: 100%;
}
/* Reset for semantic tags */
header, main, section, footer, nav {
    display: block;
    width: 100%;
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
button {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
}
input, textarea, select {
    width: 100%;
    outline: none;
}
.top-nav-bar {
  background: rgba(248, 249, 250, 0.9);
  border-style: solid;
  border-color: #e1e3e4;
  border-width: 0px 0px 1px 0px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(6px);
}
.container {
  padding: 16px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.mucurupi-1 {
  flex-shrink: 0;
  width: 114px;
  height: 46px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 114/46;
}
.container2 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.link {
  border-style: solid;
  border-color: #2DB700;
  border-width: 0px 0px 2px 0px;
  flex-shrink: 0;
  width: 37.75px;
  height: 22.8px;
  position: relative;
}
.text {
  color: #2DB700;
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Burger Menu Styles */
.burger-menu {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  z-index: 1001;
  padding: 10px;
}
.burger-menu span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #2DB700;
  transition: all 0.3s ease;
  border-radius: 3px;
}

/* Mobile Nav Styles */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  backdrop-filter: blur(4px);
}
.mobile-menu-overlay.active {
  display: block;
}
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 300px;
  height: 100%;
  background: #2DB700;
  z-index: 10000;
  transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
}
.mobile-nav.active {
  right: 0;
}
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}
.close-menu {
  font-size: 32px;
  color: #ffffff;
  cursor: pointer;
}
.mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mobile-nav-links a {
  font-family: "Barlow-Bold", sans-serif;
  font-size: 20px;
  color: #ffffff;
  transition: opacity 0.3s ease;
}
.mobile-nav-links a:hover {
  opacity: 0.8;
}

@media (max-width: 992px) {
    .burger-menu {
        display: flex;
    }
}
.link2 {
  flex-shrink: 0;
  width: 59.64px;
  height: 16.8px;
  position: relative;
}
.text2 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link3 {
  flex-shrink: 0;
  width: 40.09px;
  height: 16.8px;
  position: relative;
}
.link4 {
  flex-shrink: 0;
  width: 46.92px;
  height: 16.8px;
  position: relative;
}
.link5 {
  flex-shrink: 0;
  width: 54.13px;
  height: 16.8px;
  position: relative;
}
.button {
  background: #2db700;
  border-radius: 8px;
  padding: 8px 24px 8px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.text3 {
  color: #ffffff;
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-hero-section {
  padding: 80px 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /* Allow wrapping on mobile */
  gap: 48px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.container3 {
  flex: 1;
  position: relative;
  min-height: 344px;
  background: transparent;
  box-shadow: none;
}
.heading-1 {
  padding: 0px 0px 0.69px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.text4 {
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 48px;
  line-height: 57.6px;
  letter-spacing: -0.96px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text-4-span {
  color: #2B2D42;
}
.text-4-span2 {
  color: #2DB700;
}
.container4 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 576px;
  margin-bottom: 32px;
}
.text5 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 18px;
  line-height: 28.8px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button2 {
  background: #2db700;
  border-radius: 8px;
  padding: 16px 32px 16px 32px;
  display: inline-flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
.button-shadow {
  display: none;
}
.text6 {
  color: #ffffff;
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container5 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 1;
  position: relative;
}
.marketing-strategies {
  align-self: stretch;
  flex-shrink: 0;
  max-width: 512px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  aspect-ratio: 1;
}
.section-services-grid {
  background: #f3f4f5;
  padding: 79px 40px 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container6 {
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1200px;
  position: relative;
}
.container7 {
  display: flex;
  flex-direction: column;
  gap: 15.31px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-2 {
  padding: 0px 0px 0.59px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text7 {
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-7-span {
  color: #2B2D42;
}
.text-7-span2 {
  color: #2DB700;
}
.container8 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  max-width: 672px;
  position: relative;
}
.text8 {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container9 {
  padding: 32px 0px 0px 0px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 32px;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.service-cards {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 15.4px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.overlay {
  background: rgba(45, 183, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.container10 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.heading-3 {
  padding: 8.6px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.gest-o-de-m-dias-sociais {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container11 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.criamos-e-gerenciamos-conte-do-estrat-gico-para-suas-redes-sociais-aumentando-engajamento-e-fortalecendo-sua-presen-a-digital {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px 32px 57.6px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container12 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.heading-32 {
  padding: 8px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.edi-o-de-v-deos {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.produ-o-e-edi-o-profissional-de-v-deos-para-redes-sociais-publicidade-e-conte-do-institucional-com-alta-qualidade-visual {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow2 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 15.4px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container13 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.tr-fego-pago {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.uma-estrat-gia-de-marketing-digital-onde-voc-investe-dinheiro-em-an-ncios-para-direcionar-visitantes-ao-seu-site-blog-ou-redes-sociais {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow3 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 15.4px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container14 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.portal-barcarena {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.portal-de-not-cias-exclusivas-de-barcarena-com-registros-de-acessos-internacionais-di-rios-gera-oportunidades-de-visibilidade-para-marcas-locais {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow4 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px 32px 57.59px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container15 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.painel-de-led-outdoor {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.solu-es-em-m-dia-outdoor-com-pain-is-led-de-alta-defini-o-para-m-xima-visibilidade-e-impacto-da-sua-marca {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow5 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px 32px 57.59px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container16 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.identidade-visual {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.desenvolvimento-completo-de-identidade-visual-incluindo-logo-cores-tipografia-e-guidelines-para-fortalecer-sua-marca {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bento-style-large-item-for-web-dev {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
.container17 {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.overlay2 {
  background: rgba(45, 183, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}
.container18 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container19 {
  display: flex;
  flex-direction: column;
  gap: 8.01px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading-33 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text9 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text10 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.testimonials-section {
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.container20 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.text-7-span {
  color: #2B2D42;
}
.text-7-span2 {
  color: #2DB700;
}
.container21 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container22 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 32px;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.testimonial-1 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: #edeeef;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 318px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container23 {
  display: flex;
  flex-direction: column;
  gap: 15.39px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container24 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container25 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container26 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container27 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container28 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container29 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.meu-amigo-com-toda-a-sinceridade-quase-chorei-pois-o-material-impressionante-em-detalhes-e-muito-bem-espec-fico-parab-ns-pelo-seu-conhecimento {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Italic", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin {
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.horizontal-border {
  border-style: solid;
  border-color: #e7e8e9;
  border-width: 1px 0px 0px 0px;
  padding: 16px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.testimonial-photo {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.container30 {
  flex-shrink: 0;
  width: 112.05px;
  height: 34.8px;
  position: relative;
}
.container31 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.text11 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container32 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.text12 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.testimonial-2 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: #edeeef;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container33 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container34 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container35 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container36 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container37 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.ao-jairo-castro-e-sua-equipe-eu-agrade-o-pelo-empenho-em-fazer-um-trabalho-cada-vez-melhor-percept-vel-o-quanto-est-ficando-excelente-esse-processo-de-divulga-o-da-nossa-marca {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Italic", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin2 {
  margin: 0px 0 0 0;
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
/* redundant class removed */
.container38 {
  flex-shrink: 0;
  width: 105.36px;
  height: 34.8px;
  position: relative;
}
.testimonial-3 {
  background: #ffffff;
  border-radius: 12px;
  border-style: solid;
  border-color: #edeeef;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container39 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container40 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container41 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container42 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container43 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.obrigado-a-todos-os-envolvidos-da-murucupi-ag-ncia-pelo-excelente-trabalho-toda-a-equipe-est-de-parab-ns-superou-minhas-expectativas-vou-indicar-para-os-meus-clientes {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Italic", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  font-style: italic;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/* redundant class removed */
.container44 {
  flex-shrink: 0;
  width: 95.45px;
  height: 34.8px;
  position: relative;
}
.partner-logos-marquee-feel {
  border-style: solid;
  border-color: #e1e3e4;
  border-width: 1px 0px 1px 0px;
  padding: 47px 24px 48px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.heading-4 {
  padding: 0px 0px 0.8px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text13 {
  color: rgba(62, 74, 56, 0.6);
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 1.4px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.background {
  background: #ffffff;
  padding: 40px 0;
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.background::before,
.background::after {
  content: "";
  height: 100%;
  width: 150px;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.background::before {
  left: 0;
  top: 0;
  background: linear-gradient(to right, #ffffff 0%, transparent 100%);
}
.background::after {
  right: 0;
  top: 0;
  background: linear-gradient(to left, #ffffff 0%, transparent 100%);
}
.marquee-content {
  display: flex;
  gap: 60px;
  animation: marquee 25s linear infinite;
  width: max-content;
}
.marquee-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.marquee-item img {
  height: 60px;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.marquee-item img:hover {
  transform: scale(1.1);
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
/* End of Partners section */
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1.2px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container52 {
  display: flex;
  flex-direction: row;
  gap: 3.99px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container53 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.about-section {
  background: rgba(243, 244, 245, 0.5);
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.container54 {
  padding: 0px 24px;
  width: 100%;
  display: grid;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.overlay-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 8px 10px -6px rgba(0, 0, 0, 0.1),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.escrit-rio-murucupi {
  width: 100%;
  height: auto;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.container55 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.heading-22 {
  padding: 0px 0px 0.59px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.sobre-a-murucupi-ag-ncia {
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sobre-a-murucupi-ag-ncia-span {
  color: #2B2D42;
}
.sobre-a-murucupi-ag-ncia-span2 {
  color: #2DB700;
}
.somos-uma-ag-ncia-de-marketing-digital-apaixonada-por-ajudar-empresas-a-crescerem-no-ambiente-online-combinamos-criatividade-estrat-gia-e-tecnologia-para-entregar-resultados-excepcionais {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container56 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text20 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container57 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container58 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.team-section {
  padding: 80px 24px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}
.container59 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
}
.text-7-span {
  color: #2B2D42;
}
.text-7-span2 {
  color: #2DB700;
}
.conhe-a-nossos-profissionais-criativos-que-fazem-a-murucupi-ag-ncia-ser-refer-ncia-em-marketing-digital {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container60 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 32px;
  position: relative;
  justify-content: center;
}
.team-member-card {
  flex: 0 1 250px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.team-member-2 {
  /* Combined into .team-member-card */
}
.team-photo-container {
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  border-style: solid;
  border-color: #e1e3e4;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 200px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  margin-bottom: 8px;
}
.team-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab-6-a-xu-cqh-dtj-adgfg-elo-yy-asj-yn-fs-qo-5-bak-i-49-q-dy-a-dpug-j-d-wc-trok-5-lufn-z-ma-t-ku-6-l-0-df-0-uth-3-qn-ovn-zm-hfuksv-3-cwt-3-nd-3-hz-ds-cu-bl-1-v-iiodn-3-h-0-gweuu-tn-ky-cy-dm-3-cr-el-t-1-y-urdtm-5-p-ess-5-h-mgv-dqw-6-k-odk-1-ieio-0-u-ha-l-24-y-90-y-q-1-abz-7-iviydw-xv-nqb-bn-bm-b-2-sax-2-nf-r-lwan-ia-rfz-7-to-6-c-9-a-eoa-1-b-kjql-hfrd-76-i-vkxs-z-2-q-ed-gf-f-7-nyujh-8-kz-sm-3-n-8-qia {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.container61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
}
.jairo-castro {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container62 {
  margin: -1px 0 0 0;
  padding: 0px 0px 0.8px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.diretor-e-publicit-rio {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container63 {
  margin: -1px 0 0 0;
  padding: 9px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container63 a {
  transition: opacity 0.3s ease;
  display: flex;
}
.container63 a:hover {
  opacity: 0.7;
}
.mdi-instagram {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-4 {
  /* Combined into .team-member-card */
}
.ab-6-a-xu-dn-9-zt-1-g-8-u-40-v-nep-pt-xg-5-usd-yor-3-z-7-be-m-3-i-ks-1-tm-g-8-he-1-yy-q-5-p-gyw-j-m-nq-zu-r-br-75-p-6-vm-v-ms-fs-0-gq-k-9-r-7-hymz-v-9-is-w-2-fw-zmbko-rmo-0-cp-kn-32-s-7-id-8-c-y-oqx-wp-imn-5-fp-4-lyz-f-2-txal-ahlyi-f-1-m-xeq-t-pj-9-d-0-c-s-ss-l-kp-c-xf-dkn-s-p-qaf-s-pu-sudq-16-x-6-m-8-b-ya-9-hg-c-vu-gz-5-mn-1-r-oci-f-9-tls-r-7-tl-vyz-wlo-q-bx-rg-p-8-er-zt-wsp-8-kgf-1-k-o-5-wv-ez-25-u-5-f-d-qoe-gdu-q-bqdkw {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.clemilson-sousa {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coordenador {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdi-instagram2 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-3 {
  /* Combined into .team-member-card */
}
.ab-6-a-xu-bmh-05-qr-ogo-kq-n-avh-ty-19-f-h-ktq-mkk-fk-5-ep-htd-qt-zo-anl-g-ujlr-0-svpdjc-2-x-c-my-r-2-k-1-uv-437-i-8-mg-4-q-va-cje-7-bt-bh-7-mwcs-e-93-ih-cq-tm-1-tc-e-xvs-zxp-8-o-rs-xt-1-b-l-fk-t-0-ik-1-u-1-jmp-g-2-u-11-s-aryyuwb-sq-3-ov-l-lf-qr-i-g-aokd-oy-b-rk-b-1-p-ynra-dv-5-xj-rl-45-vh-q-6-s-nrj-3-cv-vk-so-o-bzwka-h-j-nym-j-wnpsxa-m-en-e-ko-wmi-bl-0-ip-rd-bqah-pw-8-a-1-d-6-c-m-16-z-ki-78-k-i-xz-djk-bk-zj-dg {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.text21 {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text22 {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdi-instagram3 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-5 {
  /* Combined into .team-member-card */
}
.paulo-brito {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gestor-de-tr-fego-pago {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdi-instagram4 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-6 {
  /* Combined into .team-member-card */
}
/* overlay-border-shadow3 removed */
.samuel-jordesson {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.desenvolvedor {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdi-instagram5 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-7 {
  /* Combined into .team-member-card */
}
.ab-6-a-xu-dn-9-zt-1-g-8-u-40-v-nep-pt-xg-5-usd-yor-3-z-7-be-m-3-i-ks-1-tm-g-8-he-1-yy-q-5-p-gyw-j-m-nq-zu-r-br-75-p-6-vm-v-ms-fs-0-gq-k-9-r-7-hymz-v-9-is-w-2-fw-zmbko-rmo-0-cp-kn-32-s-7-id-8-c-y-oqx-wp-imn-5-fp-4-lyz-f-2-txal-ahlyi-f-1-m-xeq-t-pj-9-d-0-c-s-ss-l-kp-c-xf-dkn-s-p-qaf-s-pu-sudq-16-x-6-m-8-b-ya-9-hg-c-vu-gz-5-mn-1-r-oci-f-9-tls-r-7-tl-vyz-wlo-q-bx-rg-p-8-er-zt-wsp-8-kgf-1-k-o-5-wv-ez-25-u-5-f-d-qoe-gdu-q-bqdkw2 {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.flavio-goes {
  color: #2B2D42;
  text-align: center;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 24px;
  line-height: 33.6px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdi-instagram6 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.team-member-1 {
  /* Combined into .team-member-card */
}
.ab-6-a-xu-aiq-vm-24-m-0-o-rhu-9-te-x-4-xaz-cmo-8-bm-zr-t-iv-jw-mwe-h-gh-qq-hz-rapk-yv-cvk-w-8-rs-chj-o-sk-9-b-vb-5-x-mm-oi-ac-uy-j-z-bz-pf-asg-c-lkjf-ko-jd-k-al-0-hn-pxe-vnm-pnr-tv-6-cssm-6-vor-4-pdkp-9-bf-yd-9-lo-x-8-ga-m-5-yw-tq-s-eexh-0-eu-gq-5-nw-r-to-n-5-k-49-tz-a-0-v-9-wyf-0-wj-a-0-v-y-7-r-5-jxqn-kv-ie-oteylrw-yx-hwlx-t-0-n-o-vo-ap-apx-g-8-u-61-ben-ze-3-p-wt-ae-o-4-pol-nznf-s-rk-tr-ng-0-os-yw-qbhpd-8-e {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.mdi-instagram7 {
  flex-shrink: 0;
  width: 18px;
  height: 19px;
  position: relative;
  overflow: visible;
  aspect-ratio: 18/19;
}
.cta-section {
  background: #2DB700;
  padding: 63px 40px 64px 40px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container64 {
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 32.01px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1200px;
  position: relative;
}
.text23 {
  color: #ffffff;
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button3 {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px 40px 16px 40px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.button-shadow2 {
  background: rgba(255, 255, 255, 0);
  border-radius: 8px;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.text24 {
  color: #2DB700;
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-section {
  background: #f8f9fa;
  padding: 80px 40px 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container65 {
  padding: 0px 24px;
  width: 100%;
  display: grid;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.container66 {
  padding: 0px 0px 248.01px 0px;
  display: flex;
  flex-direction: column;
  gap: 23.3px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.entre-em-contato {
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.entre-em-contato-span {
  color: #2B2D42;
}
.entre-em-contato-span2 {
  color: #2DB700;
}
.tem-um-projeto-em-mente-ou-quer-saber-mais-sobre-nossos-servi-os-preencha-o-formul-rio-ou-entre-em-contato-por-um-dos-canais-abaixo {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container67 {
  padding: 16.7px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container68 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  position: relative;
}
.overlay3 {
  background: rgba(45, 183, 0, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.container69 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container70, .container73, .container75 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  position: relative;
}
.text25 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container71 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.text26 {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container72 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
/* container73 merged into .container70, .container73, .container75 */
.container74 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
/* container75 merged into .container70, .container73, .container75 */
.container76 {
  padding: 31.7px 0px 0.01px 0px;
  display: flex;
  flex-direction: column;
  gap: 15.99px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container77 {
  padding: 0px 0px 0.8px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.redes-sociais {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.social-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  transition: opacity 0.3s ease, filter 0.3s ease;
}
.white-icon {
  filter: brightness(0) invert(1);
}
.linkedin-icon {
  width: 27px;
  height: 27px;
}
.social-icon:hover {
  opacity: 0.7;
}
.form {
  background: #ffffff;
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(225, 227, 228, 0.5);
  border-width: 1px;
  padding: 31px 32px 48px 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.form2 {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container78 {
  display: flex;
  flex-direction: column;
  gap: 8.79px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label-seu-nome {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.input {
  background: #ffffff;
  border-radius: 8px;
  border-style: solid;
  border-color: #bdcbb3;
  border-width: 1px;
  padding: 14px 16px 15px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.container79 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.digite-seu-nome {
  color: #6b7280;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container80 {
  display: flex;
  flex-direction: column;
  gap: 8.8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label-seu-email {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.digite-seu-email {
  color: #6b7280;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label-seu-telefone {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.digite-seu-telefone {
  color: #6b7280;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label-assunto {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.options {
  background: #ffffff;
  border-radius: 8px;
  border-style: solid;
  border-color: #bdcbb3;
  border-width: 1px;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.image-clip {
  padding: 13px 9px 13px 453px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
}
.image {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.selecione-um-assunto {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.label-mensagem {
  color: #2B2D42;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.textarea {
  background: #ffffff;
  border-radius: 8px;
  border-style: solid;
  border-color: #bdcbb3;
  border-width: 1px;
  padding: 12px 16px 84px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: auto;
}
.container81 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.digite-sua-mensagem {
  color: #6b7280;
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button4 {
  background: #2db700;
  border-radius: 8px;
  padding: 17px 0px 16px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button-shadow3 {
  background: rgba(255, 255, 255, 0);
  border-radius: 8px;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 1px;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.text27 {
  color: #ffffff;
  text-align: center;
  font-family: "Barlow-Bold", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer {
  background: #082B10;
  padding: 80px 40px 80px 40px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container82 {
  padding: 0px 24px;
  width: 100%;
  display: grid;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.container83 {
  padding: 0px 0px 31.21px 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.mucurupi-branco-1 {
  flex-shrink: 0;
  width: 134px;
  height: 55px;
  position: relative;
  object-fit: cover;
  aspect-ratio: 134/55;
}
.sua-parceira-estrat-gica-para-o-sucesso-no-mundo-digital {
  color: rgba(225, 227, 228, 0.6);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-5 {
  padding: 0px 0px 0.8px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.empresa {
  color: #7aff55;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.in-cio {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sobre-n-s {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nossa-equipe {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contato {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container84 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.servi-os {
  color: #7aff55;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.desenvolvimento-web {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.marketing-digital {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.identidade-visual2 {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tr-fego-pago2 {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container85 {
  padding: 0px 0px 8px 0px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.contato2 {
  color: #7aff55;
  text-align: left;
  font-family: "Barlow-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0.7px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container86 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text28 {
  color: rgba(225, 227, 228, 0.8);
  text-align: left;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.item3 {
  align-self: stretch;
  flex-shrink: 0;
  height: 28px;
  position: relative;
}
.container87 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}
.container88 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 30px;
  top: 50%;
  translate: 0 -50%;
}
.item4 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon {
  flex-shrink: 0;
  width: 12px;
  height: 15px;
  position: relative;
  overflow: visible;
}
.container89 {
  padding: 0px 0.97px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.horizontal-border2 {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 1px 0px 0px 0px;
  padding: 32px 24px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 1200px;
  position: relative;
}
.text29 {
  color: rgba(225, 227, 228, 0.4);
  text-align: center;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Responsive Media Queries */
@media (max-width: 1024px) {
    .container, 
    .container3,
    .container6,
    .container26,
    .container53,
    .container54, 
    .container65, 
    .container82 {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 992px) {
    .header-hero-section,
    .section-services-grid,
    .about-section,
    .section-testimonials,
    .team-section,
    .cta-section,
    .contact-section,
    .footer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .container {
        justify-content: space-between !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .header-hero-section {
        flex-direction: column;
        padding: 60px 24px;
        text-align: center;
        gap: 40px;
    }
    .container3 {
        align-items: center;
        text-align: center;
        max-width: 100%;
    }
    .heading-1, .container4, .text4, .text5 {
        align-items: center;
        text-align: center;
    }
    .marketing-strategies {
        max-width: 400px;
        height: auto;
    }
    .container2, .button {
        display: none; /* Menu desktop oculto no mobile */
    }
    .container54 {
        flex-direction: column;
        gap: 40px;
    }
    .container65 {
        flex-direction: column;
        gap: 60px;
    }
}

@media (max-width: 768px) {
    .text4 {
        font-size: 34px !important;
        line-height: 1.2 !important;
    }
    .text5 {
        font-size: 16px !important;
    }
    .container9 {
        grid-template-columns: 1fr !important;
    }
    .container22 {
        flex-direction: column !important;
        align-items: center;
    }
    .container60 {
        flex-direction: column !important;
        align-items: center;
    }
    .container17 {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .team-member-card {
        width: 100% !important;
        max-width: 300px;
    }
    .form {
        padding: 24px 20px !important;
    }
    .footer {
        padding: 60px 20px !important;
    }
    .container82 {
        gap: 60px !important;
    }
    .container83, .container55, .container85 {
        align-items: center;
        text-align: center;
    }
    .container66 {
        align-items: flex-start !important;
        text-align: left !important;
    }
    .container67 .container68 {
        justify-content: flex-start !important;
    }
    .container76 .container68 {
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    .top-nav-bar {
        padding: 0 10px;
    }
    .mucurupi-1 {
        width: 90px;
        height: auto;
    }
    .text4 {
        font-size: 28px !important;
    }
    .marquee-content {
        gap: 30px;
    }
    .marquee-item img {
        height: 40px;
    }
}