#skaning {
    .service-page {
  display: flex;
  flex-direction: column;
  width: 1512px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.service-page .section {
  width: 1512px;
  height: 560px;
  align-items: center;
  background-color: var(--midnight);
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-page .image-geodeta-ze {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 560px;
  background-image: url(https://c.animaapp.com/j5OKVNKv/img/image--geodeta-ze-statywem-pomiarowym-w-terenie-na--l-sku-cieszy-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.service-page .container {
  position: absolute;
  top: 0;
  left: 0;
  width: 1512px;
  height: 560px;
  background: linear-gradient(
    90deg,
    rgba(26, 39, 52, 1) 0%,
    rgba(26, 39, 52, 0.85) 50%,
    rgba(26, 39, 52, 0.4) 100%
  );
}

.service-page .div {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  width: 1280px;
  height: 560px;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  top: calc(50.00% - 280px);
  left: 116px;
}

.service-page .container-2 {
  display: flex;
  flex-direction: column;
  max-width: 672px;
  width: 628px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

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

.service-page .frame {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .text-wrapper {
  font-size: var(--caption-font-size);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--caption-font-family);
  font-weight: var(--caption-font-weight);
  color: var(--mint);
  white-space: nowrap;
  font-style: var(--caption-font-style);
}

.service-page .geodezja {
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  color: var(--white);
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  position: relative;
  width: fit-content;
  letter-spacing: var(--h1-letter-spacing);
  white-space: nowrap;
  font-style: var(--h1-font-style);
}

.service-page .klasyczne-pomiary {
  position: relative;
  align-self: stretch;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--white-75);
  font-size: var(--body-font-size);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  font-style: var(--body-font-style);
}

.service-page .container-3 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--mint);
  border-radius: 6px;
}

.service-page .button {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  color: var(--white);
  font-size: var(--button-font-size);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  font-style: var(--button-font-style);
}

.service-page .link {
  display: inline-flex;
  height: 44px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .text {
  display: grid;
  grid-template-columns: 42px;
  grid-template-rows: 42px;
  width: 44px;
  height: 44px;
}

.service-page .text-2 {
  display: flex;
  flex-direction: column;
  width: 88.53px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  margin-top: -0.5px;
  margin-bottom: -0.5px;
}

.service-page .zadzwo {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--caption-font-family);
  font-weight: var(--caption-font-weight);
  color: var(--white-50);
  font-size: var(--caption-font-size);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  white-space: nowrap;
  font-style: var(--caption-font-style);
}

.service-page .text-wrapper-2 {
  margin-right: -0.47px;
  font-family: var(--h5-font-family);
  font-weight: var(--h5-font-weight);
  color: var(--white);
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  position: relative;
  width: fit-content;
  letter-spacing: var(--h5-letter-spacing);
  font-style: var(--h5-font-style);
}

.service-page .container-wrapper {
  align-items: center;
  padding: 80px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-page .container-4 {
  display: flex;
  max-width: 1280px;
  width: 1280px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .container-5 {
  display: flex;
  flex-direction: column;
  width: 737px;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
}

.service-page .do-wiadczenie-na-kt {
  position: relative;
  align-self: stretch;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--midnight);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.service-page .geodezja-to {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--midnight-light);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.service-page .w-GEO-GRAF {
  position: relative;
  align-self: stretch;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--midnight-light);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
}

.service-page .container-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: var(--frost);
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--mist);
}

.service-page .dla-kogo {
  position: relative;
  width: fit-content;
  font-family: var(--caption-font-family);
  font-weight: var(--caption-font-weight);
  color: var(--mint);
  font-size: var(--caption-font-size);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  white-space: nowrap;
  font-style: var(--caption-font-style);
}

