:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1920px;
  height: 10061px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.flex-row-c {
  position: relative;
  width: 1342.095px;
  height: 80px;
  margin: 41.96px 0 0 289.699px;
  z-index: 32;
}
.group {
  position: absolute;
  width: 10.19%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/U6qgLiAihb.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}
.regroup {
  position: absolute;
  width: 6.1%;
  height: 100%;
  top: 0;
  left: 63.58%;
  z-index: 32;
}
.vector {
  position: absolute;
  width: 36.57%;
  height: 30px;
  top: 50%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/13ZDad0Qrj.png)
    no-repeat center;
  background-size: cover;
  transform: translate(0, -116.65%);
  z-index: 32;
}
.sobre {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 51.27%;
  height: 35%;
  top: 8.76%;
  left: 48.73%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 31;
}
.servicos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.47%;
  height: 35%;
  top: 8.76%;
  left: 75.96%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 29;
}
.contato {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 4.4%;
  height: 35%;
  top: 8.76%;
  left: 86.61%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 28;
}
.group-1 {
  position: absolute;
  width: 2.88%;
  height: 25.49%;
  top: 13.51%;
  left: 97.12%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Zw09cORgP1.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}
.design-bonito-nao {
  position: relative;
  width: 1372.131px;
  height: 106px;
  margin: 184.591px 0 0 273.934px;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 106px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 52;
}
.design {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 153.6px;
  text-align: center;
}
.nbsp {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 106px;
  text-align: center;
}
.design-2 {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 153.6px;
  text-align: center;
}
.nao-basta {
  position: relative;
  color: #ffffff;
  font-family: Didot HTF-B06--Ital, var(--default-font-family);
  font-size: 128px;
  font-weight: 700;
  line-height: 153.6px;
  text-align: center;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 227px;
  height: 50px;
  margin: 4504.337px 0 0 744px;
  padding: 5px 18px 5px 18px;
  background: #7027ff;
  z-index: 54;
  border-radius: 50px;
}
.clareza-desde-o {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 191px;
  height: 30px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 55;
}
.flex-row-b {
  position: relative;
  width: 1197.046px;
  height: 409px;
  margin: 0 0 0 361.477px;
  z-index: 66;
}
.o-que-voce-pode {
  position: absolute;
  width: 1197.046px;
  height: 384px;
  top: 0;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 600;
  line-height: 128px;
  text-align: center;
  transform: translate(-50%, 0);
  z-index: 53;
}
.trabalhando {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 128px;
  text-align: center;
}
.com-a-gente {
  position: relative;
  color: #ffffff;
  font-family: Didot HTF-B06--Ital, var(--default-font-family);
  font-size: 128px;
  font-weight: 700;
  line-height: 128px;
  text-align: center;
}
.trabalhando-3 {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 128px;
  text-align: center;
}
.processo-organizado {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 227px;
  height: 50px;
  top: 103.677px;
  left: 16.523px;
  padding: 5px 18px 5px 18px;
  background: #38f5bc;
  z-index: 56;
  border-radius: 50px;
}
.frame-4 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 191px;
  height: 30px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 57;
}
.comunicacao-direta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 212px;
  height: 50px;
  top: 122.612px;
  left: 880.523px;
  padding: 5px 18px 5px 18px;
  background: #e434e4;
  z-index: 58;
  border-radius: 50px;
}
.frame-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 176px;
  height: 30px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 59;
}
.decisoes-baseadas-em {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 320px;
  height: 50px;
  top: 247px;
  left: 315.523px;
  padding: 5px 18px 5px 18px;
  background: #7027ff;
  z-index: 64;
  border-radius: 50px;
}
.design-pensado-para {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 284px;
  height: 30px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 65;
}
.frame-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 364px;
  height: 50px;
  top: 359px;
  left: 694.523px;
  padding: 5px 18px 5px 18px;
  background: #38f5bc;
  z-index: 66;
  border-radius: 50px;
}
.nao-somos-uma {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 328px;
  height: 30px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 67;
}
.somos-especialistas-em {
  position: relative;
  width: 1211.105px;
  height: 50px;
  margin: 107.471px 0 0 354.447px;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 68;
}
.rectangle {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
}
.servicos-que-prestamos {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 50px;
  text-align: center;
}
.flex-row {
  position: relative;
  width: 1920px;
  height: 1215.016px;
  margin: 196.471px 0 0 0;
  font-size: 0px;
  background: #000000;
  z-index: 77;
  overflow: visible auto;
}
.rectangle-7 {
  display: block;
  position: relative;
  height: 50px;
  margin: 152.653px 0 0 278.919px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}
