/* screen - x1100-all-breakpoints */

.x1100-all-breakpoints {
  align-items: center;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  height: 2513px;
  min-width: 1225px;
  position: relative;
}

.x1100-all-breakpoints .hero {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/about-25.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 85px;
  height: 600px;
  justify-content: space-around;
  padding: 32px 0px 85px;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .frame-4032 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 172px;
  justify-content: center;
  max-width: 1366px;
  padding: 0px 92px;
  position: relative;
}

.x1100-all-breakpoints .frame-4039 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .link:hover {
  transform: translate(0, -5px);
}

.x1100-all-breakpoints .frame-4011 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  max-width: 650px;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .button-desktop {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--text-primary);
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 50px;
  overflow: hidden;
  padding: 0px 24px;
  position: relative;
  transition: all 0.1s ease;
}

.x1100-all-breakpoints .button-desktop:hover {
  transform: scale(1.05);
}

.x1100-all-breakpoints .frame-4011-1 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  max-width: 650px;
}

.x1100-all-breakpoints .twj-partner-w-rozwoju-biznesu {
  align-self: stretch;
  color: var(--charade);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
}

.x1100-all-breakpoints .flex-container-2152176 {
  display: flex;
  gap: 12px;
}

.x1100-all-breakpoints .text0-2152176 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
}

.x1100-all-breakpoints .text1-2152176 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 22.4px;
  position: relative;
}

.x1100-all-breakpoints .frame-4031 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.x1100-all-breakpoints .frame-40 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .frame-401 {
  height: 110px;
  position: relative;
  width: 180px;
}

.x1100-all-breakpoints .marketplace {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/footer-5.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .frame-4035 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 80px;
  max-width: 1366px;
  padding: 0px 0px 0px 92px;
  position: relative;
}

.x1100-all-breakpoints .frame-4041 {
  align-items: center;
  background-color: var(--background);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 60px 0px 0px;
  position: relative;
}

.x1100-all-breakpoints .frame-4008 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 650px;
  padding: 72px 0px;
  position: relative;
  width: 474px;
}

.x1100-all-breakpoints .marketplace-sprzed {
  align-self: stretch;
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
}

.x1100-all-breakpoints .colaboration {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  gap: 85px;
  height: 584px;
  justify-content: space-around;
  padding: 85px 0px;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .frame-4034 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 85px;
  height: 480px;
  justify-content: center;
  margin-bottom: -33.00px;
  margin-top: -33.00px;
  max-width: 1366px;
  padding: 0px 92px;
  position: relative;
}

