:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
      "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
      "Source Han Sans CN", sans-serif;
  }
  html, body {
    margin: 0;
    padding: 0;
  }
  .main-container {
    margin-top: 0;
    padding-top: 0;
  }
  


  .mobile-content {
    display: none; 
    padding: 10px; 
    box-sizing: border-box;
  }
  
.main-containeraktywny {
  overflow: hidden;
}

.main-containeraktywny,
.main-containeraktywny * {
  box-sizing: border-box;
}

  .mobile-content img {
    width: 100%;      
    height: auto;     
    display: block;    
    max-width: 100vw;  
    border-radius: 8px;
  }
  
  @media only screen and (max-width: 768px) {
    .desktop-content {
      display: none;
    }
  
    .mobile-content {
      display: block;
    }
  }
  
  



  .main-container {
    overflow: hidden;
  }
  
  body {
    transform: scale(1);
    transform-origin: center;
    
  }
  

  .main-container,
  .main-container * {
    box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
    outline: 0;
  }
  
  .main-container {
    position: relative;
    width: 1920px;
    height: 14082px;
    margin: 0 auto;
    font-size: 0px;
  }
  .amazfit-active {
    display: block;
    position: relative;
    height: 68px;
    margin: 608px 0 0 136px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 96px;
    font-weight: 700;
    line-height: 68px;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -6.72px;
    z-index: 146;
  }
  .all-day-all-night {
    position: relative;
    width: 446px;
    height: 28px;
    margin: 92px 0 0 136px;
    font-family: Poppins, var(--default-font-family);
    font-size: 150px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    letter-spacing: -3px;
    z-index: 147;
  }
  .all {
    position: relative;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 40px;
    font-weight: 600;
    line-height: 216px;
    text-align: left;
    letter-spacing: -2px;
  }
  .d {
    position: relative;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 40px;
    font-weight: 600;
    line-height: 216px;
    text-align: left;
    letter-spacing: -1.2px;
  }
  .all-1 {
    position: relative;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 40px;
    font-weight: 600;
    line-height: 216px;
    text-align: left;
    letter-spacing: -2px;
  }
  .rectangle {
    position: relative;
    width: 1920px;
    height: 1200px;
    margin: 104px 0 0 0;
    font-size: 0px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 60;
    overflow: visible auto;
  }
  .ponadczasowy-design {
    display: block;
    position: relative;
    height: 90px;
    margin: 99px 0 0 619px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 90px;
    text-align: left;
    white-space: nowrap;
    z-index: 61;
  }
  .flex-row-e {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 1754px;
    height: 552px;
    margin: 118px 0 0 83px;
    z-index: 76;
  }
  .group {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: url(7dYrRNDe6X.png)
      no-repeat center;
      border-radius: 5%; 
    background-size: cover;
    z-index: 76;
  }
  .rectangle-2 {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgb(0, 0, 0);
    z-index: 62;
          border-radius: 5%; 

  }
  .mask-group {
    position: absolute;
    width: 565px;
    height: 552px;
    top: 0;
    left: 0;
    background: url(abh1FWmWcU.png)
    
      no-repeat center;
    background-size: cover;

    
    z-index: 78;
    
  }
  .rectangle-3 {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgb(0, 0, 0);
          border-radius: 5%; 

    z-index: 63;
  }
  .mask-group-4 {
    position: absolute;
    width: 565px;
    height: 552px;
    top: 0;
    left: 0;
    background: url(RYvhWHh67D.png)
      no-repeat center;
    background-size: cover;
    z-index: 77;
  }
  .flex-row-ff {
    position: relative;
    width: 1722px;
    height: 204px;
    margin: 0 0 0 83px;
    z-index: 73;
  }
  .frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 565px;
    height: 204px;
    top: 0;
    left: 0;
    z-index: 64;
  }
  .crafted-for-strength-and-style {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: left;
    white-space: nowrap;
    z-index: 65;
  }
  .crafted-for-strength-and-style-5 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 565px;
    min-width: 0;
    height: 91px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    z-index: 66;
  }
  .crafted-for-strength-and-style-6 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 108px;
    top: 0;
    left: 0;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: left;
    white-space: nowrap;
    z-index: 68;
  }
  .frame-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 543px;
    height: 204px;
    top: 0;
    left: 613px;
    z-index: 70;
  }
  .wyrazisty-wyswietlacz {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: left;
    white-space: nowrap;
    z-index: 71;
  }
  .wyrazisty-wyswietlacz-8 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 543px;
    min-width: 0;
    height: 96px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    z-index: 72;
  }
  .frame-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 523px;
    height: 204px;
    top: 0;
    left: 1199px;
    z-index: 73;
  }
  .najwyzszej-jakosci-szklo-szafirowe {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: left;
    white-space: nowrap;
    z-index: 74;
  }
  .najwyzszej-jakosci-szklo-szafirowe-a {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 523px;
    min-width: 0;
    height: 120px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    z-index: 75;
  }
  .crafted-for-strength-and-style-b {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 565px;
    height: 91px;
    top: 108px;
    left: 0;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    z-index: 69;
  }
  .rectangle-c {
    position: relative;
    width: 1920px;
    height: 900px;
    margin: 0 0 0 0;
    background: rgb(0, 0, 0);
    z-index: 80;
  }
  .mask-group-d {
    position: absolute;
    width: 1122px;
    height: 900px;
    top: 0;
    left: 798px;
      no-repeat center;
    background-size: cover;
    z-index: 85;
  }
  .rectangle-e {
    position: relative;
    width: 990px;
    height: 900px;
    margin: 0 0 0 162px;
    background: url(UwN40qOD12.png)
      no-repeat center;
    background-size: cover;
    z-index: 84;
  }
  .frame-f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 43px;
    position: absolute;
    width: 648px;
    height: 403px;
    top: 249px;
    left: 83px;
    z-index: 81;
  }
  .monitorowanie-zdrowia-i-kondycji {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 706px;
    height: 144px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    z-index: 82;
  }
  .technologia-amazfit-biotracker {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    min-width: 0;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 83;
  }
  .technologia-amazfit-biotracker-10 {
    position: relative;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
  }
  .precise-monitoring {
    position: relative;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
  }
  .pulse-precision {
    position: relative;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
  }
  .rectangle-11 {
    position: relative;
    width: 1920px;
    height: 2250px;
    margin: 0 0 0 0;
    background: rgba(255, 255, 255, 0.2);
    z-index: 1;
  }
  .flex-column-a {
    position: absolute;
    width: 877px;
    height: 2010px;
    top: 120px;
    left: 83px;
    z-index: 22;
  }
  .chloe-weight-x-a {
    position: relative;
    width: 877px;
    height: 670px;
    margin: 0 0 0 0;
    background: url(QyTcZN3GYa.png)
      no-repeat center;
    background-size: cover;
    z-index: 22;
          border-radius: 5%; 

  }
  .frame-12 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 37px;
    position: relative;
    width: 649px;
    margin: 197px 0 0 0;
    z-index: 6;
  }
  .tryb-wyscigu-hyrox {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 72px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 7;
  }
  .hyrox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 649px;
    min-width: 0;
    height: 270px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    z-index: 8;
  }
  .mask-group-13 {
    position: relative;
    width: 877px;
    height: 670px;
    margin: 94px 0 0 0;
    z-index: 12;
    overflow: hidden;
  }

  

  .group-14 {
    position: relative;
    width: 121.567px;
    height: 121.861px;
    margin: 291.349px 0 0 97.219px;
    font-size: 0px;
    z-index: 13;
    overflow: visible auto;
  }
  .wip {
    display: block;
    position: relative;
    height: 22.333px;
    margin: 49.647px 0 0 45.572px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 14.820030212402344px;
    font-weight: 700;
    line-height: 22.23px;
    text-align: left;
    white-space: nowrap;
    z-index: 15;
  }
  .ellipse {
    position: absolute;
    width: 121.567px;
    height: 121.861px;
    top: 0;
    left: 0;
    background: url(PWf74aW00N.svg)
      no-repeat center;
    background-size: cover;
    z-index: 14;
  }
  .mask-group-15 {
    position: absolute;
    width: 968.947px;
    height: 740.245px;
    top: -20.502px;
    left: -0.11px;
    z-index: 16;
  }
  .group-16 {
    position: relative;
    width: 134.312px;
    height: 134.637px;
    margin: 321.895px 0 0 107.412px;
    font-size: 0px;
    z-index: 17;
    overflow: visible auto;
  }
  .wip-17 {
    display: block;
    position: relative;
    height: 25.379px;
    margin: 54.852px 0 0 50.349px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 16.37380599975586px;
    font-weight: 700;
    line-height: 24.561px;
    text-align: left;
    white-space: nowrap;
    z-index: 19;
  }
  .ellipse-18 {
    position: absolute;
    width: 134.312px;
    height: 134.637px;
    top: 0;
    left: 0;
    background: url(PWf74aW00N.svg)
      no-repeat center;
    background-size: cover;
    z-index: 18;
    
  }

  
