.screen {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.screen .overlap-1 {
  position: relative;
  width: 1921px;
  height: 1079px;
}

.screen .overlap-group-wrapper {
  position: absolute;
  width: 1212px;
  height: 931px;
  top: 74px;
  left: 709px;
}

.screen .technological-wrapper {
  position: relative;
  width: 1210px;
  height: 931px;
  background-image: url(../img/clip-path-group.jpg);
  background-size: 100% 100%;
}

.screen .technological {
  position: absolute;
  height: 47px;
  top: 230px;
  left: 926px;
  transform: rotate(-90deg);
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
  text-transform: uppercase;
}

.screen .technological:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #262626;
  width: 63px;
  height: 63px;
  margin-left: .5em;
}

.screen .text-wrapper {
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
}

.screen .span {
  font-weight: 600;
}

.screen .img {
  position: absolute;
  width: 329px;
  height: 1079px;
  top: 0;
  left: 1445px;
  background-color: #262626;
}

.screen .XMLID-2 {
  position: absolute;
  width: 71px;
  height: 63px;
  top: 211px;
  left: 1584px;
}

.screen .XMLID-3 {
  position: absolute;
  width: 70px;
  height: 62px;
  top: 486px;
  left: 1579px;
}

.screen .XMLID-4 {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 758px;
  left: 1585px;
}

.screen .XMLID-6 {
  position: absolute;
  width: 47px;
  height: 47px;
  top: 965px;
  left: 126px;
}

.screen .text-wrapper-2 {
  position: absolute;
  width: 522px;
  height: 226px;
  top: 228px;
  left: 128px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 96px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-3 {
  width: 515px;
  height: 94px;
  top: 468px;
  left: 133px;
  font-weight: 400;
  font-size: 26px;
  line-height: 46.8px;
  position: absolute;
  font-family: "Roboto", Helvetica;
  color: #000000;
  letter-spacing: 0;
}

.screen .mobile-developers {
  position: absolute;
  height: 47px;
  top: 949px;
  left: 190px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}
.screen .mobile-developers::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #F0D903;
  width: 46px;
  height: 46px;
  margin-right: .5em;
}

.screen .technological-2 {
  top: 333px;
  left: -144px;
  color: #000000;
  position: absolute;
  height: 47px;
  transform: rotate(-90deg);
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}
.screen .technological-2:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 63px;
  height: 63px;
  background-color: #262626;
  margin-left: .5em;
}

.screen .text-wrapper-4 {
  position: absolute;
  height: 47px;
  top: 264px;
  left: 1591px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}

