: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;
}

body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: black;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #282828;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid black;  /* creates padding around scroll thumb */
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* Impede scroll horizontal */
  scroll-behavior: auto;
}
body {
  transform: scale(1);
  transform-origin: top left; /* Centraliza a escala no canto superior esquerdo */
  overflow: hidden; /* Evita scroll nas bordas */
  margin: 0;
  padding: 0;
}

.main-container {
  overflow: hidden;
}

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

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

.main-container {
  position: relative;
  width: 100vw;
  height: 7956px;
  margin: 0 auto;
  background: #000000;
  overflow: hidden;
  max-width: 100%;
}
.modo-de-isolamento {
  position: relative;
  width: 778px;
  height: 248px;
  margin: 93px 0 0 578px;
  z-index: 2;
  overflow: hidden;
}
.vector {
  position: absolute;
  top: 0;
  left: 0;                  /* garante que apareça no canto superior esquerdo */
  width: 778px;             /* ou 100% se quiser responsivo */
  height: 580px;                /* zeramos a altura “nativa” */
  padding-top: 32.8125%;    /* 630/1920 × 100% = 32.8125%, força a proporção exata */
  background: url('./img/holy_skin.png')
              no-repeat center bottom;
  background-size: cover;   /* escala sem deformar e corta o excedente */
  z-index: 4;
}


