/* screen - homepage */

.homepage {
  align-items: flex-start;
  background-color: var(--default--white);
  display: flex;
  overflow: hidden;
  width: 1440px;
}

.homepage .overlap-group5 {
  height: 1024px;
  margin-left: -6px;
  position: relative;
  width: 1448px;
}

.homepage .overlap-group1 {
  height: 1026px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 249px;
}

.homepage .navigation-sidebar-item-light {
  align-items: center;
  display: flex;
  gap: 17px;
  height: 48px;
  left: 6px;
  min-width: 242px;
  padding: 8.9px 40px;
  position: absolute;
  top: 890px;
}

.homepage .text {
  align-self: flex-end;
}

.homepage .products {
  min-width: 47px;
}

.homepage .navigation-sidebar-item-light-1 {
  align-items: center;
  gap: 17px;
  left: 6px;
  padding: 8.9px 40px;
  top: 842px;
}

.homepage .products-1 {
  min-width: 55px;
}

.homepage .divider {
  top: 826px;
}

.homepage .divider-1 {
  top: 381px;
}

.homepage .navigation-sidebar-item-light-2 {
  align-items: center;
  cursor: pointer;
  gap: 17px;
  left: 6px;
  padding: 8.9px 40px;
  top: 174px;
}

.homepage .products-2 {
  min-width: 52px;
}

.homepage .navigation-sidebar-item-light-3 {
  align-items: center;
  cursor: pointer;
  gap: 17px;
  left: 6px;
  padding: 8.9px 40px;
  top: 126px;
}

.homepage .products-3 {
  min-width: 59px;
}

.homepage .navigation-sidebar-item-light-4 {
  align-items: flex-start;
  justify-content: flex-end;
  left: 0;
  top: 79px;
}

.homepage .overlap-group-1 {
  align-items: center;
  background-image: url(../img/hide-bg---hide-bg-copy-mask-2@2x.png);
  background-size: 100% 100%;
  display: flex;
  gap: 17px;
  height: 48px;
  min-width: 236px;
  padding: 8.9px 34px;
}

.homepage .products-4 {
  min-width: 76px;
}

.homepage .logo {
  align-items: flex-start;
  display: flex;
  height: 26px;
  left: 73px;
  min-width: 130px;
  position: absolute;
  top: 24px;
}

.homepage .icon {
  align-items: flex-end;
  display: flex;
  gap: 2269px;
  height: 25px;
  margin-top: 1.0px;
  min-width: 26px;
  opacity: 0.9;
}

.homepage .path {
  height: 24px;
  margin-bottom: -1522px;
  margin-left: -2292px;
  width: 24px;
}

.homepage .overlap-group2 {
  height: 32px;
  margin-bottom: 2.5px;
  margin-left: 740px;
  position: relative;
  width: 30px;
}

.homepage .overlap-group-2 {
  height: 30px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 29px;
}

.homepage .icon-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 0;
  min-height: 26px;
  position: absolute;
  top: 5px;
  width: 24px;
}

.homepage .oval {
  height: 16px;
  left: 13px;
  width: 16px;
}

.homepage .oval-1 {
  height: 18px;
  left: 12px;
  width: 18px;
}

.homepage .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: 20px;
  min-height: 38px;
  width: 61px;
}

.homepage .facebook {
  align-items: flex-start;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  gap: 17px;
  height: 47px;
  left: 738px;
  overflow: hidden;
  padding: 8px 16px;
  position: absolute;
  top: 689px;
  width: 318px;
}

.homepage .settings {
  align-self: center;
  height: 28px;
  margin-bottom: 1.0px;
  width: 31px;
}

.homepage .configuraes-do-fluxo {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 10px;
  font-weight: 400;
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  width: 125px;
}

.homepage .connect {
  align-items: flex-end;
  background-color: var(--default--white);
  border-radius: 24px;
  display: flex;
  height: 487px;
  left: 321px;
  overflow: hidden;
  padding: 20px 13px;
  position: absolute;
  top: 187px;
  width: 1090px;
}