.service-page .list {
  flex-direction: column;
  width: 424px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .list-item {
  display: flex;
  height: 26px;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.service-page .text-margin {
  position: relative;
  flex: 0 0 auto;
}

.service-page .inwestorzy {
  position: relative;
  width: fit-content;
  font-family: var(--body-3-font-family);
  font-weight: var(--body-3-font-weight);
  color: var(--midnight);
  font-size: var(--body-3-font-size);
  letter-spacing: var(--body-3-letter-spacing);
  line-height: var(--body-3-line-height);
  white-space: nowrap;
  font-style: var(--body-3-font-style);
}

.service-page .list-item-2 {
  width: 424px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-3-font-family);
  font-weight: var(--body-3-font-weight);
  color: var(--midnight);
  font-size: var(--body-3-font-size);
  letter-spacing: var(--body-3-letter-spacing);
  line-height: var(--body-3-line-height);
  white-space: nowrap;
  font-style: var(--body-3-font-style);
}

.service-page .div-wrapper {
  align-items: center;
  padding: 80px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--frost);
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-page .container-7 {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  width: 1280px;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .container-8 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .container-9 {
  display: flex;
  width: 628px;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  position: relative;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--mist);
}

.service-page .img {
  display: grid;
  grid-template-columns: 44px;
  grid-template-rows: 44px;
  width: 44px;
  height: 44px;
}

.service-page .container-10 {
  display: flex;
  flex-direction: column;
  width: 486px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.service-page .mapy-do-cel-w {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: var(--midnight);
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  font-style: var(--h3-font-style);
}

.service-page .aktualna-mapa {
  position: relative;
  width: 486px;
  font-family: var(--body-2-font-family);
  font-weight: var(--body-2-font-weight);
  color: var(--slate);
  font-size: var(--body-2-font-size);
  letter-spacing: var(--body-2-letter-spacing);
  line-height: var(--body-2-line-height);
  font-style: var(--body-2-font-style);
}

.service-page .container-11 {
  display: flex;
  flex-direction: column;
  width: 486px;
  align-items: flex-start;
  position: relative;
}

.service-page .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Chakra Petch", Helvetica;
  font-weight: 700;
  color: var(--midnight);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.service-page .p {
  position: relative;
  width: 486px;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--slate);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.service-page .text-3 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  width: 44px;
  height: 44px;
}

.service-page .heading {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .paragraph {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .pomiar-wybudowanych {
  position: relative;
  width: 486px;
  margin-top: -1px;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--slate);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.service-page .container-12 {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  align-items: center;
  gap: 40px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .container-13 {
  display: flex;
  flex-direction: column;
  width: 628px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .zakres-us-ug {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--caption-font-family);
  font-weight: var(--caption-font-weight);
  color: var(--mint);
  font-size: var(--caption-font-size);
  text-align: center;
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  white-space: nowrap;
  font-style: var(--caption-font-style);
}

.service-page .heading-2 {
  align-items: center;
  gap: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .trzy-specjalizacje {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-left: -10.5px;
  margin-right: -10.5px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--midnight);
  font-size: var(--h2-font-size);
  text-align: center;
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  white-space: nowrap;
  font-style: var(--h2-font-style);
}

.service-page .container-14 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 302px;
  height: 256px;
  align-items: flex-start;
  padding: 32px;
  position: relative;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--mist);
}

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

.service-page .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Chakra Petch", Helvetica;
  font-weight: 700;
  color: var(--mint-50);
  font-size: 30px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

.service-page .do-wiadczenie {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: var(--midnight);
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  font-style: var(--h3-font-style);
}

.service-page .ponad-lat {
  position: relative;
  align-self: stretch;
  font-family: var(--body-2-font-family);
  font-weight: var(--body-2-font-weight);
  color: var(--slate);
  font-size: var(--body-2-font-size);
  letter-spacing: var(--body-2-letter-spacing);
  line-height: var(--body-2-line-height);
  font-style: var(--body-2-font-style);
}

.service-page .container-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--mist);
}

.service-page .container-margin-wrapper {
  align-items: flex-start;
  padding: 80px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--midnight-light);
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-page .container-margin {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .do-wiadczenie-na-kt-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--white);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.service-page .container-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: var(--midnight-75);
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--white-15);
}

.service-page .uprawnienia {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: var(--white);
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  font-style: var(--h3-font-style);
}