.screen .text-wrapper-5 {
  position: absolute;
  height: 47px;
  top: 539px;
  left: 1591px;
  font-weight: 700;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  line-height: 46.8px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .text-wrapper-6 {
  position: absolute;
  height: 47px;
  top: 813px;
  left: 1591px;
  font-weight: 700;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  line-height: 46.8px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .overlap-2 {
  position: relative;
  height: 1080px;
  background-color: #F7F7F7;
  overflow: hidden;
}

.screen .overlap-group-2 {
  position: absolute;
  width: 1879px;
  height: 575px;
  top: 92px;
  left: -106px;
}

.screen .technological-3 {
  top: 220px;
  left: -30px;
  color: #000000;
  position: absolute;
  height: 47px;
  transform: rotate(-90deg);
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}
.screen .technological-3::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #262626;
  width: 63px;
  height: 63px;
  margin-left: .5em;
}

.screen .frame-2 {
  position: absolute;
  width: 1627px;
  height: 474px;
  top: 0;
  left: 252px;
  background-color: #d9d9d9;
  background-image: url(../img/image-6.jpg);
  background-size: cover;
  background-position: 50% 50%;
}

.screen .text-wrapper-7 {
  position: absolute;
  height: 173px;
  top: 618px;
  left: 146px;
  font-weight: 700;
  color: #000000;
  font-size: 96px;
  line-height: 172.8px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .text-wrapper-8 {
  width: 832px;
  top: 653px;
  left: 801px;
  font-weight: 400;
  font-size: 24px;
  line-height: 43.2px;
  position: absolute;
  font-family: "Roboto", Helvetica;
  color: #000000;
  letter-spacing: 0;
}

.screen .overlap-3 {
  position: relative;
  height: 863px;
  background-color: #262626;
}
.screen .overlap-3-wrap {
  padding: 106px 0 106px 74px;
}

.screen .rectangle {
  position: absolute;
  width: 683px;
  height: 693px;
  top: 85px;
  left: 79px;
  object-fit: cover;
}

.screen .text-wrapper-9 {
  position: absolute;
  height: 115px;
  top: 65px;
  left: 831px;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  line-height: 115.2px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}
.screen .text-wrapper-9::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #F0D903;
  width: 75px;
  height: 75px;
  margin-right: .5em;
}


.screen .p {
  position: absolute;
  top: 196px;
  left: 941px;
  font-weight: 400;
  color: transparent;
  font-size: 22px;
  line-height: 39.6px;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .text-wrapper-10 {
  font-weight: 700;
  color: #f0d903;
}

.screen .text-wrapper-11 {
  color: #ffffff;
}

.screen .text-wrapper-12 {
  height: 38px;
  top: 860px;
  left: 1441px;
  font-weight: 400;
  font-size: 32px;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  font-family: "Roboto", Helvetica;
  color: #000000;
  letter-spacing: 0;
}
.screen .text-wrapper-12::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #262626;
  width: 63px;
  height: 63px;
  margin-left: .5em;
}

.screen .XMLID-12 {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 863px;
  left: 1736px;
}

.screen .overlap-4 {
  position: relative;
  height: 1075px;
  background-color: #F7F7F7;
}

.screen .overlap-group-3 {
  position: absolute;
  width: 100%;
  height: 234px;
  top: 361px;
  left: 0;
  background-color: #262626;
}

.screen .XMLID-13 {
  position: absolute;
  width: 66px;
  height: 48px;
  top: 68px;
  left: 147px;
}

.screen .XMLID-14 {
  position: absolute;
  width: 77px;
  height: 48px;
  top: 68px;
  left: 473px;
}

.screen .XMLID-15 {
  position: absolute;
  width: 79px;
  height: 53px;
  top: 68px;
  left: 795px;
}

.screen .XMLID-16 {
  position: absolute;
  width: 82px;
  height: 48px;
  top: 68px;
  left: 1121px;
}

.screen .XMLID-17 {
  position: absolute;
  width: 79px;
  height: 48px;
  top: 68px;
  left: 1446px;
}

.screen .ios {
  position: absolute;
  height: 35px;
  top: 135px;
  left: 147px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .android {
  height: 35px;
  top: 135px;
  left: 467px;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .text-wrapper-13 {
  position: absolute;
  height: 35px;
  top: 135px;
  left: 793px;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .h {
  position: absolute;
  height: 35px;
  top: 135px;
  left: 1119px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .text-wrapper-14 {
  position: absolute;
  height: 35px;
  top: 135px;
  left: 1445px;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .XMLID-18 {
  position: absolute;
  width: 76px;
  height: 76px;
  top: 148px;
  left: 0;
}

.screen .text-wrapper-15 {
  position: absolute;
  height: 82px;
  top: 132px;
  left: 0;
  font-weight: 800;
  color: #000000;
  font-size: 70px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}
.screen .text-wrapper-15::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #F0D903;
  width: 75px;
  height: 75px;
  margin-right: 65px;
}

.screen .our-service {
  position: absolute;
  height: 38px;
  top: 235px;
  left: 142px;
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .ios-newsvision {
  position: absolute;
  width: 229px;
  top: 615px;
  left: 147px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.screen .android-2 {
  width: 229px;
  top: 615px;
  left: 473px;
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .newsvision-limited {
  width: 229px;
  top: 615px;
  left: 799px;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  font-family: "Roboto", Helvetica;
  color: #000000;
  letter-spacing: 0;
}

.screen .newsvision-limited-2 {
  position: absolute;
  width: 229px;
  top: 615px;
  left: 1125px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.screen .text-wrapper-16 {
  position: absolute;
  width: 229px;
  top: 615px;
  left: 1451px;
  font-weight: 300;
  color: #000000;
  font-size: 20px;
  line-height: 30px;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .overlap-5 {
  position: relative;
  height: 1074px;
  background: url(../img/xmlid-1071.jpg) no-repeat;
}

.screen .overlap-7 {
  position: absolute;
  width: 726px;
  height: 1073px;
  top: 1px;
  left: 1194px;
}
.screen .overlap-7::before {
  content: "";
  position: absolute;
  left: 155px;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #212121;
}
.screen .overlap-7 input {
  font-weight: 300;
  color: #ffffff;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
  background-color: transparent;
}

.screen .text-wrapper-17 {
  position: absolute;
  height: 47px;
  top: 748px;
  left: 199px;
  font-weight: 800;
  color: #ffffff;
  font-size: 26px;
  line-height: 46.8px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .element {
  position: absolute;
  height: 230px;
  top: 792px;
  left: 199px;
  font-family: "Roboto", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-18 {
  position: absolute;
  width: 726px;
  height: 148px;
  top: 109px;
  left:0;
  line-height: 148px;
  padding-left: 188px;
  font-weight: 800;
  color: #000000;
  font-size: 70px;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;

  background-color: #F0D903;
}

.screen .text-wrapper-19 {
  position: absolute;
  height: 23px;
  top: 274px;
  left: 198px;
  font-weight: 300;
  color: #ffffff;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.screen .ipt-name {
  width: 429px;
  gap: 10px;
  padding: 19px 25px;
  position: absolute;
  top: 333px;
  left: 199px;
  border-radius: 50px;
  border: 1px solid;
  border-color: #ffffff;
}

.screen .ipt-mail {
  width: 429px;
  gap: 10px;
  padding: 19px 25px;
  position: absolute;
  top: 427px;
  left: 199px;
  border-radius: 50px;
  border: 1px solid;
  border-color: #ffffff;
}

.screen .ipt-msg {
  width: 429px;
  gap: 10px;
  padding: 19px 25px;
  position: absolute;
  top: 519px;
  left: 199px;
  border-radius: 50px;
  border: 1px solid;
  border-color: #ffffff;
}

.screen .btn-submit {
  display: flex;
  width: 181px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 19px 25px;
  position: absolute;
  top: 613px;
  left: 199px;
  background-color: #f0d903;
  border-radius: 50px;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  border: none;
}

.screen .technological-4 {
  top: 707px;
  left: -141px;
  color: #ffffff;
  position: absolute;
  height: 47px;
  transform: rotate(-90deg);
  font-family: "Roboto", Helvetica;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 46.8px;
  white-space: nowrap;
}

.screen .technological-4::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #F0D903;
  width: 63px;
  height: 63px;
  margin-right: .5em;
}