/* screen - u36719u20214u19979u36733 */

.u36719u20214u19979u36733 {
  align-items: center;
  background-color: var(--woodsmoke);
  display: flex;
  flex-direction: column;
  height: 2524px;
  width: 1920px;
}

.u36719u20214u19979u36733 .overlap-group10 {
  align-items: center;
  background-color: var(--woodsmoke);
  display: flex;
  height: 120px;
  min-width: 1920px;
  padding: 33px 170px;
}

.u36719u20214u19979u36733 .logo {
  align-self: flex-end;
}

.u36719u20214u19979u36733 .text-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 2.0px;
  min-height: 29px;
  min-width: 155px;
}

.u36719u20214u19979u36733 .navbar {
  align-items: center;
  display: inline-flex;
  gap: 100px;
  justify-content: center;
  margin-left: 153px;
  padding: 10px;
  position: relative;
}

.u36719u20214u19979u36733 .text-39 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.u36719u20214u19979u36733 .frame-4 {
  align-items: center;
  align-self: flex-end;
  border: 1px solid;
  border-color: var(--cyan--aqua);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 1px;
  margin-left: 175px;
  padding: 8px 10px;
  position: relative;
  width: 102px;
}

.u36719u20214u19979u36733 .text-393 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 47px;
  margin-top: 4.0px;
  min-height: 30px;
  min-width: 40px;
  position: relative;
  text-fill-color: transparent;
}

.u36719u20214u19979u36733 .overlap-group9 {
  height: 830px;
  margin-right: 24.0px;
  position: relative;
  width: 1594px;
}

.u36719u20214u19979u36733 .overlap-group11 {
  height: 830px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1594px;
}

.u36719u20214u19979u36733 .mask-group-1 {
  height: 719px;
  left: 161px;
  width: 1433px;
}

.u36719u20214u19979u36733 .rectangle-112 {
  background: linear-gradient(180deg, rgba(14, 16, 17, 0) 0%, rgba(14, 16, 17, 1) 100%);
  height: 229px;
  left: 19px;
  position: absolute;
  top: 601px;
  width: 1575px;
}

.u36719u20214u19979u36733 .rectangle-113 {
  background: linear-gradient(180deg, rgba(14, 16, 17, 0) 0%, rgba(14, 16, 17, 1) 100%);
  height: 830px;
  left: 0;
  position: absolute;
  top: 0;
  width: 356px;
}

.u36719u20214u19979u36733 .text-397 {
  left: 59px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 473px;
}

.u36719u20214u19979u36733 .text-395 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(72, 130, 255, 1) 0%, rgba(201, 25, 255, 1) 100%);
  background-clip: text;
  left: 32px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 197px;
  white-space: nowrap;
}

.u36719u20214u19979u36733 .text-398 {
  left: 59px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 529px;
}

.u36719u20214u19979u36733 .text-396 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(72, 130, 255, 1) 0%, rgba(201, 25, 255, 1) 100%);
  background-clip: text;
  left: 197px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 335px;
  white-space: nowrap;
}

.u36719u20214u19979u36733 .frame {
  height: 30px;
  left: 19px;
  position: absolute;
  top: 477px;
  width: 30px;
}

.u36719u20214u19979u36733 .frame-1 {
  height: 30px;
  left: 19px;
  position: absolute;
  top: 533px;
  width: 30px;
}

.u36719u20214u19979u36733 .x3-1-1 {
  height: 488px;
  left: 667px;
  object-fit: cover;
  position: absolute;
  top: 212px;
  width: 908px;
}

.u36719u20214u19979u36733 .frame-2 {
  height: 91px;
  left: 666px;
  position: absolute;
  top: 197px;
  width: 91px;
}

.u36719u20214u19979u36733 .frame-3 {
  height: 93px;
  left: 1226px;
  position: absolute;
  top: 132px;
  width: 93px;
}

.u36719u20214u19979u36733 .frame-5 {
  height: 86px;
  left: 962px;
  position: absolute;
  top: 99px;
  width: 86px;
}

.u36719u20214u19979u36733 .windows {
  left: 53px;
  position: absolute;
  top: 649px;
}

.u36719u20214u19979u36733 .overlap-group8 {
  height: 1574px;
  position: relative;
  width: 1920px;
}

.u36719u20214u19979u36733 .rectangle-115 {
  background-color: #1a1a1a;
  height: 1091px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.u36719u20214u19979u36733 .overlap-group-1 {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  left: 170px;
  min-height: 282px;
  padding: 31.8px 111.9px;
  position: absolute;
  top: 66px;
  width: 364px;
}

.u36719u20214u19979u36733 .frame-6 {
  height: 112px;
  margin-right: 9.88px;
  margin-top: 5px;
  width: 112px;
}

.u36719u20214u19979u36733 .windows-1 {
  align-self: flex-end;
  height: 48px;
  margin-top: 14px;
  min-width: 140px;
}

.u36719u20214u19979u36733 .text-399 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0.88px;
  margin-top: 10px;
  min-height: 30px;
  min-width: 75px;
  text-align: center;
}

.u36719u20214u19979u36733 .overlap-group1 {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  left: 574px;
  min-height: 282px;
  padding: 26.5px 120.9px;
  position: absolute;
  top: 66px;
  width: 364px;
}