.service-page .geodeta-uprawniony {
  position: relative;
  align-self: stretch;
  font-family: var(--body-2-font-family);
  font-weight: var(--body-2-font-weight);
  color: var(--white-75);
  font-size: var(--body-2-font-size);
  letter-spacing: var(--body-2-letter-spacing);
  line-height: var(--body-2-line-height);
  font-style: var(--body-2-font-style);
}

.service-page .section-2 {
  align-items: center;
  padding: 80px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f3f6f8;
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-page .container-17 {
  display: flex;
  flex-direction: column;
  max-width: 1280px;
  width: 846px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .container-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .trzy-specjalizacje-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--midnight);
  font-size: var(--h2-font-size);
  text-align: center;
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  white-space: nowrap;
  font-style: var(--h2-font-style);
}

.service-page .kompleksowa-obs-uga {
  position: relative;
  align-self: stretch;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--slate);
  font-size: var(--body-font-size);
  text-align: center;
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  font-style: var(--body-font-style);
}

.service-page .frame-3 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .pill {
  display: inline-flex;
  flex-direction: column;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--mist);
}

.service-page .pill-2 {
  position: relative;
  width: fit-content;
  font-family: var(--caption-font-family);
  font-weight: var(--caption-font-weight);
  color: var(--slate);
  font-size: var(--caption-font-size);
  text-align: center;
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  white-space: nowrap;
  font-style: var(--caption-font-style);
}

.service-page .container-19 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: 10px;
  padding: 48px 56px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--mint);
  border-radius: 16px;
  overflow: hidden;
}

.service-page .container-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.service-page .container-21 {
  display: flex;
  flex-direction: column;
  width: 561.18px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.service-page .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--white);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  white-space: nowrap;
  font-style: var(--h2-font-style);
}

.service-page .napisz-lub-zadzwo {
  position: relative;
  width: fit-content;
  margin-right: -75.82px;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--white-75);
  font-size: var(--body-font-size);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  white-space: nowrap;
  font-style: var(--body-font-style);
}

.service-page .frame-4 {
  display: inline-flex;
  height: 46px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .button-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--white);
  border-radius: 6px;
}

.service-page .button-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  color: var(--mint);
  font-size: var(--button-font-size);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  font-style: var(--button-font-style);
}

.service-page .button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -1px;
  margin-bottom: -1px;
  background-color: var(--white-5);
  border-radius: 6px;
  border: 1px solid;
  border-color: var(--white-25);
}

.service-page .button-3 {
  position: relative;
  width: fit-content;
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  color: var(--white);
  font-size: var(--button-font-size);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  font-style: var(--button-font-style);
}

.service-page .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--midnight);
}

.service-page .container-22 {
  display: flex;
  max-width: 1280px;
  width: 1280px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 56px 0px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .container-23 {
  display: flex;
  flex-direction: column;
  width: 411px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.service-page .group {
  position: relative;
  width: 96px;
  height: 53.98px;
  aspect-ratio: 1.78;
}

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

.service-page .geodezja-skaning {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--body-2-font-family);
  font-weight: var(--body-2-font-weight);
  color: var(--white-50);
  font-size: var(--body-2-font-size);
  letter-spacing: var(--body-2-letter-spacing);
  line-height: var(--body-2-line-height);
  font-style: var(--body-2-font-style);
}

.service-page .in-andrzej-kleszcz {
  position: relative;
  width: fit-content;
  font-family: var(--body-2-font-family);
  font-weight: var(--body-2-font-weight);
  color: var(--white-50);
  font-size: var(--body-2-font-size);
  letter-spacing: var(--body-2-letter-spacing);
  line-height: var(--body-2-line-height);
  white-space: nowrap;
  font-style: var(--body-2-font-style);
}

.service-page .frame-6 {
  display: flex;
  width: 628px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.service-page .container-24 {
  display: flex;
  flex-direction: column;
  width: 302px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.service-page .text-wrapper-7 {
  font-size: 11px;
  letter-spacing: 2.64px;
  line-height: 16.5px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Chakra Petch", Helvetica;
  font-weight: 600;
  color: var(--mint);
  white-space: nowrap;
}

.service-page .list-2 {
  flex-direction: column;
  width: 338.82px;
  margin-right: -36.82px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .text-wrapper-8 {
  margin-top: -1px;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--white-75);
  font-size: 14px;
  line-height: 20px;
  position: relative;
  width: fit-content;
  letter-spacing: 0;
  white-space: nowrap;
}

.service-page .text-wrapper-9 {
  position: relative;
  width: fit-content;
  font-family: "Barlow", Helvetica;
  font-weight: 400;
  color: var(--white-75);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

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

.service-page .container-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--white-15);
}

.service-page .container-26 {
  display: flex;
  max-width: 1280px;
  width: 1280px;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0px;
  position: relative;
  flex: 0 0 auto;
}

.service-page .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--label-font-family);
  font-weight: var(--label-font-weight);
  color: var(--white-50);
  font-size: var(--label-font-size);
  letter-spacing: var(--label-letter-spacing);
  line-height: var(--label-line-height);
  white-space: nowrap;
  font-style: var(--label-font-style);
}
/* Inject the following rules after the original style.css code. */

