/*
Theme Name: LUMIQA Anima
Author: Patrycja
Version: 1.6
*/

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: border-box;
}
.mobile.div {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  padding: 24px 0px 0px;
  position: relative;
  background-color: #fefefe;
  margin: 0 auto;
}

.mobile .NAVI {
  display: flex;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  justify-content: space-around;
  gap: 562px;
  padding: 24px 0px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 7;
  background-color: #fefefe;
}

.mobile .frame {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0px 15px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .LOGO-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

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

.mobile .image-fill {
  position: relative;
  width: 123.91px;
  height: 32px;
}

.mobile .HERO {
  min-width: 320px;
  max-width: 859px;
  height: 600px;
  align-items: center;
  gap: 10px;
  padding: 0px 15px;
  z-index: 6;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .frame-wrapper {
  align-items: flex-start;
  justify-content: flex-end;
  gap: 36px;
  padding: 0px 30px 60px;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 24px;
  overflow: hidden;
  background-image: url(./img/hero.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .div-wrapper {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .text-wrapper {
  font-weight: var(--LUMIQA-mobile-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-mobile-tagline-font-size);
  line-height: var(--LUMIQA-mobile-tagline-line-height);
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-tagline-font-family);
  letter-spacing: var(--LUMIQA-mobile-tagline-letter-spacing);
  font-style: var(--LUMIQA-mobile-tagline-font-style);
}

.mobile .budujemy-niezawodn {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-1-font-family);
  font-weight: var(--LUMIQA-mobile-headline-1-font-weight);
  color: #ffffff;
  font-size: var(--LUMIQA-mobile-headline-1-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-1-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-1-line-height);
  font-style: var(--LUMIQA-mobile-headline-1-font-style);
}

.mobile .p {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: #dddddd;
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

.mobile .TEXT {
  gap: 36px;
  padding: 30px 15px;
  z-index: 5;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-2 {
  display: flex;
  flex-direction: column;
  min-width: 260px;
  max-width: 859px;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 1px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .tw-j-partner-w {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-2-font-family);
  font-weight: var(--LUMIQA-mobile-headline-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-mobile-headline-2-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-2-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-2-line-height);
  font-style: var(--LUMIQA-mobile-headline-2-font-style);
}

.mobile .LUMIQA-wspiera-i-nap {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: #4f4f4f;
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

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

.mobile .zesp-LUMIQA-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  max-width: 422px;
  height: 280px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}

.mobile .zesp-LUMIQA {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-image: url(./img/zesp-lumiqa.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-4 {
  display: flex;
  flex-direction: column;
  min-width: 260px;
  height: 280px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}

.mobile .zesp-LUMIQA-2 {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-image: url(./img/zesp-lumiqa-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-wrapper {
  padding: 30px 15px;
  z-index: 4;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-5 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  align-items: center;
  gap: 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-6 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-2 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-2-font-family);
  font-weight: var(--LUMIQA-mobile-headline-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-mobile-headline-2-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-2-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-2-line-height);
  font-style: var(--LUMIQA-mobile-headline-2-font-style);
}

.mobile .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: #4f4f4f;
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

.mobile .container-7 {
  display: flex;
  flex-direction: column;
  min-width: 260px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .DIVIDER {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}

.mobile .USUGI-LIST {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-8 {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .container-9 {
  display: inline-flex;
  flex-direction: column;
  min-width: 36px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-4 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-tagline-font-family);
  font-weight: var(--LUMIQA-mobile-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-mobile-tagline-font-size);
  letter-spacing: var(--LUMIQA-mobile-tagline-letter-spacing);
  line-height: var(--LUMIQA-mobile-tagline-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-mobile-tagline-font-style);
}

.mobile .container-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .div-wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-5 {
  font-weight: var(--LUMIQA-mobile-headline-6-font-weight);
  color: var(--lumiqagraphite-nightnormal);
  font-size: var(--LUMIQA-mobile-headline-6-font-size);
  line-height: var(--LUMIQA-mobile-headline-6-line-height);
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-6-font-family);
  letter-spacing: var(--LUMIQA-mobile-headline-6-letter-spacing);
  font-style: var(--LUMIQA-mobile-headline-6-font-style);
}

.mobile .TEXT-2 {
  padding: 30px 15px;
  z-index: 3;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-6 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-tagline-font-family);
  font-weight: var(--LUMIQA-mobile-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-mobile-tagline-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-mobile-tagline-letter-spacing);
  line-height: var(--LUMIQA-mobile-tagline-line-height);
  font-style: var(--LUMIQA-mobile-tagline-font-style);
}

.mobile .text-wrapper-7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-2-font-family);
  font-weight: var(--LUMIQA-mobile-headline-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-mobile-headline-2-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-mobile-headline-2-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-2-line-height);
  font-style: var(--LUMIQA-mobile-headline-2-font-style);
}

.mobile .frame-5 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .container-13 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 14px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-8 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-6-font-family);
  font-weight: var(--LUMIQA-mobile-headline-6-font-weight);
  color: var(--lumiqaclear-lightnormal);
  font-size: var(--LUMIQA-mobile-headline-6-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-6-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-6-line-height);
  font-style: var(--LUMIQA-mobile-headline-6-font-style);
}

.mobile .container-15 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 14px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-16 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 14px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(./img/container-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .TEXT-3 {
  padding: 30px 15px 60px;
  z-index: 2;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-17 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 36px 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-7 {
  display: flex;
  flex-wrap: wrap;
  min-width: 270px;
  align-items: flex-start;
  gap: 36px 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .container-18 {
  display: flex;
  flex-direction: column;
  min-width: 290px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .border {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 2px solid;
  border-color: var(--lumiqaluminous-orangenormal);
  width: 64px;
  height: 64px;
  position: relative;
}

.mobile .SVG {
  position: relative;
  width: 26px;
  height: 26px;
}

.mobile .vector {
  position: absolute;
  width: 91.68%;
  height: 95.84%;
  top: 4.16%;
  left: 8.32%;
}

.mobile .text-wrapper-9 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-5-font-family);
  font-weight: var(--LUMIQA-mobile-headline-5-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-mobile-headline-5-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-5-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-5-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-mobile-headline-5-font-style);
}

.mobile .container-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 0.69px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-10 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: var(--lumiqagraphite-nightnormal);
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

.mobile .img {
  width: 64px;
  height: 64px;
  position: relative;
}

.mobile .frame-9 {
  display: flex;
  flex-wrap: wrap;
  min-width: 270px;
  align-items: center;
  gap: 36px 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .vector-2 {
  position: absolute;
  width: 91.67%;
  height: 95.85%;
  top: 4.15%;
  left: 8.33%;
}

.mobile .FORM {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  padding: 60px 15px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
  background-color: var(--lumiqaindustrial-navynormal);
}

.mobile .container-20 {
  display: flex;
  flex-direction: column;
  min-width: 270px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-11 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-headline-2-font-family);
  font-weight: var(--LUMIQA-mobile-headline-2-font-weight);
  color: #f4f4f4;
  font-size: var(--LUMIQA-mobile-headline-2-font-size);
  letter-spacing: var(--LUMIQA-mobile-headline-2-letter-spacing);
  line-height: var(--LUMIQA-mobile-headline-2-line-height);
  font-style: var(--LUMIQA-mobile-headline-2-font-style);
}

.mobile .text-wrapper-12 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: #f4f4f4;
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

.mobile .container-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-22 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0px 0px 1px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .SVG-2 {
  position: relative;
  width: 18px;
  height: 18px;
}

.mobile .vector-3 {
  position: absolute;
  width: 95.37%;
  height: 95.83%;
  top: 4.17%;
  left: 4.63%;
}

.mobile .text-wrapper-13 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-large-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-large-n-font-weight);
  color: var(--lumiqaclear-lightnormal);
  font-size: var(--LUMIQA-mobile-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-large-n-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-mobile-text-large-n-font-style);
}

.mobile .vector-4 {
  position: absolute;
  width: 95.83%;
  height: 87.50%;
  top: 12.50%;
  left: 4.17%;
}

.mobile .vector-5 {
  position: absolute;
  width: 95.83%;
  height: 75.00%;
  top: 25.00%;
  left: 4.17%;
}

.mobile .FOOTER {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 859px;
  align-items: center;
  gap: 36px;
  padding: 30px 15px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
  background-color: var(--lumiqagraphite-nightnormal);
}

.mobile .container-23 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 36px 48px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-24 {
  display: flex;
  flex-direction: column;
  min-width: 270px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .LOGO {
  display: inline-flex;
  aspect-ratio: 3.88;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .image-fill-2 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  aspect-ratio: 3.87;
}

.mobile .infrastruktura-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  width: 280px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .infrastruktura {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-medium-n-font-family);
  font-weight: var(--LUMIQA-mobile-text-medium-n-font-weight);
  color: #b6b6b6;
  font-size: var(--LUMIQA-mobile-text-medium-n-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-medium-n-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-medium-n-line-height);
  font-style: var(--LUMIQA-mobile-text-medium-n-font-style);
}

.mobile .horizontal-border {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #ffffff1a;
}

.mobile .frame-10 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-25 {
  display: inline-flex;
  flex-direction: column;
  height: 20px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-14 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-mobile-text-medium-m-font-family);
  font-weight: var(--LUMIQA-mobile-text-medium-m-font-weight);
  color: #ffffff80;
  font-size: var(--LUMIQA-mobile-text-medium-m-font-size);
  letter-spacing: var(--LUMIQA-mobile-text-medium-m-letter-spacing);
  line-height: var(--LUMIQA-mobile-text-medium-m-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-mobile-text-medium-m-font-style);
}

.mobile .BTN {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -97px;
}

.mobile .button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -0.50px;
  font-family: var(--LUMIQA-mobile-button-font-family);
  font-weight: var(--LUMIQA-mobile-button-font-weight);
  color: #939393;
  font-size: var(--LUMIQA-mobile-button-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-mobile-button-letter-spacing);
  line-height: var(--LUMIQA-mobile-button-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-mobile-button-font-style);
}

.mobile.tablet {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1515px;
  align-items: center;
  padding: 24px 0px 0px;
  position: relative;
  background-color: #fefefe;
  margin: 0 auto;
}

.mobile .NAVI-2 {
  display: flex;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  justify-content: space-around;
  gap: 562px;
  padding: 24px 0px 36px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 7;
  background-color: #fefefe;
}

.mobile .frame-11 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0px 60px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-12 {
  display: flex;
  flex-direction: column;
  width: 123.91px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
}

.mobile .image-fill-wrapper {
  display: flex;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 3.87;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .HERO-wrapper {
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  gap: 10px;
  padding: 0px 60px;
  flex: 0 0 auto;
  z-index: 6;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .HERO-2 {
  height: 860px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 36px;
  padding: 0px 60px 100px;
  align-self: stretch;
  border-radius: 24px;
  overflow: hidden;
  background-image: url(./img/hero-2.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .container-26 {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-13 {
  gap: 36px;
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-15 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-tagline-font-family);
  font-weight: var(--LUMIQA-desktop-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-desktop-tagline-font-size);
  letter-spacing: var(--LUMIQA-desktop-tagline-letter-spacing);
  line-height: var(--LUMIQA-desktop-tagline-line-height);
  font-style: var(--LUMIQA-desktop-tagline-font-style);
}

.mobile .budujemy-niezawodn-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-1-font-family);
  font-weight: var(--LUMIQA-desktop-heading-1-font-weight);
  color: #ffffff;
  font-size: var(--LUMIQA-desktop-heading-1-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-1-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-1-line-height);
  font-style: var(--LUMIQA-desktop-heading-1-font-style);
}

.mobile .text-wrapper-16 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: #dddddd;
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .TEXT-4 {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  gap: 72px;
  padding: 60px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 5;
  background-color: #fefefe;
}

.mobile .frame-15 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 36px 36px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-27 {
  display: flex;
  flex-direction: column;
  min-width: 620px;
  max-width: 880px;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .tw-j-partner-w-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-2-font-family);
  font-weight: var(--LUMIQA-desktop-heading-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-desktop-heading-2-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-2-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-2-line-height);
  font-style: var(--LUMIQA-desktop-heading-2-font-style);
}

.mobile .container-28 {
  display: flex;
  flex-direction: column;
  min-width: 620px;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .LUMIQA-wspiera-i-nap-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: #4f4f4f;
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .container-29 {
  display: flex;
  flex-direction: column;
  max-width: 422px;
  height: 480px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}

.mobile .zesp-LUMIQA-3 {
  background-image: url(./img/zesp-lumiqa-4.png);
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-30 {
  display: flex;
  flex-direction: column;
  height: 480px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}

.mobile .zesp-LUMIQA-4 {
  background-image: url(./img/zesp-lumiqa-5.png);
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .TEXT-5 {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  padding: 60px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 4;
  background-color: #f6f6f6;
}

.mobile .container-31 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 36px 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-32 {
  display: flex;
  flex-direction: column;
  min-width: 580px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-17 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-2-font-family);
  font-weight: var(--LUMIQA-desktop-heading-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-desktop-heading-2-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-2-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-2-line-height);
  font-style: var(--LUMIQA-desktop-heading-2-font-style);
}

.mobile .text-wrapper-18 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: #4f4f4f;
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .container-33 {
  display: flex;
  flex-direction: column;
  min-width: 740px;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .USUGI-LIST-2 {
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 36px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-34 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-19 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-tagline-font-family);
  font-weight: var(--LUMIQA-desktop-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-desktop-tagline-font-size);
  letter-spacing: var(--LUMIQA-desktop-tagline-letter-spacing);
  line-height: var(--LUMIQA-desktop-tagline-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-desktop-tagline-font-style);
}

.mobile .text-wrapper-20 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-6-font-family);
  font-weight: var(--LUMIQA-desktop-heading-6-font-weight);
  color: var(--lumiqagraphite-nightnormal);
  font-size: var(--LUMIQA-desktop-heading-6-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-6-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-6-line-height);
  font-style: var(--LUMIQA-desktop-heading-6-font-style);
}

.mobile .TEXT-6 {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  padding: 60px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 3;
  background-color: #fefefe;
}

.mobile .container-35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-21 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-tagline-font-family);
  font-weight: var(--LUMIQA-desktop-tagline-font-weight);
  color: var(--lumiqaluminous-orangenormal);
  font-size: var(--LUMIQA-desktop-tagline-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-desktop-tagline-letter-spacing);
  line-height: var(--LUMIQA-desktop-tagline-line-height);
  font-style: var(--LUMIQA-desktop-tagline-font-style);
}

.mobile .text-wrapper-22 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-2-font-family);
  font-weight: var(--LUMIQA-desktop-heading-2-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-desktop-heading-2-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-desktop-heading-2-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-2-line-height);
  font-style: var(--LUMIQA-desktop-heading-2-font-style);
}

