/* screen - iphone-top-page-all-breakpoints */

.iphone-top-page-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  height: 784px;
  overflow: hidden;
  padding: 19px 0;
  width: 393px;
}

.iphone-top-page-all-breakpoints .x3-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-right: 5.0px;
  min-height: 65px;
  width: 330px;
}

.iphone-top-page-all-breakpoints .title-1 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 26px;
  white-space: nowrap;
}

.iphone-top-page-all-breakpoints .flex-row-5 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  height: 34px;
  min-width: 324px;
}

.iphone-top-page-all-breakpoints .consaltant-service-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 20px;
  min-height: 34px;
  text-align: center;
  width: 85px;
}

.iphone-top-page-all-breakpoints .software-development-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 26px;
  min-height: 34px;
  text-align: center;
  width: 102px;
}

.iphone-top-page-all-breakpoints .about-us-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 36px;
  min-height: 14px;
  text-align: center;
  white-space: nowrap;
  width: 75px;
}

.iphone-top-page-all-breakpoints .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../img/file----8@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 89px;
  margin-right: 1.0px;
  margin-top: 22px;
  min-width: 322px;
  padding: 0 2px;
}

.iphone-top-page-all-breakpoints .x13x-1 {
  height: 69px;
  object-fit: cover;
  width: 71px;
}

.iphone-top-page-all-breakpoints .promote-human-evolution-1 {
  align-self: center;
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-widebold);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: 21.0px;
  min-height: 28px;
  min-width: 161px;
  white-space: nowrap;
}

.iphone-top-page-all-breakpoints .our-product-1 {
  align-self: flex-start;
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-widebold);
  font-size: var(--font-size-xxs);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 35px;
  margin-top: 12px;
  min-height: 18px;
  white-space: nowrap;
}

.iphone-top-page-all-breakpoints .overlap-group2 {
  height: 193px;
  margin-left: 14.79px;
  margin-top: 23px;
  position: relative;
  width: 338px;
}

.iphone-top-page-all-breakpoints .x20 {
  align-items: flex-start;
  gap: 5px;
  left: 0;
  min-height: 193px;
  position: absolute;
  top: 0;
  width: 325px;
}

.iphone-top-page-all-breakpoints .link-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 14px;
  margin-left: 1px;
  min-height: 16px;
  white-space: nowrap;
}

.iphone-top-page-all-breakpoints .link-3 {
  cursor: pointer;
  height: 66px;
  object-fit: cover;
  width: 99px;
}

.iphone-top-page-all-breakpoints .by-digitizing-busine {
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-regular);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 101px;
  letter-spacing: 0;
  line-height: 20px;
  width: 324px;
}

.iphone-top-page-all-breakpoints .icon-ionic-ios-contacts-2 {
  top: 38px;
}

.iphone-top-page-all-breakpoints .ask-about-consultant-serivice-1 {
  left: 186px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-decoration: underline;
  top: 33px;
  width: 152px;
}

.iphone-top-page-all-breakpoints .overlap-group3 {
  align-self: flex-end;
  height: 245px;
  margin-right: -2px;
  margin-top: 20px;
  position: relative;
  width: 360px;
}

.iphone-top-page-all-breakpoints .overlap-group1 {
  height: 245px;
  left: 0;
  position: absolute;
  top: 0;
  width: 360px;
}

.iphone-top-page-all-breakpoints .x20-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
  left: 0;
  min-height: 193px;
  position: absolute;
  top: 0;
  width: 325px;
}

.iphone-top-page-all-breakpoints .we-support-the-impro {
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-regular);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 101px;
  letter-spacing: 0;
  line-height: 20px;
  width: 324px;
}

.iphone-top-page-all-breakpoints .download-on-the-app-store-1 {
  left: 145px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 192px;
  width: 164px;
}

.iphone-top-page-all-breakpoints .icon-ionic-ios-contacts-3 {
  top: 35px;
}

.iphone-top-page-all-breakpoints .ask-about-software-development-1 {
  left: 186px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-decoration: underline;
  top: 29px;
  width: 174px;
}

.iphone-top-page-all-breakpoints .image-1 {
  height: 50px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: 194px;
  width: 50px;
}

.iphone-top-page-all-breakpoints .x8-1 {
  height: 50px;
  left: 81px;
  object-fit: cover;
  position: absolute;
  top: 194px;
  width: 50px;
}