.screenshot {
  position: absolute;
  width: 706px; /* rozmiar obrazka */
  height: 700px;
  top: 0;
  left: 0;
  background: url(gmApNVu2vY11.png) no-repeat center;
  background-size: contain;
  z-index: 20;
}

  
  .flex-column-c {
    position: absolute;
    width: 877px;
    height: 1748px;
    top: 306px;
    left: 960px;
    z-index: 21;
  }
  .frame-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 37px;
    position: relative;
    width: 740px;
    margin: 0 0 0 79px;
    z-index: 3;
  }
  .trening-silowy {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 72px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 4;
  }
  .silownia {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 744px;
    height: 300px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    z-index: 5;
  }
  .mask-group-1a {
    position: relative;
    width: 877px;
    height: 670px;
    margin: 75px 0 0 0;
    background: url(VKy09rSOr7.png)
      no-repeat center;
    background-size: cover;
    z-index: 21;
          border-radius: 5%; 

  }
  .frame-1b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 49px;
    position: relative;
    width: 756px;
    margin: 185px 0 0 79px;
    z-index: 9;
  }
  .tryby-treningowe {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 832px;
    height: 60px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
  }
  .gps-aktywnosci {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 674px;
    height: 300px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    z-index: 11;
  }
  .mask-group-1c {
    position: relative;
    width: 1919px;
    height: 900px;
    margin: 0 0 0 0;
    background: url(pCXBcoRZC2.png)
      no-repeat center;
    background-size: cover;
    z-index: 140;
    overflow: hidden;
  }
  .frame-1d {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 49px;
    position: relative;
    width: 649px;
    margin: 432px 0 0 1098px;
    z-index: 141;
  }
  .zepp-coach {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 60px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 50px;
    text-align: left;
    white-space: nowrap;
    z-index: 142;
        left: -600px;
top:100px;
  }
  .plan-treningowy {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 1349px;
    min-width: 0;
    height: 300px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    z-index: 143;
    left: -600px;
    top:120px;
  }
  .flex-row-f {
    position: relative;
    width: 1747px;
    height: 1000px;
    margin: 0 0 0 0;
    z-index: 153;
  }
  .rectangle-1e {
    position: absolute;
    width: 1619px;
    height: 1000px;
    top: 0;
    left: 0;
    background: url(CFzof4iYhL.png)
      no-repeat center;
    background-size: cover;
    z-index: 149;
  }
  .frame-1f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 43px;
    position: absolute;
    width: 643px;
    height: 403px;
    top: 366px;
    left: 83px;
    z-index: 150;
  }
  .aplikacja-zepp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 560px;
    height: 216px;
    color: #ffffff;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    z-index: 151;
  }
  .health-tracker {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 643px;
    min-width: 0;
    height: 144px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 152;
  }
  .group-20 {
    position: absolute;
    width: 233.607px;
    height: 478.03px;
    top: 423px;
    left: 1340px;
    background: url(mNowjrRJaA.png)
      no-repeat center;
    background-size: cover;
    z-index: 156;
  }
  .group-21 {
    position: absolute;
    width: 216.012px;
    height: 442px;
    top: 459px;
    left: 1161px;
    background: url(BmHrc9BG0e.png)
      no-repeat center;
    background-size: cover;
    z-index: 155;
  }
  .group-22 {
    position: absolute;
    width: 216px;
    height: 442px;
    top: 459px;
    left: 1531px;
    background: url(G61K6MLy6s.png)
      no-repeat center;
    background-size: cover;
    z-index: 153;
  }
  .rectangle-23 {
    position: relative;
    width: 1920px;
    height: 900px;
    margin: 0 0 0 0;
    background: rgba(255, 255, 255, 0.2);
    z-index: 87;
  }
  .mask-group-24 {
    position: absolute;
    width: 1920px;
    height: 900px;
    top: 0;
    left: 0;
    z-index: 88;
    -webkit-mask-size: cover;
  }
  .group-25 {
    position: absolute;
    width: 960px;
    height: 900px;
    top: 0;
    left: 960px;
    background: url(GUviAq5Ai8.png)
      no-repeat center;
    background-size: cover;
    z-index: 93;
  }
  .flex-column-d {
    position: absolute;
    width: 857px;
    height: 586px;
    top: 234px;
    left: 83px;
    z-index: 90;
  }
  .frame-26 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 44px;
    position: relative;
    width: 857px;
    margin: 0 0 0 0;
    z-index: 90;
  }
  .free-maps {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 902px;
    height: 72px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 91;
  }
  .download-maps {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 872px;
    height: 408px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 92;
  }
  .ski-resorts {
    position: relative;
    width: 855px;
    height: 29px;
    margin: 33px 0 0 0;
    font-family: Poppins, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
    text-overflow: initial;
    white-space: nowrap;
    z-index: 89;
  }
  .ski-resorts-note {
    position: relative;
    color: #8b8b8b;
    font-family: Poppins, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
  }
  .ski-resorts-link {
    position: relative;
    color: #8b8b8b;
    font-family: Poppins, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-decoration: underline;
  }
  .rectangle-27 {
    position: relative;
    width: 1920px;
    height: 900px;
    margin: 0 0 0 0;
    background: #ffffff;
    z-index: 95;
  }
  .group-28 {
    position: absolute;
    width: 895px;
    height: 900px;
    top: 0;
    left: 32px;
    background: url(v5XzohtPuW.png)
      no-repeat center;
    background-size: cover;
    z-index: 99;
  }
  .flex-column-bec {
    position: absolute;
    width: 678px;
    height: 504px;
    top: 168px;
    left: 963px;
    font-size: 0px;
    z-index: 98;
  }
  .long-activity {
    display: block;
    position: relative;
    height: 77px;
    margin: 0 0 0 0;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 97;
  }
  .active-monitor {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 678px;
    height: 384px;
    margin: 43px 0 0 0;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 98;
  }
  .rectangle-29 {
    position: relative;
    width: 1920px;
    height: 1200px;
    margin: 0 0 0 0;
    font-size: 0px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 24;
    overflow: hidden;
  }
  .active-healthy {
    display: block;
    position: relative;
    height: 108px;
    margin: 25px 0 0 540px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 108px;
    text-align: left;
    white-space: nowrap;
    z-index: 25;
  }
  .flex-row-fa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 604px;
    height: 24px;
    margin: 77px 0 0 84px;
    z-index: 39;
  }
  .sleep-health {
    flex-shrink: 0;
    position: relative;
    height: 24px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    z-index: 38;
    left:760px;
  }
  .recovery-fitness {
    flex-shrink: 0;
    position: relative;
    height: 24px;
    color: #807c7c;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    white-space: nowrap;
    z-index: 39;
  }
  .flex-row-dfe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 1754px;
    height: 552px;
    margin: 50px 0 0 83px;
    z-index: 28;
  }
  .rectangle-2a {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 26;
  }
  .restore-iq {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 137px;
    background: url(EQsYZEd0EK.png)
      no-repeat center;
    background-size: cover;
    z-index: 40;
  }
  .rectangle-2b {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 27;
  }
  .restore-iq-2c {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 136px;
    background: url(Ewa53oWyW0.png)
      no-repeat center;
    background-size: cover;
    z-index: 41;
  }
  .rectangle-2d {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 28;
  }
  .restore-iq-2e {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 136px;
    background: url(xm1aQnjcwi.png)
      no-repeat center;
    background-size: cover;
    z-index: 42;
  }
  .flex-row-cd {
    position: relative;
    width: 1744px;
    height: 188px;
    margin: 0 0 0 84px;
    z-index: 35;
  }
  .frame-2f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 556px;
    height: 188px;
    top: 0;
    left: 0;
    z-index: 29;
  }
  .restore-iq-30 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 30;
  }
  .new-sleep-tracking {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 556px;
    min-width: 0;
    height: 120px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 31;
  }
  .monitoring-alerts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 556px;
    height: 164px;
    top: 0;
    left: 594px;
    z-index: 32;
  }
  .frame-31 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 33;
    margin-left: -120px;
  }
  .monitoring-alerts-32 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 556px;
    min-width: 0;
    height: 72px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 34;
    margin-top: 109px;
  }
  .frame-33 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 556px;
    height: 164px;
    top: 0;
    left: 1188px;
    z-index: 35;
  }
  .one-touch-measurement {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 36;
  }
  .one-touch-measurement-34 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 556px;
    min-width: 0;
    height: 96px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 37;
  }
  .rectangle-35 {
    position: relative;
    width: 1920px;
    height: 1129px;
    margin: 0 0 0 0;
    background: #ffffff;
    z-index: 116;
    overflow: visible auto;
  }
  .rectangle-36 {
    position: relative;
    width: 1920px;
    height: 199px;
    margin: 0 0 0 0;
    background: #ffffff;
    z-index: 133;
  }
  .flex-row-cb {
    position: absolute;
    width: 32.15%;
    height: 100%;
    top: 0;
    left: 34.01%;
    z-index: 138;
  }
  .image {
    position: absolute;
    width: 617.33px;
    height: 177px;
    top: 0;
    left: 0;
    background: url(wBrQgLCUpA.png)
      no-repeat center;
    background-size: cover;
    z-index: 135;
  }
  .regroup {
    position: absolute;
    width: 24.14%;
    height: 100%;
    top: 0;
    left: 52.97%;
    z-index: 138;
  }
  .group-37 {
    position: absolute;
    width: 27.52%;
    height: 20.6%;
    top: 79.4%;
    left: 0;
    background: url(gjMagZvOgO.svg)
      no-repeat center;
    background-size: 100% 100%;
    z-index: 137;
  }
  .group-38 {
    position: absolute;
    width: 64.85%;
    height: 12.98%;
    top: 83.39%;
    left: 35.15%;
    background: url(JgE8UT6VCC.svg)
      no-repeat center;
    background-size: 100% 100%;
    z-index: 138;
  }
  .powered-by {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 18px;
    top: 168px;
    left: 820px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
    z-index: 136;
  }
  .flex-row-cf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 1754px;
    height: 552px;
    margin: 42px 0 0 85px;
    z-index: 119;
  }
  .rectangle-39 {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 117;
  }
  .restore-iq-3a {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 136px;
    background: url(vwSnCyz5Gi.png)
      no-repeat center;
    background-size: cover;
    z-index: 129;
  }
  .rectangle-3b {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 118;
  }
  .restore-iq-3c {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 136px;
    background: url(6e88Wj2xsT.png)
      no-repeat center;
    background-size: cover;
    z-index: 130;
  }
  .rectangle-3d {
    flex-shrink: 0;
    position: relative;
    width: 565px;
    height: 552px;
    background: rgba(245, 243, 239, 0.2);
    z-index: 119;
  }
  .restore-iq-3e {
    position: relative;
    width: 293px;
    height: 472px;
    margin: 40px 0 0 136px;
    background: url(UG4Fs4eNTf.png)
      no-repeat center;
    background-size: cover;
    z-index: 131;
  }
  .flex-row-b {
    position: relative;
    width: 1678px;
    height: 228px;
    margin: 0 0 0 85px;
    z-index: 126;
  }
  .frame-3f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 565px;
    height: 228px;
    top: 0;
    left: 0;
    z-index: 120;
  }
  .voice-control {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 121;
    left: -30px;
  }
  .voice-control-40 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 506px;
    height: 114px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 122;
  }
  .frame-41 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 565px;
    height: 222px;
    top: 0;
    left: 595px;
    z-index: 123;
  }
  .message-replies {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 124;
  }
  .message-replies-42 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 548px;
    height: 144px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 125;
  }
  .frame-43 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 489px;
    height: 199px;
    top: 0;
    left: 1189px;
    z-index: 126;
  }
  .notification-center {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 108px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 30px;
    font-weight: 600;
    line-height: 108px;
    text-align: center;
    white-space: nowrap;
    z-index: 127;
  }
  .notification-center-44 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 548px;
    height: 72px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    z-index: 128;
  }

  .main-containerpay {
  overflow: hidden;
}

