:root {
  --black: black;
  --white: white;
  --accessible-components--dark-grey: #9b9b9b;
  --accessible-components--text-medium: #707070;
  --accessible-components--text-light: #ededed;
  --accessible-components--brand-blue: #6b37f5;
  --accessible-components--text-dark: #222;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

h1 {
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 110%;
}

h3 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 130%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

a {
  font-family: Poppins, sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 140%;
  line-height: 1.6;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 10em;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.global {
  font-size: 16px;
}

.c-rich-text p {
  margin-top: .5em;
  margin-bottom: 2em;
}

.c-rich-text h1, .c-rich-text h2, .c-rich-text h3 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.c-rich-text h4 {
  margin-top: .2em;
  margin-bottom: .6em;
}

.c-rich-text h5 {
  margin-top: .2em;
  margin-bottom: 1em;
}

.c-rich-text h6 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.heading {
  font-family: Lato, sans-serif;
  font-size: 4.75em;
  font-weight: 400;
}

.button {
  color: #eeebdc;
  text-align: center;
  letter-spacing: .03rem;
  background-color: #000;
  border: .15em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 1.7rem;
  font-size: 1rem;
  font-weight: 600;
}

.button.is-bright {
  color: #000;
  background-color: #eeebdc;
}

.button.is-bright.is-secondary {
  color: #eeebdc;
  background-color: #0000;
  border-color: #eeebdc;
  font-size: 1rem;
}

.section-after-intro-text {
  z-index: 3;
  background-color: #000;
  /*margin-top: 35vh;*/
  padding-top: 10em;
  padding-bottom: 2rem;
  position: relative;
}

.intro-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  display: flex;
}

.page-intro-title-wrapper {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-intro-splitscreen-wrapper {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-pre-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: .9;
}

.header-button {
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-style: solid;
  border-width: 1px;
  border-radius: 999em;
  padding: 1.1em 2em 1em;
  font-size: .65em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all .35s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

.header-button:hover {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.page-intro-text-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.copy-medium {
  font-size: 1.25rem;
  line-height: 1.4;
}

.image-placeholder {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 1.8em;
  width: 100%;
}

.page-intro-splitscreen-top {
  background-color: var(--black);
  width: 100%;
  height: 0%;
}

.page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.heading-style-h3 {
  letter-spacing: -.005em;
  text-transform: none;
  font-size: 3rem;
  line-height: 1.1;
}

.main-wrapper {
  background-color: var(--black);
}

.header-right {
  color: #757575;
}

.video-preview-wrapper {
  aspect-ratio: 16 / 9;
  color: #fffdf6;
  background-color: #000;
  border-radius: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-intro {
  position: relative;
}

.intro-title {
  text-transform: uppercase;
  font-size: 4em;
  line-height: .9;
}

.heading-style-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 900;
  line-height: .85;
}

.container-small {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h6 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
}

.spacer-sm-start {
  padding-top: 2.25rem;
}

.youtube-play-icon {
  height: 3.9em;
  margin-right: -.2em;
}

.container-large {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.page-intro-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  padding-top: 8em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.footer {
  background-image: url('../images/bg-footer_1.avif');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: flex;
}

.section-page-intro {
  background-color: #000;
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.page-intro-title {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 10vw;
  font-weight: 900;
  line-height: .8;
}

.page-intro-title.is-webdesign {
  margin-left: 1.16em;
}

.page-intro-title.is-animation {
  margin-left: 3em;
}

.page-intro-title.is-skills {
  margin-left: .89em;
}

.made-in-webflow-brand {
  max-width: 2.3em;
}

.intro-copy-text {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.page-intro-content {
  z-index: 0;
  position: relative;
}

.page-intro-title-small {
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 1.5vw;
  font-weight: 400;
}

.page-intro-title-small.is-made-in-webflow {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5.6em;
  display: flex;
}

.page-intro-title-small.is-best-in-class {
  align-self: flex-start;
  margin-left: 7.9em;
}

.text-align-center {
  text-align: center;
}

.youtube-play-button {
  background-color: #e61313;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 7em;
  padding-top: .4em;
  padding-bottom: .4em;
  font-size: 1.1em;
  display: flex;
  position: absolute;
  box-shadow: 0 .7rem 2.5rem #00000047;
}

.copy-tiny-2 {
  font-size: .9rem;
  line-height: 1.4;
}

.video-preview-img {
  opacity: .72;
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}

.video-preview-img:hover {
  transform: scale(1.03);
}

.header-left {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.header-inner {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.nav-main {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #757575;
  position: absolute;
  inset: 0% 0% auto;
}

.spacer-xl-start {
  padding-top: 7.5rem;
}

.page-intro-splitscreen-bottom {
  background-color: var(--black);
  width: 100%;
  height: 0%;
}

.page-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.page-wrapper.trabalhos, .page-wrapper.sobre, .page-wrapper.servios {
  padding-top: 8rem;
}

.video-itnro {
  background-image: url('../images/overlay-texture_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.nav-bar {
  z-index: 999;
  -webkit-backdrop-filter: blur(200px);
  backdrop-filter: blur(200px);
  mix-blend-mode: normal;
  background-color: #000000ab;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: fixed;
  top: 0;
}

.navbar-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.menu-item {
  border-radius: 1rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding: 1rem 2.5rem;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.menu-item:hover {
  background-color: #6b37f5;
}

.menu-item-text {
  color: var(--white);
}

.logo-toca {
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.background-video {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.div-block {
  width: 50%;
  height: 100%;
  position: absolute;
}

.video-box-wrapper {
  border: 1px solid #3a3743;
  border-radius: 1rem;
  flex-flow: column;
  width: 95%;
  max-width: 1440px;
  height: 33rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.heading-2 {
  text-align: left;
}

.h1-impactar {
  color: var(--white);
  text-align: left;
}

.btn-assistir-demo-reel {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.btn-assistir-demo-reel:hover {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.btn-demo-white {
  color: var(--white);
}

.fs_modal-1_message {
  color: var(--accessible-components--dark-grey);
  display: none;
}

.fs_modal-1_close-icon {
  width: 1rem;
  height: 1rem;
}

.fs_modal-1_close {
  cursor: pointer;
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: -5% -2% auto auto;
}

.fs_modal-1_close:focus-visible, .fs_modal-1_close[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_description {
  margin-bottom: 0;
}

.fs_modal-1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.fs_modal-1_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  padding: 4rem;
  display: grid;
}

.fs_modal-1_image {
  object-fit: cover;
  width: 100%;
}

.fs_modal-1_wrapper {
  z-index: 999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #000;
  background-color: #fff;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  max-width: 60rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.fs_modal-1_cover {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_popup {
  z-index: 9999;
  background-color: #00000080;
  border-style: solid;
  border-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: clip;
}

.fs_modal-1_button {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.fs_modal-1_button:focus-visible, .fs_modal-1_button[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_embed {
  margin-bottom: 0;
  display: none;
}

.fs_modal-1_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.video {
  border-radius: 16px;
  width: 100%;
}

.p-demo-reel {
  color: var(--white);
  text-decoration: none;
}

.lightbox-link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.trabalhos-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-top: 5vw;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
  display: flex;
}

.heading-3 {
  color: var(--accessible-components--text-medium);
}

.text-light {
  color: var(--accessible-components--text-light);
  transition: color .4s cubic-bezier(.215, .61, .355, 1);
}

.text-light.h-vamos-conversar:hover {
  color: var(--white);
  text-decoration: none;
}

.text-light.link-instagram:hover {
  color: var(--accessible-components--brand-blue);
  text-decoration: underline;
}

.text-light.title-servico {
  width: 70%;
}

.cases-wrapper {
  width: 100%;
  padding-top: 2.5rem;
}

.lightbox-case {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, #6b37f5, var(--accessible-components--text-dark) 44%);
  opacity: 1;
  border-radius: 1.625rem;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 36.875rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.lightbox-case.interna {
  height: 26.3125rem;
}

.image {
  z-index: 0;
  aspect-ratio: 1;
  opacity: .2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.collection-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.container-h-case {
  z-index: 2;
  width: 100%;
  padding-bottom: 4.5rem;
  padding-left: 3.5rem;
  position: relative;
}

.container-h-case.interna {
  padding: 2rem;
}

.icon-play {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  position: absolute;
}

.icon-play-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-ver-todos {
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
  display: flex;
}

.clientes-que-confiam {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: var(--black);
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
  display: flex;
}

.h-clientes-que-confiam {
  padding-top: 4rem;
}

.collection-list-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._w-medium {
  font-weight: 500;
}

._w-medium.text-medium {
  color: var(--accessible-components--text-medium);
}

.vamos-conversar {
  border-bottom: 3px solid var(--accessible-components--brand-blue);
  padding-bottom: 1rem;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  position: relative;
}

.vamos-conversar:hover {
  background-color: var(--accessible-components--brand-blue);
}

.intro-footer-wrapper {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-container {
  grid-column-gap: 15.8125rem;
  grid-row-gap: 15.8125rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.mail-matheus {
  border-bottom: 3px solid var(--accessible-components--brand-blue);
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.mail-matheus:hover {
  background-color: var(--accessible-components--brand-blue);
}

.ending-footer {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid {
  width: 100%;
}

.text-medium {
  color: var(--accessible-components--text-medium);
  text-align: left;
}

.pol-tica-wrapper {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.link-politica {
  color: var(--white);
  transition: color .4s cubic-bezier(.215, .61, .355, 1);
}

.link-politica:hover {
  color: var(--accessible-components--brand-blue);
  text-decoration: underline;
}

.menu-buton, .menu-list {
  display: none;
}

.body {
  background-color: var(--black);
}

.collection-list-wrapper-3 {
  width: 100%;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: block;
}

.collection-list-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cases-interna-wrapper {
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.body-2 {
  background-color: var(--black);
}

.time-wrapper {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}

.collection-list-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-wrapper, .image-item {
  position: relative;
}

.text-item {
  z-index: 8;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  top: -4.5rem;
  bottom: -4.5rem;
}

.image-2 {
  z-index: 4;
  position: relative;
}

.h-wrapper {
  max-width: 74%;
}

.h-wrapper.text-light {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.body-3 {
  background-color: var(--black);
}

.intro-servicos {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}

.content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  display: grid;
}

.div-block-2 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}

.collection-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 9rem;
  display: grid;
}

.grid-servicos {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
  display: flex;
}

.thumb-servico {
  position: relative;
}

.conten-servico-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 60%;
  display: grid;
}

.intro-servico-wrapper {
  grid-column-gap: 2.5625rem;
  grid-row-gap: 2.5625rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.entregavel-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  place-items: center stretch;
  display: grid;
}

.entregavel-item {
  color: var(--accessible-components--text-medium);
}

.imagem-serivico {
  border-radius: 2rem;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.block-num-servico {
  background-color: var(--white);
  width: 144px;
  height: 144px;
  position: absolute;
  inset: -8% auto auto -14%;
}

.video-servico {
  width: 100%;
  height: 100%;
  display: block;
}

.body-4 {
  background-color: var(--black);
}

.intro-contato {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.h-intro-wrapper {
  display: flex;
}

.columns {
  flex: none;
  order: 0;
  align-self: stretch;
  width: 100%;
}

.column {
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.column-2 {
  height: 100%;
  padding: 64px 0;
  display: flex;
}

.video-2 {
  border: 5px solid #222027;
  border-radius: 100%;
  width: 206px;
  height: 206px;
}

.heading-5 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.form-e-infos {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4.5rem 4rem;
}

.input-wrapper {
  width: 100%;
  padding-left: 4.3rem;
}

.label-input {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.field-label {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 150%;
}

.form-item {
  border-top: 1px solid #3a3743;
  border-bottom: 1px solid #3a3743;
  flex-flow: row;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.number-form-item {
  font-size: 1.5rem;
}

.text-field {
  background-color: var(--black);
  border: 1px #000;
  height: 4rem;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.submit-button-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 2.875rem;
  display: flex;
}

.submit-button {
  color: var(--black);
  background-color: #fff0;
  flex: 1;
  align-self: flex-end;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  position: absolute;
  inset: 0%;
}

.button-shape {
  background-image: url('../images/shape-button-submit.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 158px;
  height: 77px;
  display: flex;
  position: relative;
}

.grid-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.columns-2 {
  flex-flow: row;
  display: flex;
}

.column-3 {
  padding-left: 0;
  padding-right: 2.625rem;
}

.column-4 {
  padding-left: 2.625rem;
  padding-right: 0;
}

.maps-wrapper {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}

.map {
  border-radius: 24px;
}

.code-embed {
  overflow: clip;
}

.div-block-4 {
  z-index: 999;
  background-color: var(--accessible-components--brand-blue);
  color: var(--accessible-components--brand-blue);
  padding-right: 0;
  position: absolute;
  inset: 121% 0% 0%;
}

.body-5 {
  background-color: var(--black);
}

.video-team-element {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body-6 {
  background-color: var(--black);
}

.pol-tica {
  flex-flow: column;
  padding-top: 180px;
  padding-bottom: 180px;
  display: flex;
}

.container-2 {
  width: 100%;
}

.code-embed-2 {
  color: var(--white);
}

.servico-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.collection-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cl-servico {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-cases-home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider-clientes-home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-cases, .grid-time {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-servicos-nw {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  .container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .header-button {
    font-size: 1em;
  }

  .header-button:hover {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .header-button:active {
    transform: scale(.94);
  }

  .page-intro-text-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .page-padding {
    width: 100vw;
    padding-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer {
    padding-top: 3.5rem;
  }

  .header-inner {
    padding-top: 2em;
  }

  .video-itnro {
    width: 100%;
  }

  .nav-bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h1-impactar {
    text-align: center;
  }

  .fs_modal-1_image {
    max-height: 30vh;
    display: none;
  }

  .fs_modal-1_wrapper {
    grid-template-columns: 1fr;
  }

  .trabalhos-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-light.align-center {
    text-align: center;
  }

  .image {
    aspect-ratio: 1;
    object-fit: cover;
  }

  .video-wrapper {
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    display: flex;
  }

  .clientes-que-confiam {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
  }

  .h-clientes-que-confiam {
    padding-top: 2rem;
  }

  .collection-list-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .intro-footer-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-container {
    grid-column-gap: 7.5rem;
    grid-row-gap: 7.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ending-footer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .grid {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .text-medium {
    text-align: center;
  }

  .text-medium.alightright, .text-medium.text-servicos {
    text-align: left;
  }

  .empty-div {
    display: none;
  }

  .collection-list-3 {
    grid-template-columns: 1fr;
  }

  .time-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .collection-list-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    place-items: start;
  }

  .card-wrapper {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .image-item {
    width: 100%;
  }

  .h-wrapper.text-light {
    max-width: 100%;
  }

  .p-wrapper.text-medium {
    text-align: left;
  }

  .heading-4 {
    direction: ltr;
    white-space: normal;
    word-break: keep-all;
    font-size: 3rem;
  }

  .intro-servicos {
    padding: 2rem;
  }

  .content-wrapper {
    grid-template-columns: 1.25fr;
  }

  .div-block-2 {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .collection-item-2 {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .grid-servicos {
    grid-template-columns: .75fr;
    place-content: center;
    place-items: stretch stretch;
  }

  .thumb-servico {
    min-width: 100%;
    position: static;
  }

  .conten-servico-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .entregavel-item {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .imagem-serivico {
    width: 100%;
  }

  .intro-contato {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .columns {
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-self: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .column {
    height: 100%;
  }

  .form-e-infos {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .contato-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .columns-2 {
    flex-flow: column;
  }

  .column-3 {
    padding-right: 0;
  }

  .column-4 {
    padding-left: 0;
  }

  .maps-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .collection-list-5 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-cases-home {
    grid-template-columns: 1fr;
  }

  .slider-clientes-home {
    grid-template-columns: 1fr 1fr 1fr;
    place-items: start;
  }

  .grid-cases, .grid-time, .grid-servicos-nw {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .page-intro-text-wrapper {
    margin-top: -4vh;
  }

  .intro-title {
    font-size: 2.8em;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .page-intro-title {
    font-size: 13vw;
  }

  .page-intro-title.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title.is-animation {
    flex: 1;
    margin-left: 0;
  }

  .page-intro-title.is-skills {
    margin-left: 0;
  }

  .intro-copy-text {
    padding-left: 0;
    padding-right: 0;
  }

  .page-intro-title-small {
    font-size: 2.6vw;
  }

  .page-intro-title-small.is-made-in-webflow {
    margin-right: 0;
  }

  .page-intro-title-small.is-best-in-class {
    margin-left: 0;
  }

  .header-left {
    flex-wrap: wrap;
    justify-content: center;
  }

  .header-inner {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    justify-content: center;
    padding-top: 4.5em;
  }

  .nav-bar {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .navbar-wrapper {
    min-height: 88px;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: visible;
  }

  .menu-item {
    display: none;
  }

  .fs_modal-1_close {
    padding: 1rem;
  }

  .fs_modal-1_heading {
    font-size: 2rem;
  }

  .fs_modal-1_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .fs_modal-1_popup {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-light.title-servico {
    text-align: left;
    width: 100%;
  }

  .image {
    aspect-ratio: 3 / 2;
  }

  .video-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .menu-buton {
    display: flex;
  }

  .menu-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--accessible-components--text-dark);
    flex-flow: column;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: static;
  }

  .menu-item-mobile {
    color: var(--white);
    padding: .5rem;
  }

  .collection-list-4 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }

  .image-item, .text-item {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .image-2 {
    aspect-ratio: 1;
    width: 100%;
  }

  .h-wrapper.text-light, .p-wrapper.text-medium {
    width: 100%;
  }

  .intro-servicos {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .conten-servico-wrapper, .entregavel-wrapper {
    max-width: 100%;
  }

  .columns {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .column {
    height: auto;
  }

  .form-e-infos, .maps-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .collection-list-5 {
    grid-template-columns: 1fr;
  }

  .slider-clientes-home {
    grid-template-columns: 1fr 1fr;
  }

  .grid-cases, .grid-time, .grid-servicos-nw {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: -1px;
    font-size: 3rem;
  }

  h2 {
    letter-spacing: -1px;
    font-size: 2rem;
  }

  h3 {
    letter-spacing: -1px;
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    letter-spacing: -.5px;
    font-size: 1.125rem;
  }

  p {
    font-weight: 400;
  }

  .section-after-intro-text {
    margin-top: 15vh;
    padding-bottom: 0;
  }

  .header-button {
    width: 100%;
  }

  .page-intro-text-wrapper {
    height: 60%;
    margin-top: 0;
    inset: auto 0% 0%;
  }

  .page-padding {
    padding-top: 0;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .header-button-wrapper {
    width: 100%;
  }

  .page-intro-wrapper {
    padding-top: 12em;
  }

  .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .header-left {
    font-size: .8em;
  }

  .nav-bar {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 330px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .navbar-wrapper {
    min-height: 88px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .video-box-wrapper {
    width: 100%;
    height: 36.25rem;
    max-height: 36.25rem;
  }

  .trabalhos-wrapper {
    padding-bottom: 2rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .text-light.h-vamos-conversar {
    text-align: center;
  }

  .cases-wrapper {
    padding-top: 1.5rem;
  }

  .lightbox-case {
    border-radius: 1rem;
    height: 24.5rem;
  }

  .lightbox-case.interna {
    height: 24.5rem;
  }

  .image {
    aspect-ratio: 1;
  }

  .collection-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .container-h-case {
    padding-top: .153846rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }

  .clientes-que-confiam {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .collection-list-2 {
    grid-template-columns: 1fr 1fr;
  }

  .footer-container {
    grid-column-gap: 4.5rem;
    grid-row-gap: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu-buton {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
  }

  .menu-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--accessible-components--text-dark);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-flow: column;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: static;
    top: 89.5px;
  }

  .menu-item-mobile {
    color: var(--accessible-components--text-light);
    padding: .5rem;
  }

  .heading-4 {
    font-size: 2rem;
  }

  .collection-item-2 {
    padding-top: 1rem;
  }

  .grid-servicos {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .intro-servico-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .entregavel-wrapper {
    grid-template-columns: 1fr;
  }

  .intro-contato {
    padding-left: 1rem;
  }

  .columns {
    flex-flow: column;
  }

  .form-e-infos {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .input-wrapper {
    padding-left: 2rem;
    padding-right: 0;
  }

  .submit-button-wrapper {
    padding-top: 1rem;
  }

  .submit-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-shape {
    background-position: 50%;
    background-size: contain;
  }

  .maps-wrapper {
    padding: 2rem 1rem;
  }
}

#w-node-_0a98c089-6396-69f3-9d11-4f600789d832-49eaefcc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_924d7f9a-ebf8-cf9f-c397-b1280f0e7d31-49eaefcc {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_924d7f9a-ebf8-cf9f-c397-b1280f0e7d31-49eaefcc {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_924d7f9a-ebf8-cf9f-c397-b1280f0e7d31-49eaefcc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
}