.service-page {
  width: 100%;
  overflow: hidden;
}

.service-page .section {
  width: 100%;
}

.service-page .container {
  width: 100%;
}

.service-page .div,
.service-page .container-4,
.service-page .container-7,
.service-page .container-19,
.service-page .container-22,
.service-page .container-26 {
  width: min(1280px, calc(100% - 64px));
}

.service-page .container-4,
.service-page .container-7,
.service-page .container-22,
.service-page .container-26 {
  max-width: 1280px;
}

.service-page .button-primary,
.service-page .button-light,
.service-page .button-outline,
.service-page .link,
.service-page .text-wrapper-8,
.service-page .text-wrapper-9 {
  text-decoration: none;
}

.service-page .button-primary,
.service-page .button-light,
.service-page .button-outline {
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

.service-page .button-primary:hover,
.service-page .button-light:hover,
.service-page .button-outline:hover {
  
}

.service-page .button-primary:focus-visible,
.service-page .button-light:focus-visible,
.service-page .button-outline:focus-visible,
.service-page .link:focus-visible,
.service-page .text-wrapper-8:focus-visible,
.service-page .text-wrapper-9:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 4px;
}

.service-page .text-wrapper-8:hover,
.service-page .text-wrapper-9:hover {
  color: var(--mint);
}

.service-page .container-19 .button-light:focus-visible,
.service-page .container-19 .button-outline:focus-visible {
  outline-color: var(--midnight);
}

.service-page .container-9,
.service-page .container-16,
.service-page .frame-wrapper,
.service-page .container-15 {
  min-width: 0;
}

.service-page .container-9 h3,
.service-page .container-11 h3,
.service-page .container-10 h3,
.service-page .container-16 h3,
.service-page .container-21 h2,
.service-page .container-24 h2 {
  margin: 0;
}

.service-page .container-9 p,
.service-page .container-16 p,
.service-page .container-21 p,
.service-page .container-23 p,
.service-page .container-26 p,
.service-page .container-24 p {
  margin-bottom: 0;
}

.service-page address {
  font-style: normal;
}