.main-containerpay,
.main-containerpay * {
  box-sizing: border-box;
}


  .rectangle-45 {
    position: relative;
    width: 1920px;
    height: 1003px;
    margin: 0 0 0 0;
    background: #ffffff;
    z-index: 101;
  }
  .mask-group-46 {
    position: absolute;
    width: 877px;
    height: 690px;
    top: 53px;
    left: 83px;
    background: url(JpNdTkq3hA.png)
      no-repeat center;
    background-size: cover;
    z-index: 106;
    border-radius: 5%;
  }
  .flex-column-cfc {
    position: absolute;
    width: 678px;
    height: 225px;
    top: 332px;
    left: 1041px;
    font-size: 0px;
    z-index: 105;
  }
  .sledzenie-cyklu {
    display: block;
    position: relative;
    height: 77px;
    margin: 0 0 0 0;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 104;
  }
  .otrzymuj-prognozy {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 678px;
    height: 105px;
    margin: 43px 0 0 0;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 105;
  }



.rectangle-47 {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 900px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  z-index: 109;
}
html, body {
  overflow-x: hidden;
}

  .group-48 {
    position: absolute;
    width: 960px;
    height: 900px;
    top: 0;
    left: 960px;
    background: url(vWYxxVENk0.png)
      no-repeat center;
    background-size: cover;
    z-index: 114;
  }
  .frame-49 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 43px;
    position: absolute;
    width: 678px;
    height: 219px;
    top: 306px;
    left: 83px;
    z-index: 110;
  }
  .pozostan-w-kontakcie {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 77px;
    color: #000000;
    font-family: Poppins, var(--default-font-family);
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    white-space: nowrap;
    z-index: 111;
  }
  .odbieranie-polaczen {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 678px;
    min-width: 0;
    height: 180px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 112;
  }
  .sterowanie-kamera {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 801px;
    height: 28px;
    color: #8b8b8b;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    white-space: nowrap;
    z-index: 113;
  }

  
  .rectangle-4a {
    position: relative;
    width: 1920px;
    height: 900px;
    margin: 0 0 0 0;
    background: #000000;
    z-index: 44;
  }
  .mask-group-4b {
    position: absolute;
    width: 1920px;
    height: 900px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 45;
    -webkit-mask-image: url(tGVBvznPPu.png);
    -webkit-mask-size: cover;
  }
  .group-4c {
    position: absolute;
    width: 1183.765px;
    height: 1209.409px;
    top: -147px;
    left: 830px;
    z-index: 46;
  }
  .frame-4d {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 0;
    left: 480px;
    background: url(w9DoEz1Lkt.png)
      no-repeat center;
    background-size: cover;
    z-index: 51;
  }
  .flex-row-cb-4e {
    position: absolute;
    width: 1183.765px;
    height: 984.409px;
    top: 225px;
    left: 0;
    z-index: 55;
  }
  .frame-4f {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 0;
    left: 235px;
    background: url(1e6UVQhgmU.png)
      no-repeat center;
    background-size: cover;
    z-index: 53;
  }
  .frame-50 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 0;
    left: 725px;
    background: url(QAJ2QBhEx2.png)
      no-repeat center;
    background-size: cover;
    z-index: 52;
  }
  .frame-51 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 195px;
    left: 960px;
    background: url(faAzbHG8gG.png)
      no-repeat center;
    background-size: cover;
    z-index: 49;
  }
  .frame-52 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 203px;
    left: 480px;
    background: url(MFu1OXcQDP.png)
      no-repeat center;
    background-size: cover;
    z-index: 48;
  }
  .frame-53 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 207px;
    left: 0;
    background: url(VhnDU0XW8e.png)
      no-repeat center;
    background-size: cover;
    z-index: 50;
  }
  .frame-54 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 427px;
    left: 235px;
    background: url(rsWQiw7oZt.png)
      no-repeat center;
    background-size: cover;
    z-index: 54;
  }
  .frame-55 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 428px;
    left: 725px;
    background: url(zZPRMYV53C.png)
      no-repeat center;
    background-size: cover;
    z-index: 47;
  }
  .frame-56 {
    position: absolute;
    width: 223.765px;
    height: 372.409px;
    top: 612px;
    left: 480px;
    background: url(0ZH3JmYGCK.png)
      no-repeat center;
    background-size: cover;
    z-index: 55;
  }
  .frame-57 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    position: absolute;
    width: 871px;
    height: 279px;
    top: 253px;
    left: 83px;
    z-index: 56;
  }
  .text-39 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 871px;
    height: 279px;
    color: #ffffff;
    font-size: 50px;
    font-weight: 600;
    line-height: 72px;
    text-align: left;
    z-index: 57;
  }
  .przeslij-wlasne-zdjecie {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: absolute;
    width: 658px;
    height: 180px;
    top: 187px;
    left: 0;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    z-index: 58;
  }
  .mask-group-58 {
    position: absolute;
    width: 1920px;
    height: 900px;
    top: 0;
    left: 0;
    background: url(xYUe3CwzZw.png)
      no-repeat center;
    background-size: cover;
    z-index: 145;
  }
  .mask-group-59 {
    position: absolute;
    width: 1920px;
    height: 1000px;
    top: 6150px;
    left: 0;
    background: url(mwWXB97P0C.png)
      no-repeat center;
    background-size: cover;
    z-index: 148;
  }


  :root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container1 {
  overflow: hidden;
}

