.page-onboarding {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding-bottom: calc(

    var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) +

      var(--f7-page-content-extra-padding-bottom, 0px) - 20px

  );

}

.navbar a.link.onboarding-skip {

  font-weight: 500;

  color: var(--title-color);

  padding-right: 8px;

}

.swiper-onboarding swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.swiper-onboarding swiper-slide img {

  width: 75%;

  margin-top: 20px;

}

.swiper-onboarding swiper-slide .onboarding-title {

  font-size: 40px;

  font-weight: 800;

  color: var(--title-color);

  padding: 0 30px;

  text-align: center;

  line-height: 1.2;

  margin: 20px 0 10px;

}

.swiper-onboarding swiper-slide .onboarding-subtitle {

  font-size: 15px;

  padding: 0 30px;

  text-align: center;

  color: var(--text-color);

  margin: 10px 0 30px;

}

@media (max-height: 885px) {

  .swiper-onboarding swiper-slide img {

    width: 70%;

  }

  .swiper-onboarding swiper-slide .onboarding-title {

    font-size: 30px;

  }

}

@media (max-height: 770px) {

  .swiper-onboarding swiper-slide img {

    width: 55%;

  }

  .swiper-onboarding swiper-slide .onboarding-title {

    font-size: 25px;

  }

  .swiper-onboarding swiper-slide .onboarding-subtitle {

    font-size: 15px;

  }

}