.mobile .div-4 {
  justify-content: center;
  gap: 36px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.mobile .frame-16 {
  flex-wrap: wrap;
  gap: 36px 36px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.mobile .container-36 {
  display: flex;
  flex-direction: column;
  min-width: 366px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container-6.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .text-wrapper-23 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-6-font-family);
  font-weight: var(--LUMIQA-desktop-heading-6-font-weight);
  color: var(--lumiqaclear-lightnormal);
  font-size: var(--LUMIQA-desktop-heading-6-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-6-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-6-line-height);
  font-style: var(--LUMIQA-desktop-heading-6-font-style);
}

.mobile .container-37 {
  display: flex;
  flex-direction: column;
  min-width: 366px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container-7.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-38 {
  display: flex;
  flex-direction: column;
  min-width: 366px;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(./img/container-8.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .TEXT-7 {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  padding: 60px 60px 120px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 2;
  background-color: #fefefe;
}

.mobile .frame-17 {
  display: flex;
  min-width: 614px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .text-wrapper-24 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-5-font-family);
  font-weight: var(--LUMIQA-desktop-heading-5-font-weight);
  color: var(--lumiqaindustrial-navynormal);
  font-size: var(--LUMIQA-desktop-heading-5-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-5-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-5-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-desktop-heading-5-font-style);
}

.mobile .text-wrapper-25 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: var(--lumiqagraphite-nightnormal);
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .frame-19 {
  display: flex;
  min-width: 614px;
  align-items: center;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .FORM-2 {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  padding: 120px 60px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
  background-color: var(--lumiqaindustrial-navynormal);
}

.mobile .container-39 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 72px 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-40 {
  display: flex;
  flex-direction: column;
  min-width: 475px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-26 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-heading-2-font-family);
  font-weight: var(--LUMIQA-desktop-heading-2-font-weight);
  color: #f4f4f4;
  font-size: var(--LUMIQA-desktop-heading-2-font-size);
  letter-spacing: var(--LUMIQA-desktop-heading-2-letter-spacing);
  line-height: var(--LUMIQA-desktop-heading-2-line-height);
  font-style: var(--LUMIQA-desktop-heading-2-font-style);
}

.mobile .text-wrapper-27 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: #f4f4f4;
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .text-wrapper-28 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-large-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-large-n-font-weight);
  color: var(--lumiqaclear-lightnormal);
  font-size: var(--LUMIQA-desktop-text-large-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-large-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-large-n-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-desktop-text-large-n-font-style);
}

.mobile .footer {
  display: flex;
  flex-direction: column;
  min-width: 860px;
  max-width: 1515px;
  align-items: center;
  gap: 36px;
  padding: 60px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
  background-color: var(--lumiqagraphite-nightnormal);
}

.mobile .container-41 {
  display: flex;
  flex-direction: column;
  min-width: 280px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .img-wrapper {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .infrastruktura-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-medium-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-medium-n-font-weight);
  color: #b6b6b6;
  font-size: var(--LUMIQA-desktop-text-medium-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-medium-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-medium-n-line-height);
  font-style: var(--LUMIQA-desktop-text-medium-n-font-style);
}

.mobile .text-wrapper-29 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--LUMIQA-desktop-text-medium-n-font-family);
  font-weight: var(--LUMIQA-desktop-text-medium-n-font-weight);
  color: #ffffff80;
  font-size: var(--LUMIQA-desktop-text-medium-n-font-size);
  letter-spacing: var(--LUMIQA-desktop-text-medium-n-letter-spacing);
  line-height: var(--LUMIQA-desktop-text-medium-n-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-desktop-text-medium-n-font-style);
}