.iphone-top-page-all-breakpoints .x2022-2023-binary-1 {
  letter-spacing: 0;
  line-height: 45px;
  margin-bottom: -35px;
  margin-left: 2.0px;
  margin-top: 38px;
  min-height: 10px;
  min-width: 213px;
  white-space: nowrap;
}

.iphone-top-page-all {
  display: flex;
  flex-direction: column;
}

.iphone-top-page-all-breakpoints .icon-ionic-ios-contacts {
  height: 29px;
  left: 145px;
  object-fit: cover;
  position: absolute;
  width: 29px;
}
/* screen - top-page2 */

.top-page2 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1158px;
  padding: 0 148px;
  width: 1366px;
}

.top-page2 .flex-col {
  align-self: flex-end;
  flex-direction: column;
  min-height: 1002px;
  width: 1068px;
}

.top-page2 .x2-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 1068px;
}

.top-page2 .title {
  left: 0;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  top: 25px;
  white-space: nowrap;
  width: 535px;
}

.top-page2 .consaltant-service {
  cursor: pointer;
  left: 573px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 123px;
}

.top-page2 .software-development {
  cursor: pointer;
  left: 732px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 24px;
  width: 163px;
}

.top-page2 .about-us {
  left: 905px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 35px;
  white-space: nowrap;
  width: 163px;
}

.top-page2 .x79 {
  align-items: flex-start;
  background-image: url(../img/file----1--picture-https---d3mf2xess4sg21-cloudfront-net-themes-mali@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 286px;
  min-width: 1064px;
}

.top-page2 .x13x {
  height: 191px;
  object-fit: cover;
  width: 198px;
}

.top-page2 .promote-human-evolution {
  align-self: center;
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-widemedium);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 102.12px;
  min-height: 65px;
  min-width: 318px;
  white-space: nowrap;
}

.top-page2 .our-product {
  color: var(--dove-gray);
  font-family: var(--font-family-rocgrotesk-widebold);
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: 72px;
  min-height: 37px;
  white-space: nowrap;
}

.top-page2 .flex-row {
  gap: 59px;
  height: 32px;
  margin-top: 15px;
  min-width: 1053px;
}

.top-page2 .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 30px;
  min-height: 32px;
  text-align: center;
  white-space: nowrap;
  width: 497px;
}

.top-page2 .flex-row-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  gap: 246px;
  margin-right: 16.0px;
  margin-top: 27px;
  min-width: 866px;
}

.top-page2 .link-1 {
  cursor: pointer;
  height: 207px;
  object-fit: cover;
  width: 310px;
}

.top-page2 .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 59px;
  height: 96px;
  margin-top: 30px;
  min-width: 1053px;
}

.top-page2 .flex-row-item {
  letter-spacing: 0;
  line-height: 35px;
  min-height: 96px;
  width: 497px;
}

.top-page2 .flex-row-3 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 20px;
  margin-right: 72px;
  margin-top: 38px;
  min-width: 382px;
}

.top-page2 .flex-row-4 {
  align-items: flex-end;
  display: flex;
  height: 62px;
  margin-left: 14.0px;
  margin-top: 21px;
  min-width: 883px;
}

.top-page2 .icon-ionic-ios-contacts {
  align-self: flex-start;
  height: 59px;
  object-fit: cover;
  width: 59px;
}

.top-page2 .ask-about-consultant-serivice {
  align-self: center;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 15px;
  margin-top: 3.98px;
  min-height: 46px;
  text-decoration: underline;
  width: 279px;
}

.top-page2 .icon-ionic-ios-contacts-1 {
  height: 59px;
  margin-left: 177px;
  object-fit: cover;
  width: 59px;
}

.top-page2 .ask-about-software-development {
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 3.02px;
  margin-left: 15px;
  min-height: 46px;
  text-decoration: underline;
  width: 279px;
}

.top-page2 .x2022-2023-binary {
  letter-spacing: 0;
  line-height: 45px;
  margin-bottom: -31px;
  margin-right: 27.0px;
  margin-top: 31px;
  min-height: 14px;
  min-width: 319px;
  white-space: nowrap;
}

.top-page2 .flex {
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 1365px) {
  .screen.top-page2 { 
    display: none;
   }
}
@media screen and (min-width: 1366px) {
  .screen.iphone-top-page-all-breakpoints { 
    display: none;
   }
}