/* screen - homepage */

.homepage {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  height: 1080px;
  width: 100%;
}

.homepage .grou-container {
  height: 1023px;
  position: relative;
  width: 100%;
}

.homepage .background {
  height: 725px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.homepage .group-193 {
  gap: 257px;
  height: 966px;
  left: 255px;
  min-width: 1412px;
  position: absolute;
  top: 57px;
}

.homepage .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 966px;
  width: 573px;
}

.homepage .ananassoftware-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage .aplikace-na-jin-rovni-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 170px;
  min-height: 230px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage .aplikace-na-jin-rovni-2.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage .group-192 {
  flex-direction: column;
  margin-top: 283px;
  min-height: 257px;
  width: 530px;
}

.homepage .kontakty-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage .kontakty-2.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage .group-189-2 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-top: 24px;
  min-width: 270px;
}

.homepage .icon-mail-2 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage .infoananassoftware-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage .group-188-2 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage .icon-information-2 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage .ananas-software-sr-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage .all-rights-reserved-ananas-software-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 53px;
  min-height: 19px;
}

.homepage .hero-banner-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-top: 52px;
  min-width: 580px;
  padding: 0 0.0px;
  transition: all 0.2s ease;
}

.homepage .hero-banner-1:hover {
  transform: scale(1.1);
}

.homepage .overlap-group-2 {
  height: 561px;
  position: relative;
  width: 580px;
}

.homepage .ellipse-13-2 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 220.5px;
  height: 441px;
  left: 70px;
  position: absolute;
  top: 56px;
  width: 441px;
}

.homepage .pineapple-7078412-2-1-2 {
  display: block;
  height: 123px;
  left: 462px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 277px;
  transform: translate(25px, 0);
  width: 118px;
}

.homepage .pineapple-7078412-2-1-2.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage .ananas-1-2 {
  display: block;
  height: 522px;
  left: 120px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 39px;
  transform: scale(1.1);
  width: 342px;
}

.homepage .ananas-1-2.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage .rocket-1-2 {
  display: block;
  height: 151px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-25px, 0);
  width: 151px;
}

.homepage .rocket-1-2.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage .sphere-with-halo-6988718-1-2 {
  display: block;
  height: 95px;
  left: 33px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 287px;
  transform: translate(0, 25px);
  width: 96px;
}

.homepage .sphere-with-halo-6988718-1-2.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage .group {
  align-items: flex-start;
  display: flex;
}
/* screen - homepage-7 */

.homepage-7 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 876px;
  width: 100%;
}

.homepage-7 .aplikace-na-jin-rovni.bp7-animate-enter {
  animation: bp7-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp7-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-7 .pineapple-7078412-2-1.bp7-animate-enter2 {
  animation: bp7-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp7-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-7 .ananas-1.bp7-animate-enter3 {
  animation: bp7-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp7-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage-7 .rocket-1.bp7-animate-enter4 {
  animation: bp7-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp7-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-7 .sphere-with-halo-6988718-1.bp7-animate-enter5 {
  animation: bp7-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp7-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-7 .kontakty.bp7-animate-enter1 {
  animation: bp7-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp7-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-7 .icon-information {
  margin-top: 1px;
}

.homepage-7 .group {
  display: flex;
  gap: 12px;
}

.homepage-7 .icon {
  height: 20px;
  width: 20px;
}
/* screen - homepage-all-breakpoints */

.homepage-all-breakpoints {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1155px;
  width: 100%;
}

.homepage-all-breakpoints .overlap-group1-1 {
  align-items: flex-start;
  background-image: url(../img/background-4.png);
  background-size: 100% 100%;
  display: flex;
  gap: 197px;
  height: 821px;
  width: 100%;
  padding: 57px 97px;
}

.homepage-all-breakpoints .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 169px;
  min-height: 425px;
  width: 573px;
}

.homepage-all-breakpoints .ananassoftware-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage-all-breakpoints .aplikace-na-jin-rovni-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 230px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage-all-breakpoints .aplikace-na-jin-rovni-1.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-all-breakpoints .hero-banner {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  margin-top: 42.88px;
  min-width: 530px;
  padding: 0 0.0px;
  transition: all 0.2s ease;
}

.homepage-all-breakpoints .hero-banner:hover {
  transform: scale(1.1);
}

.homepage-all-breakpoints .overlap-group-1 {
  height: 522px;
  position: relative;
  width: 530px;
}

.homepage-all-breakpoints .ellipse-13-1 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 220.5px;
  height: 441px;
  left: 51px;
  position: absolute;
  top: 17px;
  width: 441px;
}

.homepage-all-breakpoints .pineapple-7078412-2-1-1 {
  display: block;
  height: 123px;
  left: 412px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(25px, 0);
  width: 118px;
}

.homepage-all-breakpoints .pineapple-7078412-2-1-1.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-all-breakpoints .ananas-1-1 {
  display: block;
  height: 522px;
  left: 101px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 342px;
}

.homepage-all-breakpoints .ananas-1-1.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage-all-breakpoints .rocket-1-1 {
  display: block;
  height: 151px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 31px;
  transform: translate(-25px, 0);
  width: 151px;
}

.homepage-all-breakpoints .rocket-1-1.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-all-breakpoints .sphere-with-halo-6988718-1-1 {
  display: block;
  height: 95px;
  left: 8px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(0, 25px);
  width: 96px;
}

.homepage-all-breakpoints .sphere-with-halo-6988718-1-1.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-all-breakpoints .kontakty-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 24px;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage-all-breakpoints .kontakty-1.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage-all-breakpoints .group-189-1 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-left: 97px;
  margin-top: 25px;
  min-width: 270px;
}

.homepage-all-breakpoints .icon-mail-1 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage-all-breakpoints .infoananassoftware-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage-all-breakpoints .group-188-1 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-left: 97px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage-all-breakpoints .icon-information-1 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage-all-breakpoints .ananas-software-sr-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage-all-breakpoints .all-rights-reserved-ananas-software-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 52px;
  min-height: 19px;
}
/* screen - homepage2 */

.homepage2 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 988px;
  width: 100%;
}

.homepage2 .overlap-group1-2 {
  align-items: flex-start;
  background-image: url(../img/background-1.png);
  background-size: 100% 100%;
  display: flex;
  gap: 38px;
  height: 614px;
  justify-content: flex-end;
  width: 100%;
  padding: 57px 60.0px;
}

.homepage2 .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 156px;
  min-height: 334px;
  width: 382px;
}