.group {
  position: absolute;
  width: 22.62%;
  height: 60.93%;
  top: 1.48%;
  left: 29.39%;
  z-index: 5;
}
.santo-cuidado-pele {
  position: relative;
  width: 527px;
  height: 120px;
  margin: 71px 0 0 313px;
  font-family: Unbounded, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59.6px;
  text-align: left;
  z-index: 26;
}
.o {
  position: relative;
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 59.6px;
  text-align: left;
  text-transform: uppercase;
}
.santo-cuidado-pele-9 {
  position: relative;
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 59.6px;
  text-align: left;
  text-transform: lowercase;
}
.flex-row-f {
  position: relative;
  width: 473px;
  height: 51px;
  margin: 39px 0 0 313px;
  z-index: 199;
}
.rectangle {
  position: absolute;
  width: 141px;
  height: 51px;
  top: 0;
  left: 0;
  background: #090808;
  border: 1px solid #393939;
  z-index: 196;
  border-radius: 11px;
}
.verifica {
  position: relative;
  width: 23px;
  height: 24px;
  margin: 14px 0 0 8px;
  background: url(img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 202;
}
.rectangle-a {
  position: absolute;
  width: 145px;
  height: 51px;
  top: 0;
  left: 149px;
  background: #090808;
  border: 1px solid #393939;
  z-index: 197;
  border-radius: 11px;
}
.verifica-b {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 14px 0 0 8px;
  background: url(img/verifica\ 12.png)
    no-repeat center;
  background-size: cover;
  z-index: 200;
}
.rectangle-c {
  position: absolute;
  width: 172px;
  height: 50px;
  top: 1px;
  left: 301px;
  background: #090808;
  border: 1px solid #393939;
  z-index: 198;
  border-radius: 11px;
}
.verifica-d {
  position: relative;
  width: 23px;
  height: 25px;
  margin: 13px 0 0 11px;
  background: url(img/verifica\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 201;
}
.vector-e {
  position: absolute;
  width: 416px;
  height: 15px;
  top: 18px;
  left: 39px;
  background: url(./img/Vector.png)
    no-repeat center;
  background-size: cover;
  z-index: 199;
}
.flex-row-beb {
  position: relative;
  width: 2004.28px;
  height: 410px;
  margin: 164px 0 0 -50px;
  z-index: 179;
}
.sliding-text {
  position: absolute;
  width: 1920px;
  height: 196px;
  top: 71px;
  left: 50px;
  background: url(./img/sliding\ text.png)
    no-repeat center;
  background-size: cover;
  z-index: 179;
}
.rectangle-10 {
  position: absolute;
  width: 1970px;
  height: 171px;
  top: 239px;
  left: 0;
  background: #090808;
  border: 1px solid #565656;
  z-index: 177;
}
.compra-segura {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 323px;
  height: 40.35%;
  top: 21.64%;
  left: 69.44%;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 187;
}
.frete-gratis {
  position: absolute;
  width: 239.758px;
  height: 38px;
  top: 49px;
  left: 325px;
  cursor: pointer;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 14.72px;
  background: transparent;
  border: none;
  z-index: 181;
}
.in-transit {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 52px;
  left: 314px;
  background: url(./img/In\ Transit.png)
    no-repeat center;
  background-size: contain;
  z-index: 194;
}
.entrega-em-24h-uteis {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 37px;
  top: 54px;
  left: 970px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 37px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 185;
}
.lock {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 54px;
  left: 1293px;
  background: url(./img/Lock.png)
    no-repeat center;
  background-size: contain;
  z-index: 188;
}
.bank-cards {
  position: absolute;
  width: 52px;
  height: 52px;
  top: 56px;
  left: 622px;
  background: url(./img/Bank\ Cards.png)
    no-repeat center;
  background-size: cover;
  z-index: 195;
}
.delivery-scooter {
  position: absolute;
  width: 57px;
  height: 57px;
  top: 57px;
  left: 895px;
  background: url(./img/Delivery\ Scooter.png)
    no-repeat center;
  background-size: contain;
  z-index: 193;
}
.em-ate-3x {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 21px;
  top: 61px;
  left: 691px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 183;
}
.para-curitiba {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 193px;
  height: 40.35%;
  top: 36.84%;
  left: 19.54%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 190;
}
.sem-juros {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 149px;
  height: 19.3%;
  top: 47.95%;
  left: 35.08%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 189;
}
.para-curitiba-11 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 211px;
  height: 16.37%;
  top: 49.71%;
  left: 49.3%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 191;
}
.loja-com-certificado-digital {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 428px;
  height: 16.37%;
  top: 50.88%;
  left: 69.44%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  z-index: 192;
}

.nossos-produtos {
  display: block;
  position: relative;
  height: 35px;
  margin: 129px 0 0 735px;
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 25;
}
.flex-row-b {
  position: relative;
  width: 1264px;
  height: 871.724px;
  margin: 11px 0 0 288px;
  z-index: 159;
}
.descubra-formula-aftercare-tattoo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 736px;
  height: 157px;
  top: 0;
  left: calc(50% - 328px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
  z-index: 47;
}
.ellipse-12 {
  position: absolute;
  width: 636px;
  height: 669px;
  top: 131px;
  left: 315px;
  background: url(./img/Ellipse\ 15.png)
    no-repeat center;
  background-size: cover;
  filter: blur(192px);
  z-index: 17;
}
.img-a {
  position: absolute;
  width: 476px;
  height: 396px;
  top: 162px;
  left: 50%;
  background: url(./img/2\ 13.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-41.6%, 0);
  z-index: 96;
}
.flex-row-fc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 430.808px;
  height: 83.94px;
  margin: 18px 0 0 14px;
  z-index: 156;
}
.forma-copiar {
  flex-shrink: 0;
  position: relative;
  width: 84.808px;
  height: 81.94px;
  background: url(./img/Forma\ 2\ copiar\ 4\ 3.png)
    no-repeat center;
  background-size: cover;
  z-index: 155;
}
.forma-copiar-13 {
  flex-shrink: 0;
  position: relative;
  width: 84.808px;
  height: 81.94px;
  background: url(./img/Forma\ 2\ copiar\ 4\ 4.png)
    no-repeat center;
  background-size: cover;
  z-index: 156;
}
.flex-row-cf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 392.911px;
  height: 94.999px;
  margin: 46.06px 0 0 40px;
  z-index: 157;
}
.forma-copiar-14 {
  flex-shrink: 0;
  position: relative;
  width: 89.821px;
  height: 90.812px;
  background: url(./img/Forma\ 2\ copiar\ 4\ 2.png)
    no-repeat center;
  background-size: cover;
  z-index: 154;
}
.forma-copiar-15 {
  flex-shrink: 0;
  position: relative;
  width: 90.911px;
  height: 89.999px;
  background: url(./img/Forma\ 2\ copiar\ 4\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 157;
}
.flex-row-e {
  position: relative;
  width: 371.322px;
  height: 120.406px;
  margin: 32.595px 0 0 54.589px;
  z-index: 158;
}
.forma-copiar-16 {
  position: absolute;
  width: 89.821px;
  height: 90.812px;
  top: 0;
  left: 0;
  background: url(./img/Forma\ 2\ copiar\ 4\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 153;
}
.forma-copiar-17 {
  position: absolute;
  width: 90.911px;
  height: 89.999px;
  top: 30.406px;
  left: 280.411px;
  background: url(./img/Forma\ 2\ copiar\ 4\ 6.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
}
.base-amanteigada {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 367px;
  height: 52px;
  top: 188px;
  left: 897px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  z-index: 149;
}
.vitamina-e {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 367px;
  height: 52px;
  top: 210px;
  left: 295px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  text-overflow: initial;
  z-index: 148;
  overflow: hidden;
}
.pos-tatto {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 281px;
  height: 86px;
  top: 328px;
  left: 875px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  text-overflow: initial;
  z-index: 152;
  overflow: hidden;
}
.ellipse-18 {
  position: absolute;
  width: 1200px;
  height: 521.724px;
  top: 350px;
  left: 55%;
  background: url(./img/Ellipse\ 4.svg)
    no-repeat center;
  transform: translate(-53.53%, 0);
  z-index: 22;
}
.toque-seco {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 367px;
  height: 46px;
  top: 355px;
  left: 349px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  z-index: 159;
}
.hidratante {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 367px;
  height: 73px;
  top: 457px;
  left: 870px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  text-overflow: initial;
  z-index: 150;
  overflow: hidden;
}
.cicatrizante {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 32px;
  top: 514px;
  left: 368px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 151;
  overflow: hidden;
}
.aftercare-tattoo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 504px;
  height: 111px;
  top: 563px;
  left: calc(50% - 212px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  z-index: 52;
}
.btn {
  position: absolute;
  width: 683px;
  height: 72px;
  bottom: 77.724px;
  left: 50%;
  background: #179d20;
  transform: translate(-44.07%, 0);
  z-index: 76;
  border-radius: 8px;
}
.btn:hover{
  background-color: #009933;
  cursor: pointer;
}
.icon {
  position: absolute;
  width: 16px;
  height: 19px;
  top: 17.5px;
  left: 91px;
  z-index: 77;
  overflow: hidden;
}
.compre-agora {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 23px;
  left: calc(50% - 313.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}
.rectangle-19 {
  position: relative;
  width: 1988px;
  height: 108px;
  margin: 43.276px 0 0 -24px;
  background: #090808;
  border: 1px solid #565656;
  z-index: 23;
}
.nao-testado {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 247px;
  height: 69px;
  top: 7px;
  left: 703px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 68;
}
.vegano {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 160px;
  height: 63.89%;
  top: 14.81%;
  left: 60.61%;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 43px;
  text-align: left;
  text-transform: uppercase;
  z-index: 70;
}
.lealdade-do-consumidor {
  position: absolute;
  width: 2.72%;
  height: 50%;
  top: 25.93%;
  left: 44.87%;
  background: url(./img/lealdade-do-consumidor\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 73;
}
.papagaio {
  position: absolute;
  width: 130px;
  height: 52px;
  top: 28px;
  left: 607px;
  background: url(./img/Design_sem_nome-2-1-removebg-preview.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.foco-no {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 110px;
  height: 22.22%;
  top: 28.7%;
  left: 48.24%;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 72;
}
.em-animais {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 32px;
  left: 1147px;
  background: url(./img/dieta\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
}
.consumidor {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 149px;
  height: 30.56%;
  top: 48.15%;
  left: 35.41%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  text-transform: uppercase;
  z-index: 74;
}
.depoimentos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 164px;
  height: 25%;
  top: 50.93%;
  left: 48.24%;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 14.72px;
  text-align: left;
  z-index: 75;
}
.clientes-falando {
  display: block;
  position: relative;
  height: 35px;
  margin: 163px 0 0 797px;
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 27;
}
.flex-row-bf {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 542px;
  height: 54px;
  margin: 11px 0 0 689px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
  z-index: 58;
}
.ec-db-f-b {
  position: relative;
  width: 778px;
  height: 358px;
  margin: 78px 0 0 576px;
  z-index: 209;
}
.rectangle-1b {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 445px;
  height: 41px;
  top: 12px;
  left: 22px;
  color: #292929;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 23.98px;
  text-align: left;
  z-index: 207;
}
.linda-hidratada {
  position: relative;
  width: 410px;
  height: 52px;
  margin: 9px 0 0 65px;
  background: #d9d9d9;
  z-index: 205;
  border-radius: 8px;
}
.bfec-fdc-c-ae {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 349px;
  height: 42px;
  top: 5px;
  left: 16px;
  color: #353535;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 23.98px;
  text-align: left;
  z-index: 208;
}
.cc-d-bd-bbbe {
  position: relative;
  width: 200px;
  height: 28px;
  margin: 7px 0 0 65px;
  background: #d9d9d9;
  z-index: 206;
  border-radius: 8px 13px 0 0;
}
.btn-1c {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 349px;
  height: 42px;
  top: 141px;
  left: 85px;
  color: #282828;
  font-family: Roboto, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 23.98px;
  text-align: left;
  z-index: 209;
}
.rectangle-1d {
  position: relative;
  top: -2000px;
  width: 327px;
  height: 72px;
  margin: 103px 0 0 797px;
  background: #179d20;
  z-index: 79;
  border-radius: 8px;
}
.rectangle-1d:hover{
  background-color: #009933;
  cursor: pointer;
}
.white-rectangle{
  position:relative;
  top: -400px;
  left: -500px;
  width: 449px;
  height: 381px;
  margin: 0 auto;
  background: #f0f0f0;
  border-radius: 32px;
}
.img-1{
  position: relative;
  top: -1010px;
  left: -500px;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background: url(./img/front-view-smiley-man-work\ 1.png)
    no-repeat center;
  background-size: cover;
  border-radius: 50%;
  object-fit: cover;
}
.Nome1{
  position: relative;
  top: -680px;
  left: 410px;
  width: 317px;
  height: 144px;
  margin: 0 auto;
  color: #191919;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 18.6px;
}
.Texto1{
  position: relative;
  top: -660px;
  left: -500px;
  text-align: center;
  width: 340px;
  height: 170px;
  margin: 0 auto;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18.6px;
}
.white-rectangle-2{
  position:relative;
  top: -1080px;
  left: 0px;
  width: 449px;
  height: 381px;
  margin: 0 auto;
  background: #f0f0f0;
  border-radius: 32px;
}
.Nome2{
  position: relative;
  top: -1360px;
  left: 910px;
  width: 317px;
  height: 144px;
  margin: 0 auto;
  color: #191919;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 18.6px;
}
.Texto2{
  position: relative;
  top: -1340px;
  left: 0px;
  text-align: center;
  width: 340px;
  height: 170px;
  margin: 0 auto;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18.6px;
}
.img-2{
  position: relative;
  top: -1690px;
  left: 0px;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background: url(./img/person-indian-origin-having-fun\ 1.png)
    no-repeat center;
  background-size: cover;
  border-radius: 50%;
  object-fit: cover;
}
.white-rectangle-3{
  position:relative;
  top: -1760px;
  left: 500px;
  width: 449px;
  height: 381px;
  margin: 0 auto;
  background: #f0f0f0;
  border-radius: 32px;
}
.Nome3{
  position: relative;
  top: -2040px;
  left: 1410px;
  width: 317px;
  height: 144px;
  margin: 0 auto;
  color: #191919;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 700;
  line-height: 18.6px;
}
.Texto3{
  position: relative;
  top: -2025px;
  left: 500px;
  text-align: center;
  width: 340px;
  height: 170px;
  margin: 0 auto;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 18.6px;
}
.img-3{
  position: relative;
  top: -2370px;
  left: 500px;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background: url(./img/close-up-portrait-tanned-woman-rest-light-blouse\ 1.png)
    no-repeat center;
  background-size: cover;
  border-radius: 50%;
  object-fit: cover;
}
.breaking-news {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  bottom: 26px;
  left: calc(50% - 95.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 80;
}
.rectangle-1e {
  position: relative;
  top: -2000px;
  width: 736px;
  height: 99px;
  margin: 248px 0 0 594px;
  z-index: 98;
}
.especial-edition {
  position: absolute;
  width: 173px;
  height: 99px;
  top: 0;
  left: 0;
  border: 1px solid #b5b5b5;
  z-index: 97;
}
.diferenciais {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 136px;
  height: 64px;
  top: 14px;
  left: 18px;
  color: #ffffff;
  font-family: New Tegomin, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 28.75px;
  text-align: center;
  text-overflow: initial;
  z-index: 63;
  overflow: hidden;
}
.cuidados-pos-tatuagem {
  position: absolute;
  width: 173px;
  height: 99px;
  top: 0;
  left: 563px;
  border: 1px solid #b5b5b5;
  z-index: 98;
}
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 131px;
  height: 54px;
  top: 17px;
  left: 20px;
  color: #ffffff;
  font-family: New Tegomin, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 26.25px;
  text-align: center;
  text-overflow: initial;
  z-index: 64;
  overflow: hidden;
}
.beneficios {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 301px;
  height: 35px;
  top: 40px;
  left: calc(50% - 152px);
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 28;
}
.holy-skin {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2000px;
  width: 756px;
  height: 172px;
  margin: 0 0 0 582px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
  z-index: 57;
}
.outras {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  top: -2000px;
  width: 1085px;
  height: 55px;
  margin: 18px 0 0 384px;
  z-index: 51;
}
.hidratacao-protecao {
  flex-shrink: 0;
  position: relative;
  height: 55px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  white-space: nowrap;
  z-index: 49;
}
.formula-exclusiva {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  width: 390px;
  height: 55px;
  z-index: 51;
}
.cicatrizacao-rapida {
  flex-shrink: 0;
  position: relative;
  height: 55px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  white-space: nowrap;
  z-index: 50;
}
.text-25 {
  flex-shrink: 0;
  position: relative;
  height: 55px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  white-space: nowrap;
  z-index: 51;
}
.section-5 {
  position: relative;
  top: -2000px;
  width: 1168px;
  height: 645px;
  margin: 4px 0 0 381px;
  z-index: 108;
}
.wrapper-9 {
  position: absolute;
  width: 667px;
  height: 359px;
  top: 40px;
  left: 39px;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 31.62px;
  text-align: left;
  z-index: 65;
}
.text-26 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 31.62px;
  text-align: left;
}
.text-28 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-1f {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-20 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 31.62px;
  text-align: left;
}
.text-2b {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-21 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 31.62px;
  text-align: left;
}
.text-2d {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-22 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-23 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 31.62px;
  text-align: left;
}
.text-30 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 31.62px;
  text-align: left;
}
.cuida-da-pele-24 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 31.62px;
  text-align: left;
}
.rectangle-25 {
  position: absolute;
  width: 1161px;
  height: 577px;
  top: 11px;
  left: 3px;
  border: 1px solid #d5d5d5;
  z-index: 99;
}
.flex-row-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 21px;
  margin: 30px 0 0 759px;
  z-index: 118;
}
.verifica-26 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.marca-x {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 118;
}
.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 241px;
  height: 20px;
  margin: 47px 0 0 759px;
  z-index: 119;
}
.verifica-27 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 110;
}
.marca-x-28 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 119;
}
.flex-row-aa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 22px;
  margin: 46px 0 0 760px;
  z-index: 120;
}
.verifica-29 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 111;
}
.marca-x-2a {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 120;
}
.verifica-2b {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 38px 0 0 760px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 112;
}
.marca-x-2c {
  position: relative;
  width: 20px;
  height: 20px;
  margin: -9px 0 0 980px;
  left: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 121;
}
.flex-row-cf-2d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 22px;
  margin: 37px 0 0 760px;
  z-index: 122;
}
.verifica-2e {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 113;
}
.marca-x-2f {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 122;
}
.flex-row-bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 22px;
  margin: 44px 0 0 760px;
  z-index: 123;
}
.marca-x-30 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 123;
}
.verifica-31 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 114;
}
.flex-row-cdc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 20px;
  margin: 44px 0 0 760px;
  z-index: 124;
}
.marca-x-32 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 124;
}
.verifica-33 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 115;
}
.flex-row-da {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 21px;
  margin: 41px 0 0 760px;
  z-index: 125;
}
.marca-x-34 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 125;
}
.verifica-35 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 116;
}
.flex-row-e-36 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 240px;
  height: 21px;
  margin: 40px 0 0 760px;
  z-index: 126;
}
.marca-x-37 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  background: url(./img/marca-x\ 14.png)
    no-repeat center;
  background-size: cover;
  z-index: 126;
}
.verifica-38 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  left: 20px;
  background: url(./img/verifica\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 117;
}
.vector-39 {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 84.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 106;
}
.vector-3a {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 151.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 107;
}
.vector-3b {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 212.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 108;
}
.vector-3c {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 275.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 100;
}
.wrapper-c {
  position: absolute;
  width: 667px;
  height: 359px;
  top: 360px;
  left: 39px;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 30.43px;
  text-align: left;
  z-index: 66;
}
.text-32 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 30.43px;
  text-align: left;
}
.text-33 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 30.43px;
  text-align: left;
}
.text-34 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 30.43px;
  text-align: left;
}
.text-35 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 30.43px;
  text-align: left;
}
.text-36 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 30.43px;
  text-align: left;
}
.text-37 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 300;
  line-height: 30.43px;
  text-align: left;
}
.text-38 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 17px;
  font-weight: 700;
  line-height: 30.43px;
  text-align: left;
}
.text-39 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 30.43px;
  text-align: left;
}
.vector-3d {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 338.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 101;
}
.vector-3e {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 409.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 102;
}
.vector-3f {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 465.5px;
  left: 3px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 103;
}
.vector-40 {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 528.5px;
  left: 0;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 104;
}
.vector-41 {
  position: absolute;
  width: 1165px;
  height: 1px;
  top: 587.5px;
  left: 1px;
  background: url(./img/Vector\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 105;
}
.btn-42 {
  position: relative;
  top: -2000px;
  width: 455px;
  height: 72px;
  margin: 14px 0 0 741px;
  background: #179d20;
  z-index: 147;
  border-radius: 8px;
}
.btn-42:hover{
  background-color: #009933;
  cursor: pointer;
}
.saiba-mais-sobre-nossos-diferenciais {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  bottom: 29px;
  left: calc(50% - 201.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 84;
}
.flex-row-43 {
  position: relative;
  top: -2000px;
  width: 2159px;
  height: 521px;
  margin: 22px 0 0 -169px;
  z-index: 147;
}
.camada {
  position: absolute;
  width: 627px;
  height: 521px;
  flex-shrink: 0;
  left: 1532px;
  background: url(./img/Camada\ 0\ 1.png)
    no-repeat center;
  z-index: 146;
}
.ellipse-44 {
  position: relative;
  width: 23px;
  height: 67px;
  margin: 198px 0 0 130px;
  top: 3px;
  left: 38px;
  background: url(./img/Ellipse\ 15.png)
    no-repeat center;
  background-size: cover;
  z-index: 168;
}
.ellipse-45 {
  position: absolute;
  width: 1346.621px;
  height: 375.559px;
  top: 113.266px;
  left: 50%;
  background: url(./img/Ellipse\ 8.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-46.3%, 0);
  z-index: 20;
}
.camada-46 {
  position: absolute;
  width: 450px;
  height: 450px;
  max-height: 100%;
  top: 143px;
  left: 70px;
  background: url(./img/Camada\ 0\ 2.png)
    no-repeat center;
  background-size: contain;
  opacity: 0.89;
  z-index: 147;

}
.span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 788px;
  height: 172px;
  top: 150px;
  left: calc(50% - 644.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 150px;
  font-weight: 600;
  line-height: 172px;
  text-align: center;
  white-space: nowrap;
  z-index: 59;
}
.frete-gratis-47 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 390px;
  height: 35px;
  top: 160px;
  left: calc(50% - 145.5px);
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 29;
}
.aproveite-nosso-frete-gratis {
  position: absolute;
  width: 689px;
  height: 172px;
  top: 240px;
  left: 50%;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
  transform: translate(-42.74%, 0);
  z-index: 128;
}
.aproveite-enviamos-seu-pedido-em-ate-24h {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.comma {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.comma-48 {
  position: relative;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.aproveite-enviamos-seu-pedido-em-ate-24h-49 {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.comma-4a {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.aproveite-enviamos-seu-pedido-em-ate-24h-4b {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.span-4c {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 70px;
  height: 120px;
  top: 240px;
  left: calc(50% - -302.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 150px;
  font-weight: 600;
  line-height: 120px;
  text-align: center;
  white-space: nowrap;
  transform: rotate(180deg);
  z-index: 61;
}
.rectangle-4d {
  position: absolute;
  width: 351px;
  height: 33px;
  top: 266px;
  left: 884px;
  background: #ffffff;
  z-index: 127;
}
.btn-4e {
  position: relative;
  top: -2000px;
  width: 417px;
  height: 72px;
  margin: 11px 0 0 752px;
  background: #179d20;
  z-index: 81;
  border-radius: 8px;
}
.btn-4e:hover{
  background-color: #009933;
  cursor: pointer;
}
.garanta-seu-frete-gratis-agora {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  bottom: 29px;
  left: calc(50% - 161.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 82;
}
.flex-row-ce {
  position: relative;
  top: -2000px;
  width: 1443.879px;
  height: 416.788px;
  margin: 49px 0 0 218.583px;
  z-index: 131;
}
.ellipse-4f {
  position: absolute;
  width: 1443.879px;
  height: 416.788px;
  top: 0;
  left: 50%;
  background: url(./img/Ellipse\ 9.png)
    no-repeat center;
  background-size: contain;
  transform: translate(-50%, 0);
  z-index: 21;
}
.sustentabilidade {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 550px;
  height: 35px;
  top: 77px;
  left: calc(50% - 255.52px);
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 30;
}
.span-50 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 95px;
  height: 95px;
  top: 87px;
  left: calc(50% - 399.52px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 150px;
  font-weight: 600;
  line-height: 95px;
  text-align: center;
  white-space: nowrap;
  z-index: 60;
}
.na-holy-skin {
  position: absolute;
  width: 817px;
  height: 172px;
  top: 143px;
  left: 50.8%;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
  transform: translate(-47.55%, 0);
  z-index: 131;
}
.escolha-um-cuidado-que-respeite-sua-pele-e-o-meio-ambiente {
  position: relative;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.escolha-um-cuidado-que-respeite-sua-pele-e-o-meio-ambiente-51 {
  position: relative;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: center;
}
.span-52 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 103px;
  height: 156px;
  top: 164px;
  left: calc(50% - -340.48px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 150px;
  font-weight: 600;
  line-height: 156px;
  text-align: center;
  white-space: nowrap;
  transform: rotate(180deg);
  z-index: 62;
}
.rectangle-53 {
  position: absolute;
  width: 460px;
  height: 28px;
  top: 203px;
  left: 700px;
  background: #ffffff;
  z-index: 129;
}
.rectangle-54 {
  position: absolute;
  width: 195px;
  height: 27px;
  top: 235px;
  left: 658px;
  background: #ffffff;
  z-index: 130;
}
.btn-55 {
  position: relative;
  top: -2000px;
  width: 412px;
  height: 72px;
  margin: 22.212px 0 0 752px;
  background: #179d20;
  z-index: 92;
  border-radius: 8px;
}
.btn-55:hover{
  background-color: #009933;
  cursor: pointer;
}
.compre-agora-56 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  bottom: 24px;
  left: calc(50% - 86px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 93;
}
.empresas-que-confiam-na-nossa-marca {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  top: -2000px;
  width: 898px;
  height: 35px;
  margin: 152px 0 0 485px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 45;
}
.flex-row-b-57 {
  position: relative;
  top: -2000px;
  width: 1340px;
  height: 68px;
  margin: 117px 0 0 285px;
  z-index: 176;
}
.images {
  position: absolute;
  width: 68px;
  height: 68px;
  top: 0;
  left: 0;
  background: url(./img/aaa.png)
    no-repeat center;
  background-size: cover;
  z-index: 174;
  border-radius: 99px;
}
.logo-farmacia-popular-horizontal {
  position: absolute;
  width: 92px;
  height: 43px;
  top: 12px;
  left: 996px;
  background: url(./img/logo-farmacia_popular-horizontal_0\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 174;
  border-radius: 14px;
}
.logo-invertida-unipre-o-x {
  position: absolute;
  width: 126px;
  height: 37px;
  top: 15px;
  left: 251px;
  background: url(./img/Logo_Invertida_Unipre_o_1x\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 171;
}
.logotipo-maxifarma-x {
  position: absolute;
  width: 121px;
  height: 40px;
  top: 15px;
  left: 485px;
  background: url(./img/logotipo_maxifarma-1024x339\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 172;
}
.droga-raia-logo {
  position: absolute;
  width: 112px;
  height: 41px;
  top: 15px;
  left: 742px;
  background: url(./img/droga-raia-logo\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 173;
}
.bg {
  position: absolute;
  width: 93px;
  height: 36px;
  top: 15px;
  left: 1247px;
  background: url(./img/farmPop.png)
    no-repeat center;
  background-size: cover;
  z-index: 175;
  border-radius: 8px 12px 8px 8px;
}
.span-58 {
  position: relative;
  top: -2000px;
  width: 1964px;
  height: 1049px;
  margin: 93px 0 0 -25px;
  font-size: 0px;
  background: #0b0f11;
  z-index: 19;
  overflow: visible auto;
}
.kits {
  display: block;
  position: relative;
  height: 35px;
  margin: 124px 0 0 935px;
  color: #ffffff;
  font-family: Unbounded, var(--default-font-family);
  font-size: 35px;
  font-weight: 400;
  line-height: 35px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 31;
}
.ofertas-especiais {
  display: block;
  position: relative;
  height: 35px;
  margin: 23px 0 0 801px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 44;
}
.escolha-a-melhor-opcao-para-voce {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 439px;
  height: 55px;
  margin: 9px 0 0 766px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 29.6px;
  text-align: left;
  text-transform: capitalize;
  z-index: 48;
}
.flex-row-59 {
  position: relative;
  width: 1668px;
  height: 661px;
  margin: 40px 0 0 191px;
  z-index: 166;
}
.comma-5a {
  position: absolute;
  width: 535px;
  height: 301px;
  top: 0;
  left: 1133px;
  background: url(./img/31.png)
    no-repeat center;
  background-size: cover;
  z-index: 166;
}
.comma-5b {
  position: absolute;
  width: 159.058px;
  height: 290.033px;
  top: 22px;
  left: 545.132px;
  background: url(./img/2\ -\ 2\ 3.png)
    no-repeat center;
  background-size: cover;
  z-index: 164;
}
.comma-5c {
  position: absolute;
  width: 159.058px;
  height: 290.033px;
  top: 22px;
  left: 946.132px;
  background: url(./img/2\ -\ 2\ 5.png)
    no-repeat center;
  background-size: cover;
  z-index: 165;
}
.rectangle-5d {
  position: absolute;
  width: 126px;
  height: 278px;
  top: 27px;
  left: 124px;
  background: url(./img/2\ -\ 2\ 1.png)
    no-repeat center;
  background-size: cover;
  z-index: 160;
}
.flex-row-ea {
  position: absolute;
  width: 377px;
  height: 618px;
  top: 43px;
  left: 0;
  border: 1px solid #3d3d3d;
  z-index: 141;
  border-radius: 38px;
}
.rectangle-5e {
  position: relative;
  width: 153px;
  height: 34px;
  margin: 282px 0 0 111px;
  z-index: 134;
}
.group-10 {
  position: absolute;
  width: 143px;
  height: 34px;
  top: 0;
  left: 5px;
  background: #ffffff;
  z-index: 133;
}
.unit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 153px;
  height: 27px;
  top: 3px;
  left: 0;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  white-space: nowrap;
  z-index: 134;
}
.aftercare-tattoo-holyskin {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 325px;
  height: 82px;
  margin: 34px 0 0 26px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 53;
  overflow: hidden;
}
.flex-row-d-5f {
  position: relative;
  width: 180px;
  height: 74px;
  margin: 14px 0 0 112px;
  z-index: 40;
}
.number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 74px;
  top: 0;
  left: calc(50% - 46px);
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 40;
}
.price {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 13px;
  left: -5px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 32;
}
.decimal {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 13px;
  left: 120px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 36;
}
.btn-60 {
  position: relative;
  width: 281px;
  height: 53px;
  margin: 13px 0 0 47px;
  background: #179d20;
  z-index: 86;
  border-radius: 8px;
  pointer-events: auto;
  z-index:10;


  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 91;

  display: flex; /* Adicionado */
  align-items: center; /* Centraliza verticalmente */
  justify-content: center; /* Centraliza horizontalmente */
}
.btn-60:hover{
  background-color: #009933;
  transform: scale(1.05);
  cursor: pointer;
}
.btn-7b:hover{
  background-color: #009933;
  transform: scale(1.05);
  cursor: pointer;
}

.btn-6f:hover{
  background-color: #009933;
  transform: scale(1.05);
  cursor: pointer;
}

.buy-button-68:hover{
  background-color: #009933;
  transform: scale(1.05);
  cursor: pointer;
}

.buy-button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  bottom: 12px;
  left: calc(50% - 119.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 87;
}
.rectangle-61 {
  position: absolute;
  width: 353px;
  height: 618px;
  top: 43px;
  left: 1211px;
  border: 1px solid #3d3d3d;
  z-index: 144;
  border-radius: 38px;
}
.rectangle-62 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 181px;
  height: 33px;
  margin: 278px 0 0 89px;
  background: #ffffff;
  z-index: 140;
}
.units {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 160px;
  height: 27px;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  white-space: nowrap;
  z-index: 140;
}
.display-aftercare-tattoo-holyskin {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 331px;
  height: 82px;
  margin: 28px 0 0 10px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  z-index: 56;
}
.flex-row-63 {
  position: relative;
  width: 181px;
  height: 58px;
  margin: 25px 0 0 109px;
  z-index: 43;
}
.number-64 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 58px;
  top: 0;
  left: 25px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 70px;
  font-weight: 400;
  line-height: 58px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 43;
}
.decimal-65 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 11px;
  left: 140px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 39;
}
.price-66 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 13px;
  left: -15px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 35;
}
.btn-67 {
  position: relative;
  width: 271px;
  height: 53px;
  margin: 29px 0 0 36px;
  background: #179d20;
  z-index: 94;
  border-radius: 8px;

  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;

  display: flex; /* Adicionado */
  align-items: center; /* Centraliza verticalmente */
  justify-content: center; /* Centraliza horizontalmente */
}

.btn-67:hover{
  background-color: #009933;
  transform: scale(1.05);
  cursor: pointer;
}
.buy-button-68 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  bottom: 14px;
  left: calc(50% - 121.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}
.rectangle-69 {
  position: absolute;
  width: 376px;
  height: 614px;
  top: 45px;
  left: 406px;
  border: 1px solid #3d3d3d;
  z-index: 142;
  border-radius: 38px;
}
.dash {
  position: relative;
  width: 135.926px;
  height: 228.555px;
  margin: 1.137px 0 0 78.384px;
  background: url(./img/2\ -\ 2\ 2.png)
    no-repeat center;
  background-size: cover;
  z-index: 161;
}
.rectangle-6a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 171px;
  height: 33px;
  margin: 48.308px 0 0 108px;
  background: #ffffff;
  z-index: 138;
}
.units-6b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 158px;
  height: 28px;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 138;
}
.kit-aftercare-tattoo-holyskin {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 330px;
  height: 82px;
  margin: 26px 0 0 25px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  z-index: 54;
}
.flex-row-db {
  position: relative;
  width: 165px;
  height: 74px;
  margin: 26px 0 0 118px;
  z-index: 41;
}
.number-6c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 74px;
  top: 0;
  left: calc(50% - 39.5px);
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 41;
}
.decimal-6d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 12px;
  left: 120px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 37;
}
.price-6e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 14px;
  left: -5px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 33;
}
.btn-6f {
  position: relative;
  width: 273px;
  height: 52px;
  margin: 12px 0 0 53px;
  background: #179d20;
  z-index: 88;
  border-radius: 8px;

  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 89;

  display: flex; /* Adicionado */
  align-items: center; /* Centraliza verticalmente */
  justify-content: center; /* Centraliza horizontalmente */
}
.buy-button-70 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  bottom: 12px;
  left: calc(50% - 118.5px);
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 89;
}
.rectangle-71 {
  position: absolute;
  width: 376px;
  height: 614px;
  top: 45px;
  left: 807px;
  border: 1px solid #3d3d3d;
  z-index: 143;
  border-radius: 38px;
}
.flex-row-bf-72 {
  position: relative;
  width: 294.468px;
  height: 237.999px;
  margin: 1.137px 0 0 78.384px;
  z-index: 163;
}
.dash-73 {
  position: absolute;
  width: 135.926px;
  height: 228.555px;
  top: 0;
  left: 0;
  background: url(./img/2\ -\ 2\ 4.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
}
.dash-74 {
  position: absolute;
  width: 175.852px;
  height: 235.136px;
  top: 2.863px;
  left: 118.616px;
  background: url(./img/2\ -\ 2\ 6.png)
    no-repeat center;
  background-size: cover;
  z-index: 163;
}
.rectangle-75 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 171px;
  height: 33px;
  margin: 38.864px 0 0 108px;
  background: #ffffff;
  z-index: 139;
}
.units-76 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 158px;
  height: 28px;
  color: #000000;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 139;
}
.kit-aftercare-tattoo-holyskin-77 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 330px;
  height: 82px;
  margin: 26px 0 0 25px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  z-index: 55;
}
.flex-row-dac {
  position: relative;
  width: 173px;
  height: 74px;
  margin: 26px 0 0 115px;
  z-index: 42;
}
.number-78 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 74px;
  top: 0;
  left: calc(50% - 43.5px);
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 42;
}
.decimal-79 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 13px;
  left: 120px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 38;
}
.price-7a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 15px;
  left: -5px;
  color: #ffffff;
  font-family: TF-Tullamore, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 34;
}
.btn-7b {
  position: relative;
  width: 281px;
  height: 53px;
  margin: 13px 0 0 47px;
  background: #179d20;
  border-radius: 8px;
  pointer-events: auto;

  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 53px; /* Igual à altura do botão */
  text-align: center;
  white-space: nowrap;

  display: flex; /* Adicionado */
  align-items: center; /* Centraliza verticalmente */
  justify-content: center; /* Centraliza horizontalmente */
}
.recommendation {
  display: block;
  position: relative;
  top: -2000px;
  height: 25px;
  margin: 109px 0 0 714px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 46;
}
.recommendation-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -2000px;
  width: 829px;
  height: 131px;
  margin: 11px 0 0 546px;
  color: #ffffff;
  font-family: Sora, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 29.6px;
  text-align: center;
  z-index: 132;
}
.mask-group {
  position: relative;
  top: -2000px;
  width: 149px;
  height: 149px;
  margin: 30px 0 0 886px;
  background: url(./img/smiley-tattoo-artist-medium-shot\ 1.png) no-repeat center;
  background-size: cover;
  border-radius: 50%; /* Faz a imagem ficar redonda */
  z-index: 145;
}

.banner-lp {
  position: absolute;
  width: 1950px;
  height: 900px;
  top: 0px;
  left: 0px;
  background: url(./img/Banner\ da\ lp\ 2.png)
    no-repeat center;
  background-size: cover;
  max-width: 100%;
}
.banner-lp-7d {
  position: absolute;
  width: 1950px;
  height: 900px;
  top: 0px;
  left: 0px;
  background: url(./img/Banner\ da\ lp\ 2.png)
    no-repeat center;
  background-size: cover;
  z-index: 1;
}
.vector-7e {
  position: absolute;
  width: 4403.578px;
  height: 3690.404px;
  top: 1117px;
  left: -596px;
  background: url(./img/1\ 51.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.img-29 {
  position: absolute;
  width: 1920px;
  height: 1px;
  top: 3431.5px;
  left: 0;
  background: url(./img/Vector.svg)
    no-repeat center;
  background-size: cover;
  z-index: 85;
}