.mockup {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.div {
  background-color: var(--radical-white);
  overflow: hidden;
  wwidth: 1440px;
  width:100%;
  hheight: 17008px;
  position: relative;
}

.rectangle {
  pposition: absolute;
  width: 122px;
  height: 144px;
  top: 1270px;
  left: -171px;
  background-color: #1a1a1a;
}

.group {
  pposition: absolute;
  width:100vw;
  height:230px;
  ttop: 16620px;
  left: 0;
  background-color: #80808026;
}

.overlap-group {
  position: relative;
  width:100vw;
  margin-top:84px;
  height:auto;/*388px;*/
  background-color: #80808026;
}

.frame {
  /*display: flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content: space-around;
  gap: 70px;*/
  box-sizing:border-box;
  width:100vw;
  position:relative;
  padding:30px;
  margin-top:84px;
  background-color: #80808026;
  /*top: 42px;
  left: 504px;*/
  text-align:justify;
  text-align-last:right;
}

.frame > * {
bborder:1px solid red;
position:relative;
display:inline-block;
width:calc(33.3% - 10px);
vertical-align:text-top;
min-width:373px;
padding:3vw;
text-align:left !important;
text-align-last:left;
}

@media (max-width:809px) {
.frame {
  text-align:left !important;
  text-align-last:left;
}

}


.frame div:last-child img {
max-width:120px;
}

.w-razie-pyta-prosimy-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 404px;
  position: relative;
  flex: 0 0 auto;
}