.homepage2 .ananassoftware-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage2 .aplikace-na-jin-rovni-3 {
  color: var(--dark-blue);
  font-family: var(--font-family-sf_pro_rounded-bold);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  min-height: 152px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage2 .aplikace-na-jin-rovni-3.bp6-animate-enter {
  animation: bp6-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp6-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage2 .hero-banner-2 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  margin-top: 63.04px;
  min-width: 323px;
  transition: all 0.2s ease;
}

.homepage2 .hero-banner-2:hover {
  transform: scale(1.1);
}

.homepage2 .overlap-group-3 {
  height: 361px;
  margin-top: 0;
  position: relative;
  width: 323px;
}

.homepage2 .ellipse-13-3 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 152.51px;
  height: 305px;
  left: 18px;
  position: absolute;
  top: 12px;
  width: 305px;
}

.homepage2 .pineapple-7078412-2-1-3 {
  display: block;
  height: 85px;
  left: 235px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 185px;
  transform: translate(25px, 0);
  width: 82px;
}

.homepage2 .pineapple-7078412-2-1-3.bp6-animate-enter2 {
  animation: bp6-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp6-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage2 .ananas-1-3 {
  display: block;
  height: 361px;
  left: 35px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 237px;
}

.homepage2 .ananas-1-3.bp6-animate-enter3 {
  animation: bp6-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp6-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage2 .rocket-1-3 {
  display: block;
  height: 104px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 21px;
  transform: translate(-25px, 0);
  width: 104px;
}

.homepage2 .rocket-1-3.bp6-animate-enter4 {
  animation: bp6-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp6-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage2 .sphere-with-halo-6988718-1-3 {
  display: block;
  height: 66px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 165px;
  transform: translate(0, 25px);
  width: 66px;
}

.homepage2 .sphere-with-halo-6988718-1-3.bp6-animate-enter5 {
  animation: bp6-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp6-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage2 .kontakty-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 61px;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage2 .kontakty-3.bp6-animate-enter1 {
  animation: bp6-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp6-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage2 .group-189-3 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-left: 97px;
  margin-top: 25px;
  min-width: 270px;
}

.homepage2 .icon-mail-3 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage2 .infoananassoftware-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage2 .group-188-3 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-left: 97px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage2 .icon-information-3 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage2 .ananas-software-sr-3 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage2 .all-rights-reserved-ananas-software-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 52px;
  min-height: 19px;
}
/* screen - homepage3 */

.homepage3 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1155px;
  width: 100%;
}

.homepage3 .overlap-group1-3 {
  align-items: flex-start;
  background-image: url(../img/background-5.png);
  background-size: 100% 100%;
  display: flex;
  gap: 97px;
  height: 821px;
  width: 100%;
  padding: 57px 97px;
}

.homepage3 .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 169px;
  min-height: 425px;
  width: 573px;
}

.homepage3 .ananassoftware-4 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage3 .aplikace-na-jin-rovni-4 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 230px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage3 .aplikace-na-jin-rovni-4.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage3 .hero-banner-3 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  margin-top: 42.88px;
  min-width: 476px;
  transition: all 0.2s ease;
}

