@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.header {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0px 0px 17px 5px black;
  box-shadow: 0px 0px 17px 5px black;
  position: absolute;
  gap: 20px;
  top: 0;
  left: 0;
  padding: 0 40px;
}

@media only screen and (max-width: 900px) {
  .header {
    padding: 0 20px;
  }
}

.header__logo {
  outline: none;
  text-decoration: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__logo img {
  height: 70%;
}

@media only screen and (max-width: 900px) {
  .header__logo img {
    height: 28px;
  }
}

.footer {
  width: 100%;
  padding: 60px 10px;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.62);
  box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.62);
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("img/01.jpg");
  width: 100%;
  background-repeat: no-repeat;
}

.main__hero {
  min-height: 100vh;
  width: 100%;
  padding: 180px 0 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1000px) {
  .main__hero {
    padding: 100px 10px 60px 10px;
  }
}

@media only screen and (max-width: 800px) {
  .main__hero {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.main__wrapper {
  padding: 80px 60px;
  border-radius: 20px;
  border: 3px solid #0293d6;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
  box-shadow: 0px 0px 12px 1px #0293d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  width: 100%;
  max-width: 1400px;
}

@media only screen and (max-width: 1000px) {
  .main__wrapper {
    padding: 50px 20px;
    gap: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .main__wrapper {
    padding: 30px 10px;
    gap: 20px;
  }
}

.main__h1 {
  font-size: 80px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  .main__h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 600px) {
  .main__h1 {
    font-size: 30px;
  }
}

.main__p {
  font-size: 34px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  .main__p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .main__p {
    font-size: 18px;
    line-height: 1.5em;
  }
}

.main__p .next {
  width: 24px;
  height: 6px;
  background: #0293d6;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
  box-shadow: 0px 0px 12px 1px #0293d6;
  display: inline-block;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}

@media only screen and (max-width: 1000px) {
  .main__p .next {
    width: 10px;
    height: 4px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.main__line {
  width: 100%;
  max-width: 1400px;
  background: #0293d6;
  height: 3px;
  border: none;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
  box-shadow: 0px 0px 12px 1px #0293d6;
}

.main__laserLine {
  height: 250px;
  width: 4px;
  background: #0293d6;
  margin: 30px 150px 0 auto;
  border: none;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
  box-shadow: 0px 0px 12px 1px #0293d6;
}

@media only screen and (max-width: 600px) {
  .main__laserLine {
    margin: 20px auto;
    height: 150px;
  }
}

.main__video {
  width: 100%;
  max-width: 1400px;
  aspect-ratio: 16/9;
  margin: 10px 0 50px 0;
}

@media only screen and (max-width: 1400px) {
  .main__video {
    width: 90%;
    margin: 10px 0 20px 0;
  }
}

.main__want {
  width: 100%;
  margin: 30px 0 60px 0;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 820px) {
  .main__want {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    margin: 50px 0 0 0;
  }
}

.main__cart {
  border: 2px solid #0293d6;
  padding: 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: white;
  border-radius: 30px;
  max-width: 900px;
}

@media only screen and (max-width: 820px) {
  .main__cart {
    padding: 20px 20px;
    margin: 0 10px;
  }
}

.main__chcesz {
  color: #091744;
  font-size: 30px;
  font-weight: 1000;
  margin: 0 0 20px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 820px) {
  .main__chcesz {
    font-size: 20px;
  }
}

.main__chcesz .triangles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 auto;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media only screen and (max-width: 820px) {
  .main__chcesz .triangles {
    gap: 5px;
  }
}

.main__chcesz .triangles .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 16.3px 10px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-filter: drop-shadow(1px 1px 1px #0293d6);
  filter: drop-shadow(1px 1px 1px #0293d6);
  background: transparent;
}

.main__list {
  list-style: none;
  font-size: 18px;
}

@media only screen and (max-width: 820px) {
  .main__list {
    font-size: 15px;
  }
}

.main__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main__list li i {
  font-size: 13px;
  color: #0293d6;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 820px) {
  .main__list li i {
    margin: 0 10px 0 0;
  }
}

.main__wantkurslogo {
  padding: 10px 40px;
  background: white;
  max-width: 500px;
  border-radius: 50px 0 0 50px;
  border: 2px solid #0293d6;
  border-right: none;
  margin: 150px 0 0 0;
  position: absolute;
  right: 0;
}

@media only screen and (max-width: 1500px) {
  .main__wantkurslogo {
    max-width: 300px;
  }
}

@media only screen and (max-width: 1200px) {
  .main__wantkurslogo {
    max-width: 300px;
    position: relative;
    margin: 150px 0 0 10px;
  }
}

@media only screen and (max-width: 820px) {
  .main__wantkurslogo {
    margin: 20px 0 0 auto;
    border-radius: 40px 0 0 40px;
    width: 100%;
    max-width: 300px;
  }
}

.main__bigText {
  margin: 200px 0 100px 0;
  text-align: center;
  color: white;
  font-size: 30px;
  font-weight: 400;
  max-width: 1400px;
  width: 90%;
}

@media only screen and (max-width: 1000px) {
  .main__bigText {
    margin: 50px 0 100px 0;
    font-size: 18px;
  }
}

.summary {
  width: 100%;
  padding: 40px 40px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("img/07.jpg");
}

@media only screen and (max-width: 800px) {
  .summary {
    padding: 40px 10px 0 10px;
  }
}

.summary__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1400px;
  gap: 50px;
}

@media only screen and (max-width: 980px) {
  .summary__wrapper {
    gap: 30px;
  }
}

@media only screen and (max-width: 780px) {
  .summary__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.summary__jpg {
  width: 450px;
}

@media only screen and (max-width: 980px) {
  .summary__jpg {
    width: 250px;
  }
}

.summary__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}

.summary__h2 {
  color: #091744;
  font-weight: 1000;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 1px;
}

@media only screen and (max-width: 500px) {
  .summary__h2 {
    font-size: 26px;
  }
}

.summary__p {
  color: #091744;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
}

@media only screen and (max-width: 500px) {
  .summary__p {
    font-size: 16px;
  }
}

.summary__p a, .summary__p b {
  text-decoration: none;
  font-weight: 700;
  color: #0293d6;
  outline: none;
}

.summary__sum {
  width: 100%;
  max-width: 1400px;
  border-radius: 50px 50px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  margin: 60px 0 0 0;
}

@media only screen and (max-width: 600px) {
  .summary__sum {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.summary__slon {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .summary__slon {
    display: none;
  }
}

.summary__overlay {
  width: 100%;
  height: 100%;
  padding: 60px 100px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
  background: #0293d642;
}

@media only screen and (max-width: 900px) {
  .summary__overlay {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 600px) {
  .summary__overlay {
    padding: 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-image: url("img/08.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
  }
}

.summary__title {
  color: white;
  font-size: 50px;
  font-weight: 800;
  margin: 0 auto auto auto;
}

@media only screen and (max-width: 900px) {
  .summary__title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 600px) {
  .summary__title {
    font-size: 24px;
  }
}

.summary__downtext {
  font-size: 20px;
  width: 100%;
  color: white;
  font-weight: 700;
  text-align: center;
  line-height: 1.8em;
}

.summary__downtext b {
  font-size: 50px;
}

@media only screen and (max-width: 900px) {
  .summary__downtext {
    font-size: 16px;
  }
  .summary__downtext b {
    font-size: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .summary__downtext {
    font-size: 14px;
  }
  .summary__downtext b {
    font-size: 26px;
  }
}

.summary__button {
  color: #091744;
  background: white;
  border: 4px solid white;
  padding: 15px 30px;
  text-align: center;
  outline: none;
  text-decoration: none;
  font-size: 50px;
  font-weight: 1000;
  margin: 30px auto 0 auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.summary__button:hover {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
}

@media only screen and (max-width: 1200px) {
  .summary__button {
    font-size: 30px;
  }
}

@media only screen and (max-width: 800px) {
  .summary__button {
    font-size: 24px;
  }
}

@media only screen and (max-width: 600px) {
  .summary__button {
    font-size: 16px;
  }
}

.summary__button .triangle {
  position: absolute;
  left: -100px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent white transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 800px) {
  .summary__button .triangle {
    left: -50px;
    border-width: 0 10px 20.3px 10px;
  }
}

.summary__button .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent white transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  position: absolute;
  right: -100px;
}

@media only screen and (max-width: 800px) {
  .summary__button .triangle-reverse {
    right: -50px;
    border-width: 0 10px 20.3px 10px;
  }
}

.info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("img/03.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 -150px 0;
}

.info__sign {
  padding: 30px 50px 100px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  max-width: 1400px;
  background-image: url("img/04.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 30px 0 0;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}

@media only screen and (max-width: 790px) {
  .info__sign {
    padding: 20px 10px 30px 10px;
  }
}

.info__title {
  margin: 0 0 20px 0;
  color: #091744;
  font-size: 30px;
  font-weight: 1000;
}

@media only screen and (max-width: 790px) {
  .info__title {
    font-size: 25px;
    text-align: center;
  }
}

.info__list {
  list-style: none;
}

.info__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  font-size: 16px;
  margin: 5px 0;
  font-weight: 500;
  color: white;
}

@media only screen and (max-width: 790px) {
  .info__list li {
    font-size: 15px;
    gap: 15px;
  }
}

.info__list li i {
  color: white;
  font-size: 14px;
}

.info__what {
  width: 100%;
  -webkit-box-shadow: 0px 0px 11px 0px #42445a;
  box-shadow: 0px 0px 11px 0px #42445a;
  padding: 40px 20px 150px 20px;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 560px) {
  .info__what {
    padding: 30px 10px 150px 10px;
  }
}

.info__what .wrapper {
  width: 100%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 80px;
}

@media only screen and (max-width: 1170px) {
  .info__what .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
  }
}

.info__what .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0px;
}

.info__chicken {
  width: 250px;
}

@media only screen and (max-width: 500px) {
  .info__chicken {
    width: 150px;
  }
}

.info__secondList {
  list-style: none;
}

.info__secondList li {
  font-size: 18px;
  margin: 10px 0;
}

.info__secondList span {
  margin: 0 10px 0 0;
}

.info__how {
  width: 100%;
  max-width: 1400px;
  border-radius: 50px;
  background-image: url("img/05.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 30px;
  -webkit-transform: translateY(-192px);
          transform: translateY(-192px);
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 600px) {
  .info__how {
    padding: 40px 5px;
    gap: 30px;
  }
}

.info__howTitle {
  font-size: 30px;
  color: white;
  font-weight: 800;
}

@media only screen and (max-width: 600px) {
  .info__howTitle {
    font-size: 24px;
  }
}

.info__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.info__grid .element {
  padding: 20px 30px;
  color: white;
  font-size: 24px;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .info__grid .element {
    font-size: 18px;
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .info__grid .element {
    font-size: 15px;
    padding: 10px 10px;
  }
}

.info__grid .element:nth-child(1) {
  border-right: 3px solid #0293d6;
  border-bottom: 3px solid #0293d6;
}

.info__grid .element:nth-child(2) {
  border-bottom: 3px solid #0293d6;
}

.info__grid .element:nth-child(3) {
  border-right: 3px solid #0293d6;
}

.info__duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  font-size: 50px;
  color: #0293d6;
  font-weight: 1000;
}

@media only screen and (max-width: 1200px) {
  .info__duration {
    font-size: 40px;
  }
}

@media only screen and (max-width: 970px) {
  .info__duration {
    font-size: 30px;
    gap: 20px;
  }
}

@media only screen and (max-width: 680px) {
  .info__duration {
    font-size: 18px;
    gap: 10px;
  }
}

.info__duration .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 30.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
  -webkit-filter: drop-shadow(1px 1px 1px #0293d6);
  filter: drop-shadow(1px 1px 1px #0293d6);
}

@media only screen and (max-width: 970px) {
  .info__duration .triangle {
    border-width: 0 10px 20.3px 10px;
  }
}

@media only screen and (max-width: 680px) {
  .info__duration .triangle {
    border-width: 0 5px 10.3px 5px;
  }
}

.info__duration .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 30.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  -webkit-filter: drop-shadow(1px 1px 1px #0293d6);
  filter: drop-shadow(1px 1px 1px #0293d6);
}

@media only screen and (max-width: 970px) {
  .info__duration .triangle-reverse {
    border-width: 0 10px 20.3px 10px;
  }
}

@media only screen and (max-width: 680px) {
  .info__duration .triangle-reverse {
    border-width: 0 5px 10.3px 5px;
  }
}

.info__use {
  margin: 40px 0 0 0;
  padding: 40px 0;
  width: 100vw;
  background: white;
  -webkit-box-shadow: 0px 0px 23px 4px rgba(66, 68, 90, 0.62);
  box-shadow: 0px 0px 23px 4px rgba(66, 68, 90, 0.62);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 710px) {
  .info__use {
    padding: 20px 0;
  }
}

.info__use .container {
  max-width: 1400px;
  width: 100%;
  gap: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 710px) {
  .info__use .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
  }
}

.info__use .logo {
  width: 300px;
}

.info__use .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

@media only screen and (max-width: 710px) {
  .info__use .col {
    width: 100%;
    padding: 0 10px;
  }
}

.info__use .h2 {
  color: #091744;
  font-size: 30px;
  font-weight: 800;
}

.info__use .p {
  color: #091744;
  font-size: 18px;
  font-weight: 800;
}

.info__use .ol {
  padding: 0 0 0 20px;
  font-size: 17px;
  font-weight: 500;
  color: #091744;
}

.info__use .ol li {
  padding: 0 0 0 10px;
  margin: 5px 0 0 0;
}

.info__use .ol li::marker {
  color: #0293d6;
  font-weight: 600;
}

.harmonogram {
  background: white;
  padding: 80px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 150px;
}

.harmonogram__zapis {
  padding: 60px 50px;
  border-radius: 40px;
  border: 3px solid #0293d6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  max-width: 1400px;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(127, 232, 103, 0.14);
  box-shadow: 0px 0px 0px 5px rgba(127, 232, 103, 0.14);
}

.harmonogram__zapis .h2 {
  color: #0293d6;
  font-size: 40px;
  font-weight: 1000;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 80px;
  background: white;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.210504)), color-stop(5%, white), color-stop(95%, white), to(rgba(255, 255, 255, 0.21)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.210504) 0%, white 5%, white 95%, rgba(255, 255, 255, 0.21) 100%);
  text-align: center;
}

@media only screen and (max-width: 800px) {
  .harmonogram__zapis .h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .harmonogram__zapis .h2 {
    padding: 0 10px;
    font-size: 18px;
  }
}

.harmonogram__zapis .h2 span {
  font-size: 70px;
}

@media only screen and (max-width: 800px) {
  .harmonogram__zapis .h2 span {
    font-size: 60px;
  }
}

@media only screen and (max-width: 630px) {
  .harmonogram__zapis .h2 span {
    font-size: 40px;
  }
}

@media only screen and (max-width: 400px) {
  .harmonogram__zapis .h2 span {
    font-size: 34px;
  }
}

.harmonogram__zapis .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.210504)), color-stop(5%, white), color-stop(95%, white), to(rgba(255, 255, 255, 0.21)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.210504) 0%, white 5%, white 95%, rgba(255, 255, 255, 0.21) 100%);
  padding: 0 100px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media only screen and (max-width: 550px) {
  .harmonogram__zapis .link {
    padding: 0 20px;
  }
}

.harmonogram__link {
  -webkit-box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.62);
  box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.62);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 40px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: #091744;
  border: 3px solid #091744;
  color: #0293d6;
  font-size: 40px;
  font-weight: 1000;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.harmonogram__link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: white;
}

@media only screen and (max-width: 800px) {
  .harmonogram__link {
    font-size: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .harmonogram__link {
    font-size: 15px;
  }
}

.harmonogram__link .triangle {
  position: absolute;
  left: -80px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 550px) {
  .harmonogram__link .triangle {
    border-width: 0 10px 20.3px 10px;
    left: -30px;
  }
}

.harmonogram__link .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  position: absolute;
  right: -80px;
}

@media only screen and (max-width: 550px) {
  .harmonogram__link .triangle-reverse {
    border-width: 0 10px 20.3px 10px;
    right: -30px;
  }
}

.harmonogram__container {
  border-radius: 60px 60px 0 0;
  padding: 60px 60px;
  background: #e9e8e8;
  width: 100%;
  max-width: 1400px;
  -webkit-box-shadow: 0px 0px 23px 4px rgba(66, 68, 90, 0.62);
  box-shadow: 0px 0px 23px 4px rgba(66, 68, 90, 0.62);
}

@media only screen and (max-width: 830px) {
  .harmonogram__container {
    padding: 30px 30px;
  }
}

@media only screen and (max-width: 620px) {
  .harmonogram__container {
    padding: 30px 10px;
  }
}

.harmonogram__h2 {
  font-size: 40px;
  font-weight: 1000;
  color: #091744;
  margin: 0 0 50px 0;
}

@media only screen and (max-width: 830px) {
  .harmonogram__h2 {
    font-size: 30px;
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 620px) {
  .harmonogram__h2 {
    text-align: center;
  }
}

.harmonogram__element {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.harmonogram__top {
  margin: 0 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}

@media only screen and (max-width: 620px) {
  .harmonogram__top {
    gap: 10px;
  }
}

.harmonogram__top .number {
  font-size: 80px;
  line-height: 1em;
  font-weight: 1000;
  color: #091744;
  border-right: 2px solid #0293d6;
  padding: 0px 30px 0px 0;
}

@media only screen and (max-width: 830px) {
  .harmonogram__top .number {
    font-size: 50px;
    padding: 0 20px 0 0;
  }
}

@media only screen and (max-width: 620px) {
  .harmonogram__top .number {
    padding: 0 10px 0 0;
  }
}

.harmonogram__top .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}

@media only screen and (max-width: 620px) {
  .harmonogram__top .col {
    gap: 5px;
  }
}

.harmonogram__top .col .week {
  font-size: 20px;
  font-weight: 600;
  color: #091744;
  line-height: 1em;
}

@media only screen and (max-width: 830px) {
  .harmonogram__top .col .week {
    font-size: 16px;
  }
}

@media only screen and (max-width: 620px) {
  .harmonogram__top .col .week {
    font-size: 14px;
  }
}

.harmonogram__top .col .title {
  font-size: 40px;
  font-weight: 1000;
  line-height: 1em;
  color: #091744;
}

@media only screen and (max-width: 830px) {
  .harmonogram__top .col .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 620px) {
  .harmonogram__top .col .title {
    font-size: 20px;
  }
}

.harmonogram__text {
  font-weight: 700;
  color: #0293d6;
  font-size: 20px;
  line-height: 1.5em;
  margin: 0 0 20px 0;
  outline: none;
  text-decoration: none;
}

@media only screen and (max-width: 620px) {
  .harmonogram__text {
    font-size: 16px;
  }
}

.harmonogram__text a {
  color: inherit;
  outline: none;
  text-decoration: none;
}

.harmonogram ol {
  color: #091744;
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 25px;
}

@media only screen and (max-width: 620px) {
  .harmonogram ol {
    font-size: 16px;
  }
}

.harmonogram__devider {
  width: 90%;
  height: 3px;
  background: white;
  border: none;
  margin: 50px auto;
}

.harmonogram__downZapis {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 80px 0 30px 0;
  gap: 40px;
}

@media only screen and (max-width: 1300px) {
  .harmonogram__downZapis {
    gap: 20px;
    margin: 40px 0 20px 0;
  }
}

@media only screen and (max-width: 1030px) {
  .harmonogram__downZapis {
    gap: 10px;
  }
}

.harmonogram__downZapis .link {
  padding: 10px 40px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: #091744;
  border: 3px solid #091744;
  color: #0293d6;
  font-size: 40px;
  font-weight: 1000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.harmonogram__downZapis .link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: white;
}

@media only screen and (max-width: 1300px) {
  .harmonogram__downZapis .link {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1030px) {
  .harmonogram__downZapis .link {
    font-size: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .harmonogram__downZapis .link {
    font-size: 18px;
    padding: 10px 30px;
  }
}

.harmonogram__downZapis .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #091744 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .harmonogram__downZapis .triangle {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .harmonogram__downZapis .triangle:nth-child(1) {
    display: none;
  }
  .harmonogram__downZapis .triangle:nth-child(2) {
    display: none;
  }
}

.harmonogram__downZapis .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #091744 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .harmonogram__downZapis .triangle-reverse {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .harmonogram__downZapis .triangle-reverse:nth-of-type(1) {
    display: none;
  }
  .harmonogram__downZapis .triangle-reverse:nth-child(2) {
    display: none;
  }
  .harmonogram__downZapis .triangle-reverse--none {
    display: none;
  }
}

.opinions {
  width: 100%;
  padding: 80px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 80px;
}

@media only screen and (max-width: 750px) {
  .opinions {
    padding: 40px 10px 0 10px;
  }
}

.opinions__free {
  padding: 60px 50px 180px 50px;
  border-radius: 40px 40px 0 0;
  background-image: url("img/04.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  max-width: 1400px;
  gap: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1080px) {
  .opinions__free {
    gap: 30px;
    padding: 40px 20px 110px 20px;
  }
}

.opinions__h2 {
  font-size: 60px;
  font-weight: 800;
  color: white;
  text-align: center;
}

@media only screen and (max-width: 1080px) {
  .opinions__h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 500px) {
  .opinions__h2 {
    font-size: 30px;
  }
}

.opinions__h3 {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: white;
}

@media only screen and (max-width: 1080px) {
  .opinions__h3 {
    font-size: 20px;
  }
}

.opinions__downZapis {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}

@media only screen and (max-width: 1300px) {
  .opinions__downZapis {
    gap: 20px;
    margin: 40px 0 20px 0;
  }
}

@media only screen and (max-width: 1030px) {
  .opinions__downZapis {
    gap: 10px;
  }
}

.opinions__downZapis .link {
  padding: 10px 40px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: #091744;
  border: 3px solid #091744;
  color: white;
  font-size: 40px;
  font-weight: 1000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.opinions__downZapis .link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
  color: white;
}

@media only screen and (max-width: 1300px) {
  .opinions__downZapis .link {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1030px) {
  .opinions__downZapis .link {
    font-size: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .opinions__downZapis .link {
    font-size: 18px;
    padding: 10px 30px;
  }
}

.opinions__downZapis .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #091744 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .opinions__downZapis .triangle {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .opinions__downZapis .triangle:nth-child(1) {
    display: none;
  }
  .opinions__downZapis .triangle:nth-child(2) {
    display: none;
  }
  .opinions__downZapis .triangle:nth-child(3) {
    display: none;
  }
}

.opinions__downZapis .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #091744 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .opinions__downZapis .triangle-reverse {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .opinions__downZapis .triangle-reverse:nth-child(1) {
    display: none;
  }
  .opinions__downZapis .triangle-reverse:nth-child(2) {
    display: none;
  }
  .opinions__downZapis .triangle-reverse--none {
    display: none;
  }
}

.opinions__opinions {
  width: 100%;
  max-width: 1400px;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
  border-radius: 30px;
  border: 3px solid #0293d6;
  padding: 10px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 20px;
}

@media only screen and (max-width: 1200px) {
  .opinions__opinions {
    padding: 40px 10px;
  }
}

.opinions__topH2 {
  position: absolute;
  top: 0;
  color: #091744;
  font-size: 50px;
  font-weight: 1000;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.210504)), color-stop(5%, white), color-stop(95%, white), to(rgba(255, 255, 255, 0.21)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.210504) 0%, white 5%, white 95%, rgba(255, 255, 255, 0.21) 100%);
  padding: 5px 80px;
}

