.desktop {
  display: flex;
  flex-direction: column;
  height: 2614.98px;
  align-items: center;
  justify-content: center;
  gap: 77.84px;
  padding: 32.32px 0px;
  position: relative;
  background: linear-gradient(239.79deg, rgba(16, 54, 58, 0.55) -44.88%, #111111 67.61%), linear-gradient(137.5deg, #10363A 0%, #111111 45.17%);
}

.desktop .logo {
  position: relative;
  width: 308.16px;
  height: 50.8px;
}

.desktop .overlap-group {
  position: relative;
  width: 306px;
  height: 51px;
}

.desktop .rim {
  position: absolute;
  width: 306px;
  height: 51px;
  top: 0;
  left: 0;
}

.desktop .group {
  height: 51px;
  border-left-width: 8.58px;
  border-left-style: solid;
  border-color: #4489ff;
}

.desktop .rectangle {
  position: relative;
  width: 306px;
  height: 51px;
  top: -9px;
  left: -9px;
  border: 1.98px solid;
  border-color: #4489ff;
}

.desktop .text-wrapper {
  position: absolute;
  width: 306px;
  height: 36px;
  top: 7px;
  left: 0;
  font-family: "GT America-ExtendedBlack", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 26.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame {
  position: relative;
  width: 1168.78px;
  height: 2383.85px;
  overflow: hidden;
}

.desktop .header {
  display: flex;
  width: 1169px;
  height: 515px;
  align-items: center;
  justify-content: center;
  gap: 24.35px;
  padding: 29.22px 0px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}

.desktop .left {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 26.78px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .div {
  position: relative;
  width: 589.26px;
  height: 168.01px;
  margin-top: -0.61px;
  font-family: "GT America-ExtendedBlack", Helvetica;
  font-weight: 900;
  color: #ffffff;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: 57.2px;
}

.desktop .p {
  position: relative;
  width: 434.64px;
  height: 76.09px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .buttons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 23.13px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .CTA {
  position: relative;
  width: 151.75px;
  height: 46.87px;
}

.desktop .div-wrapper {
  position: relative;
  width: 150px;
  height: 47px;
  border-radius: 21.91px;
  background: linear-gradient(90deg, #7328FD 0%, #EB00B4 50%, #FF5A50 100%);
}

.desktop .text-wrapper-2 {
  position: absolute;
  width: 116px;
  top: 10px;
  left: 16px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .outlined {
  position: relative;
  width: 160.03px;
  height: 46.87px;
  margin-right: -2px;
}

.desktop .overlap {
  position: relative;
  width: 158px;
  height: 47px;
  background-color: #111111;
  border-radius: 21.91px;
  border: 2.43px solid;
  border-color: #4489ff;
}

.desktop .text-wrapper-3 {
  position: absolute;
  width: 158px;
  top: 8px;
  left: -2px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #4489ff;
  font-size: 19.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .rectangle-wrapper {
  position: relative;
  width: 456.55px;
  height: 456.55px;
}

.desktop .img {
  position: absolute;
  width: 487px;
  height: 487px;
  top: -8px;
  left: -15px;
}

.desktop .about-us {
  display: flex;
  width: 1058px;
  height: 201px;
  align-items: center;
  position: absolute;
  top: 587px;
  left: 55px;
}

.desktop .text-wrapper-4 {
  position: relative;
  width: 460.21px;
  height: 148.53px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #b3b3b3;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  margin-left: -68.79px;
}

.desktop .text-wrapper-5 {
  position: relative;
  width: 666.57px;
  height: 36.52px;
  margin-top: -0.61px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #b3b3b3;
  font-size: 24.3px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .who-am-i-what-i-do {
  position: relative;
  width: 569.17px;
  height: 171.66px;
  margin-top: -7.3px;
  font-family: "GT America-Black", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 58.4px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .span {
  color: #ffffff;
}

.desktop .text-wrapper-6 {
  color: #acc6f1;
}

.desktop .services {
  display: flex;
  flex-direction: column;
  width: 1057px;
  height: 856px;
  align-items: center;
  justify-content: center;
  gap: 34.09px;
  position: absolute;
  top: 860px;
  left: 56px;
}

.desktop .div-2 {
  align-items: center;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-3 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.desktop .text-wrapper-7 {
  position: relative;
  width: 666.57px;
  height: 36.52px;
  margin-top: -0.61px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #b3b3b3;
  font-size: 24.3px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .what-i-have-worked {
  position: relative;
  width: 580.74px;
  height: 171.66px;
  margin-top: -7.3px;
  font-family: "GT America-Black", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-8 {
  position: relative;
  width: 459.6px;
  height: 54.79px;
  margin-left: -68.79px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #b3b3b3;
  font-size: 19.5px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .div-3 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 29.83px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.desktop .div-4 {
  position: relative;
  width: 1051.47px;
  height: 100.44px;
  margin-right: -2px;
}

.desktop .text-wrapper-9 {
  position: absolute;
  width: 642px;
  top: 0;
  left: 0;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff73;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .arrow {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  left: 979px;
  background-color: #00000040;
  border-radius: 35px;
  border: 1.22px solid;
  border-color: #55555573;
}

.desktop .arrow-2 {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 21px;
  left: 21px;
}

.desktop .line {
  position: absolute;
  width: 1030px;
  height: 1px;
  top: 100px;
  left: 7px;
}

.desktop .text-wrapper-10 {
  position: absolute;
  width: 671px;
  top: 0;
  left: 0;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .arrow-3 {
  position: absolute;
  width: 35px;
  height: 31px;
  top: 18px;
  left: 17px;
}

.desktop .contact {
  display: flex;
  flex-direction: column;
  width: 1057px;
  height: 596px;
  align-items: center;
  justify-content: center;
  gap: 34.09px;
  position: absolute;
  top: 1788px;
  left: 56px;
}

.desktop .text-wrapper-11 {
  position: relative;
  width: 459.6px;
  height: 74.87px;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 700;
  color: #b3b3b3;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-4 {
  flex-direction: column;
  align-items: flex-end;
  margin-left: -68.79px;
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
}

.desktop .get-in-touch-with-me {
  position: relative;
  width: 577.09px;
  height: 171.66px;
  margin-top: -7.3px;
  font-family: "GT America-Black", Helvetica;
  font-weight: 900;
  color: transparent;
  font-size: 58.4px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-12 {
  position: absolute;
  width: 692px;
  top: 0;
  left: 0;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff73;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .service {
  height: 100.47px;
  position: relative;
  width: 1051.47px;
  margin-right: -2px;
}

.desktop .text-wrapper-13 {
  position: absolute;
  width: 911px;
  top: 0;
  left: 0;
  font-family: "Space Grotesk", Helvetica;
  font-weight: 400;
  color: #ffffff73;
  font-size: 58.4px;
  letter-spacing: 0;
  line-height: normal;
}