.main-container1,
.main-container1 * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container1 {
  position: relative;
  width: 1920px;
  height: 900px;
  margin: 0 auto;
}
.frame1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 871px;
  margin: 253px 0 0 83px;
  z-index: 12;
}
.choose-watch-faces1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 871px;
  height: 279px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 600;
  line-height: 72px;
  text-align: left;
  z-index: 13;
}
.customize-watch-face1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  width: 658px;
  height: 180px;
  top: 187px;
  left: 0;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  z-index: 14;
}
.rectangle1 {
  position: absolute;
  width: 1920px;
  height: 900px;
  top: 0;
  left: 0;
  background: #000000;
}
.mask-group1 {
  position: absolute;
  width: 1920px;
  height: 900px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
  -webkit-mask-image: url(2sW1bMxfWM.png);
  -webkit-mask-size: cover;
}
.group-11 {
  position: relative;
  width: 1183.765px;
  height: 1209.409px;
  margin: -147px 0 0 830px;
  z-index: 2;
}
.frame-21 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 0;
  left: 480px;
  background: url(7Htg7r022V.png)
    no-repeat center;
  background-size: cover;
  z-index: 7;
}
.flex-row-cb1 {
  position: absolute;
  width: 1183.765px;
  height: 984.409px;
  top: 225px;
  left: 0;
  z-index: 11;
}
.frame-31 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 0;
  left: 235px;
  background-size: cover;
  z-index: 9;
}
.frame-one1 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 0;
  left: 725px;
  background: url(x9tZEnBvZz.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
}
.frame-two1 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 195px;
  left: 960px;
  background: url(UsJOOGFczo.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.frame-three1 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 203px;
  left: 480px;
  background: url(J1jfbB8cNr.png)
    no-repeat center;
  background-size: cover;
  z-index: 4;
}
.frame-four1 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 207px;
  left: 0;
  background: url(SBXpz882xo.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
}
.frame-five1 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 427px;
  left: 235px;
  background: url(Uit5asinOn.png)
    no-repeat center;
  background-size: cover;
  z-index: 10;
}
.frame-one-41 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 428px;
  left: 725px;
  background: url(h95pWD70fb.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
}
.frame-two-51 {
  position: absolute;
  width: 223.765px;
  height: 372.409px;
  top: 612px;
  left: 480px;
  background: url(Dp22gkZpwJ.png)
    no-repeat center;
  background-size: cover;
  z-index: 11;
}

.zdjecie-na-caly-ekran {
    width: 1920px;
    height: auto; 
    display: block;
    margin: 0 auto; 
  }
  
  @media screen and (min-width: 1024px) {
    .rectangle-4a {
      display: none;
    }
  }