: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-container {
  overflow: hidden;
}

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

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

.main-container {
  position: relative;
  width: 100%;
  height: 729px;
  margin: 0 auto;
  background: #ededed;
  overflow: hidden;
}

.frame-e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9px;
  position: relative;
  width: 40px;
  z-index: 18;
}
.line {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 1px;
  background: url(https://vsprint.pl/zniwa/mobile/images/742b3454-674a-4342-a389-26c3b0c976f7.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}

.line-10 {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 1px;
  background: url(https://vsprint.pl/zniwa/mobile/images/df8652b2-07b2-4b0e-8dab-d3c1aa479530.png)
    no-repeat center;
  background-size: cover;
  z-index: 21;
}

.line-f {
  flex-shrink: 0;
  position: relative;
  width: 40px;
  height: 1px;
  background: url(https://vsprint.pl/zniwa/mobile/images/f7aa6b46-e05b-440b-9217-cb28a90ba5de.png)
    no-repeat center;
  background-size: cover;
  z-index: 20;
}
.frame-d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 84px;
  height: 48px;
  padding: 0 15px 0 15px;
  border: 1px solid #ffffff;
  z-index: 17;
  border-radius: 30px;
}

.frame-one {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 100%;
  height: 525px;
  top: 30px;
  padding: 10px 10px 10px 10px;
  background: black;
  z-index: 1;
  overflow: hidden;
  border-radius: 25px;
}
.frame-two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.logo-dark {
  flex-shrink: 0;
  position: relative;
  width: 110px;
  height: 31px;
  z-index: 3;
  overflow: hidden;
}
.group-one {
  position: absolute;
  width: 100%;
  height: 100.03%;
  top: -0.01%;
  left: 0%;
  z-index: 4;
}
.group-two {
  position: absolute;
  width: 28.3%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./mobile/images/4cb5c9d3-129a-4eae-95e9-0495868d231f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 16;
}
.group {
  position: absolute;
  width: 6.57%;
  height: 74.91%;
  top: 15.5%;
  left: 13.38%;
  z-index: 14;
}
.vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./mobile/images/ad38cda9-a251-4351-ba92-a97d6d1c16fe.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 15;
}
.group-1 {
  position: absolute;
  width: 65%;
  height: 63.12%;
  top: 21.38%;
  left: 35%;
  z-index: 5;
}
.vector-2 {
  position: absolute;
  width: 5.61%;
  height: 82.02%;
  top: 0;
  left: 63.97%;
  background: url(./mobile/images/60a40751-9866-4805-8e19-a0266726faaa.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 10;
}
.vector-3 {
  position: absolute;
  width: 15.34%;
  height: 81.17%;
  top: 1.75%;
  left: 16.66%;
  background: url(./mobile/images/387518a1-040b-4302-89a0-1823d6ee2d14.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 7;
}
.vector-4 {
  position: absolute;
  width: 11.1%;
  height: 73.89%;
  top: 9.04%;
  left: 88.9%;
  background: url(./mobile/images/472dfe36-af78-45a4-93f4-fb51fe681c2c.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 12;
}
.vector-5 {
  position: absolute;
  width: 14.86%;
  height: 75.66%;
  top: 24.34%;
  left: 34.5%;
  background: url(./mobile/images/342291f3-57a5-45ce-96fd-fe7127d4deab.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 8;
}
.vector-6 {
  position: absolute;
  width: 10.32%;
  height: 57.71%;
  top: 24.34%;
  left: 51.84%;
  background: url(./mobile/images/fd48d1f7-ad44-4213-bf51-d5d1ae2dc730.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 9;
}
.vector-7 {
  position: absolute;
  width: 14.1%;
  height: 57.51%;
  top: 24.54%;
  left: 72.79%;
  background: url(./mobile/images/b3dc9426-3097-4893-8813-ab1f6f9fa71a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 11;
}
.vector-8 {
  position: absolute;
  width: 16.31%;
  height: 56.6%;
  top: 25.44%;
  left: 0;
  background: url(./mobile/images/d323b305-7df1-455a-aac4-aad329ef72c7.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
}
.group-9 {
  position: absolute;
  width: 12.85%;
  height: 43.44%;
  top: 33.21%;
  left: 7.73%;
  background: url(./mobile/images/d7e35c7f-d23d-4973-82d1-b78b1bb2ee21.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 13;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 84px;
  cursor: pointer;
  background: transparent;
  border: none;
  z-index: 17;
}
.frame-a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 84px;
  height: 48px;
  padding: 0 15px 0 15px;
  border: 1px solid #ffffff;
  z-index: 18;
  border-radius: 30px;
}
.frame-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -272px;
  position: relative;
  width: 28.284px;
  height: 28.284px;
  background: url(./mobile/images/f9b48856-91c3-4e4a-ba05-ca4776a0f8c3.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.frame-c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  position: absolute;
  width: 100%;
  height: 110px;
  top: 233px;
 
  z-index: 20;
}
.o-programie {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 21;
}
.co-zyskujesz {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
}
.program-szkolenia {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 23;
}
.dla-kogo {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 24;
}
.cennik {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 25;
}
.btn-orange {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 193px;
  height: 48px;
  top: 434px;
  padding: 15px 30px 15px 30px;
  cursor: pointer;
  background: #fd6615;
  border: none;
  z-index: 26;
  border-radius: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.dolacz-do-programu {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 18px;
  color: #ffffff;
  font-family: Barlow Condensed, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17.92px;
  text-align: center;
  white-space: nowrap;
  z-index: 27;
}