@media (max-width: 900px) {
  .service-page .section,
  .service-page .image-geodeta-ze,
  .service-page .container,
  .service-page .div {
    height: 520px;
  }

  .service-page .div {
    left: 32px;
    width: calc(100% - 64px);
  }

  .service-page .container-4 {
    flex-direction: column;
  }

  .service-page .container-5,
  .service-page .container-6 {
    width: 100%;
  }

  .service-page .list,
  .service-page .list-item-2 {
    width: 100%;
  }

  .service-page .container-8 {
    flex-direction: column;
  }

  .service-page .container-9 {
    width: 100%;
  }

  .service-page .container-10,
  .service-page .container-11,
  .service-page .aktualna-mapa,
  .service-page .p,
  .service-page .pomiar-wybudowanych {
    width: 100%;
  }

  .service-page .container-14 {
    flex-wrap: wrap;
  }

  .service-page .frame-wrapper,
  .service-page .container-15,
  .service-page .container-16 {
    flex: 1 1 calc(50% - 12px);
  }

  .service-page .container-20,
  .service-page .container-22 {
    gap: 40px;
  }

  .service-page .container-20 {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-page .container-21,
  .service-page .napisz-lub-zadzwo {
    width: 100%;
    margin-right: 0;
    white-space: normal;
  }

  .service-page .container-22 {
    align-items: flex-start;
  }

  .service-page .frame-6 {
    width: auto;
    flex: 1;
  }

  .service-page .container-24 {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .service-page .div,
  .service-page .container-4,
  .service-page .container-7,
  .service-page .container-19,
  .service-page .container-22,
  .service-page .container-26 {
    width: calc(100% - 40px);
  }

  .service-page .section,
  .service-page .image-geodeta-ze,
  .service-page .container,
  .service-page .div {
    height: auto;
    min-height: 560px;
  }

  .service-page .div {
    position: absolute;
    left: 20px;
    top: 0;
    justify-content: center;
  }

  .service-page .container-2 {
    width: 100%;
    gap: 24px;
  }

  .service-page .geodezja {
    font-size: 42px;
    line-height: 48px;
    white-space: normal;
  }

  .service-page .container-3,
  .service-page .frame-4,
  .service-page .frame-3 {
    flex-wrap: wrap;
  }

  .service-page .container-wrapper,
  .service-page .div-wrapper,
  .service-page .container-margin-wrapper,
  .service-page .section-2 {
    padding: 56px 0;
  }

  .service-page .do-wiadczenie-na-kt,
  .service-page .do-wiadczenie-na-kt-2,
  .service-page .trzy-specjalizacje,
  .service-page .trzy-specjalizacje-2,
  .service-page .text-wrapper-6 {
    font-size: 30px;
    line-height: 36px;
    white-space: normal;
  }

  .service-page .container-13,
  .service-page .container-17 {
    width: 100%;
  }

  .service-page .container-14 {
    flex-direction: column;
  }

  .service-page .frame-wrapper,
  .service-page .container-15,
  .service-page .container-16 {
    width: 100%;
    flex: none;
  }

  .service-page .frame-wrapper {
    height: auto;
  }

  .service-page .container-19 {
    padding: 36px 24px;
  }

  .service-page .container-22,
  .service-page .container-26 {
    flex-direction: column;
  }

  .service-page .frame-6 {
    width: 100%;
  }

  .service-page .container-24 {
    width: 50%;
  }

  .service-page .container-26 {
    align-items: flex-start;
    gap: 12px;
  }

  .service-page .text-wrapper-10,
  .service-page .in-andrzej-kleszcz,
  .service-page .text-wrapper-9 {
    white-space: normal;
  }
}

& .service-page .list-item,
& .service-page .list-item-2 {
  align-items: center;
  span {
    padding-top: 2px;
  }
}

& .service-page .container-21 {
  width: min(620px, 100%);
}

& .service-page .div {
  margin: auto;
  position: relative;
  top: 0;
  left: 0;
}
  & .service-page .button-outline:hover {
    background-color: var(--white);
    .button-3 {
      color: var(--mint)
    }
  }

  & .service-page .button-light:hover {
    background-color: var(--white);
  }

   & .service-page .button-primary:hover {
    background-color: var(--mint-50);
   }

   & .service-page .link:hover {
    .text-wrapper-2 {
      color: var(--mint);
    }
   }

   & .service-page .button-light:hover {
     background-color: var(--white-75);
    }

}

#skaning .service-page .text {
  display: block !important;
  width: 44px;
  height: 44px;
  transform-origin: center center;
  animation: phoneRing 1s ease-in-out infinite;
}

@keyframes phoneRing {
  0%,
  100% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(-15deg);
  }

  20% {
    transform: rotate(15deg);
  }

  30% {
    transform: rotate(-12deg);
  }

  40% {
    transform: rotate(12deg);
  }

  50% {
    transform: rotate(0deg);
  }
}

#skaning {
  & .service-page .container {
    background: linear-gradient(
    90deg,
    rgba(26, 39, 52, 1) 0%,
    rgba(26, 39, 52, 0.85) 35%,
    rgba(26, 39, 52, 0.35) 65%,
    rgba(26, 39, 52, 0.05) 100%
);
  }}