.ux-sprint-de {
  position: relative;
  width: 1360px;
  height: 200px;
  margin: 173.625px 0 0 280px;
  z-index: 86;
}
.clareza-antes-de {
  position: absolute;
  width: 344.46px;
  height: 200px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/EJKhFR1Ty1.png)
    no-repeat center;
  background-size: cover;
  z-index: 86;
  border-radius: 10px;
}
.section-3 {
  position: absolute;
  width: 345px;
  height: 95px;
  top: 51.31px;
  left: 431px;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  z-index: 82;
}
.text-13 {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.text-14 {
  position: relative;
  color: #ffffff;
  font-family: Didot HTF-L06-Light-Ital, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.text-15 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 51.31px;
  left: 843px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 84;
}
.group-8 {
  position: absolute;
  width: 4.83%;
  height: 15.62%;
  top: 46.4%;
  left: 95.17%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/kso6T6ocAh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 85;
}
.o-ux-sprint {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 400.414px;
  height: 80px;
  top: 92.81px;
  left: 843px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  z-index: 83;
}
.vector-9 {
  position: relative;
  width: 929px;
  height: 1px;
  margin: 34.69px 0 0 711px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/kaU3fBtKDQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 79;
}
.flex-row-a {
  position: relative;
  width: 1263.414px;
  height: 200px;
  margin: 34.972px 0 0 280px;
  z-index: 92;
}
.rectangle-b {
  position: absolute;
  width: 344.46px;
  height: 200px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/S2dJXbX8t7.png)
    no-repeat center;
  background-size: cover;
  z-index: 92;
  border-radius: 10px;
}
.landing-page {
  position: absolute;
  width: 377.011px;
  height: 95px;
  top: 32px;
  left: 431px;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  z-index: 89;
}
.landing-page-c {
  position: relative;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.alta-conversao {
  position: relative;
  color: #838383;
  font-family: Didot HTF-L06-Light-Ital, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.pagina-objetivo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 420.414px;
  height: 52px;
  top: 32px;
  left: 843px;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  z-index: 91;
}
.landing-pages {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 400.414px;
  height: 60px;
  top: 100px;
  left: 843px;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  z-index: 90;
}
.vector-d {
  position: relative;
  width: 929px;
  height: 1px;
  margin: 26.972px 0 0 711px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/iXxCSHMtpm.png)
    no-repeat center;
  background-size: cover;
  z-index: 80;
}
.flex-row-bb {
  position: relative;
  width: 1263.414px;
  height: 200px;
  margin: 37.472px 0 0 280px;
  z-index: 98;
}
.rectangle-e {
  position: absolute;
  width: 344.46px;
  height: 200px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/CstTs73bax.png)
    no-repeat center;
  background-size: cover;
  z-index: 98;
  border-radius: 10px;
}
.redesign-estrategico {
  position: absolute;
  width: 325px;
  height: 141px;
  top: 29.5px;
  left: 431px;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  z-index: 95;
}
.redesign-estrategico-f {
  position: relative;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.de-site {
  position: relative;
  color: #838383;
  font-family: Didot HTF-L06-Light-Ital, var(--default-font-family);
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-align: left;
  text-transform: uppercase;
}
.site-vender {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 420.414px;
  height: 52px;
  top: 29.5px;
  left: 843px;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  z-index: 97;
}
.redesign-estrategico-10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 400.414px;
  height: 60px;
  top: 97.5px;
  left: 843px;
  color: #838383;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  z-index: 96;
}
.rectangle-11 {
  position: relative;
  width: 1920px;
  height: 1755.848px;
  margin: -4.309px 0 0 0;
  background: #171717;
  z-index: 3;
  overflow: visible auto;
}
.projetos-cases {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1358.057px;
  height: 50px;
  margin: 135.345px 0 0 278.919px;
  z-index: 143;
}
.frame-12 {
  flex-shrink: 0;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 99;
}
.group-13 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18px;
  position: relative;
  width: 188.124px;
  z-index: 143;
}
.servicos-14 {
  flex-shrink: 0;
  position: relative;
  width: 35.124px;
  height: 16.713px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/3FRtSegwKp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 144;
}
.flex-row-b-15 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #38f5bc;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 145;
}
.home {
  position: relative;
  width: 1360px;
  height: 576.366px;
  margin: 104.056px 0 0 280px;
  z-index: 142;
}
.home-16 {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/XZzF5rHg0K.png)
    no-repeat center;
  background-size: cover;
  z-index: 135;
}
.home-17 {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/uyJsWCuW9w.png)
    no-repeat center;
  background-size: cover;
  transform: translate(65.45%, 0);
  z-index: 141;
}
.inhaus {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 62.616px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/8GndTaGyzn.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: 138;
}
.salles-bra {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 533.406px;
  left: 949px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 142;
}
.dra-adriana-penna {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 533.75px;
  left: 0;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 136;
}
.flex-row-b-18 {
  display: block;
  position: relative;
  height: 26px;
  margin: 20px 0 0 754.5px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 139;
}
.home-19 {
  position: relative;
  width: 1360px;
  height: 576.367px;
  margin: 79.549px 0 0 280px;
  z-index: 12;
}
.home-1a {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/U19xOYXb76.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-165.45%, 0);
  z-index: 8;
}
.home-1b {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Jfj32rXoze.png)
    no-repeat center;
  background-size: cover;
  transform: translate(65.45%, 0);
  z-index: 11;
}
.pharmaesthetics {
  position: absolute;
  width: 411px;
  height: 513.75px;
  top: 62.617px;
  left: 474.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/SsCZvzWrK2.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.dra-adriana-penna-1c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 533.406px;
  left: 949px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 12;
}
.skyway-roadservices {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  top: 533.75px;
  left: 0;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 9;
}
.flex-row-1d {
  display: block;
  position: relative;
  height: 26px;
  margin: 20px 0 0 754.5px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 6;
}
.vector-1e {
  position: relative;
  width: 1188px;
  height: 153.234px;
  margin: 147.81px 0 0 280px;
  z-index: 131;
}
.pic-7 {
  position: absolute;
  width: 153px;
  height: 100%;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/60iqNf0sHQ.png)
    no-repeat center;
  background-size: cover;
  transform: translate(288.24%, 0);
  z-index: 131;
}
.vamos-conversar {
  position: absolute;
  width: 986px;
  height: 106px;
  top: 16.852px;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 300;
  line-height: 106px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(-60.24%, 0);
  z-index: 101;
}
.vamos {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 300;
  line-height: 153.6px;
  text-align: left;
}
.conversar {
  position: relative;
  color: #ffffff;
  font-family: Didot HTF-L06-Light-Ital, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 153.6px;
  text-align: left;
}
.site-potencial-negocio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 724.838px;
  height: 141px;
  margin: 6.496px 0 0 280px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 40px;
  font-weight: 300;
  line-height: 46px;
  text-align: left;
  z-index: 102;
}
.oferta-momento {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 590.646px;
  height: 91px;
  margin: 81.482px 0 0 1056px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 32px;
  font-weight: 300;
  line-height: 42px;
  text-align: left;
  text-decoration: underline;
  z-index: 133;
}
.frame-1f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 18px;
  position: relative;
  width: 276.124px;
  margin: 35.007px 0 0 1056px;
  z-index: 167;
}
.group-20 {
  flex-shrink: 0;
  position: relative;
  width: 35.124px;
  height: 16.713px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Nsmas0xjZH.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 168;
}
.fale-com-a-gente {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #38f5bc;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 169;
}
.rectangle-21 {
  position: relative;
  width: 1919.705px;
  height: 515.013px;
  margin: 163.972px 0 0 0;
  background: #7027ff;
  z-index: 104;
  overflow: visible auto;
}
.flex-row-e {
  position: relative;
  width: 1355.25px;
  height: 30px;
  margin: 83.303px 0 0 284.75px;
  z-index: 129;
}
.sobre-22 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 93.33%;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}
.portfolio {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 93.33%;
  top: 0;
  left: 8.71%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 128;
}
.contato-23 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 93.33%;
  top: 0;
  left: 18.15%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 127;
}
.politica-privacidade {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 15.5%;
  height: 100%;
  top: 0;
  left: 64.37%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 124;
}
.termos-uso {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 9.89%;
  height: 100%;
  top: 0;
  left: 82.81%;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 125;
}
.group-24 {
  position: absolute;
  width: 4.2%;
  height: 100%;
  top: 0;
  left: 95.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/CLidJT5R2h.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 129;
}
.flex-row-f {
  position: relative;
  width: 1346.685px;
  height: 136.992px;
  margin: 139.578px 0 0 282px;
  z-index: 122;
}
.vector-25 {
  position: absolute;
  width: 2.01%;
  height: 86.79%;
  top: 0;
  left: 24.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/i2hAN6xBzh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 110;
}
.vector-26 {
  position: absolute;
  width: 2.01%;
  height: 86.79%;
  top: 0;
  left: 60.47%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/tNCLHZtyus.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 116;
}
.vector-27 {
  position: absolute;
  width: 2.01%;
  height: 86.79%;
  top: 0;
  left: 76.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/JvUFwMTCou.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 119;
}
.vector-28 {
  position: absolute;
  width: 4.9%;
  height: 84.74%;
  top: 2.05%;
  left: 71.19%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/wiiL2QBO29.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 118;
}
.vector-29 {
  position: absolute;
  width: 5.35%;
  height: 63.47%;
  top: 23.32%;
  left: 54.43%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/OJmuqD1zWm.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 115;
}
.vector-2a {
  position: absolute;
  width: 6.69%;
  height: 64.69%;
  top: 23.33%;
  left: 10.6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/TbehNThjaf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 108;
}
.vector-2b {
  position: absolute;
  width: 5.35%;
  height: 63.47%;
  top: 23.33%;
  left: 18.83%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/SGQ9WF1N5D.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 109;
}
.vector-2c {
  position: absolute;
  width: 6.69%;
  height: 64.69%;
  top: 23.33%;
  left: 27.98%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/QHpcF1dSAA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 111;
}
.vector-2d {
  position: absolute;
  width: 6.17%;
  height: 64.69%;
  top: 23.33%;
  left: 47.17%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/TxM9ji73KW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 114;
}
.vector-2e {
  position: absolute;
  width: 6.69%;
  height: 64.69%;
  top: 23.33%;
  left: 63.59%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/HfBjDdeY4y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 117;
}
.vector-2f {
  position: absolute;
  width: 6.69%;
  height: 64.69%;
  top: 23.33%;
  left: 86.37%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/bRwWyUd44F.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 121;
}
.vector-30 {
  position: absolute;
  width: 9.73%;
  height: 76.66%;
  top: 23.34%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/L4YSXQuWtW.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 107;
}
.vector-31 {
  position: absolute;
  width: 5.81%;
  height: 64.68%;
  top: 23.34%;
  left: 35.8%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/fv9bubQHxf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 112;
}
.vector-32 {
  position: absolute;
  width: 5.81%;
  height: 64.68%;
  top: 23.34%;
  left: 94.19%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/WQrhCtDoV4.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 122;
}
.vector-33 {
  position: absolute;
  width: 6.42%;
  height: 61.95%;
  top: 24.84%;
  left: 79.62%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/52mROtTtjg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 120;
}
.rights-reserved {
  display: block;
  position: relative;
  height: 29px;
  margin: 13.639px 0 0 280px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 130;
}
.gradient-background {
  position: absolute;
  width: 1920.59px;
  height: 1089.773px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/ir5rMu84VZ.png)
    no-repeat center;
  background-size: cover;
}
.rectangle-34 {
  position: absolute;
  width: 1920px;
  height: 841.087px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/FfqCei0TSE.png)
    no-repeat center;
  background-size: cover;
  z-index: 1;
}
.flex-row-db {
  position: absolute;
  height: 559.963px;
  top: 505.056px;
  right: 0px;
  left: 0px;
  z-index: 20;
}
.ux-interfaces {
  position: absolute;
  width: 541.809px;
  height: 120.416px;
  top: 0;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
  text-align: left;
  transform: translate(-123.49%, 0);
  z-index: 20;
}
.transformam-trafego {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 36px;
  font-weight: 300;
  line-height: 46px;
  text-align: left;
}
.conversao {
  position: relative;
  color: #38f5bc;
  font-family: Outfit, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
  text-align: left;
}
.rectangle-35 {
  position: absolute;
  width: 1920px;
  height: 468.881px;
  top: 91.082px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/N5uChvi2Yp.png)
    no-repeat center;
  background-size: cover;
  z-index: 2;
}
.rectangle-36 {
  position: absolute;
  width: 1920px;
  height: 900px;
  top: 998px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/JvPppc1Gk7.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: 19;
}
.flex-row-f-37 {
  position: absolute;
  height: 1167.955px;
  top: 998px;
  right: 0;
  left: 0;
  z-index: 24;
}
.captura-de-tela {
  position: absolute;
  width: 590.066px;
  height: 422.773px;
  top: 0;
  left: 1056px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/TtHSb11FjK.png)
    no-repeat center;
  background-size: cover;
  z-index: 22;
  border-radius: 20px;
}
.span-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 708.774px;
  height: 210px;
  top: 50.638px;
  left: 280px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  z-index: 24;
}
.rectangle-38 {
  position: absolute;
  width: 1920px;
  height: 1100.936px;
  top: 67.019px;
  left: 50%;
  font-size: 0px;
  background: #7027ff;
  transform: translate(-50%, 0);
  z-index: 18;
}
.span-text-39 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 535.037px;
  height: 90px;
  margin: 209.784px 0 0 280px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  z-index: 23;
}
.flex-row-cc {
  position: relative;
  width: 1274px;
  height: 373.035px;
  margin: 249.105px 0 0 280px;
  z-index: 43;
}
.captura-de-tela-3a {
  position: absolute;
  width: 498px;
  height: 373.035px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/LeJxna8Lsv.png)
    no-repeat center;
  background-size: cover;
  z-index: 36;
  border-radius: 20px;
}
.problema-resolvido {
  position: absolute;
  width: 670px;
  height: 50px;
  top: 0;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(-4.93%, 0);
  z-index: 35;
}
.span-text-3b {
  position: relative;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
}
.span-text-3c {
  position: relative;
  color: #ffffff;
  font-family: Didot HTF-M06--Ital, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
  text-align: left;
}
.span-text-3d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 670px;
  height: 60px;
  top: 90px;
  left: calc(50% - 33px);
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  z-index: 34;
}
.rectangle-3e {
  position: absolute;
  width: 670px;
  height: 183.035px;
  top: 190px;
  left: 604px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Mv6CX5Npvz.png)
    no-repeat center;
  background-size: cover;
  z-index: 38;
  border-radius: 20px;
}
.span-text-3f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 545.707px;
  height: 120px;
  top: 219.566px;
  left: calc(50% - -47.28px);
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  text-overflow: initial;
  z-index: 39;
  overflow: hidden;
}
.group-40 {
  position: absolute;
  width: 1.54%;
  height: 2.65%;
  top: 61.29%;
  left: 50.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/b3a7DeW9p2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 40;
}
.group-41 {
  position: absolute;
  width: 1.54%;
  height: 2.65%;
  top: 69.47%;
  left: 50.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/MuyrZfCcfw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 41;
}
.group-42 {
  position: absolute;
  width: 1.54%;
  height: 2.65%;
  top: 77.64%;
  left: 50.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/4X0obYSVdx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 42;
}
.group-43 {
  position: absolute;
  width: 1.54%;
  height: 2.65%;
  top: 86.23%;
  left: 50.86%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/7R3XUpiebn.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 43;
}
.flex-row-44 {
  position: absolute;
  height: 1909.807px;
  top: 2165.955px;
  right: 0;
  left: 0px;
  z-index: 70;
}
.group-45 {
  position: absolute;
  width: 1920px;
  height: 1762.855px;
  top: 0;
  left: 0;
  font-size: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Nbmj5vAMmF.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.span-text-46 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 832.506px;
  height: 143.105px;
  margin: 809.311px 0 0 280px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  text-overflow: initial;
  z-index: 76;
  overflow: hidden;
}
.span-text-47 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 325px;
  height: 52px;
  margin: 178.828px 0 0 280.09px;
  color: #eb583b;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  z-index: 74;
}
.span-text-48 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 343.79px;
  height: 40px;
  margin: 10px 0 0 280.3px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 73;
}
.span-text-49 {
  display: block;
  position: relative;
  height: 26px;
  margin: 111.443px 0 0 1315px;
  color: #7027ff;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 51;
}
.span-text-4a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 300.67px;
  height: 60px;
  margin: 10px 0 0 1315.21px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 50;
}
.span-text-4b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 249.991px;
  height: 52px;
  margin: 31.028px 0 0 279.909px;
  color: #e434e4;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  text-transform: uppercase;
  z-index: 48;
}
.span-text-4c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 290.839px;
  height: 40px;
  margin: 10px 0 0 280.09px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  z-index: 47;
}
.como-trabalham {
  position: absolute;
  width: 1103.873px;
  height: 392px;
  top: 122.094px;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 600;
  line-height: 128px;
  text-align: center;
  transform: translate(-50%, 0);
  z-index: 21;
}
.span-text-4d {
  position: relative;
  color: #191919;
  font-family: Outfit, var(--default-font-family);
  font-size: 128px;
  font-weight: 500;
  line-height: 128px;
  text-align: center;
}
.span-text-4e {
  position: relative;
  color: #7027ff;
  font-family: Didot HTF-B06--Ital, var(--default-font-family);
  font-size: 128px;
  font-weight: 700;
  line-height: 128px;
  text-align: center;
}
.frame-4f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 79px;
  height: 50px;
  top: 165.045px;
  left: 667px;
  padding: 5px 18px 5px 18px;
  background: #7027ff;
  z-index: 60;
  border-radius: 50px;
}
.span-text-50 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 43px;
  height: 30px;
  color: #ffffff;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 61;
}
.frame-51 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 127px;
  height: 50px;
  top: 350.045px;
  left: 1143px;
  padding: 5px 18px 5px 18px;
  background: #38f5bc;
  z-index: 62;
  border-radius: 50px;
}
.span-text-52 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 91px;
  height: 30px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 63;
}
.span-text-53 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 915px;
  height: 50px;
  top: 576.577px;
  left: calc(50% - 432.5px);
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 32px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  z-index: 45;
}
.group-54 {
  position: absolute;
  width: 1.83%;
  height: 0.95%;
  top: 33.86%;
  left: 24.87%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/DvCj0i5iOS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 46;
}
.group-55 {
  position: absolute;
  width: 991.354px;
  height: 978.573px;
  top: 931.234px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/GCYAK9fRDT.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: 70;
}
.vector-56 {
  position: relative;
  width: 168.017px;
  height: 168.275px;
  margin: 161.872px 0 0 184.454px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Kz08Wb8frR.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
}
.flex-row-ad {
  position: relative;
  width: 645.637px;
  height: 250.18px;
  margin: 59.139px 0 0 128.878px;
  z-index: 164;
}
.nosso-diferencial {
  position: absolute;
  width: 359.747px;
  height: 200px;
  top: 0;
  left: 184.799px;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
  z-index: 75;
}
.nosso {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
}
.diferencial {
  position: relative;
  color: #000000;
  font-family: Didot HTF-M06--Ital, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
}
.tres-pilares {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: center;
}
.vector-57 {
  position: absolute;
  width: 20.15%;
  height: 136.979px;
  top: 50%;
  left: 79.85%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/UZF0Ed0Dc9.png)
    no-repeat center;
  background-size: cover;
  transform: translate(0, -88.64%);
  z-index: 164;
}
.ellipse {
  position: absolute;
  width: 117.799px;
  height: 117.799px;
  top: 132.381px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/cTJM49rScK.png)
    no-repeat center;
  background-size: cover;
  z-index: 71;
  border-radius: 50%;
}
.rectangle-58 {
  position: absolute;
  width: 1920px;
  height: 850px;
  top: 3928.81px;
  left: 0;
  font-size: 0px;
  background: #ffffff;
  z-index: 147;
}
.nosso-metodo-maria {
  display: block;
  position: relative;
  height: 50px;
  margin: 106.142px 0 0 371.594px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 48px;
  font-weight: 300;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 166;
}
.metodo-descricao {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 565.06px;
  height: 68px;
  margin: 19.816px 0 0 371.594px;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
  text-align: left;
  z-index: 165;
}
.flex-row-a-59 {
  position: relative;
  width: 1176.813px;
  height: 234.049px;
  margin: 75.217px 0 0 371.594px;
  z-index: 163;
}
.vector-5a {
  position: absolute;
  width: 42.854px;
  height: 230.752px;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/BGXBZCKXbB.png)
    no-repeat center;
  background-size: cover;
  transform: translate(622.44%, 0);
  z-index: 157;
}
.vector-5b {
  position: absolute;
  width: 246.575px;
  height: 161.526px;
  top: 69.226px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/hKLeHvP7YR.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-238.63%, 0);
  z-index: 163;
}
.vector-5c {
  position: absolute;
  width: 160.867px;
  height: 164.823px;
  top: 69.226px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/Jm9rU7qbu5.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-147.27%, 0);
  z-index: 161;
}
.vector-5d {
  position: absolute;
  width: 116.695px;
  height: 161.526px;
  top: 69.226px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/cVZTXAmAbK.png)
    no-repeat center;
  background-size: cover;
  transform: translate(51.26%, 0);
  z-index: 159;
}
.vector-5e {
  position: absolute;
  width: 160.867px;
  height: 164.823px;
  top: 69.226px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/GrQtkFWeHO.png)
    no-repeat center;
  background-size: cover;
  transform: translate(265.77%, 0);
  z-index: 155;
}
.vector-5f {
  position: absolute;
  width: 48.128px;
  height: 48.788px;
  top: 185.261px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/qAnyJs6os9.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-637.56%, 0);
  z-index: 162;
}
.vector-60 {
  position: absolute;
  width: 48.128px;
  height: 48.788px;
  top: 185.261px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/0WGONzowxS.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-66.84%, 0);
  z-index: 160;
}
.vector-61 {
  position: absolute;
  width: 48.128px;
  height: 48.788px;
  top: 185.261px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/iSq2dG0JEQ.png)
    no-repeat center;
  background-size: cover;
  transform: translate(369.27%, 0);
  z-index: 158;
}
.vector-62 {
  position: absolute;
  width: 48.128px;
  height: 48.788px;
  top: 185.261px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/fMo4aurvGZ.png)
    no-repeat center;
  background-size: cover;
  transform: translate(728.46%, 0);
  z-index: 156;
}
.flex-row-aa {
  position: relative;
  width: 1203.249px;
  height: 87.776px;
  margin: 35.776px 0 0 366px;
  z-index: 153;
}
.interface-ui {
  position: absolute;
  width: 143.722px;
  height: 50px;
  top: 0;
  left: 802.527px;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  z-index: 151;
}
.interface {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.estrategica-ui {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.ajustes-dados {
  position: absolute;
  width: 170px;
  height: 50px;
  top: 0;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-overflow: initial;
  white-space: nowrap;
  transform: translate(253.9%, 0);
  z-index: 152;
}
.ajustes {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.base-dados {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.mapeamento-objetivos-negocio {
  position: absolute;
  width: 194.791px;
  height: 74px;
  top: 6px;
  left: 0;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  z-index: 149;
}
.mapeamento {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.objetivos-negocio {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.roteiro-conversao {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.roteiro {
  position: absolute;
  width: 160.442px;
  height: 71px;
  top: 6px;
  left: 555.085px;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  z-index: 153;
}
.conversao-ux-copy {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.analise-comportamento-usuario {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.analise {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.comportamento-usuario {
  position: absolute;
  width: 186.294px;
  height: 74px;
  top: 13.776px;
  left: 50%;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  transform: translate(-171.68%, 0);
  z-index: 150;
}
.captura-tela {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.rectangle-63 {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.group-64 {
  position: relative;
  color: #000000;
  font-family: Outfit, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: underline;
  text-transform: uppercase;
}
.pic-1e {
  position: absolute;
  width: 1920px;
  height: 953.021px;
  top: 4777.81px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/gZ5g0Vah8T.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.img-20 {
  position: absolute;
  width: 1920px;
  height: 702.254px;
  top: 4777.81px;
  left: 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/1nV0Ry3qt8.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.pic-1f {
  position: absolute;
  width: 1920.59px;
  height: 850px;
  top: 8696.385px;
  left: -0.3px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-03-02/QFpeuAbK3V.png)
    no-repeat center;
  background-size: cover;
  z-index: 100;
}