.w-razie-pyta-prosimy {
  position: relative;
  width: 627px;
  margin-top: -1px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: transparent;
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.text-wrapper {
  color: #000000;
  font-family: var(--body-averta-font-family);
  font-style: var(--body-averta-font-style);
  font-weight: var(--body-averta-font-weight);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-size: var(--body-averta-font-size);
}

.span {
  color: #ce0e2d;
  font-family: var(--body-averta-font-family);
  font-style: var(--body-averta-font-style);
  font-weight: var(--body-averta-font-weight);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-size: var(--body-averta-font-size);
}

.frame-2 {
  display: flex;
  width: 1117px;
  width:100%;
  align-items: flex-start;
  gap: 25px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -181px;
}

.kontakt-dodatkowy {
  position: relative;
  width: 320px;
  margin-top: -1px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: var(--black);
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.text-wrapper-2 {
  position: absolute;
  width: 278px;
  top: 344px;
  left: 41px;
  font-family: var(--caption-averta-font-family);
  font-weight: var(--caption-averta-font-weight);
  color: #000000;
  font-size: var(--caption-averta-font-size);
  letter-spacing: var(--caption-averta-letter-spacing);
  line-height: var(--caption-averta-line-height);
  white-space: nowrap;
  font-style: var(--caption-averta-font-style);
}

.text-wrapper-3 {
  position: absolute;
  width: 259px;
  top: 344px;
  left: 504px;
  font-family: var(--caption-averta-font-family);
  font-weight: var(--caption-averta-font-weight);
  color: #000000;
  font-size: var(--caption-averta-font-size);
  letter-spacing: var(--caption-averta-letter-spacing);
  line-height: var(--caption-averta-line-height);
  white-space: nowrap;
  font-style: var(--caption-averta-font-style);
}

.layer {
  position:relative;
  width: 260px;
  height: 18px;
  /*top: 43px;
  left: 48px;*/
  margin-top:10px;
}

.layer-2 {
  position:relative;
  width:100%;
  height:calc(100vh);/*741px;*/
  top: 0px !important;
  left: 0;
  /*overflow: hidden;*/
  /*background-image: url(https://c.animaapp.com/MlEZLyjO/img/vector.svg);
  background-size: 100% 100%;*/
  background:var(--red-bkgnd);
}

.overlap {
  pposition: absolute;
  width:100vw;
  height:100px;/*75px;*/
  top: 0;
  left: 0;
  background-color: var(--white);
}

.navbar {
  display: flex;
  width:100%;
  justify-content: space-between;
  top: 40px;
  left: 48px;
  align-items: center;
  position: relative;
}

.fframe-3 {
  display:inline-flex;
  align-items:flex-start;
  gap:10px 12vw;/*224px;*/
  position:relative;
  /*flex: 0 0 auto;*/
  flex-wrap:wrap;
  width:100vw;
}

/*.frame-3 {
display:block;
width:100vw;
position:relative;
text-align:justify;
}*/

/*.tab-menu td {
display:inline-block;
}

.tab_menu td:nth-child(2) {
min-width:700px;
}*/

/*.tab-menu td:last-child {
display:none;
}*/

/*.frame-3 > div {
display:inline-block;
vertical-align:top;
}*/


.img {
  position: relative;
  width: 232px;
  height: 16px;
}

.MENU-WH {
  display: inline-flex;
  align-items: flex-end;
  gap: 24px;
  flex-wrap: no-wrap;
  flex-direction: row;
  max-width:50vw;
  list-style-type:none;
  margin-right:58px;
  /*position: relative;
  flex: 0 0 auto;*/
}

.what {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.navbar-link {
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  padding: 3px 0px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.text-wrapper-4,.MENU-WH a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: var(--black);
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  white-space: nowrap;
  font-style: var(--body-averta-font-style);
}

.what-2 {
  margin-right: -1px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.layer-3 {
  position: relative;
  /*width: 71px;
  height: 28px;*/
  max-height:50px;
  margin-top:-15px;
  right: 86px;
}

.poland-business {
  pposition: absolute;
  width:100%;
  /*top: 285px;*/
  /*margin-top:calc(50vh - 184px);*//*50vh*/
  /*left: 504px;*/
  
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  color: transparent;
  font-size: var(--h1-averta-font-size);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  font-style: var(--h1-averta-font-style);

  /*text-align:center;*/
}

.poland-business img {
max-width:772px;
width:53.6vw;
margin-left:21.3vw;
margin-top:calc(50vh - 12.5vw);
}

.text-wrapper-5 {
  color: #ffffff;
  font-family: var(--h1-averta-font-family);
  font-style: var(--h1-averta-font-style);
  font-weight: var(--h1-averta-font-weight);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  font-size: var(--h1-averta-font-size);
}

.text-wrapper-6 {
  color: #000000;
  font-family: var(--h1-averta-font-family);
  font-style: var(--h1-averta-font-style);
  font-weight: var(--h1-averta-font-weight);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  font-size: var(--h1-averta-font-size);
}

.p {
  position: absolute;
  /*width: 785px;*/
  /*top: 675px;*/
  bottom:1.5em;
  /*left: 504px;*/
  margin-left:26.9vw;
  margin-right:15vw;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: #000000;
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  font-style: var(--h5-averta-font-style);
}

.frame-4 {
  position: relative;
  width: 1344px;
  width:100%;
  height:890px;
  top:150px;/*861px;*/
  left: 48px;
}

.overlap-2 {
  position: absolute;
  width: 1344px;
  width:100%;
  height:448px;
  top: 16px;
  left: 0;
}

.frame-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: absolute;
  top: 0;
  left: 406px;
}

.frame-6 {
  display: inline-flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h4-averta-font-family);
  font-weight: var(--h4-averta-font-weight);
  color: var(--r-black);
  font-size: var(--h4-averta-font-size);
  letter-spacing: var(--h4-averta-letter-spacing);
  line-height: var(--h4-averta-line-height);
  white-space: nowrap;
  font-style: var(--h4-averta-font-style);
}

.line {
  position: absolute;
  top: 63px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-2 {
  position: absolute;
  top: 143px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-3 {
  position: absolute;
  top: 223px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-4 {
  position: absolute;
  top: 303px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-5 {
  position: absolute;
  top: 383px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-6 {
  position: absolute;
  top: 463px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-6a {
  position: absolute;
  top: 543px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-7 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.line-7a {
  position: absolute;
  top: 639px;
  left: 0;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.ksiega-znaku {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 1341px;
  left: 48px;
}

.frame-7 {
  display: flex;
  width: 1344px;
  width:100%;
  align-items: flex-start;
  gap: 157px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-8 {
  width: 303px;
  height: 91px;
  color: var(--r-black);
  font-size: var(--h1-averta-font-size);
  line-height: var(--h1-averta-line-height);
  position: relative;
  margin-top: -1px;
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  letter-spacing: var(--h1-averta-letter-spacing);
  white-space: nowrap;
  font-style: var(--h1-averta-font-style);
}

.text-wrapper-9 {
  width: 849px;
  height: 91px;
  margin-top: -1px;
  font-family: var(--h1-averta-font-family);
  color: var(--r-black);
  font-size: var(--h1-averta-font-size);
  line-height: var(--h1-averta-line-height);
  white-space: nowrap;
  position: relative;
  font-weight: var(--h1-averta-font-weight);
  letter-spacing: var(--h1-averta-letter-spacing);
  font-style: var(--h1-averta-font-style);
}

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

.frame-9 {
  display: flex;
  flex-direction: column;
  width: 408px;
  align-items: flex-start;
  gap: 40px;
  position: relative;
}

.text-wrapper-10 {
  width: 318px;
  margin-top: -1px;
  font-family: var(--h5-averta-font-family);
  color: var(--black);
  font-size: var(--h5-averta-font-size);
  line-height: var(--h5-averta-line-height);
  position: relative;
  font-weight: var(--h5-averta-font-weight);
  letter-spacing: var(--h5-averta-letter-spacing);
  font-style: var(--h5-averta-font-style);
}

.text-wrapper-11,.link_wrap {
  width: 408px;
  font-family: var(--body-averta-font-family);
  color: #000000;
  font-size: var(--body-averta-font-size);
  line-height: var(--body-averta-line-height);
  position: relative;
  font-weight: var(--body-averta-font-weight);
  letter-spacing: var(--body-averta-letter-spacing);
  font-style: var(--body-averta-font-style);
}

.ksi-ga-znaku-zawiera {
  position: relative;
  width: 408px;
  font-family: "Averta-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25.2px;
}

.text-wrapper-12 {
  font-family: "Averta-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25.2px;
}

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

.artboard {
  position: relative;
  width: 660px;
  height: 371.25px;
}

.button {
  all: unset;
  box-sizing: border-box;
  width: 316px;
  /*gap: 15px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;*/
  position: relative;
  border: 1px solid;
  border-color: var(--red);
}

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

.line-8 {
  position: relative;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 2158px;
  left: 48px;
}

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

.frame-12 {
  position: relative;
  width: 432px;
  height: 122px;
}

.text-wrapper-14 {
  pposition: absolute;
  width: 373px;
  top: -1px;
  left: 0;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--black);
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  font-style: var(--h5-averta-font-style);
}

.text-wrapper-15 {
  pposition: absolute;
  width: 408px;
  top: 71px;
  left: 0;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: #000000;
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.overlap-group-wrapper {
  position: relative;
  width: 662px;
  height: 371.25px;
  margin-right: -2px;
}

.overlap-group-2 {
  position: relative;
  width: 660px;
  height: 371px;
  background-color: #fafafa;
  border: 1px solid;
  border-color: var(--grey-50);
}

.layer-4 {
  position: absolute;
  width: 114px;
  height: 28px;
  top: 30px;
  left: 22px;
}

.logo-pack {
  position: absolute;
  width: 638px;
  top: 270px;
  left: 19px;
  margin: 0;
  padding: 0;
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  color: transparent;
  font-size: var(--h1-averta-font-size);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  white-space: nowrap;
  font-style: var(--h1-averta-font-style);
}

.text-wrapper-16 {
  color: #ce0e2d;
  font-family: var(--h1-averta-font-family);
  font-style: var(--h1-averta-font-style);
  font-weight: var(--h1-averta-font-weight);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  font-size: var(--h1-averta-font-size);
}

.RP-logo-line-poz {
  position: relative;
  width: 318.5px;
  height: 45px;
}

.line-9 {
  pposition: absolute;
  ttop: 3094px;
  left: 48px;
  width: 1344px;
  height: 1px;
  object-fit: cover;
}

.frame-13 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 69px;
  pposition: absolute;
  ttop: 3216px;
  left: 48px;
}

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

.text-wrapper-17 {
  position: relative;
  /*width: 373px;*/
  margin-top: -1px;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--black);
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  font-style: var(--h5-averta-font-style);
}

.RP-logo-line-poz-2 {
  position: relative;
  width: 204px;
  height: 120px;
}

.layer-wrapper {
  background-image: url(https://c.animaapp.com/MlEZLyjO/img/rp-logo-1-line-poz-mono-2.png);
  position: relative;
  width: 204px;
  height: 120px;
  background-size: 100% 100%;
}

.layer-5 {
  position: absolute;
  width: 114px;
  height: 29px;
  top: 46px;
  left: 25px;
}

.layer-6 {
  position: absolute;
  width: 162px;
  height: 11px;
  top: 56px;
  left: 21px;
}

.text-wrapper-18 {
  position: relative;
  width: 208px;
  height: 78px;
  margin-top: -1px;
  font-family: "Averta-Semibold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}

.text-wrapper-18a {
  position: relative;
  /*width: 208px;*/
  /*height: 78px;*/
  margin-top: -1px;
  font-family: "Averta-Semibold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}

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

.logotyp-z-rozwini {
  position: relative;
  width: 208.16px;
  margin-top: -1px;
  font-family: "Averta-Semibold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26px;
}

.text-wrapper-19 {
  position: relative;
  width: 204px;
  font-family: var(--caption-averta-font-family);
  font-weight: var(--caption-averta-font-weight);
  color: var(--black);
  font-size: var(--caption-averta-font-size);
  letter-spacing: var(--caption-averta-letter-spacing);
  line-height: var(--caption-averta-line-height);
  font-style: var(--caption-averta-font-style);
}

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

.div-wrapper {
  all: unset;
  box-sizing: border-box;
  width: 204px;
  /*gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;*/
  position: relative;
  border: 1px solid;
  border-color: var(--red);
}

.frame-17 {
  display: flex;
  width: 204px;
  height: 110px;
  align-items: flex-start;
  gap: 10px;
  padding: 15px 20px;
  position: relative;
  background-color: #80808026;
}

.text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Averta-Regular", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.frame-18 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 69px;
  pposition: absolute;
  ttop: 3942px;
  left: 48px;
}

.img-wrapper {
  background-image: url(https://c.animaapp.com/MlEZLyjO/img/rp-logo-1-line-poz-mono-5.png);
  position: relative;
  width: 204px;
  height: 120px;
  background-size: 100% 100%;
}

.frame-19 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 69px;
  pposition: absolute;
  ttop: 4670px;
  left: 48px;
}

.group-2 {
  position: relative;
  width: 204px;
  height: 120px;
  background-image: url(https://c.animaapp.com/MlEZLyjO/img/rp-logo-1-line-poz-mono-14.png);
  background-size: 100% 100%;
}

.frame-20 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 69px;
  pposition: absolute;
  ttop: 5396px;
  left: 48px;
}

.text-wrapper-21 {
  margin-top: -1px;
  font-family: var(--h5-averta-font-family);
  font-size: var(--h5-averta-font-size);
  line-height: var(--h5-averta-line-height);
  position: relative;
  width: 408px;
  font-weight: var(--h5-averta-font-weight);
  color: var(--black);
  letter-spacing: var(--h5-averta-letter-spacing);
  font-style: var(--h5-averta-font-style);
}

.group-3 {
  background-image: url(https://c.animaapp.com/MlEZLyjO/img/rp-logo-1-line-poz-mono-17.png);
  position: relative;
  width: 204px;
  height: 120px;
  background-size: 100% 100%;
}

.frame-21 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 69px;
  pposition: absolute;
  ttop: 6124px;
  left: 48px;
}

.frame-22 {
  display: inline-flex;
  align-items: flex-start;
  gap: 48px;
  pposition: absolute;
  ttop: 6850px;
  left: 48px;
}

.line-10 {
  ttop: 7508px;
  pposition: absolute;
  width: 1344px;
  height: 1px;
  left: 48px;
  object-fit: cover;
}

.kolorystyka {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 119px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 7509px;
  left: 48px;
}

.text-wrapper-22 {
  position: relative;
  width: 643px;
  height: 91px;
  margin-top: -1px;
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  color: var(--r-black);
  font-size: var(--h1-averta-font-size);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  white-space: nowrap;
  font-style: var(--h1-averta-font-style);
}

.frame-23 {
  display: inline-flex;
  align-items: flex-start;
  gap: 47px;
  position: relative;
  flex: 0 0 auto;
}

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

.rectangle-2 {
  position: relative;
  width: 204px;
  height: 120px;
  background-color: var(--black);
}

.text-wrapper-23 {
  width: 204px;
  position: relative;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--black);
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  font-style: var(--h5-averta-font-style);
}

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

.line-11 {
  margin-top: -1px;
  position: relative;
  width: 204px;
  height: 1px;
  object-fit: cover;
}

.text-wrapper-24 {
  position: relative;
  width: 204px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: var(--black);
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.line-12 {
  position: relative;
  width: 204px;
  height: 1px;
  object-fit: cover;
}

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

.rectangle-3 {
  position: relative;
  width: 204px;
  height: 120px;
  background-color: var(--grey-50);
}

.text-wrapper-25 {
  position: relative;
  width: fit-content;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--black);
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  white-space: nowrap;
  font-style: var(--h5-averta-font-style);
}

.rectangle-4 {
  position: relative;
  width: 204px;
  height: 120px;
  background-color: var(--red);
}

.rectangle-5 {
  position: relative;
  width: 204px;
  height: 120px;
  border: 1px solid;
  border-color: var(--grey-50);
}

.line-13 {
  ttop: 8520px;
  pposition: absolute;
  width: 1344px;
  height: 1px;
  left: 48px;
  object-fit: cover;
}

.typografia {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 120px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 8521px;
  left: 48px;
}

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

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

.rectangle-6 {
  position: relative;
  width: 432px;
  height: 260px;
}

.button-2 {
  width: 432px;
  /*gap: 15px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;*/
  padding:0;
  position: relative;
  border: 1px solid;
  border-color: var(--red);
}

.line-14 {
  ttop: 10180px;
  pposition: absolute;
  width: 1344px;
  height: 1px;
  left: 48px;
  object-fit: cover;
}

.znakowanie {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 10182px;
  left: 48px;
}

.frame-29 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-26 {
  position: relative;
  width: 643px;
  margin-top: -1px;
  margin-left:-5px;
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  color: var(--r-black);
  font-size: var(--h1-averta-font-size);
  letter-spacing: var(--h1-averta-letter-spacing);
  line-height: var(--h1-averta-line-height);
  font-style: var(--h1-averta-font-style);
}

.text-wrapper-27,.text-wrapper-27 a {
  position: relative;
  width: 838px;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--r-black);
  font-size: var(--h5-averta-font-size);
  letter-spacing: var(--h5-averta-letter-spacing);
  line-height: var(--h5-averta-line-height);
  font-style: var(--h5-averta-font-style);
}

.text-wrapper-27 a:hover {
text-decoration:underline;
}

.frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: 240px;
  align-items: flex-start;
  gap: 70px;
  position: relative;
}

.frame-30 {
  display: inline-flex;
  flex-direction: column;
  height: 243px;
  align-items: flex-start;
  gap: 70px;
  position: relative;
  margin-bottom: -3px;
}

.frame-31 {
  display: flex;
  width: 1345px;
  height: 243px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.frame-32 {
  position: relative;
  width: 433px;
}

.frame-33 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -1px;
}

.frame-34 {
  display: inline-flex;
  flex-direction: column;
  height: 244px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-28 {
  position: relative;
  width: 432px;
  margin-top: -1px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: #000000;
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.button-3 {
  all: unset;
  box-sizing: border-box;
  width: 432px;
  /*gap: 15px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;*/
  position: relative;
  border: 1px solid;
  border-color: var(--red);
}

.artboard-x {
  position: relative;
  width: 432px;
  height: 243px;
}

.frame-35 {
  position: relative;
  width: 828px;
  height: 588px;
  margin-bottom: -345px;
  margin-right: -852px;
}

.frame-36 {
  display: flex;
  flex-direction: column;
  width: 433px;
  align-items: flex-start;
  gap: 40px;
  position: relative;
}

.frame-37 {
  position: relative;
  flex: 0 0 auto;
}

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

.rectangle-7 {
  position: relative;
  width: 432px;
  height: 307px;
  object-fit: cover;
}

.rectangle-8 {
  position: relative;
  width: 432px;
  height: 306px;
}

.rectangle-9 {
  position: relative;
  width: 432px;
  height: 610.22px;
  object-fit: cover;
}

.rectangle-10 {
  position: relative;
  width: 432px;
  height: 610.5px;
}

.stoisko {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 70px;
  padding: 110px 0px 0px;
  pposition: absolute;
  ttop: 12230px;
  left: 48px;
}

.text-wrapper-29 {
  margin-top: -1px;
  font-size: var(--h1-averta-font-size);
  line-height: var(--h1-averta-line-height);
  position: relative;
  width: 884px;
  font-family: var(--h1-averta-font-family);
  font-weight: var(--h1-averta-font-weight);
  color: var(--r-black);
  letter-spacing: var(--h1-averta-letter-spacing);
  font-style: var(--h1-averta-font-style);
}

.oznakowanie-stoiska {
  height: 91px;
  font-size: var(--h5-averta-font-size);
  line-height: var(--h5-averta-line-height);
  position: relative;
  width: 884px;
  font-family: var(--h5-averta-font-family);
  font-weight: var(--h5-averta-font-weight);
  color: var(--r-black);
  letter-spacing: var(--h5-averta-letter-spacing);
  font-style: var(--h5-averta-font-style);
}

.frame-39 {
  display: inline-flex;
  flex-direction: column;
  height: 243px;
  align-items: flex-start;
  gap: 70px;
  position: relative;
}

.frame-40 {
  display: flex;
  width: 1345px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.text-wrapper-30 {
  position: relative;
  width: 408px;
  margin-top: -1px;
  font-family: var(--body-averta-font-family);
  font-weight: var(--body-averta-font-weight);
  color: #000000;
  font-size: var(--body-averta-font-size);
  letter-spacing: var(--body-averta-letter-spacing);
  line-height: var(--body-averta-line-height);
  font-style: var(--body-averta-font-style);
}

.rectangle-wrapper {
  display: flex;
  width: 828px;
  height: 588px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.rectangle-11 {
  position: relative;
  width: 888px;
  /*height: 588px;*/
  margin-right: -60px;
}

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

.frame-42 {
  margin-bottom: -114px;
  display: flex;
  width: 828px;
  height: 588px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.rectangle-12 {
  position: relative;
  width: 828px;
  hheight: 474px;
  object-fit: cover;
}



.div {
width:100%;
}

ul {
margin:0;
}

b {
font-weight:600;
color:var(--r-black);
}

/*.div > div {
left: auto !important;
border: 2px solid blue;
align-items: center !important;
width: 100%;
padding: 0 3.5vw !important;
background:white;
}*/

.text-wrapper-4 a {
color: var(--black);
}
.text-wrapper-7 a {
color: var(--r-black);
}

.text-wrapper-4 a:hover,.MENU-WH a:hover {
color: var(--red);
}
.text-wrapper-7 a:hover {
color: var(--red);
}

.frame-6 .text-wrapper-7:first-child {
color: var(--red);
}

#navbar {
position:fixed;
width:100%;
margin:auto;
background:white;
z-index:10;
border-bottom:2px solid var(--red);
}

#front-banner {
width:100vw;
margin:auto;
/*background:var(--red);*/
}

.frame-11._euro {
max-width:660px;
max-height:112px;
width:100%;
height:100%;
text-align:left;
vertical-align:middle;
background:#f7f7f7;
padding:20px;
}

._euro img {
max-height:55px;
margin:auto 0;
max-width:90%;
}

img[class^="line"] {
	/*position:absolute;
	width:90vw !important;
	left:0 !important;
	object-fit:cover;*/
	/*margin:50px 0 30px 0;*/
	/*width:calc(100% - 10vw);
	margin:auto;*/
}

img[src*="274-"],img[src*="275-"] {
/*margin:0 0 4em 0;*/
margin:50px 0 30px 0;
}

img[src*="278.svg"] {
margin-left:-48px;
}


/*.div > div {
position:realtive;
display:block;
float:none;
clear:both;
margin:0;
}*/

/*@media (max-width: 1440px) {
.div:first-child {
display:none;
}*/

/*.div > div {
margin:0 5vw;
width:100%;
}*/

a[name]:not([href]) {
content:' ';
position:relative;
display:block;
width:50px;
height:150px;
margin-top:-150px;
}


@media (min-width:1440px) {
.div > div:not(.frame-4) {
margin-left:calc(50vw - 672px);
}
*[class^="text-wrapper-26"] {
width:auto !important;
}
}

@media (max-width:1440px) {
.div div[id] > div:first-child::before {
content:' ';
position:relative;
display:block;
width:50px;
height:110px;
margin-top:-110px;
}

* {
box-sizing:border-box;
}

.div > div:not(.frame-4) {
margin:auto;
}

*[class^="text-wrapper"]:not(.text-wrapper-7):not(.text-wrapper-28) {
/*display:inline-block;*/
width:auto;
height:auto;
max-width:calc(100vw - 20px);
text-wrap-mode:wrap;
}

.text-wrapper-8 {
width:1em !important;
font-size:4.8vw;
margin-right:10px;
}

.text-wrapper-8,.text-wrapper-9,.text-wrapper-22,.text-wrapper-26 {
font-size:max(4.8vw,40px);
}

.frame-7 *[class^="text-wrapper"]:not(.text-wrapper-28) {
display:inline;
}

p[class^="text-wrapper"] {
display:block;
}

/**[class^="text-wrapper"] br {
display:none;
}*/

*[class^="text-wrapper"] br + br {
display:block;
}

.div > div:not(.frame-4),.div > div > div:not(.overlap-2),.frame-8 {
display:block;
width:100vw;
/*max-width:1200px;*/
margin:20px 10px;
padding:0;
}

/**[class^="frame"]:not(.frame-5) {
gap:10px;
}*/

.frame-32 {
width:auto;
}

.frame-14,.frame-27,.frame-34,.frame-36,.frame-38,.frame-40,.frame-41,.frame-42,*[class^="rectangle-1"]:not(.rectangle-10),.rectangle-wrapper {
display:block;
width:100vw;
max-width:1200px;
height:auto;
margin:10px 0px;
}

.frame-6,.frame-11 {
padding:6px 0 3px 0;
margin:3px 0;
}

.frame-10 {
margin-top:20px;
}

#znakowanie .frame-11,#stoisko .frame-11 {
display:flex;
flex-direction:column-reverse;
}

#znakowanie .frame-7 {
display:block;
flex-direction:column;
gap:10px;
}

.artboard,.frame-wrapper,.frame-30,.frame-31,.frame-39 {
height:auto !important;
width:100%;
max-width:1200px;
}

.overlap-group-2 {
width:min(96vw,660px);
height:min(54vw,371px);
}

.overlap-group-wrapper {
width:min(99vw,662px);
height:min(55vw,373px);
}

.logo-pack {
position:relative;
width:min(96.3vw,638px);
/*top:min(36.7vw,270px);*/
top:min(35vw,270px);
}

.frame-35 {
display:none;
}

.frame-4 .frame-6 {
padding:0;
margin:0;
}

.frame-5 {
left:0;
}

.frame-14 {
margin:30px 0 20px 0;
}

.rectangle-6,.button-2 {
display:block;
width:calc(50vw - 20px);
max-width:320px;
height:auto;
margin:10px;
}

.div-wrapper,.RP-logo-line-poz-2,.layer-6,.layer-5,.layer-wrapper,.img-wrapper,.group-2,.group-3,.logoImg {
width:calc(33vw - 25px);
max-width:204px;
}

img.logoImg {
border:1px solid #808080;
max-width:204px !important;
}

.rectangle-2,.rectangle-3,.rectangle-4,.rectangle-5,.line-11,.line-12,.frame-24,.frame-25,.frame-26 {
width:calc(25vw - 25px);
max-width:204px;
}

img[src*="274-"] {
margin:0 0 3em 0;
}

html,body,.mockup {
overflow:visible;
width:100%;
}

}


/*@media (max-width:800px) {
.frame-4,.poland-business,.p {
display:none !important;
}

}*/

/*body {
position:relative;
margin: 0 !important;
overflow:visible;
width:1440px;
mmax-width:100%;
transform-origin:top center;
}*/

/*@media (min-width:1024px) and (max-width:1440px) {
body {
width:1440px !important;
--scale:calc(1024 / 1440);
transform:scale(var(--scale));
}
}

@media (min-width:600px) and (max-width:1024px) {
body {
width:1440px !important;
--scale:calc(600 / 1440);
transform:scale(var(--scale));
}
}

@media (max-width:600px) {
body {
width:1440px !important;
--scale:calc(400 / 1440);
transform:scale(var(--scale));
}
}*/



.link_wrap {
overflow-wrap:break-word;
}
.link_wrap:hover {
text-decoration:underline;
}



button a,.button a,.button-2 a,.button-3 a {
display:block;
padding:10px 20px;
text-align:center;
}

.button a {
width:100%;
}

button a div,.button a div,.button-2 a div,.button-3 a div{
margin:auto;
}

button,button div {
background-color:var(--white);
}

button:hover,button:hover div {
color:var(--white);
background-color:var(--red);
}

.hamburger {
display:none;
}

@media (max-width:650px) {
.paih-logo {
display:none;
}
/*.frame-4 {
display:none;
}*/

#ksiega-znaku {
padding-top:80px;
}
}

@media (max-width:800px) {
.tab-menu {
padding-left:0 !important;
}
.paih-logo {
position:relative;
left:-60px;
}

.hamburger {
display:inline-block;
width:40px;
position:absolute;
right:-70px;
top:-15px;
padding-bottom:20px;
}

.ham-tile {
width:100%;
height:8px;
margin:0 0 8px 0;
border-radius:4px;
background-color:var(--red);
}

.menu {
position:absolute;
/*right:0;*/
display: block;
width: 100vw;
left: -40px;
cursor:pointer;
z-index:2;
transform:scale(0.8);
}

.menu .MENU-WH {
display:none;
}

table.tab-menu td:nth-child(2) {
position:absolute !important;
left:40px !important;
width:100vw !important;
}

.menu:hover .MENU-WH {
position:absolute;
display:block;
margin-top:35px;
width:calc(100vw + 119px) !important;
max-width:unset;
fflex-wrap:wrap;
background:var(--white);
rright:-40px;
left:-19px;
padding:30px 10px 10px 30px;
/*border:1px solid var(--red);*/
/*border-radius:10px;*/
box-shadow: 0px 5px 6px 0px #ccc;
border-bottom: unset !important;
}

.MENU-WH li {
display:block;
width:calc(100vw + 107px);
/*background:white;*/
}

.MENU-WH li a {
display:block;
padding:5px;
font-size:1.5em;
width:100%;
text-align:left;
}

}



.footer {
	background-color: #222 !important;
	color: #c1c9ce;
	padding: 40px 20px 20px 20px !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer .fff {
	color:#fff;
}
.footer .column {
	flex: 1 1 45%; /* Adjusted to ensure two columns */
	min-width: 200px;
	margin: 10px;
}
.footer .contact-info,
.footer ._logo {
	max-width: 400px; /* Adjusted to match the width of the company name */
}
.footer .contact-info p,
.footer .menu a,
.footer .social-icons a {
	margin: 5px 0;
}
.footer .contact-info .contact_head {
	font-size:calc(1em + 2px);
	color:#fff;
	margin-bottom:1em;
}
.footer .menu {
	margin-top:3.12em;
}
.footer .menu a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.footer .contact-info p a {
	color: #fff;
}
.footer .menu a:hover,
.footer .contact-info p a:hover {
	text-decoration: underline;
}
.footer .social-icons {
	display: flex;
	align-items: flex-end;
	margin-bottom: 77px;
	margin-left:5px;
}
.footer .social-icons a {
	margin: 0 5px;
}
.footer ._logo {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
}
.footer ._logo img {
	width: 33%;
	max-width:200px;
	margin: 50px 50px 50px 0;
}
.footer .column-group {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.social-icon {
	width: 27px;
	height: 27px;
	border: 1px solid #7c8183;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.social-icon img {
	width: 100%; /* Ensure the image fits within the container */
	height: auto;
	max-width: 12px;
	max-height: 12px;
}
.bip-icon img {
	width: 50px;
	position:relative;
	top:6px;
	height: auto;
	fill:#fff;
	color:#fff;
}
@media (max-width: 600px) {
	.footer {
		flex-direction: column;
		align-items: flex-start; /* Align text to the left */
	}
	.footer .column {
		text-align: left; /* Align text to the left */
		flex: 1 1 100%;
	}
	.footer ._logo img {
		width: 45%;
	}
	.footer .social-icons {
		margin:0;
	}
	._hideMobile {
		display:none;
	}
	._showMobile {
		display:block;
	}
}

@media (min-width: 601px) {
	._hideMobile {
		display:inline-block;
	}
	._showMobile {
		display:none;
	}
}





body {
  font-family:Poppins,sans-serif;
  font-size:17px;
  font-weight:400;
}
h2 {
  margin:4em 0 2em 0;
}

table.tab-menu {
border-collapse:separate;
}

.tab-menu img {
max-width:unset;
}
/*.heading-section h2::before {
    content:"";
    display:block;
    position:absolute;
    width: 25px;
    border-top-width: 25px;
    border-top-style: dotted;
    border-color: rgba(206, 14, 45, 1);
    margin-left: -40px;
    margin-top:15px;
}*/
.alignright {
  float:right;
  margin-left:2em;
}
.alignleft {
  float:left;
  margin-right:2em;
}

@media screen and (max-width: 1000px)
{
.alignright,.alignleft {
  margin-top:0 !important;
}
}

@media screen and (max-width: 850px)
{
.alignright,.alignleft {
  float:none;
  clear:both;
  display:block;
  margin:0 auto 2em auto !important;
  width:95%;
}
}

.heading-line.before {
  display:none;
}

#navbar {
  box-shadow:0px 0px 6px 2px #ccc;
  border-bottom:unset !important;
}

.navbar {
  --bs-navbar-padding-x:initial !important;
}

._content {
  max-width:1140px !important;
  width:100%;
  margin:auto;
  box-sizing:border-box;
  padding:10px;
}

div._content:last-of-type {
  padding:0;
}

@media (max-width:800px) {
.paih-logo {
position:relative;
left:-30px;
}

.hamburger {
display:inline-block;
width:40px;
position:absolute;
right:-70px;
top:-15px;
padding-bottom:20px;
}

.ham-tile {
width:100%;
height:8px;
margin:0 0 8px 0;
border-radius:4px;
background-color:var(--red);
}

.menu {
position:fixed;
right:0;
cursor:pointer;
z-index:2;
}

.menu .MENU-WH {
display:none;
}

.menu:hover .MENU-WH {
position:fixed;
display:block;
margin-top:35px;
/*width:200px;*/
flex-wrap:wrap;
background:var(--white);
/*right:10px;*/
/*padding:20px 10px 10px 20px;*/
/*border:1px solid var(--red);*/
/*border-radius:10px;*/
}

.MENU-WH li {
display:block;
}

.MENU-WH li a {
display:block;
padding:5px;
font-size:1.5em;
width:100%;
}

}

.mockup #navbar ~ div p {
margin: 0 0 min(5%, 50px) max(0px, 50% - 620px);
width: 100%;
max-width: 800px;
}