.homepage .facebook-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 25px;
  min-height: 444px;
  width: 318px;
}

.homepage .facebook-1 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  height: 47px;
  overflow: hidden;
  padding: 0 9px;
  width: 318px;
}

.homepage .overlap-group-3 {
  align-items: flex-end;
  background-color: var(--azure-radiance);
  border-radius: 14px;
  display: flex;
  height: 28px;
  margin-bottom: 1.0px;
  min-width: 28px;
  padding: 0 8px;
}

.homepage .f {
  height: 22px;
  width: 12px;
}

.homepage .facebook-2 {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 27px;
  margin-top: 2.0px;
  width: 125px;
}

.homepage .overlap-group1-2 {
  align-self: flex-end;
  height: 51px;
  margin-bottom: -10px;
  margin-left: 39px;
  position: relative;
  width: 79px;
}

.homepage .shadow {
  background-color: var(--blueberry);
  height: 7px;
  top: 31px;
}

.homepage .rectangle {
  background-color: var(--blueberry);
  border-radius: 6px;
  height: 36px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 78px;
}

.homepage .apply-now {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: right;
  top: 10px;
  width: 61px;
}

.homepage .facebook-3 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  height: 47px;
  margin-top: 28px;
  overflow: hidden;
  width: 318px;
}

.homepage .social-media-logo {
  height: 24px;
  margin-bottom: 3.0px;
  margin-left: 12px;
  width: 24px;
}

.homepage .google-ads {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 4.0px;
  margin-left: 28px;
  width: 125px;
}

.homepage .button-apply-now {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin-bottom: 1.0px;
  margin-left: 41px;
  min-width: 76px;
}

.homepage .overlap-group {
  height: 51px;
  margin-bottom: -14px;
  margin-left: -2px;
  position: relative;
  width: 79px;
}

.homepage .vector-2 {
  align-self: flex-end;
  height: 24px;
  margin-left: 12px;
  width: 1px;
}

.homepage .facebook-4 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  height: 47px;
  margin-top: 32px;
  overflow: hidden;
  padding: 5px 10px;
  width: 318px;
}

.homepage .dv360-1 {
  height: 32px;
  margin-left: 3px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 26px;
}

.homepage .dv360 {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 26px;
  width: 125px;
}

.homepage .button-apply-now-1 {
  margin-left: 42px;
}

.homepage .facebook-5 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  height: 47px;
  margin-top: 38px;
  overflow: hidden;
  padding: 5px 10px;
  width: 318px;
}

.homepage .analytics-1 {
  height: 26px;
  margin-bottom: 1.0px;
  margin-left: 5px;
  object-fit: cover;
  width: 26px;
}

.homepage .ga4 {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 23px;
  width: 125px;
}

.homepage .button-apply-now-2 {
  margin-left: 43px;
}

.homepage .facebook-6 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  height: 47px;
  margin-top: 32px;
  overflow: hidden;
  padding: 0 8px;
  width: 318px;
}

.homepage .tiktok-1 {
  height: 38px;
  margin-bottom: 1.0px;
  margin-left: 1px;
  object-fit: cover;
  width: 44px;
}

.homepage .tik-tok {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 4.0px;
  margin-left: 11px;
  width: 125px;
}

.homepage .overlap-group-4 {
  align-self: flex-end;
  height: 51px;
  margin-bottom: -8px;
  margin-left: 42px;
  position: relative;
  width: 79px;
}

.homepage .facebook-7 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  gap: 42px;
  height: 47px;
  margin-top: 32px;
  overflow: hidden;
  padding: 0 8px;
  width: 318px;
}

.homepage .total-sync {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 4.0px;
  margin-left: 56px;
  width: 125px;
}

.homepage .overlap-group-5 {
  align-self: flex-end;
  height: 51px;
  margin-bottom: -8px;
  position: relative;
  width: 79px;
}