.homepage3 .hero-banner-3:hover {
  transform: scale(1.1);
}

.homepage3 .overlap-group-4 {
  height: 522px;
  position: relative;
  width: 476px;
}

.homepage3 .ellipse-13-4 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 220.5px;
  height: 441px;
  left: 35px;
  position: absolute;
  top: 17px;
  width: 441px;
}

.homepage3 .pineapple-7078412-2-1-4 {
  display: block;
  height: 123px;
  left: 346px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(25px, 0);
  width: 118px;
}

.homepage3 .pineapple-7078412-2-1-4.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage3 .ananas-1-4 {
  display: block;
  height: 522px;
  left: 85px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 342px;
}

.homepage3 .ananas-1-4.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage3 .rocket-1-4 {
  display: block;
  height: 151px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 31px;
  transform: translate(-25px, 0);
  width: 151px;
}

.homepage3 .rocket-1-4.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage3 .sphere-with-halo-6988718-1-4 {
  display: block;
  height: 95px;
  left: 9px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(0, 25px);
  width: 96px;
}

.homepage3 .sphere-with-halo-6988718-1-4.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage3 .kontakty-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 24px;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage3 .kontakty-4.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage3 .group-189-4 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-left: 97px;
  margin-top: 25px;
  min-width: 270px;
}

.homepage3 .icon-mail-4 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage3 .infoananassoftware-4 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage3 .group-188-4 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-left: 97px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage3 .icon-information-4 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage3 .ananas-software-sr-4 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage3 .all-rights-reserved-ananas-software-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 52px;
  min-height: 19px;
}
/* screen - homepage4 */

.homepage4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1155px;
  width: 100%;
}

.homepage4 .overlap-group1-4 {
  align-items: flex-start;
  background-image: url(../img/background-6.png);
  background-size: 100% 100%;
  display: flex;
  gap: 47px;
  height: 821px;
  width: 100%;
  padding: 57px 97px;
}

.homepage4 .flex-col-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 169px;
  min-height: 425px;
  width: 573px;
}

.homepage4 .ananassoftware-5 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage4 .aplikace-na-jin-rovni-5 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 230px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage4 .aplikace-na-jin-rovni-5.bp4-animate-enter {
  animation: bp4-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp4-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage4 .hero-banner-4 {
  align-items: flex-start;
  align-self: center;
  cursor: pointer;
  display: flex;
  margin-top: 42.88px;
  min-width: 467px;
  transition: all 0.2s ease;
}

.homepage4 .hero-banner-4:hover {
  transform: scale(1.1);
}

.homepage4 .overlap-group-5 {
  height: 522px;
  position: relative;
  width: 467px;
}

.homepage4 .ellipse-13-5 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 220.5px;
  height: 441px;
  left: 26px;
  position: absolute;
  top: 17px;
  width: 441px;
}

.homepage4 .pineapple-7078412-2-1-5 {
  display: block;
  height: 123px;
  left: 312px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(25px, 0);
  width: 118px;
}

.homepage4 .pineapple-7078412-2-1-5.bp4-animate-enter2 {
  animation: bp4-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage4 .ananas-1-5 {
  display: block;
  height: 522px;
  left: 76px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 342px;
}

.homepage4 .ananas-1-5.bp4-animate-enter3 {
  animation: bp4-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp4-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage4 .rocket-1-5 {
  display: block;
  height: 151px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 31px;
  transform: translate(-25px, 0);
  width: 151px;
}

.homepage4 .rocket-1-5.bp4-animate-enter4 {
  animation: bp4-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp4-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage4 .sphere-with-halo-6988718-1-5 {
  display: block;
  height: 95px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 238px;
  transform: translate(0, 25px);
  width: 96px;
}

.homepage4 .sphere-with-halo-6988718-1-5.bp4-animate-enter5 {
  animation: bp4-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage4 .kontakty-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 24px;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage4 .kontakty-5.bp4-animate-enter1 {
  animation: bp4-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp4-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage4 .group-189-5 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-left: 97px;
  margin-top: 25px;
  min-width: 270px;
}

.homepage4 .icon-mail-5 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage4 .infoananassoftware-5 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage4 .group-188-5 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-left: 97px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage4 .icon-information-5 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage4 .ananas-software-sr-5 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage4 .all-rights-reserved-ananas-software-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 52px;
  min-height: 19px;
}
/* screen - homepage5 */

.homepage5 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1155px;
  width: 100%;
}

.homepage5 .overlap-group1-5 {
  align-items: flex-start;
  background-image: url(../img/background-6.png);
  background-size: 100% 100%;
  display: flex;
  gap: 96px;
  height: 726px;
  width: 100%;
  padding: 57px 97px;
}

.homepage5 .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 179px;
  min-height: 395px;
  width: 477px;
}

.homepage5 .ananassoftware-6 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 26px;
  width: 209px;
}