@media only screen and (max-width: 1100px) {
  .opinions__topH2 {
    font-size: 34px;
    padding: 5px 40px;
  }
}

@media only screen and (max-width: 650px) {
  .opinions__topH2 {
    padding: 5px 30px;
    font-size: 26px;
  }
}

.opinions__opLink {
  text-decoration: none;
  outline: none;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.210504)), color-stop(5%, white), color-stop(95%, white), to(rgba(255, 255, 255, 0.21)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.210504) 0%, white 5%, white 95%, rgba(255, 255, 255, 0.21) 100%);
  position: relative;
  font-size: 30px;
  color: #0293d6;
  font-weight: 800;
  padding: 5px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 1050px) {
  .opinions__opLink {
    font-size: 20px;
  }
}

@media only screen and (max-width: 730px) {
  .opinions__opLink {
    padding: 5px 40px;
  }
}

@media only screen and (max-width: 640px) {
  .opinions__opLink {
    padding: 5px 20px;
    font-size: 18px;
    text-align: center;
  }
}

.opinions__opLink .triangle {
  position: absolute;
  left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 1050px) {
  .opinions__opLink .triangle {
    border-width: 0 15px 25.3px 15px;
    left: 0;
  }
}

@media only screen and (max-width: 640px) {
  .opinions__opLink .triangle {
    display: none;
  }
}