.mobile .button-wrapper {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .button-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -0.50px;
  font-family: var(--LUMIQA-desktop-button-font-family);
  font-weight: var(--LUMIQA-desktop-button-font-weight);
  color: #939393;
  font-size: var(--LUMIQA-desktop-button-font-size);
  text-align: center;
  letter-spacing: var(--LUMIQA-desktop-button-letter-spacing);
  line-height: var(--LUMIQA-desktop-button-line-height);
  white-space: nowrap;
  font-style: var(--LUMIQA-desktop-button-font-style);
}

.mobile.desktop {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  justify-content: center;
  padding: 24px 0px 0px;
  position: relative;
  background-color: #fefefe;
  margin: 0 auto;
}

.mobile .NAVI-3 {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  justify-content: space-around;
  gap: 562px;
  padding: 24px 120px 36px;
  position: relative;
  flex: 0 0 auto;
  z-index: 7;
  background-color: #fefefe;
  margin: 0 auto;
}

.mobile .frame-20 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-21 {
  display: flex;
  flex-direction: column;
  width: 123.91px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
}

.mobile .HERO-3 {
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  gap: 10px;
  padding: 0px 120px;
  flex: 0 0 auto;
  z-index: 6;
  background-color: #fefefe;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  margin: 0 auto;
}