.homepage .shadow-1 {
  background-color: var(--mountain-mist);
  height: 7px;
  top: 31px;
}

.homepage .rectangle-1 {
  background-color: var(--mountain-mist);
  border-radius: 6px;
  height: 36px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 78px;
}

.homepage .vector-container {
  align-self: center;
  height: 397px;
  margin-bottom: 1.0px;
  margin-left: 3px;
  position: relative;
  width: 399px;
}

.homepage .vector-6 {
  height: 158px;
  left: 0;
  position: absolute;
  top: 0;
  width: 399px;
}

.homepage .vector-7 {
  height: 81px;
  left: 0;
  position: absolute;
  top: 78px;
  width: 399px;
}

.homepage .vector-9 {
  height: 83px;
  left: 0;
  position: absolute;
  top: 158px;
  width: 399px;
}

.homepage .vector-10 {
  height: 162px;
  left: 0;
  position: absolute;
  top: 158px;
  width: 399px;
}

.homepage .vector-11 {
  height: 239px;
  left: 0;
  position: absolute;
  top: 158px;
  width: 399px;
}

.homepage .vector-8 {
  height: 5px;
  left: 0;
  position: absolute;
  top: 154px;
  width: 399px;
}

.homepage .flex-col-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 163px;
  margin-bottom: 29.93px;
  min-height: 259px;
  width: 319px;
}

.homepage .facebook-8 {
  align-items: center;
  background-color: var(--default--white);
  border: 1px solid;
  border-color: var(--iron);
  border-radius: 15px;
  display: flex;
  height: 47px;
  margin-right: 1px;
  overflow: hidden;
  padding: 0 11px;
  width: 318px;
}

.homepage .imagem1-1 {
  height: 29px;
  margin-top: 4.0px;
  object-fit: cover;
  width: 27px;
}

.homepage .repositrio-de-dados {
  height: 27px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 7px;
  width: 164px;
}

.homepage .overlap-group-6 {
  align-self: flex-end;
  height: 51px;
  margin-bottom: -10px;
  margin-left: 19px;
  position: relative;
  width: 79px;
}

.homepage .overlap-group2-1 {
  height: 49px;
  position: relative;
  width: 79px;
}

.homepage .overlap-group-7 {
  height: 49px;
  left: 0;
  position: absolute;
  top: 0;
  width: 79px;
}

.homepage .shadow-2 {
  background-color: var(--blueberry);
  height: 6px;
  top: 28px;
}

.homepage .rectangle-2 {
  background-color: var(--blueberry);
  border-radius: 6px;
  height: 32px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 78px;
}

.homepage .apply-now-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: right;
  top: 8px;
  width: 72px;
}

.homepage .config-fluxo {
  align-items: flex-end;
  display: flex;
  height: 42px;
  left: 971px;
  min-width: 172px;
  position: absolute;
  top: 695px;
}

.homepage .overlap-group4 {
  height: 51px;
  margin-bottom: -8px;
  margin-left: -2px;
  position: relative;
  width: 79px;
}

.homepage .button-apply-now-3 {
  align-items: flex-end;
  align-self: flex-start;
  cursor: pointer;
  display: flex;
  height: 36px;
  min-width: 76px;
}

.homepage .divider-2 {
  height: 1px;
  left: 6px;
  position: absolute;
  width: 242px;
}

.homepage .navigation-sidebar-item-light-5 {
  display: flex;
  height: 48px;
  min-width: 242px;
  position: absolute;
}

.homepage .products-5 {
  letter-spacing: 0.30px;
  line-height: normal;
  margin-top: 1.15px;
  min-height: 19px;
}

.homepage .shadow-3 {
  border-radius: 2px;
  filter: blur(16.31px);;
  left: 26px;
  opacity: 0.48;
  position: absolute;
  width: 29px;
}

.homepage .text-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 25px;
  min-width: 22px;
  text-align: center;
  white-space: nowrap;
}