.x1100-all-breakpoints .frame-4011-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.x1100-all-breakpoints .efektywna-wsppraca {
  align-self: stretch;
  color: var(--charade);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1100-all-breakpoints .frame-3996 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px;
  height: 318px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .frame {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  padding: 20px;
  position: relative;
}

.x1100-all-breakpoints .icons-picker {
  align-items: center;
  background-color: var(--color-white);
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  position: relative;
}

.x1100-all-breakpoints .area_chart {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .analiza-potencjau {
  letter-spacing: 0;
  line-height: 21.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .today {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .plan-promocji {
  letter-spacing: 0;
  line-height: 21.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .przygotowujemy-strat {
  align-self: stretch;
  height: 132px;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.x1100-all-breakpoints .sell {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .zakup-i-sprzeda {
  letter-spacing: 0;
  line-height: 21.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .kupujemy-twj-towar {
  align-self: stretch;
  height: 110px;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.x1100-all-breakpoints .summarize {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .realizacja-i-raportowanie {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21.6px;
  position: relative;
}

.x1100-all-breakpoints .biece-raporty-sprz {
  align-self: stretch;
  height: 88px;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
}

.x1100-all-breakpoints .footer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: center;
  padding: 72px 0px;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .gotowy-na-rozwj {
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .home {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .flex-container-i2147242521451255 {
  display: inline-flex;
  gap: 4px;
}

.x1100-all-breakpoints .email {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x1100-all-breakpoints .frame-4042 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.x1100-all-breakpoints .obsuga-klienta {
  letter-spacing: 0;
  line-height: 18.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .kontakte-fulfillmentcompl {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 18.1px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.x1100-all-breakpoints .disclaimer {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 26px;
  padding: 24px 40px;
  position: relative;
  width: 100%;
}

.x1100-all-breakpoints .allegro-amazon-emp {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 15.5px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1100-all-breakpoints .frame-4011-3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
/* screen - x375 */

.x375 {
  align-items: flex-start;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.x375 .hero-1 {
  align-items: center;
  align-self: stretch;
  background-color: #00000066;
  background-image: url(../img/welcome-60@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 391px;
  justify-content: center;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

.x375 .frame-4027 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  z-index: 1;
}

.x375 .group-1 {
  height: 24px;
  position: relative;
  width: 36.55px;
}

.x375 .title {
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x375 .frame-3982 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 0;
}

.x375 .zyskaj-nowych-klient-1 {
  align-self: stretch;
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x375 .rozwi-swj-biznes-z-1 {
  align-self: stretch;
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x375 .button-secondary-mobile {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--text-primary);
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 40px;
  overflow: hidden;
  padding: 0px 16px;
  position: relative;
}

.x375 .dowiedz-si-wicej-1 {
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 15.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x375 .about1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 48px 40px 24px;
  position: relative;
  width: 100%;
}

.x375 .frame-4011-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.x375 .twj-partner-w-rozwoju-biznesu-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x375 .flex-container-21473584 {
  display: flex;
  gap: 12px;
}

.x375 .text0-21473584 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x375 .text1-21473584 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x375 .span1 {
  color: var(--charade);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-weight: 700;
}

.x375 .frame-4002 {
  align-items: center;
  align-self: stretch;
  border-radius: 10px 0px 0px 10px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 7px 0px;
  position: relative;
  width: 100%;
}

.x375 .frame-4012 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-color: var(--line);
  border-right-style: solid;
  border-right-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x375 .allegro_logo-2 {
  height: 35px;
  object-fit: cover;
  position: relative;
  width: 103px;
}

.x375 .erli-logo-1 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-color: var(--line);
  border-left-style: solid;
  border-left-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x375 .frame-4014-1 {
  align-items: center;
  border-color: var(--line);
  border-right-style: solid;
  border-right-width: 0.5px;
  border-top-style: solid;
  border-top-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x375 .frame-4013 {
  align-items: center;
  border-color: var(--line);
  border-left-style: solid;
  border-left-width: 0.5px;
  border-top-style: solid;
  border-top-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x375 .amazon_logo-3 {
  height: 29.5px;
  object-fit: cover;
  position: relative;
  width: 97.5px;
}

.x375 .marketplace-1 {
  background-color: var(--background);
  justify-content: center;
  padding: 48px 20px 0px;
}

.x375 .frame-3998 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 0px 24px;
  position: relative;
  width: 100%;
}

.x375 .marketplace-sprzed-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x375 .outline-check-small-1 {
  height: 30px;
  position: relative;
  width: 30px;
}

.x375 .dynamiczny-rozwj-p-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x375 .oglnopolski-zasig-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x375 .prostota-i-wygoda-s-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x375 .zaufanie-klientw-z-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x375 .adobe-stock_1071441346-2 {
  align-self: stretch;
  height: 283px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.x375 .colaboration-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 48px 20px;
  position: relative;
  width: 100%;
}

.x375 .efektywna-wsppraca-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x375 .twj-sukces-w-czterech-krokach-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x375 .frame-40-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.x375 .frame-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.x375 .area_chart-1 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x375 .analiza-potencjau-1 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x375 .zaczynamy-od-szczeg-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x375 .plan-promocji-1 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x375 .przygotowujemy-strat-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x375 .sell-1 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x375 .zakup-i-sprzeda-1 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x375 .kupujemy-twj-towar-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x375 .summarize-1 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x375 .realizacja-i-raportowanie-1 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x375 .biece-raporty-sprz-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x375 .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 48px 20px 24px;
  position: relative;
  width: 100%;
}

.x375 .frame-4008-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.x375 .frame-4021 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.x375 .gotowy-na-rozwj-1 {
  align-self: stretch;
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x375 .napisz-do-nas-a-prz-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x375 .frame-401-3 {
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  gap: 20px;
  padding: 20px;
}

.x375 .flex-container-214736 {
  display: inline-flex;
  gap: 4px;
}

.x375 .span1-1 {
  text-decoration: underline;
}

.x375 .disclaimer-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 26px;
  padding: 24px 40px;
  position: relative;
  width: 100%;
}

.x375 .allegro-amazon-emp-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 15.5px;
  margin-top: -1.00px;
  position: relative;
}

.x375 .frame-401 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x375 .icons-picker {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  position: relative;
}

.x375 .marketplace {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
/* screen - x678 */

.x678 {
  align-items: flex-start;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  min-width: 678px;
  position: relative;
}

.x678 .hero-2 {
  align-items: flex-end;
  align-self: stretch;
  background-color: #00000066;
  background-image: url(../img/welcome-63.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 28px;
  height: 399px;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

.x678 .frame-4027-1 {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  left: calc(50.00% - 100px);
  position: absolute;
  top: 25px;
  z-index: 1;
}

.x678 .group-1-1 {
  height: 24px;
  position: relative;
  width: 36.55px;
}

.x678 .title-1 {
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x678 .frame-3982-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 28px;
  position: relative;
  z-index: 0;
}

.x678 .zyskaj-nowych-klient-2 {
  align-self: stretch;
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 33.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x678 .rozwi-swj-biznes-z-2 {
  align-self: stretch;
  color: var(--color-white);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x678 .button-secondary-mobile-1 {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--text-primary);
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 40px;
  overflow: hidden;
  padding: 0px 16px;
  position: relative;
}

.x678 .dowiedz-si-wicej-2 {
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 15.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x678 .about2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 48px 40px 24px;
  position: relative;
  width: 100%;
}

.x678 .frame-4011-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.x678 .twj-partner-w-rozwoju-biznesu-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x678 .flex-container-21472675 {
  display: flex;
  gap: 12px;
}

.x678 .text0-21472675 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x678 .text1-21472675 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x678 .span1-2 {
  color: var(--charade);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-s);
  font-weight: 700;
}

.x678 .frame-4002-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 10px 0px 0px 10px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 7px 0px;
  position: relative;
  width: 100%;
}

.x678 .frame-4012-1 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-color: var(--line);
  border-right-style: solid;
  border-right-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x678 .allegro_logo-1 {
  height: 35px;
  object-fit: cover;
  position: relative;
  width: 103px;
}

.x678 .erli-logo-2 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  border-color: var(--line);
  border-left-style: solid;
  border-left-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x678 .union-2 {
  height: 27.61px;
  position: relative;
  width: 74.18px;
}

.x678 .frame-4014-2 {
  align-items: center;
  border-color: var(--line);
  border-right-style: solid;
  border-right-width: 0.5px;
  border-top-style: solid;
  border-top-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x678 .image-12-2 {
  height: 34.51px;
  object-fit: cover;
  position: relative;
  width: 96.62px;
}

.x678 .frame-4013-1 {
  align-items: center;
  border-color: var(--line);
  border-left-style: solid;
  border-left-width: 0.5px;
  border-top-style: solid;
  border-top-width: 0.5px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  height: 110px;
  justify-content: center;
  position: relative;
}

.x678 .amazon_logo-2 {
  height: 29.5px;
  object-fit: cover;
  position: relative;
  width: 97.5px;
}

.x678 .marketplace-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 48px 40px 0px;
  position: relative;
  width: 100%;
}

.x678 .frame-3998-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 20px 24px;
  position: relative;
  width: 100%;
}

.x678 .marketplace-sprzed-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x678 .frame-4022-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x678 .frame-402-2 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--line);
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px;
  position: relative;
  width: 100%;
}

.x678 .outline-check-small-2 {
  height: 30px;
  position: relative;
  width: 30px;
}

.x678 .dynamiczny-rozwj-p-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x678 .oglnopolski-zasig-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x678 .prostota-i-wygoda-s-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x678 .frame-4026-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px;
  position: relative;
  width: 100%;
}

.x678 .zaufanie-klientw-z-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
}

.x678 .marketplace-photo-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.x678 .adobe-stock_1071441346-2-1 {
  align-self: stretch;
  height: 352px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.x678 .colaboration-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 687px;
  padding: 48px 40px;
  position: relative;
  width: 100%;
}

.x678 .efektywna-wsppraca-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x678 .twj-sukces-w-czterech-krokach-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x678 .frame-40-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.x678 .frame-2 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 24px;
  width: 100%;
}

.x678 .frame-3 {
  align-self: stretch;
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  padding: 20px;
}

.x678 .icons-picker-4 {
  background-color: var(--color-white);
}

.x678 .area_chart-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .analiza-potencjau-2 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x678 .zaczynamy-od-szczeg-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x678 .today-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .plan-promocji-2 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x678 .przygotowujemy-strat-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x678 .frame-4001 {
  background-color: var(--background);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  padding: 20px;
}

.x678 .sell-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .zakup-i-sprzeda-2 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x678 .kupujemy-twj-towar-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x678 .summarize-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .realizacja-i-raportowanie-2 {
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x678 .biece-raporty-sprz-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
}

.x678 .footer-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  padding: 48px 40px 24px;
  position: relative;
  width: 100%;
}

.x678 .frame-4008-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.x678 .frame-4021-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.x678 .gotowy-na-rozwj-2 {
  align-self: stretch;
  color: var(--text-primary);
  font-family: var(--font-family-plus_jakarta_sans);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x678 .napisz-do-nas-a-prz-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 19.6px;
  position: relative;
  text-align: center;
}

.x678 .frame-401-5 {
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--porcelain);
  border-radius: 8px;
  gap: 20px;
  padding: 20px;
}

.x678 .icons-picker-5 {
  background-color: var(--background);
}

.x678 .email-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .flex-container-21472749 {
  cursor: pointer;
  display: inline-flex;
  gap: 4px;
}

.x678 .text-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 18.1px;
  position: relative;
}

.x678 .home-2 {
  height: 24px;
  object-fit: cover;
  position: relative;
  width: 24px;
}

.x678 .flex-container-21472752 {
  display: inline-flex;
  gap: 4px;
}

.x678 .disclaimer-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 26px;
  padding: 24px 40px;
  position: relative;
  width: 100%;
}

.x678 .allegro-amazon-emp-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 15.5px;
  margin-top: -1.00px;
  position: relative;
}

.x678 .frame {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.x678 .frame-401 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.x678 .icons-picker {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 8px;
  position: relative;
}
@media screen and (max-width: 677px) {
  .screen.x1100-all-breakpoints { 
    display: none;
   }
  .screen.x678 { 
    display: none;
   }
}
@media screen and (min-width: 678px) and (max-width: 1224px) {
  .screen.x1100-all-breakpoints { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
}
@media screen and (min-width: 1225px) {
  .screen.x375 { 
    display: none;
   }
  .screen.x678 { 
    display: none;
   }
}