.opinions__opLink .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 35.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  position: absolute;
  right: -10px;
}

@media only screen and (max-width: 1050px) {
  .opinions__opLink .triangle-reverse {
    border-width: 0 15px 25.3px 15px;
    right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .opinions__opLink .triangle-reverse {
    display: none;
  }
}

.opinions .swiper {
  width: 100%;
}

.opinions .swiper-slide {
  width: 100%;
  border: 2px solid #afafaf;
  overflow: hidden;
  border-radius: 20px;
}

.opinions .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.opinions .next {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 30.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
  position: absolute;
  right: -70px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.opinions .next:hover {
  opacity: 0.7;
  -webkit-transition: 0.4;
  transition: 0.4;
  cursor: pointer;
}

.opinions .prev {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 30.3px 20px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  position: absolute;
  left: -70px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.opinions .prev:hover {
  opacity: 0.7;
  -webkit-transition: 0.4;
  transition: 0.4;
  cursor: pointer;
}

.count {
  width: 100%;
  padding: 50px 0;
  background-image: url("img/06.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 80px;
}

.count__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 50px;
}

@media only screen and (max-width: 1000px) {
  .count__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.count__hook {
  width: 200px;
  margin: 0 auto 0 0;
}

@media only screen and (max-width: 1000px) {
  .count__hook {
    margin: 0;
    width: 90%;
    max-width: 200px;
  }
}

.count__haczyk {
  margin: 0 auto 0 0;
  border: 2px solid #0293d6;
  max-width: 900px;
  border-radius: 0 30px 30px 0;
  padding: 40px 90px 40px 90px;
  background: white;
  border-left: none;
}

@media only screen and (max-width: 800px) {
  .count__haczyk {
    padding: 20px 30px;
    margin: 0 10px 0 0;
  }
}

.count__h2 {
  color: #091744;
  font-size: 30px;
  font-weight: 1000;
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 600px) {
  .count__h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
  }
}

.count__p {
  color: #091744;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  .count__p {
    font-size: 16px;
  }
}

.count__p b {
  color: #0293d6;
  text-decoration: none;
}

.count__p a {
  color: #0293d6;
  outline: none;
  text-decoration: none;
}

.count__counter {
  width: 100%;
  max-width: 1400px;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
  border-radius: 30px;
  border: 3px solid #0293d6;
  padding: 40px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1400px) {
  .count__counter {
    margin: 0 10px;
    width: calc(100% - 20px);
  }
}

@media only screen and (max-width: 980px) {
  .count__counter {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 680px) {
  .count__counter {
    padding: 20px 15px;
  }
}

.count__counterTitle {
  font-size: 50px;
  text-align: center;
  font-weight: 700;
  color: #0293d6;
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 980px) {
  .count__counterTitle {
    font-size: 40px;
  }
}

@media only screen and (max-width: 680px) {
  .count__counterTitle {
    font-size: 28px;
  }
}

.count__counterTitle span {
  font-size: 80px;
}

@media only screen and (max-width: 840px) {
  .count__counterTitle span {
    font-size: 60px;
  }
}

@media only screen and (max-width: 680px) {
  .count__counterTitle span {
    font-size: 40px;
  }
}

.count__counterText {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: white;
}

@media only screen and (max-width: 980px) {
  .count__counterText {
    font-size: 18px;
  }
}

@media only screen and (max-width: 680px) {
  .count__counterText {
    font-size: 16px;
  }
}

.count .devider {
  width: 100%;
  border: none;
  height: 3px;
  background: #0293d6;
  margin: 30px auto;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
}

.count__link {
  color: white;
  font-size: 40px;
  font-weight: 1000;
  text-decoration: none;
  outline: none;
  padding: 10px 20px;
  border: 2px solid #0293d6;
  background: #0293d6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.count__link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
}

@media only screen and (max-width: 980px) {
  .count__link {
    font-size: 30px;
  }
}

@media only screen and (max-width: 680px) {
  .count__link {
    font-size: 24px;
  }
}

.count__demo {
  font-size: 40px;
  font-weight: 700;
  color: white;
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 980px) {
  .count__demo {
    font-size: 30px;
  }
}

@media only screen and (max-width: 680px) {
  .count__demo {
    font-size: 24px;
  }
}

@media only screen and (max-width: 550px) {
  .count__demo {
    text-align: center;
    font-size: 24px;
  }
}

.form {
  width: 100%;
  max-width: 1400px;
  margin: 140px 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 700px) {
  .form {
    margin: 60px 0 20px 0;
  }
}

.form__h2 {
  margin: 120px 0 30px 0;
  text-align: center;
  color: #091744;
  font-size: 50px;
  font-weight: 1000;
}

@media only screen and (max-width: 1100px) {
  .form__h2 {
    font-size: 34px;
    margin: 80px 0 30px 0;
  }
}

@media only screen and (max-width: 600px) {
  .form__h2 {
    font-size: 26px;
    margin: 60px 0 30px 0;
  }
}

.form__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}

@media only screen and (max-width: 1080px) {
  .form__form {
    gap: 20px;
  }
}

.form__form .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 40px 70.3px 40px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
  -webkit-filter: drop-shadow(1px 1px 1px #0293d6);
  filter: drop-shadow(1px 1px 1px #0293d6);
}

@media only screen and (max-width: 1320px) {
  .form__form .triangle:nth-child(1) {
    display: none;
  }
}

@media only screen and (max-width: 1080px) {
  .form__form .triangle {
    border-width: 0 30px 40.3px 30px;
  }
}

@media only screen and (max-width: 630px) {
  .form__form .triangle:nth-child(2) {
    display: none;
  }
}

@media only screen and (max-width: 500px) {
  .form__form .triangle {
    display: none;
  }
}

.form__form .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 40px 70.3px 40px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
  -webkit-filter: drop-shadow(1px 1px 1px #0293d6);
  filter: drop-shadow(1px 1px 1px #0293d6);
}

@media only screen and (max-width: 1320px) {
  .form__form .triangle-reverse--first {
    display: none;
  }
}

@media only screen and (max-width: 1080px) {
  .form__form .triangle-reverse {
    border-width: 0 30px 40.3px 30px;
  }
}

@media only screen and (max-width: 630px) {
  .form__form .triangle-reverse--second {
    display: none;
  }
}

@media only screen and (max-width: 500px) {
  .form__form .triangle-reverse {
    display: none;
  }
}

.form__contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 90px;
  margin: 30px 0 30px 0;
}

@media only screen and (max-width: 1050px) {
  .form__contact {
    gap: 50px;
  }
}

@media only screen and (max-width: 820px) {
  .form__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.form__contactImg {
  width: 500px;
  border-radius: 20px;
}

@media only screen and (max-width: 1050px) {
  .form__contactImg {
    width: 400px;
  }
}

@media only screen and (max-width: 820px) {
  .form__contactImg {
    width: 90%;
    max-width: 400px;
  }
}

.form__contactInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}

.form__info {
  color: #091744;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 2px;
  outline: none;
  text-decoration: none;
}

.form__info span {
  white-space: nowrap;
}

@media only screen and (max-width: 1050px) {
  .form__info {
    font-size: 24px;
  }
}

@media only screen and (max-width: 520px) {
  .form__info {
    font-size: 20px;
    text-align: center;
  }
}

.form .formkit-form[data-uid="05cb309af6"] .formkit-background {
  min-height: 300px;
}

@media only screen and (min-width: 800px) {
  .form .formkit-form[data-uid="05cb309af6"] {
    min-width: 700px;
  }
}

.bigBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 20px 0;
  gap: 40px;
}

@media only screen and (max-width: 1300px) {
  .bigBtn {
    gap: 20px;
  }
}

@media only screen and (max-width: 1030px) {
  .bigBtn {
    gap: 10px;
  }
}

@media only screen and (max-width: 900px) {
  .bigBtn {
    margin: 30px 0;
  }
}

@media only screen and (max-width: 400px) {
  .bigBtn {
    margin: 40px 0 20px 0;
  }
}

.bigBtn .link {
  padding: 10px 80px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: #0293d6;
  border: 3px solid #0293d6;
  color: white;
  font-size: 50px;
  font-weight: 1000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bigBtn .link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
  color: #0293d6;
}

@media only screen and (max-width: 1300px) {
  .bigBtn .link {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1030px) {
  .bigBtn .link {
    font-size: 26px;
  }
}

@media only screen and (max-width: 600px) {
  .bigBtn .link {
    font-size: 22px;
    padding: 10px 30px;
  }
}

.bigBtn .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .bigBtn .triangle {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .bigBtn .triangle:nth-child(1) {
    display: none;
  }
  .bigBtn .triangle:nth-child(2) {
    display: none;
  }
}

.bigBtn .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 25px 43.3px 25px;
  border-color: transparent transparent #0293d6 transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
}

@media only screen and (max-width: 1030px) {
  .bigBtn .triangle-reverse {
    border-width: 0 15px 23.3px 15px;
  }
}

@media only screen and (max-width: 600px) {
  .bigBtn .triangle-reverse:nth-of-type(1) {
    display: none;
  }
  .bigBtn .triangle-reverse:nth-child(2) {
    display: none;
  }
  .bigBtn .triangle-reverse--none {
    display: none;
  }
}

.bigBtn--zakres .link {
  background: #091744;
  border: 3px solid #091744;
  color: #0293d6;
}

.bigBtn--zakres .link:hover {
  background: transparent;
  color: #091744;
}

.bigBtn--zakres .triangle {
  border-color: transparent transparent #091744 transparent;
}

.bigBtn--zakres .triangle-reverse {
  border-color: transparent transparent #091744 transparent;
}

.video {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("img/02.jpg");
  background-position: center;
  width: 100%;
  background-repeat: no-repeat;
  padding: 80px 10px;
  border-bottom: 2px solid #0293d6;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(66, 68, 90, 0.72);
  box-shadow: 0px 2px 9px 0px rgba(66, 68, 90, 0.72);
}

@media only screen and (max-width: 700px) {
  .video {
    padding: 40px 10px;
  }
}

.video__movie {
  width: 100%;
  max-width: 1400px;
  aspect-ratio: 16/9;
  margin: 80px 0 50px 0;
}

@media only screen and (max-width: 700px) {
  .video__movie {
    margin: 30px 0 50px 0;
  }
}

.video__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 1400px;
}

@media only screen and (max-width: 700px) {
  .video__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}

.video__logo {
  width: 400px;
}

@media only screen and (max-width: 1000px) {
  .video__logo {
    width: 250px;
  }
}

.video__text {
  width: 100%;
  color: #091744;
  font-weight: 800;
  font-size: 48px;
  text-align: center;
}

@media only screen and (max-width: 1500px) {
  .video__text {
    font-size: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .video__text {
    font-size: 24px;
  }
}

@media only screen and (max-width: 500px) {
  .video .bigBtn {
    margin: 0px 0 0 0;
  }
}

.want {
  width: 100%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-image: url("img/potezny-slon.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  margin: 0 auto;
  padding: 50px 80px 50px 80px;
}

@media only screen and (max-width: 1350px) {
  .want {
    padding: 50px 80px 50px 80px;
  }
}

@media only screen and (max-width: 930px) {
  .want {
    padding: 50px 20px 20px 20px;
  }
}

@media only screen and (max-width: 700px) {
  .want {
    padding: 40px 10px 20px 10px;
    background-size: 100%;
    background-color: #094184;
  }
}

.want__h2 {
  color: white;
  font-size: 50px;
  font-weight: 800;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 930px) {
  .want__h2 {
    font-size: 30px;
    margin: 0 0 10px 0;
  }
}

.want__text {
  font-size: 26px;
  width: 100%;
  color: white;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
  line-height: 1.5em;
  margin: 0 0 10px 0;
}

.want__text b {
  font-weight: 700;
}

.want__text i {
  margin: 0 20px 0 0;
  font-size: 0.8em;
}

@media only screen and (max-width: 700px) {
  .want__text {
    font-size: 16px;
  }
}

.what-you-get {
  -webkit-box-shadow: 0px 0px 22px 0px #42445a;
  box-shadow: 0px 0px 22px 0px #42445a;
  background: white;
  padding: 50px 10px;
  width: 100%;
  border-top: 2px solid #0293d6;
  border-bottom: 2px solid #0293d6;
}

.what-you-get__title {
  color: #091744;
  font-size: 50px;
  font-weight: 1000;
  width: 100%;
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 1100px) {
  .what-you-get__title {
    font-size: 34px;
  }
}

@media only screen and (max-width: 650px) {
  .what-you-get__title {
    font-size: 26px;
    margin: 0 0 20px 0;
  }
}

.what-you-get__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 10px auto;
}

.what-you-get__element {
  padding: 20px;
  color: #091744;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.what-you-get__element:nth-child(odd) {
  border-right: 3px solid #0293d6;
  border-bottom: 3px solid #0293d6;
}

.what-you-get__element:nth-child(even) {
  border-bottom: 3px solid #0293d6;
}

.what-you-get__element:nth-child(7) {
  border-bottom: none;
}

.what-you-get__element:nth-child(8) {
  border-bottom: none;
}

@media only screen and (max-width: 1200px) {
  .what-you-get__element {
    font-size: 20px;
  }
}

@media only screen and (max-width: 700px) {
  .what-you-get__element {
    font-size: 16px;
    padding: 10px;
  }
}

@media only screen and (max-width: 420px) {
  .what-you-get__element {
    font-size: 14px;
    padding: 10px 5px;
  }
}

.what-you-get__element b {
  font-weight: 800;
}

.what-you-get__element b.big {
  font-size: 1.3em;
}

.what-you-get__text {
  width: 100%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 40px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
  border: 3px solid #0293d6;
  margin: 30px auto 0 auto;
  color: #0293d6;
  font-size: 40px;
  font-weight: 1000;
  text-align: center;
}

@media only screen and (max-width: 950px) {
  .what-you-get__text {
    font-size: 30px;
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 550px) {
  .what-you-get__text {
    font-size: 20px;
    padding: 30px 14px;
  }
}

.zakres {
  width: 100%;
  padding: 60px 10px;
  background: #0293d6;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #0293d6), to(#073a75));
  background: linear-gradient(0deg, #0293d6 80%, #073a75 100%);
}

.zakres__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.zakres__jak {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  margin: 0 0 80px 0;
}

@media only screen and (max-width: 840px) {
  .zakres__jak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 20px 0;
  }
}

.zakres__jak .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
}

@media only screen and (max-width: 840px) {
  .zakres__jak .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}

.zakres__h2 {
  color: white;
  font-size: 50px;
  font-weight: 800;
}

@media only screen and (max-width: 1100px) {
  .zakres__h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__h2 {
    font-size: 24px;
    text-align: center;
  }
}

.zakres__slon {
  width: 350px;
}

@media only screen and (max-width: 840px) {
  .zakres__slon {
    width: 90%;
    max-width: 300px;
  }
}

.zakres__ol {
  color: white;
  font-size: 30px;
  font-weight: 400;
}

@media only screen and (max-width: 1100px) {
  .zakres__ol {
    font-size: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__ol {
    font-size: 16px;
  }
}

.zakres__ol b {
  font-weight: 800;
}

.zakres__ol li {
  margin: 0 0 10px 39px;
}

.zakres__ol li::marker {
  font-weight: 800;
  display: block;
}

@media only screen and (max-width: 1100px) {
  .zakres__ol li {
    margin: 0 0 10px 26px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__ol li {
    margin: 0 0 10px 21px;
  }
}

.zakres__zakres {
  width: 100%;
  max-width: 1400px;
  margin: 80px 0 0 0;
}

@media only screen and (max-width: 700px) {
  .zakres__zakres {
    margin: 40px 0 0 0;
  }
}

.zakres__darkTitle {
  color: #091744;
  margin: 0 0 50px 0;
  font-size: 50px;
  font-weight: 800;
}

@media only screen and (max-width: 700px) {
  .zakres__darkTitle {
    font-size: 30px;
    margin: 0 0 20px 0;
  }
}

.zakres__text {
  font-size: 24px;
  width: 100%;
  color: #091744;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
  line-height: 1.5em;
  margin: 0 0 5px 0;
}

.zakres__text b {
  font-weight: 700;
}

.zakres__text i {
  margin: 0 20px 0 0;
  font-size: 0.8em;
}

@media only screen and (max-width: 700px) {
  .zakres__text {
    font-size: 16px;
  }
}

.zakres__borderBox {
  width: 100%;
  max-width: 1400px;
  border: 3px solid white;
  -webkit-box-shadow: 0px 0px 12px 1px #4cb1e0;
          box-shadow: 0px 0px 12px 1px #4cb1e0;
  margin: 60px 0 80px 0;
  padding: 50px 0 80px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 1500px) {
  .zakres__borderBox {
    width: 90%;
  }
}

@media only screen and (max-width: 810px) {
  .zakres__borderBox {
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .zakres__borderBox {
    margin: 40px 0 50px 0;
    padding: 20px 0 40px 0;
  }
}

.zakres__boxTitle {
  color: white;
  font-size: 80px;
  padding: 10px 20px;
  width: 120%;
  text-align: center;
  font-weight: 800;
  background: #0293d6;
}

@media only screen and (max-width: 1500px) {
  .zakres__boxTitle {
    font-size: 60px;
    width: 110%;
  }
}

@media only screen and (max-width: 990px) {
  .zakres__boxTitle {
    font-size: 50px;
  }
}

@media only screen and (max-width: 810px) {
  .zakres__boxTitle {
    width: 105%;
  }
}

@media only screen and (max-width: 770px) {
  .zakres__boxTitle {
    font-size: 40px;
  }
}

@media only screen and (max-width: 520px) {
  .zakres__boxTitle {
    font-size: 26px;
  }
}

.zakres__buyBtn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
  gap: 30px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background: #0293d6;
}

@media only screen and (max-width: 1300px) {
  .zakres__buyBtn {
    gap: 20px;
  }
}

@media only screen and (max-width: 1030px) {
  .zakres__buyBtn {
    gap: 10px;
  }
}

@media only screen and (max-width: 440px) {
  .zakres__buyBtn {
    padding: 0 20px;
  }
}

.zakres__buyBtn .link {
  padding: 10px 80px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: white;
  border: 3px solid white;
  color: #0293d6;
  font-size: 50px;
  font-weight: 1000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.zakres__buyBtn .link:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: transparent;
  color: white;
}

@media only screen and (max-width: 1300px) {
  .zakres__buyBtn .link {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1030px) {
  .zakres__buyBtn .link {
    font-size: 26px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__buyBtn .link {
    font-size: 22px;
    padding: 10px 30px;
  }
}

@media only screen and (max-width: 440px) {
  .zakres__buyBtn .link {
    padding: 10px 20px;
    font-size: 16px;
  }
}

.zakres__buyBtn .triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 25px 15px;
  border-color: transparent transparent white transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: transparent;
}

@media only screen and (max-width: 440px) {
  .zakres__buyBtn .triangle {
    border-width: 0 10px 15px 10px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__buyBtn .triangle:nth-child(1) {
    display: none;
  }
  .zakres__buyBtn .triangle:nth-child(2) {
    display: none;
  }
}

.zakres__buyBtn .triangle-reverse {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 15px 25px 15px;
  border-color: transparent transparent white transparent;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background: transparent;
}

@media only screen and (max-width: 440px) {
  .zakres__buyBtn .triangle-reverse {
    border-width: 0 10px 15px 10px;
  }
}

@media only screen and (max-width: 600px) {
  .zakres__buyBtn .triangle-reverse:nth-of-type(1) {
    display: none;
  }
  .zakres__buyBtn .triangle-reverse:nth-child(2) {
    display: none;
  }
  .zakres__buyBtn .triangle-reverse--none {
    display: none;
  }
}

.zawartosc {
  width: 100%;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 10px;
}

.zawartosc__title {
  font-size: 60px;
  font-weight: 800;
  color: #091744;
  text-align: center;
}

@media only screen and (max-width: 900px) {
  .zawartosc__title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 450px) {
  .zawartosc__title {
    font-size: 30px;
  }
}

.zawartosc__p {
  font-size: 40px;
  font-weight: 700;
  color: #091744;
  text-align: center;
}

@media only screen and (max-width: 900px) {
  .zawartosc__p {
    font-size: 30px;
  }
}

@media only screen and (max-width: 450px) {
  .zawartosc__p {
    font-size: 18px;
  }
}

.zawartosc__movie {
  width: 100%;
  max-width: 1400px;
  aspect-ratio: 16/9;
  margin: 70px 0 80px 0;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(66, 68, 90, 0.66);
  box-shadow: 0px 0px 11px 0px rgba(66, 68, 90, 0.66);
}

@media only screen and (max-width: 700px) {
  .zawartosc__movie {
    margin: 30px 0 50px 0;
  }
}

.zawartosc__demo {
  padding: 40px 50px 50px 50px;
  border: 2px solid #0293d6;
  border-radius: 50px 0 0 50px;
  width: 100%;
  max-width: 1400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
  position: relative;
  -webkit-transform: translateY(75px);
          transform: translateY(75px);
}

@media only screen and (max-width: 1280px) {
  .zawartosc__demo {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    padding: 40px 30px 0 30px;
  }
}

@media only screen and (max-width: 830px) {
  .zawartosc__demo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
    border-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .zawartosc__demo {
    padding: 30px 20px 0 20px;
    gap: 20px;
  }
}

.zawartosc__demo .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1280px) {
  .zawartosc__demo .wrapper {
    padding: 0 0 40px 0;
  }
}

@media only screen and (max-width: 480px) {
  .zawartosc__demo .wrapper {
    padding: 0;
  }
}

.zawartosc__demo .h2 {
  color: #091744;
  font-size: 30px;
  font-weight: 800;
}

@media only screen and (max-width: 480px) {
  .zawartosc__demo .h2 {
    font-size: 26px;
  }
}

.zawartosc__demo .h3 {
  color: #091744;
  font-size: 20px;
  font-weight: 800;
  max-width: 800px;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 480px) {
  .zawartosc__demo .h3 {
    font-size: 18px;
  }
}

.zawartosc__ol {
  font-size: 20px;
  color: #0293d6;
  font-weight: 500;
  max-width: 700px;
}

@media only screen and (max-width: 480px) {
  .zawartosc__ol {
    font-size: 17px;
  }
}

.zawartosc__ol li {
  margin: 0 0 5px 24px;
}

@media only screen and (max-width: 480px) {
  .zawartosc__ol li {
    margin: 0 0 10px 35px;
  }
}

.zawartosc__ol a {
  outline: none;
  color: #0293d6;
}

.zawartosc__slonMasa {
  width: 500px;
  background: white;
  position: absolute;
  bottom: 72px;
  right: -10px;
}

@media only screen and (max-width: 1370px) {
  .zawartosc__slonMasa {
    width: 440px;
  }
}

@media only screen and (max-width: 1280px) {
  .zawartosc__slonMasa {
    position: relative;
    top: 0;
    right: 0;
    width: 300px;
    margin: auto 0 0 0;
  }
}

@media only screen and (max-width: 480px) {
  .zawartosc__slonMasa {
    border-radius: 30px;
    max-width: 300px;
    width: 80%;
  }
}

.zawartosc__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0 auto;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

@media only screen and (max-width: 590px) {
  .zawartosc__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.zawartosc__mati {
  border-left: 2px solid #0293d6;
  border-top: 2px solid #0293d6;
  border-radius: 20px 0 0 0;
  height: 500px;
}

@media only screen and (max-width: 1280px) {
  .zawartosc__mati {
    width: 230px;
    border-top: 2px solid #0293d6;
    border-bottom: 2px solid #0293d6;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 20px 0 0 20px;
  }
}

@media only screen and (max-width: 590px) {
  .zawartosc__mati {
    border-radius: 20px 20px 0 0;
    border: 2px solid #0293d6;
    width: 80%;
    max-width: 300px;
  }
}

.zawartosc__omatim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  background: #0293d6;
  padding: 40px 90px;
  border-radius: 50px 0 0 0;
  max-width: 900px;
}

@media only screen and (max-width: 850px) {
  .zawartosc__omatim {
    padding: 30px 30px;
    border-radius: 30px 0 0 0;
  }
}

@media only screen and (max-width: 590px) {
  .zawartosc__omatim {
    border-radius: 30px 0 0 30px;
    padding: 20px 20px;
    gap: 20px;
  }
}

.zawartosc__omatim .title {
  font-size: 40px;
  font-weight: 800;
  color: white;
}

@media only screen and (max-width: 1280px) {
  .zawartosc__omatim .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 590px) {
  .zawartosc__omatim .title {
    font-size: 26px;
  }
}

.zawartosc__omatim .text {
  font-size: 26px;
  font-weight: 400;
  color: white;
}

.zawartosc__omatim .text .linkedin {
  font-weight: 800;
  outline: none;
  text-decoration: none;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.zawartosc__omatim .text .linkedin img {
  width: 25px;
}

.zawartosc__omatim .text .linkedin:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.6;
}

@media only screen and (max-width: 1280px) {
  .zawartosc__omatim .text {
    font-size: 20px;
  }
}

@media only screen and (max-width: 590px) {
  .zawartosc__omatim .text {
    font-size: 18px;
  }
}

.zawartosc__kto-wydaje {
  background: #091744;
  margin: 0 0 40px auto;
  width: calc(100% - 240px);
  padding: 60px 80px;
  border-radius: 50px 0 0 50px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1550px) {
  .zawartosc__kto-wydaje {
    padding: 40px 40px;
    width: calc(100% - 100px);
  }
}

@media only screen and (max-width: 1150px) {
  .zawartosc__kto-wydaje {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 30px;
    width: 100%;
  }
}

.zawartosc__kto-wydaje .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  max-width: 650px;
}

@media only screen and (max-width: 1150px) {
  .zawartosc__kto-wydaje .left {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.zawartosc__kto-wydaje .title {
  font-size: 40px;
  font-weight: 800;
  color: white;
}

@media only screen and (max-width: 1450px) {
  .zawartosc__kto-wydaje .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1150px) {
  .zawartosc__kto-wydaje .title {
    text-align: center;
    font-size: 26px;
  }
}

.zawartosc__kto-wydaje .text {
  font-size: 26px;
  font-weight: 400;
  color: white;
}

.zawartosc__kto-wydaje .text a {
  color: white !important;
  font-weight: 800;
}

.zawartosc__kto-wydaje .text b {
  font-weight: 800;
}

@media only screen and (max-width: 1450px) {
  .zawartosc__kto-wydaje .text {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1150px) {
  .zawartosc__kto-wydaje .text {
    text-align: center;
    font-size: 20px;
  }
}

.zawartosc__kto-wydaje .photos {
  width: 500px;
  margin: 0 0 0 50px;
}

@media only screen and (max-width: 1450px) {
  .zawartosc__kto-wydaje .photos {
    width: 400px;
  }
}

@media only screen and (max-width: 1150px) {
  .zawartosc__kto-wydaje .photos {
    width: 100%;
    max-width: 400px;
    margin: 30px 0 0 0;
  }
}

.price {
  width: 100%;
  background-image: url("img/05.jpg");
  padding: 50px 10px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.price__title {
  color: #0293d6;
  font-size: 50px;
  font-weight: 1000;
  margin: 0 0 50px 0;
}

@media only screen and (max-width: 550px) {
  .price__title {
    font-size: 40px;
  }
}

.price__p {
  font-size: 30px;
  font-weight: 400;
  color: white;
  margin: 0px auto 50px auto;
  max-width: 1000px;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .price__p {
    font-size: 24px;
  }
}

.price__line {
  width: 100%;
  max-width: 1100px;
  height: 3px;
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
  background: #0293d6;
  border: none;
  margin: 50px 0;
}

.price__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}

.price__wrapper .top {
  font-size: 24px;
  font-weight: 300;
  color: white;
  text-align: center;
  line-height: 1em;
}

.price__wrapper .top b {
  font-weight: 800;
}

@media only screen and (max-width: 1000px) {
  .price__wrapper .top {
    font-size: 20px;
  }
}

@media only screen and (max-width: 550px) {
  .price__wrapper .top {
    font-size: 18px;
  }
}

.price__wrapper .finallPrice {
  font-size: 50px;
  font-weight: 700;
  line-height: 1em;
  color: white;
  text-align: center;
}

.price__wrapper .finallPrice--red {
  color: #ff0000;
}

@media only screen and (max-width: 1000px) {
  .price__wrapper .finallPrice {
    font-size: 40px;
  }
}

@media only screen and (max-width: 750px) {
  .price__wrapper .finallPrice {
    font-size: 30px;
  }
}

@media only screen and (max-width: 550px) {
  .price__wrapper .finallPrice {
    font-size: 26px;
  }
}

.price__guarantee {
  width: 100%;
  max-width: 1400px;
  border-radius: 50px 50px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #82d8ffc4;
  padding: 40px 50px;
  margin: 50px 0 0 0;
}

@media only screen and (max-width: 720px) {
  .price__guarantee {
    padding: 30px 10px;
    border-radius: 30px 30px 0 0;
  }
}

.price__guaranteeTitle {
  color: white;
  font-size: 60px;
  font-weight: 800;
  text-align: center;
  margin: 0 0 40px 0;
  max-width: 1000px;
}

@media only screen and (max-width: 950px) {
  .price__guaranteeTitle {
    font-size: 40px;
  }
}

@media only screen and (max-width: 720px) {
  .price__guaranteeTitle {
    font-size: 30px;
  }
}

.price__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 720px) {
  .price__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.price__row .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
  max-width: 500px;
}

@media only screen and (max-width: 1050px) {
  .price__row .left {
    gap: 30px;
  }
}

.price__row .h4 {
  font-size: 60px;
  color: white;
  font-weight: 600;
}

.price__row .h4 b {
  font-weight: 800;
}

@media only screen and (max-width: 1050px) {
  .price__row .h4 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 500px) {
  .price__row .h4 {
    font-size: 26px;
    text-align: center;
  }
}

.price__row .email {
  font-size: 40px;
  color: white;
  font-weight: 600;
  outline: none;
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.price__row .email:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0.5;
}

@media only screen and (max-width: 1050px) {
  .price__row .email {
    font-size: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .price__row .email {
    font-size: 20px;
    text-align: center;
  }
}

.price__row .line {
  width: 100%;
  height: 3px;
  -webkit-box-shadow: 0px 0px 12px 1px white;
          box-shadow: 0px 0px 12px 1px white;
  background: white;
  border: none;
}

.price__text {
  text-align: center;
  color: white;
  font-size: 30px;
  line-height: 1.3em;
  font-weight: 800;
}

@media only screen and (max-width: 950px) {
  .price__text {
    font-size: 22px;
  }
}

@media only screen and (max-width: 720px) {
  .price__text {
    font-size: 20px;
  }
}

.price__saty {
  width: 440px;
  margin: 0 80px 0 0;
}

@media only screen and (max-width: 950px) {
  .price__saty {
    width: 300px;
    margin: 0 40px 0 0;
  }
}

@media only screen and (max-width: 720px) {
  .price__saty {
    width: 90%;
    max-width: 300px;
    margin: 0 0 20px 0;
  }
}

.price__slon {
  width: 500px;
  margin: 0 0 0 100px;
}

@media only screen and (max-width: 1050px) {
  .price__slon {
    margin: 0 0 0 50px;
    width: 350px;
  }
}

@media only screen and (max-width: 720px) {
  .price__slon {
    margin: 40px 0 0 0;
    width: 90%;
    max-width: 350px;
  }
}

.price__notka {
  width: 100vw;
  background: white;
  padding: 80px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 80px 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(66, 68, 90, 0.72);
  box-shadow: 0px 0px 15px 0px rgba(66, 68, 90, 0.72);
}

@media only screen and (max-width: 440px) {
  .price__notka {
    padding: 40px 10px;
  }
}

.price__notka .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px;
  width: 100%;
  max-width: 1400px;
}

@media only screen and (max-width: 440px) {
  .price__notka .inside {
    gap: 40px;
  }
}

.price__notka .bigBtn--zakres .link {
  color: white;
}

.price__notka .bigBtn--zakres .link:hover {
  color: #091744;
}

.price__hr {
  -webkit-box-shadow: 0px 0px 12px 1px #0293d6;
          box-shadow: 0px 0px 12px 1px #0293d6;
  width: 100%;
  background: #091744;
  height: 3px;
  border: none;
}

.price__notkaText {
  font-size: 30px;
  line-height: 1.5em;
  color: #091744;
  text-align: center;
  font-weight: 700;
}

@media only screen and (max-width: 850px) {
  .price__notkaText {
    font-size: 22px;
  }
}

.price__notkaTitle {
  color: #091744;
  font-size: 60px;
  font-weight: 800;
  margin: 0 0 40px 0;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .price__notkaTitle {
    font-size: 40px;
  }
}

@media only screen and (max-width: 440px) {
  .price__notkaTitle {
    font-size: 30px;
  }
}

.dzieki {
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: safe center;
      -ms-flex-align: safe center;
          align-items: safe center;
  -webkit-box-pack: safe center;
      -ms-flex-pack: safe center;
          justify-content: safe center;
  background-image: url("img/04.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.dzieki__container {
  border-radius: 30px;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.55);
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5.8px);
  -webkit-backdrop-filter: blur(5.8px);
  padding: 15px 20px 25px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 98%;
  max-width: 700px;
}

@media only screen and (max-width: 500px) {
  .dzieki__container {
    padding: 10px 10px 20px 10px;
  }
}

.dzieki__img {
  height: 150px;
  margin: 0 0 10px 0;
}

.dzieki__logo {
  margin: 30px 0 0 0;
  width: 170px;
  max-width: 90vw;
}

.dzieki__postgre {
  margin: 10px 0 10px 0;
  width: 240px;
  max-width: 90vw;
}

.dzieki__h1 {
  color: #091744;
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 500px) {
  .dzieki__h1 {
    font-size: 25px;
    letter-spacing: 0px;
  }
}

.dzieki__p {
  color: #091744;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.4em;
  font-weight: 500;
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 500px) {
  .dzieki__p {
    margin: 0 0 20px 0;
    font-size: 16px;
  }
}

.dzieki__p span {
  color: #006ec7;
  font-weight: 800;
  line-height: 3em;
}

.dzieki__hr {
  width: 90%;
  height: 1px;
  background: rgba(0, 0, 0, 0.226);
  border: none;
  margin: 0 0 20px 0;
}

.dzieki__small {
  color: #091744;
  font-size: 18px;
  width: 90%;
  letter-spacing: 0px;
  font-weight: 500;
  text-align: center;
}

.dzieki__small span {
  color: #006ec7;
}

@media only screen and (max-width: 500px) {
  .dzieki__small {
    font-size: 16px;
  }
}

* {
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body, html {
  scroll-behavior: smooth;
  min-width: 100%;
  margin: 0;
  min-height: 100vh;
  padding: 0;
  background: white;
  font-family: "Montserrat", sans-serif !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: safe flex-start;
      -ms-flex-align: safe flex-start;
          align-items: safe flex-start;
  -webkit-box-pack: safe flex-start;
      -ms-flex-pack: safe flex-start;
          justify-content: safe flex-start;
  position: relative;
  scroll-behavior: smooth;
  overflow-x: hidden !important;
  max-width: 100vw;
}

body {
  overflow: hidden;
}

.body--open {
  overflow-y: hidden !important;
}
/*# sourceMappingURL=style.css.map */