.mobile .HERO-4 {
  height: 860px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 36px;
  padding: 0px 120px 100px;
  border-radius: 24px;
  overflow: hidden;
  background-image: url(./img/hero-1.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .container-42 {
  display: flex;
  width: 1360px;
  align-items: flex-start;
  position: relative;
}

.mobile .frame-22 {
  display: flex;
  flex-direction: column;
  max-width: 880px;
  width: 880px;
  align-items: flex-start;
  gap: 36px;
  position: relative;
}

.mobile .frame-23 {
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.mobile .TEXT-8 {
  display: flex;
  flex-direction: column;
  min-width: 1516px;
  align-items: center;
  gap: 72px;
  padding: 60px 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 5;
  background-color: #fefefe;
}

.mobile .zesp-LUMIQA-5 {
  background-image: url(./img/zesp-lumiqa-2.png);
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .zesp-LUMIQA-6 {
  background-image: url(./img/zesp-lumiqa-3.png);
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .TEXT-9 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  padding: 60px 120px;
  position: relative;
  flex: 0 0 auto;
  z-index: 4;
  background-color: #f6f6f6;
  margin: 0 auto;
}

.mobile .container-43 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .container-44 {
  display: flex;
  flex-direction: column;
  min-width: 620px;
  align-items: flex-start;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.mobile .TEXT-10 {
  display: flex;
  flex-direction: column;
  min-width: 1516px;
  align-items: center;
  padding: 60px 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 3;
  background-color: #fefefe;
}

.mobile .frame-24 {
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  gap: 36px;
  position: relative;
  align-self: stretch;
}

.mobile .container-45 {
  display: flex;
  flex-direction: column;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container-3.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-46 {
  display: flex;
  flex-direction: column;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  background-image: url(./img/container-4.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .container-47 {
  display: flex;
  flex-direction: column;
  min-height: 480px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 24px;
  padding: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
  background-image: url(./img/container-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mobile .TEXT-11 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  padding: 60px 120px 120px;
  position: relative;
  flex: 0 0 auto;
  z-index: 2;
  background-color: #fefefe;
  margin: 0 auto;
}

.mobile .container-48 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .FORM-3 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  padding: 120px;
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
  background-color: var(--lumiqaindustrial-navynormal);
  margin: 0 auto;
}

.mobile .FOOTER-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1920px;
  align-items: center;
  gap: 36px;
  padding: 60px 120px;
  position: relative;
  flex: 0 0 auto;
  z-index: 0;
  background-color: var(--lumiqagraphite-nightnormal);
  margin: 0 auto;
}

.mobile .container-49 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

@media (max-width: 859px) {
  .mobile.tablet {
    display: none !important;
  }

  .mobile.desktop {
    display: none !important;
  }
}

@media (min-width: 860px) and (max-width: 1515px) {
  .mobile.div {
    display: none !important;
  }

  .mobile.desktop {
    display: none !important;
  }
}

@media (min-width: 1516px) {
  .mobile.div {
    display: none !important;
  }

  .mobile.tablet {
    display: none !important;
  }
}