@font-face {
  font-family: Markpro Black;
  src: url('../fonts/MarkPro-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Markpro;
  src: url('../fonts/MarkPro-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Markpro Bold;
  src: url('../fonts/MarkPro-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Markpro;
  src: url('../fonts/MarkPro-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Markpro Book;
  src: url('../fonts/MarkPro-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Markpro;
  src: url('../fonts/MarkPro-BookItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Markpro Medium;
  src: url('../fonts/MarkPro-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Markpro;
  src: url('../fonts/MarkPro-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Markpro Light;
  src: url('../fonts/MarkPro-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Markpro;
  src: url('../fonts/MarkPro-LightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --black: black;
  --font-default: "Markpro Book", sans-serif;
  --white: white;
  --salesforce-blue: #0d9dda;
  --salesforce-blue-hover: #087aaa;
  --grey: #353535;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--black);
  font-family: var(--font-default);
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h4 {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}

p {
  margin-bottom: 0;
}

.section-herobanner {
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 12vh;
  padding-bottom: 12vh;
  font-size: 1px;
  display: flex;
}

.section-video {
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 72rem;
  display: flex;
}

.text-ticker_text {
  letter-spacing: -.0375em;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1;
  display: inline;
}

.video {
  object-fit: fill;
  width: 60vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.section-numeros {
  color: #fff;
  flex-direction: column;
  margin-bottom: 10vh;
  padding-top: 10vh;
  display: flex;
}

.text-ticker_text_pessoas {
  text-align: center;
  letter-spacing: -.0375em;
  max-width: 72vw;
  margin-left: auto;
  margin-right: auto;
  font-family: Markpro Bold, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.25;
  display: inline;
}

.btn-text {
  z-index: 1;
  color: #000;
  border: 0 solid #000;
  border-radius: 0;
  font-family: Markpro Bold, sans-serif;
  position: relative;
}

.btn-text.btn-text-servicos {
  font-size: 20px;
}

.logoloba {
  width: 80px;
}

.link-block {
  margin-right: auto;
  position: static;
  top: 5vh;
  left: 0;
}

.btn-inner-2 {
  color: #fff;
  background-color: #0000;
  border-radius: 50px;
  padding: 14px 26px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

.btn-inner-2.btn-inner-2-servicos {
  padding: 24px 40px;
}

.menu {
  z-index: 200;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: 40px;
  display: flex;
  position: static;
  top: 5vh;
  right: 5vw;
}

.btn-outer-2 {
  background-color: #fff3;
  border-radius: 50px;
  padding: 2px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 16px #0b76a329;
}

.glow-border {
  background-color: var(--salesforce-blue);
  filter: blur(20px);
  width: 30%;
  height: 90%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button {
  border-radius: 0;
  padding: 10px 0 10px 10px;
}

.anchor {
  color: #fff;
  padding: 8px;
  font-family: Markpro Medium, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  position: static;
}

.menu-bar {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  top: 0;
}

.glow-inner {
  background-color: var(--salesforce-blue-hover);
  filter: blur(16px);
  width: 25%;
  height: 60%;
  position: absolute;
  inset: -10% auto auto -10%;
}

.div_2blocos_pessoas {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 40vw;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div_block_esq {
  margin-top: -12px;
  padding-top: 0;
}

.text_pessoas_h3 {
  color: #fff;
  text-align: right;
  -webkit-text-stroke-color: #918989;
  font-family: Markpro Light, sans-serif;
  font-size: 24px;
  line-height: 120%;
}

.text_pessoas_h4 {
  margin-bottom: 16px;
}

.bold-text-2 {
  font-family: Markpro Medium, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

.bold-text-3 {
  text-align: left;
  -webkit-text-stroke-color: #000;
  font-size: 32px;
  line-height: 140%;
}

.bold-text-4 {
  font-family: Markpro Light, sans-serif;
  font-size: 16px;
  line-height: 140%;
}

.image-2 {
  width: 20px;
}

.section-badges {
  padding-top: 12rem;
  padding-bottom: 5rem;
  display: block;
  overflow: hidden;
}

.div-implementation {
  background-color: #fff;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-community {
  background-color: var(--black);
  justify-content: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.text-community {
  color: var(--white);
  -webkit-text-stroke-color: #fff;
  font-family: Markpro Light, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  display: inline;
}

.text-implementation {
  color: var(--salesforce-blue);
  -webkit-text-stroke-color: var(--salesforce-blue);
  font-family: Markpro Light, sans-serif;
  font-size: 40px;
  line-height: 100%;
  display: inline;
}

.project-ttitle {
  color: var(--salesforce-blue);
  text-align: left;
  -webkit-text-stroke-color: var(--salesforce-blue-hover);
  text-transform: none;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 2vh;
  font-family: Markpro Book, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.project-ttitle.project-title-first {
  color: #00b3ff;
  -webkit-text-stroke-color: #71d0f8;
  font-family: Markpro Light, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.project-ttitle.project-title-first.titleworktogether {
  color: var(--white);
}

.project-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.project-card {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: transform .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-card:hover {
  transform: skew(-2deg);
}

.wrapper {
  align-self: stretch;
  width: 100%;
}

.project-overlay {
  z-index: 2;
  opacity: 1;
  background-image: linear-gradient(#0d9ddacc, #0d9ddacc);
  border-radius: 16px;
  align-items: flex-start;
  display: flex;
  position: static;
  inset: 0%;
  overflow: hidden;
}

.project-overlay.project-overlay-first {
  background-image: none;
  align-items: flex-start;
}

.project-overlay.projectoverlayworktogether {
  background-image: linear-gradient(#fff, #fff);
}

.collection-item {
  flex: none;
  align-items: flex-end;
  width: 25%;
  display: flex;
}

.text-parceiro {
  opacity: 0;
  color: #8a8a8a;
  margin-bottom: 8px;
  font-family: Markpro Book, sans-serif;
  font-size: 16px;
}

.section-logos-partners {
  background-color: var(--white);
  padding-bottom: 15vh;
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
}

.div-heading-partners {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15vh;
  display: flex;
}

.heading-partners {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Markpro Book, sans-serif;
  font-size: 1.5rem;
}

.section-case-studies {
  background-color: var(--salesforce-blue);
  height: 600vh;
  padding-top: 0;
}

.scroll-container-worktogether {
  z-index: 1;
  flex: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sticky-worktogether {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  padding-left: 5%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.margin-30px-worktogether {
  margin-top: 30px;
}

.wrapper-worktogether {
  align-self: stretch;
  width: 100%;
}

.collection-list-worktogether {
  grid-column-gap: 40px;
  display: flex;
}

.collection-item-worktogether {
  flex: none;
  align-items: flex-end;
  width: 30%;
  padding-right: 0;
  display: flex;
}

.collection-item-worktogether.first {
  width: 30%;
}

.text-block-19 {
  color: var(--white);
  font-family: Markpro Book, sans-serif;
  font-weight: 400;
}

.button-2 {
  background-color: #000;
  border-radius: 50px;
  margin-right: auto;
  padding: 16px 24px;
  font-family: Markpro Medium, sans-serif;
  display: inline-block;
}

.div-button-loba {
  margin-top: 4vh;
  margin-right: auto;
  display: flex;
}

.text-block-meanwhile {
  color: #77787c;
  text-align: left;
  margin-top: 10vh;
  font-family: Markpro Medium, sans-serif;
  font-size: 1.5em;
  line-height: 80%;
}

.divaditionalinfo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.form_section {
  z-index: 210;
  background-color: #fff;
  margin-top: 0;
  padding-top: 16vh;
  padding-bottom: 10vh;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-13 {
  width: 60%;
}

.success-message {
  background-color: #0000;
  padding: 0;
  position: relative;
}

.error-message {
  color: #989fed;
  background-color: #0000;
  padding: 0;
  font-family: Markpro, sans-serif;
  font-weight: 700;
}

.text-field {
  color: #7c7c7c;
  border-radius: 50px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Markpro Book, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 100%;
}

.text-field:hover {
  color: #bdbdbd;
}

.text-field:active, .text-field:focus {
  border: 1px solid #000;
}

.text-field.aboutyourproject {
  border-radius: 32px;
  min-height: 160px;
}

.form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-hero_heading {
  color: #444;
  letter-spacing: -.03em;
  width: 100%;
  max-width: 10.2em;
  font-family: Markpro, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1;
}

.main-hero_heading.formtitletext {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Markpro Book, sans-serif;
  font-size: 4em;
}

.div-block-16 {
  grid-column-gap: 10vw;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.submit-button {
  background-color: #000;
  border-radius: 50px;
  margin-top: 32px;
  padding: 24px 16px;
  font-family: Markpro Book, sans-serif;
  font-size: 1.3em;
}

.submit-button:hover {
  background-color: #4d4d4d;
}

.link-3 {
  color: #000;
}

.checkbox-2 {
  background-color: #fff;
}

.checkbox-2.w--redirected-checked {
  background-color: #000;
}

.text-block-8 {
  color: var(--salesforce-blue);
  text-align: left;
  font-family: Markpro Light, sans-serif;
  font-size: 3em;
  line-height: 100%;
}

.div-block-17 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 16px;
}

.div-block-17.formtitle {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  position: relative;
  top: 0;
}

.text-span-6 {
  color: var(--salesforce-blue);
}

.text-form {
  color: var(--black);
  width: 60%;
  margin-bottom: 5vh;
  font-family: Markpro Medium, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.checkbox-label-3 {
  font-family: Markpro Book, sans-serif;
}

.wrap-footer {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border: 0 solid #000;
  border-top: 1px #fff9;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.text-block-6 {
  font-family: var(--font-default);
  color: var(--white);
  font-weight: 400;
}

.policies-link {
  grid-column-gap: 24px;
  font-family: var(--font-default);
  color: var(--white);
  flex-wrap: nowrap;
  flex: 0 auto;
  place-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.policies-link:hover {
  opacity: .6;
}

.text-block-20 {
  color: var(--salesforce-blue);
  font-family: Markpro Bold, sans-serif;
}

.auto-scrolling-text {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.heading-hero-scroll {
  color: var(--salesforce-blue);
  text-align: left;
  font-family: Markpro Medium, sans-serif;
  font-size: 3rem;
  line-height: 4rem;
}

.auto-scrolling-list {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 4rem;
  overflow: visible;
}

.number {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: #918989;
  font-family: Markpro Black, sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 120%;
}

.number-info {
  color: #fff;
  text-align: center;
  -webkit-text-stroke-color: #918989;
  font-family: Markpro Light, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.number-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #ffffff52;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 200px;
  padding: 24px;
  display: flex;
}

.grid_numbers {
  grid-column-gap: 56px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: stretch stretch;
  width: 100%;
  max-width: 60vw;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.section-logos {
  background-color: var(--white);
  flex-flow: row;
  margin-top: 7.5vh;
  margin-bottom: 7.5vh;
  overflow: visible;
}

.wrap-logos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: center;
  min-width: 100%;
  font-size: 24px;
  display: grid;
}

.logo-parceiro {
  max-height: 84px;
}

.case-studie-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.client-name {
  color: var(--black);
  text-align: left;
  text-transform: none;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 2vh;
  font-family: Markpro Book, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.case-description {
  color: #414242;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 0;
  font-family: Markpro Book, sans-serif;
  font-size: .85rem;
  font-weight: 300;
  line-height: 180%;
  position: static;
}

.sector-tag {
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  font-family: Markpro Bold, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.solution {
  border: 1px solid var(--salesforce-blue);
  background-color: var(--salesforce-blue);
  color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
}

.flex-block-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding-bottom: 2vh;
}

.horizontal-item {
  flex: none;
  width: 34%;
  padding-right: 20px;
}

.horizontal-item.header {
  justify-content: center;
  align-items: flex-start;
  padding-right: 132px;
}

.text-card-como {
  text-align: center;
  font-size: 1.6rem;
  line-height: 120%;
}

.button-cards-como {
  text-transform: uppercase;
  background-color: #0d9dda;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 8px 8px 16px;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button-cards-como:hover {
  background-color: #087aaa;
}

.horizontal-sticky {
  width: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.project-ttitle-2 {
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-color: #087aaa;
  text-transform: none;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 2vh;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.project-ttitle-2.project-title-first {
  color: #00b3ff;
  -webkit-text-stroke-color: #71d0f8;
  font-size: 40px;
  line-height: 48px;
}

.container-2 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
}

.container-2.is--sticky {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.text-servicos-solution-2 {
  color: #fff;
  background-color: #0000;
  border-radius: 20px;
  padding: 0 8px 0 0;
  text-decoration: none;
}

.wrapper-2 {
  width: 100%;
  display: block;
}

.text-servicos-2 {
  color: #fff;
}

.image-3 {
  opacity: .4;
  color: #0d9dda;
  height: 12px;
  transform: rotate(90deg);
}

.wrap-card-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #000;
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-around;
  align-items: center;
  min-width: 100%;
  min-height: 35vh;
  padding: 2rem;
  font-weight: 400;
}

.horizontal-section {
  position: relative;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.stack-testemunhos {
  justify-content: flex-start;
  align-items: center;
  max-width: 680px;
  height: 40vh;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  overflow: hidden;
}

.div-text-assinatura {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.wrap-fixed-height {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  display: flex;
}

.button-3 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 56px;
  padding: 16px 32px;
  text-decoration: none;
  transition: all .2s;
}

.button-3:hover {
  color: #fff;
  background-color: #009ddb;
  border-color: #009ddb;
}

.button-3.large {
  padding: 24px 40px;
}

.button-3.large.absolut {
  position: absolute;
  bottom: 96px;
}

.wrap-aspa {
  color: #0d9dda;
  -webkit-text-stroke-color: black;
  margin-right: 16px;
}

.text-assinatura {
  font-size: 13px;
}

.fade-on-top {
  z-index: 4;
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  min-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.assinatura-cliente {
  grid-column-gap: 8px;
  color: #000;
  align-items: center;
  display: flex;
}

.button-label {
  font-weight: 700;
}

.button-label.large-2 {
  font-size: 20px;
  line-height: 100%;
}

.section-testemunhos {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 5rem;
  display: flex;
  position: relative;
}

.aspa {
  color: #e9e9e9;
  -webkit-text-stroke-color: black;
  font-family: Markpro, sans-serif;
  font-size: 80px;
  font-style: italic;
  font-weight: 500;
  line-height: 80%;
}

.testemunho-cliente {
  direction: ltr;
  color: #6d6d6d;
  text-transform: none;
  margin-bottom: 24px;
  font-family: Markpro Book, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.cliente {
  color: #0d9dda;
  margin-bottom: 16px;
  font-size: 13px;
}

.text-assinatura-cargo {
  font-family: Markpro Book, sans-serif;
  font-size: 13px;
}

.card-testemunho {
  background-color: #fff;
  border-radius: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  box-shadow: 0 16px 24px #bcdfee5c;
}

.glow-inner-2 {
  filter: blur(16px);
  background-color: #087aaa;
  width: 25%;
  height: 60%;
  position: absolute;
  inset: -10% auto auto -10%;
}

.video-youtube {
  aspect-ratio: 16 / 9;
  object-fit: fill;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
}

.section-video-youtube {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.div-block-18, .wrap-video {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section {
  height: 80vh;
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 90%;
  }

  .text-ticker_text {
    line-height: 1.2;
  }

  .section-numeros {
    margin-bottom: 5vh;
    padding-top: 5vh;
  }

  .text-ticker_text_pessoas {
    max-width: 80vw;
    font-size: 3rem;
  }

  .div-block-2 {
    display: none;
  }

  .div_2blocos_pessoas {
    max-width: 80vw;
  }

  .section-badges {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .project-ttitle {
    margin-bottom: 24px;
    font-size: 26px;
  }

  .project-content {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem;
    padding-bottom: 19px;
  }

  .project-card {
    background-color: #0000;
    text-decoration: none;
  }

  .project-card:hover {
    transform: none;
  }

  .wrapper {
    margin-bottom: 24px;
  }

  .project-overlay {
    background-image: linear-gradient(to bottom, var(--salesforce-blue), var(--salesforce-blue));
    width: 100%;
  }

  .project-overlay.project-overlay-first {
    background-image: none;
  }

  .collection-item {
    flex: 0 auto;
    width: 100%;
    padding-right: 0;
  }

  .section-logos-partners {
    padding-bottom: 5vh;
  }

  .div-heading-partners {
    padding-top: 8vh;
  }

  .section-case-studies {
    height: auto;
  }

  .scroll-container-worktogether {
    flex: 1;
  }

  .sticky-worktogether {
    width: auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 5%;
    position: relative;
    overflow: visible;
  }

  .wrapper-worktogether {
    margin-bottom: 80px;
  }

  .collection-list-worktogether {
    flex-flow: wrap;
  }

  .collection-item-worktogether {
    flex: 0 auto;
    width: 100%;
    padding-right: 0;
  }

  .collection-item-worktogether.first {
    width: 100%;
  }

  .form_section {
    padding-top: 8vh;
    padding-bottom: 5vh;
  }

  .div-block-13 {
    width: 80%;
  }

  .main-hero_heading {
    font-size: 3em;
  }

  .wrap-footer {
    width: 80%;
  }

  .text-block-6, .policies-link {
    font-size: 12px;
  }

  .heading-hero-scroll {
    font-size: 2rem;
  }

  .grid_numbers {
    grid-column-gap: 24px;
    max-width: 80vw;
  }

  .wrap-logos {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .case-studie-content {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem;
    padding-bottom: 19px;
  }

  .client-name {
    margin-bottom: 24px;
    font-size: 26px;
  }

  .horizontal-item {
    width: 52%;
  }

  .project-ttitle-2 {
    margin-bottom: 24px;
    font-size: 26px;
  }

  .container-2 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .section-testemunhos {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .text-ticker_text {
    font-size: 8vw;
  }

  .text-ticker_text_pessoas {
    font-size: 2.5rem;
  }

  .btn-text.btn-text-servicos {
    font-size: 16px;
  }

  .text-community, .text-implementation {
    font-size: 24px;
  }

  .project-card {
    margin-right: 9px;
  }

  .div-heading-partners {
    padding-top: 5vh;
  }

  .main-hero_heading {
    font-size: 3.5em;
  }

  .wrap-footer {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .heading-hero-scroll {
    font-size: 1.4rem;
  }

  .number-col {
    justify-content: center;
    align-items: center;
  }

  .grid_numbers {
    grid-template-columns: 1fr;
    margin-top: 6vh;
  }

  .section-logos {
    margin-top: 3vh;
    margin-bottom: 0;
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .stack-testemunhos {
    height: auto;
  }

  .wrap-fixed-height {
    min-height: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .list-testemunhos {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-testemunhos {
    padding: 2rem;
  }

  .testemunho-cliente {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    text-align: center;
  }

  .section-herobanner {
    height: 80vh;
  }

  .section-numeros {
    margin-bottom: 5vh;
  }

  .text-ticker_text_pessoas {
    max-width: 80vw;
    font-size: 2rem;
  }

  .btn-text {
    font-size: 13px;
  }

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

  .btn-inner-2 {
    padding: 8px 16px;
  }

  .btn-inner-2.btn-inner-2-servicos {
    padding-left: 32px;
    padding-right: 32px;
  }

  .btn-outer-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-bar {
    background-color: #000;
    margin-top: 0;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .div_2blocos_pessoas {
    grid-template-columns: 1fr;
  }

  .text_pessoas_h3 {
    text-align: left;
    font-size: 18px;
  }

  .bold-text-2 {
    font-size: 13px;
  }

  .bold-text-3 {
    font-size: 22px;
  }

  .bold-text-4 {
    font-size: 13px;
  }

  .text-community, .text-implementation {
    text-align: center;
  }

  .project-ttitle.project-title-first {
    font-size: 32px;
    line-height: 36px;
  }

  .project-content {
    margin-top: 2rem;
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .project-card {
    margin-bottom: 19px;
  }

  .collection-item {
    align-items: flex-start;
    width: 100%;
  }

  .text-parceiro {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-logos-partners {
    padding-bottom: 2vh;
  }

  .div-heading-partners {
    padding-top: 4vh;
  }

  .heading-partners {
    margin-left: 20px;
    margin-right: 20px;
    line-height: 1.5rem;
  }

  .sticky-worktogether {
    padding-top: 0;
    padding-bottom: 0;
  }

  .collection-list-worktogether {
    flex-wrap: wrap;
    place-content: stretch flex-start;
    align-items: flex-start;
  }

  .collection-item-worktogether {
    align-items: flex-start;
    width: 100%;
  }

  .div-block-13 {
    width: 100%;
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .main-hero_heading {
    font-size: 2.4em;
  }

  .main-hero_heading.formtitletext {
    width: 100%;
    max-width: none;
    font-size: 3em;
  }

  .submit-button {
    margin-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-17.formtitle {
    width: 90%;
  }

  .text-form {
    width: 100%;
    margin-bottom: 0;
  }

  .heading-hero-scroll {
    text-align: center;
    font-size: .8rem;
  }

  .number {
    text-align: left;
    font-size: 40px;
  }

  .number-info {
    text-align: left;
    font-size: 18px;
  }

  .grid_numbers {
    grid-template-columns: 1fr;
    margin-top: 4vh;
  }

  .section-logos {
    margin-top: 4vh;
    margin-bottom: 2vh;
  }

  .wrap-logos {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .case-studie-content {
    margin-top: 2rem;
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .project-ttitle-2.project-title-first {
    font-size: 32px;
    line-height: 36px;
  }

  .text-servicos-2 {
    width: 100%;
    margin-bottom: 32px;
  }

  .section-testemunhos {
    padding-top: 4rem;
  }

  .aspa {
    font-size: 60px;
  }

  .card-testemunho {
    padding: 16px;
  }
}

#w-node-_4fdc07a7-4a8b-5221-5b56-8e926c247f30-d5ba870a {
  align-self: stretch;
}

#w-node-_9d9821fb-510d-80a1-0035-9d5e0a219f87-d5ba870a, #w-node-_9d9821fb-510d-80a1-0035-9d5e0a219f90-d5ba870a, #w-node-_9d9821fb-510d-80a1-0035-9d5e0a219f99-d5ba870a, #w-node-_9d9821fb-510d-80a1-0035-9d5e0a219fa2-d5ba870a, #w-node-_9d9821fb-510d-80a1-0035-9d5e0a219fab-d5ba870a {
  place-self: stretch stretch;
}

#w-node-d29aa243-fd74-4baf-f65b-9c12b734a2b0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2c0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2d0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2e0-d5ba870a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_857934db-0ec3-d929-a490-4f4cdb0bce3b-d5ba870a, #w-node-_85fd250d-efe6-fe26-3dda-c26f449f7b6f-d5ba870a, #w-node-_3608eea6-c17a-b04e-69ce-45584b8fd543-d5ba870a, #w-node-b7cde0af-b0fb-3eac-ab03-e17ca09aef12-d5ba870a, #w-node-f74e0aa9-b92b-0538-ce47-0c7470736c75-d5ba870a, #w-node-_4b506b3f-8a99-d19c-57a6-709de7c0ec3f-d5ba870a, #w-node-b59ccc56-98f4-abf3-d339-65b6a17a38bb-d5ba870a, #w-node-a7036a62-1a00-1266-7895-e67d6effcd40-d5ba870a, #w-node-_12de2247-d243-67fd-2729-27b12cdcb8ff-d5ba870a, #w-node-f3bb9229-9640-608c-86f7-6408486a3ed6-d5ba870a, #w-node-_459ed020-250c-2c95-ba29-120c7251c2e8-d5ba870a, #w-node-fdc5bf8f-8397-1feb-de9e-b92ef03249eb-d5ba870a, #w-node-_06a1f850-11b7-af99-0bd0-20695f5306a8-d5ba870a, #w-node-_71bfbed8-78b1-d00a-4089-c62e99c110be-d5ba870a, #w-node-_7a4532d9-ffbd-8732-8a36-e52a5e56b537-d5ba870a, #w-node-_884f8ffc-db70-5bc0-d8f8-de642c48a7f8-d5ba870a, #w-node-_06c3ea75-ce1e-69b5-3b5e-47020d07f3e6-d5ba870a, #w-node-e3e97818-a636-f197-dc12-29540708ec76-d5ba870a, #w-node-ff8a902a-26b7-2089-bd02-f04c1223d61d-d5ba870a, #w-node-_2364bc53-d846-f03c-2848-4c7fc47d55e4-d5ba870a, #w-node-c69457ea-39d6-016c-f8cf-c9261c8d7d0a-d5ba870a, #w-node-_491068cb-34b7-aa67-9a70-fdb9bdd4092e-d5ba870a, #w-node-d45e02aa-539e-a65d-6279-a68f4f540cb1-d5ba870a, #w-node-c5491e0a-adb6-5aba-9fff-bf28aacc2ece-d5ba870a, #w-node-a7a104f4-1e7f-7fb3-e98d-905ba123eec7-d5ba870a, #w-node-e74d28fe-40df-041c-b2bd-a6d50a0f1c29-d5ba870a, #w-node-_644c584e-5af4-5f3a-6b8d-0fdb2ae4f4bb-d5ba870a, #w-node-cb5f4bcb-faa8-8ace-b7df-db26c9b06f7f-d5ba870a, #w-node-f608393b-e460-eb1b-8496-0fda9685fb8d-d5ba870a, #w-node-_3ae2d54e-6c1b-5499-6b11-4b07fdeec9ba-d5ba870a, #w-node-ba3e7cb5-c075-aeb0-a99e-97568a8d6aca-d5ba870a, #w-node-a536c446-2535-4947-5c57-6a8c3060d9ee-d5ba870a, #w-node-_0da08507-4c52-9529-51ce-99406b845cec-d5ba870a, #w-node-c5b855de-3471-03c8-3968-b7990978641d-d5ba870a, #w-node-_2a2c51f4-3606-0e3b-deff-1326129138c5-d5ba870a, #w-node-c367e78b-8062-4930-7694-1d9af29ff89b-d5ba870a, #w-node-a462e5cd-5aa4-4fe7-763b-fcbb422e8228-d5ba870a, #w-node-_6330d0ba-58bb-a4e5-14e3-1569a976111b-d5ba870a, #w-node-f61d9989-16d6-0532-2de1-b9ff25663574-d5ba870a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c62f2f1f-cf93-c662-2942-d0df1d8ae3bb-d5ba870a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-e880b996-4328-3026-583b-efdb80ee3067-d5ba870a {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-e880b996-4328-3026-583b-efdb80ee30a9-d5ba870a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#Nome.w-node-e880b996-4328-3026-583b-efdb80ee30aa-d5ba870a {
  grid-area: 1 / 1 / 2 / 2;
}

#Email.w-node-e880b996-4328-3026-583b-efdb80ee30ad-d5ba870a {
  grid-area: 1 / 2 / 2 / 3;
}

#Telemovel-2.w-node-e880b996-4328-3026-583b-efdb80ee30ab-d5ba870a {
  grid-area: 2 / 1 / 3 / 2;
}

#Empresa.w-node-e880b996-4328-3026-583b-efdb80ee30ac-d5ba870a {
  grid-area: 2 / 2 / 3 / 3;
}

#Emquepodemosajudar.w-node-e880b996-4328-3026-583b-efdb80ee30ae-d5ba870a {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_2c1e8d0b-828e-0104-e5a4-d33427699d61-d5ba870a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e880b996-4328-3026-583b-efdb80ee30b7-d5ba870a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_036e81c8-1fe5-fa67-efed-07b0641f533d-d5ba870a {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_036e81c8-1fe5-fa67-efed-07b0641f533f-d5ba870a {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_036e81c8-1fe5-fa67-efed-07b0641f5341-d5ba870a {
  grid-area: 1 / 4 / 2 / 5;
}

@media screen and (max-width: 991px) {
  #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2b0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2c0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2d0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2e0-d5ba870a {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_036e81c8-1fe5-fa67-efed-07b0641f533d-d5ba870a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_036e81c8-1fe5-fa67-efed-07b0641f533f-d5ba870a, #w-node-_036e81c8-1fe5-fa67-efed-07b0641f5341-d5ba870a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2b0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2c0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2d0-d5ba870a, #w-node-d29aa243-fd74-4baf-f65b-9c12b734a2e0-d5ba870a {
    grid-column-end: 3;
  }

  #w-node-e880b996-4328-3026-583b-efdb80ee30a9-d5ba870a {
    grid-area: 2 / 1 / 3 / 3;
  }

  #Nome.w-node-e880b996-4328-3026-583b-efdb80ee30aa-d5ba870a {
    grid-column-end: 3;
  }

  #Email.w-node-e880b996-4328-3026-583b-efdb80ee30ad-d5ba870a {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #Telemovel-2.w-node-e880b996-4328-3026-583b-efdb80ee30ab-d5ba870a {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }

  #Empresa.w-node-e880b996-4328-3026-583b-efdb80ee30ac-d5ba870a {
    grid-row: 4 / 5;
    grid-column-start: 1;
  }

  #Emquepodemosajudar.w-node-e880b996-4328-3026-583b-efdb80ee30ae-d5ba870a {
    grid-row: 5 / 6;
  }

  #w-node-_2c1e8d0b-828e-0104-e5a4-d33427699d61-d5ba870a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e880b996-4328-3026-583b-efdb80ee30b7-d5ba870a {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_036e81c8-1fe5-fa67-efed-07b0641f533d-d5ba870a {
    grid-column-end: 5;
  }

  #w-node-_036e81c8-1fe5-fa67-efed-07b0641f533f-d5ba870a {
    grid-column: 1 / 3;
    grid-row-start: 2;
  }

  #w-node-_036e81c8-1fe5-fa67-efed-07b0641f5341-d5ba870a {
    grid-row: 2 / 3;
    grid-column-start: 3;
  }
}


@font-face {
  font-family: 'Markpro Black';
  src: url('../fonts/MarkPro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro';
  src: url('../fonts/MarkPro-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro Bold';
  src: url('../fonts/MarkPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro';
  src: url('../fonts/MarkPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro Book';
  src: url('../fonts/MarkPro-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro';
  src: url('../fonts/MarkPro-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro Medium';
  src: url('../fonts/MarkPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro';
  src: url('../fonts/MarkPro-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro Light';
  src: url('../fonts/MarkPro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Markpro';
  src: url('../fonts/MarkPro-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}