.homepage5 .aplikace-na-jin-rovni-6 {
  color: var(--dark-blue);
  font-family: var(--font-family-sf_pro_rounded-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  min-height: 190px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage5 .aplikace-na-jin-rovni-6.bp5-animate-enter {
  animation: bp5-animate-enter-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp5-animate-enter-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage5 .hero-banner-5 {
  align-items: flex-start;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  margin-bottom: 21.18px;
  min-width: 423px;
  transition: all 0.2s ease;
}

.homepage5 .hero-banner-5:hover {
  transform: scale(1.1);
}

.homepage5 .overlap-group-6 {
  height: 473px;
  margin-top: 0;
  position: relative;
  width: 423px;
}

.homepage5 .ellipse-13-6 {
  background: linear-gradient(180deg, rgba(253.95, 253.95, 253.95, 0.18) 0%, rgba(253.95, 253.95, 253.95, 0.4) 48.96%, rgba(253.95, 253.95, 253.95, 0.24) 100%);
  border-radius: 199.72px;
  height: 399px;
  left: 24px;
  position: absolute;
  top: 15px;
  width: 399px;
}

.homepage5 .pineapple-7078412-2-1-6 {
  display: block;
  height: 112px;
  left: 260px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 216px;
  transform: translate(25px, 0);
  width: 107px;
}

.homepage5 .pineapple-7078412-2-1-6.bp5-animate-enter2 {
  animation: bp5-animate-enter2-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp5-animate-enter2-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage5 .ananas-1-6 {
  display: block;
  height: 473px;
  left: 71px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.1);
  width: 310px;
}

.homepage5 .ananas-1-6.bp5-animate-enter3 {
  animation: bp5-animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp5-animate-enter3-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.homepage5 .rocket-1-6 {
  display: block;
  height: 137px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 28px;
  transform: translate(-25px, 0);
  width: 137px;
}

.homepage5 .rocket-1-6.bp5-animate-enter4 {
  animation: bp5-animate-enter4-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp5-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage5 .sphere-with-halo-6988718-1-6 {
  display: block;
  height: 86px;
  left: 0;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 216px;
  transform: translate(0, 25px);
  width: 87px;
}

.homepage5 .sphere-with-halo-6988718-1-6.bp5-animate-enter5 {
  animation: bp5-animate-enter5-frames 0.20s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp5-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage5 .kontakty-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 69px;
  min-height: 29px;
  opacity: 0;
  transform: translate(-25px, 0);
}

.homepage5 .kontakty-6.bp5-animate-enter1 {
  animation: bp5-animate-enter1-frames 0.40s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp5-animate-enter1-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.homepage5 .group-189-6 {
  align-items: center;
  display: flex;
  gap: 12px;
  height: 29px;
  margin-left: 97px;
  margin-top: 25px;
  min-width: 270px;
}

.homepage5 .icon-mail-6 {
  height: 24px;
  margin-top: 1.0px;
  width: 24px;
}

.homepage5 .infoananassoftware-6 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  min-width: 232px;
}

.homepage5 .group-188-6 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 87px;
  margin-left: 97px;
  margin-top: 16px;
  min-width: 401px;
}

.homepage5 .icon-information-6 {
  height: 24px;
  margin-top: 1px;
  width: 24px;
}

.homepage5 .ananas-software-sr-6 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 87px;
}

.homepage5 .all-rights-reserved-ananas-software-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 97px;
  margin-top: 52px;
  min-height: 19px;
}
@media screen and (max-width: 899px) {
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.homepage-7 { 
    display: none;
   }
  .screen.homepage-all-breakpoints { 
    display: none;
   }
  .screen.homepage2 { 
    display: none;
   }
  .screen.homepage3 { 
    display: none;
   }
  .screen.homepage4 { 
    display: none;
   }
  .screen.homepage5 { 
    display: none;
   }
}