.u36719u20214u19979u36733 .frame-7 {
  height: 112px;
  margin-left: 0.12px;
  margin-top: 13px;
  width: 112px;
}

.u36719u20214u19979u36733 .android {
  align-self: flex-end;
  height: 48px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 14px;
  min-width: 122px;
}

.u36719u20214u19979u36733 .x450-build2 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 0.26px;
  margin-top: 13px;
  min-height: 30px;
  min-width: 113px;
  text-align: center;
}

.u36719u20214u19979u36733 .overlap-group2 {
  align-items: flex-end;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 977px;
  min-height: 282px;
  padding: 27.8px 98.2px;
  position: absolute;
  top: 66px;
  width: 364px;
}

.u36719u20214u19979u36733 .ios {
  align-self: center;
  height: 48px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 1.12px;
  margin-top: 137px;
  min-width: 45px;
}

.u36719u20214u19979u36733 .ios-150-build2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 29px;
  text-align: center;
  width: 167px;
}

.u36719u20214u19979u36733 .overlap-group3 {
  align-items: flex-start;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 1381px;
  min-height: 282px;
  padding: 26.5px 127.0px;
  position: absolute;
  top: 66px;
  width: 364px;
}

.u36719u20214u19979u36733 .mac-os {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 138px;
  min-height: 48px;
}

.u36719u20214u19979u36733 .text-400 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0.12px;
  min-height: 30px;
  min-width: 64px;
  text-align: center;
}

.u36719u20214u19979u36733 .frame-8 {
  height: 112px;
  left: 1505px;
  position: absolute;
  top: 104px;
  width: 112px;
}

.u36719u20214u19979u36733 .frame-9 {
  height: 112px;
  left: 1096px;
  position: absolute;
  top: 104px;
  width: 112px;
}

.u36719u20214u19979u36733 .text-401 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(190, 190, 190, 1) 100%);
  background-clip: text;
  left: 687px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-fill-color: transparent;
  top: 468px;
}

.u36719u20214u19979u36733 .overlap-group4 {
  border-radius: 8px;
  height: 176px;
  left: 173px;
  position: absolute;
  top: 569px;
  width: 765px;
}

.u36719u20214u19979u36733 .overlap-group {
  height: 176px;
  left: 38px;
  position: absolute;
  top: 0;
  width: 727px;
}

.u36719u20214u19979u36733 .mask-group {
  height: 176px;
  left: 558px;
  position: absolute;
  top: 0;
  width: 169px;
}

.u36719u20214u19979u36733 .text-402 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 78px;
  width: 674px;
}

.u36719u20214u19979u36733 .text-40 {
  height: 48px;
  left: 38px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 20px;
}

.u36719u20214u19979u36733 .overlap-group5 {
  border-radius: 8px;
  height: 176px;
  left: 173px;
  position: absolute;
  top: 785px;
  width: 765px;
}

.u36719u20214u19979u36733 .mask-group-2 {
  height: 176px;
  left: 516px;
  width: 211px;
}

.u36719u20214u19979u36733 .tcp {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 78px;
  width: 674px;
}

.u36719u20214u19979u36733 .overlap-group6 {
  border-radius: 8px;
  height: 176px;
  left: 977px;
  position: absolute;
  top: 569px;
  width: 765px;
}

.u36719u20214u19979u36733 .text-405 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 78px;
  width: 674px;
}

.u36719u20214u19979u36733 .overlap-group7 {
  border-radius: 8px;
  height: 176px;
  left: 977px;
  position: absolute;
  top: 785px;
  width: 765px;
}

.u36719u20214u19979u36733 .text-407 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 78px;
  width: 674px;
}

.u36719u20214u19979u36733 .group-137 {
  align-items: flex-start;
  background-color: var(--ebony-clay);
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 0;
  min-height: 512px;
  padding: 55px 170px;
  position: absolute;
  top: 1062px;
  width: 1920px;
}

.u36719u20214u19979u36733 .flex-row {
  height: 283px;
  min-width: 1017px;
}

.u36719u20214u19979u36733 .text-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-left: 70px;
  margin-top: 11px;
  min-height: 95px;
  width: 80px;
}

.u36719u20214u19979u36733 .text-41 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 30px;
}

.u36719u20214u19979u36733 .text-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-left: 57px;
  margin-top: 11px;
  min-height: 95px;
  width: 80px;
}

.u36719u20214u19979u36733 .text-41-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 30px;
}

.u36719u20214u19979u36733 .flex-col {
  align-self: flex-end;
  flex-direction: column;
  margin-left: 28px;
  min-height: 272px;
  width: 455px;
}

.u36719u20214u19979u36733 .text-412 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 20px;
  min-height: 30px;
}

.u36719u20214u19979u36733 .text-413 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 20px;
  margin-top: 35px;
  min-height: 30px;
}

.u36719u20214u19979u36733 .text-417 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 656px;
}

.u36719u20214u19979u36733 .mask-group-3 {
  position: absolute;
  top: 0;
}

.u36719u20214u19979u36733 .windows-2 {
  letter-spacing: 0;
  line-height: normal;
}

.u36719u20214u19979u36733 .x1-2 {
  align-self: flex-end;
  height: 53px;
  margin-bottom: -0.32px;
  width: 60px;
}