.landing-page {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.landing-page .overlap-wrapper {
  background-color: #ffffff;
  width: 1440px;
  height: 1746px;
}

.landing-page .overlap {
  position: relative;
  height: 1746px;
  background-image: url(./img/rectangle-11.png);
  background-size: 100% 100%;
}

.landing-page .overlap-group {
  position: absolute;
  width: 1177px;
  height: 27px;
  top: 1663px;
  left: 122px;
}

.landing-page .socials {
  position: absolute;
  width: 114px;
  height: 22px;
  top: 3px;
  left: 1043px;
}

.landing-page .fa-google-plus {
  position: absolute;
  top: 0;
  left: 102px;
  font-family: "Ageo-Regular", Helvetica;
  font-weight: 400;
  color: var(--colors-heading);
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .fa-facebook-square {
  position: absolute;
  top: 0;
  left: 53px;
  font-family: "Ageo-Regular", Helvetica;
  font-weight: 400;
  color: var(--colors-heading);
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .fa-twitter {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Ageo-Regular", Helvetica;
  font-weight: 400;
  color: var(--colors-heading);
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.landing-page .startup-framework-co {
  position: absolute;
  width: 969px;
  top: 0;
  left: 0;
  font-family: var(--text-paragraph-font-family);
  font-weight: var(--text-paragraph-font-weight);
  color: var(--colors-text);
  font-size: var(--text-paragraph-font-size);
  letter-spacing: var(--text-paragraph-letter-spacing);
  line-height: var(--text-paragraph-line-height);
  font-style: var(--text-paragraph-font-style);
  color: #494848;
}

.landing-page .copyright {
  position: absolute;
  width: 371px;
  height: 26px;
  top: 1px;
  left: 806px;
}

.landing-page .element-designmodo-a {
  position: absolute;
  width: 369px;
  top: 0;
  left: 0;
  font-family: var(--text-paragraph-font-family);
  font-weight: var(--text-paragraph-font-weight);
  color: #494848;
  font-size: var(--text-paragraph-font-size);
  letter-spacing: var(--text-paragraph-letter-spacing);
  line-height: var(--text-paragraph-line-height);
  font-style: var(--text-paragraph-font-style);
}

.landing-page .divider {
  position: absolute;
  width: 1172px;
  height: 2px;
  top: 1622px;
  left: 120px;
}

.landing-page .pricing {
  position: absolute;
  top: 1568px;
  left: 666px;
  font-family: var(--text-paragraph-font-family);
  font-weight: var(--text-paragraph-font-weight);
  color: #ff6600;
  font-size: var(--text-paragraph-font-size);
  letter-spacing: var(--text-paragraph-letter-spacing);
  line-height: var(--text-paragraph-line-height);
  white-space: nowrap;
  font-style: var(--text-paragraph-font-style);
}

.landing-page .text-wrapper {
  text-decoration: none;
  font-family: var(--text-paragraph-font-family);
  font-style: var(--text-paragraph-font-style);
  font-weight: var(--text-paragraph-font-weight);
  letter-spacing: var(--text-paragraph-letter-spacing);
  line-height: var(--text-paragraph-line-height);
  font-size: var(--text-paragraph-font-size);
}

.landing-page .span {
  font-family: var(--text-paragraph-font-family);
  font-weight: var(--text-paragraph-font-weight);
  color: #ff6600;
  font-size: var(--text-paragraph-font-size);
  letter-spacing: var(--text-paragraph-letter-spacing);
  line-height: var(--text-paragraph-line-height);
  font-style: var(--text-paragraph-font-style);
}

.landing-page .div {
  position: absolute;
  width: 1231px;
  height: 618px;
  top: 176px;
  left: 107px;
}

.landing-page .get-started-button {
  position: absolute;
  width: 235px;
  height: 49px;
  top: 455px;
  left: 0;
}

.landing-page .div-wrapper {
  position: relative;
  width: 233px;
  height: 49px;
  background-color: #ff6600;
  border-radius: 10px;
}

.landing-page .text-wrapper-2 {
  position: absolute;
  width: 192px;
  top: 10px;
  left: 41px;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28.5px;
}

.landing-page .overlap-2 {
  position: absolute;
  width: 1231px;
  height: 618px;
  top: 0;
  left: 0;
}

.landing-page .text-content {
  position: absolute;
  width: 643px;
  height: 299px;
  top: 95px;
  left: 0;
}

.landing-page .overlap-3 {
  position: relative;
  width: 639px;
  height: 299px;
}

.landing-page .desenvolvendo-solu {
  position: absolute;
  width: 639px;
  top: 0;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 50px;
  letter-spacing: 0;
  line-height: 55px;
}

.landing-page .text-wrapper-3 {
  color: #494848;
}

.landing-page .text-wrapper-4 {
  color: #ff6600;
}

.landing-page .p {
  position: absolute;
  width: 576px;
  top: 244px;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 400;
  color: #494848;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28.5px;
}

.landing-page .image {
  position: absolute;
  width: 655px;
  height: 618px;
  top: 0;
  left: 576px;
}

.landing-page .overlap-4 {
  position: relative;
  height: 618px;
}

.landing-page .group {
  position: absolute;
  width: 640px;
  height: 331px;
  top: 94px;
  left: 0;
}

.landing-page .ellipse {
  position: absolute;
  width: 472px;
  height: 472px;
  top: 127px;
  left: 147px;
  background-color: #f1f1f1;
  border-radius: 236.11px;
  box-shadow: 0px 0.1px 1.41px #00000007, 0px 1.32px 4.8px #0000000a, 0px 4.37px 11.51px #0000000b,
    0px 10.74px 24.44px #0000000c, 0px 24.74px 52.24px #0000000e, 0px 67px 138px #00000012;
}

.landing-page .joyful-guy-texting {
  position: absolute;
  width: 606px;
  height: 618px;
  top: 0;
  left: 49px;
}

.landing-page .header {
  position: absolute;
  width: 306px;
  height: 85px;
  top: 81px;
  left: 103px;
  background-image: url(./img/logo-1.png);
  background-size: 100% 100%;
}

.landing-page .header-2 {
  position: absolute;
  width: 137px;
  height: 22px;
  top: 1565px;
  left: 131px;
  background-image: url(./img/logo.png);
  background-size: 100% 100%;
}

.landing-page .group-2 {
  position: absolute;
  width: 1170px;
  height: 477px;
  top: 883px;
  left: 107px;
}

.landing-page .group-3 {
  position: absolute;
  width: 391px;
  height: 29px;
  top: 0;
  left: 391px;
}

.landing-page .text-wrapper-5 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: #494848;
  font-size: 52px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
  white-space: nowrap;
}

.landing-page .overlap-5 {
  position: absolute;
  width: 352px;
  height: 391px;
  top: 79px;
  left: 0;
}

.landing-page .rectangle {
  position: absolute;
  width: 352px;
  height: 330px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 28px;
  box-shadow: 0px 4px 4px #00000040;
}

.landing-page .group-4 {
  position: absolute;
  width: 274px;
  height: 327px;
  top: 64px;
  left: 41px;
}

.landing-page .text-wrapper-6 {
  position: absolute;
  top: 79px;
  left: 54px;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: #494848;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
  white-space: nowrap;
}

.landing-page .text-wrapper-7 {
  position: absolute;
  width: 270px;
  top: 140px;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 400;
  color: #494848;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
}

.landing-page .ic-outline-comment {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
  left: 102px;
}

.landing-page .overlap-6 {
  position: absolute;
  width: 352px;
  height: 398px;
  top: 79px;
  left: 409px;
}

.landing-page .group-5 {
  position: absolute;
  width: 274px;
  height: 343px;
  top: 55px;
  left: 39px;
}

.landing-page .ic-baseline-settings {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
  left: 107px;
}

.landing-page .text-wrapper-8 {
  position: absolute;
  top: 95px;
  left: 48px;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: #494848;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
  white-space: nowrap;
}

.landing-page .text-wrapper-9 {
  position: absolute;
  width: 270px;
  top: 156px;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 400;
  color: #494848;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
}

.landing-page .overlap-7 {
  position: absolute;
  width: 352px;
  height: 383px;
  top: 79px;
  left: 818px;
}

.landing-page .group-6 {
  position: absolute;
  width: 274px;
  height: 329px;
  top: 54px;
  left: 41px;
}

.landing-page .ic-baseline-computer {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  left: 105px;
}

.landing-page .text-wrapper-10 {
  position: absolute;
  top: 81px;
  left: 91px;
  font-family: "Work Sans", Helvetica;
  font-weight: 600;
  color: #494848;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
  white-space: nowrap;
}

.landing-page .text-wrapper-11 {
  position: absolute;
  width: 270px;
  top: 142px;
  left: 0;
  font-family: "Work Sans", Helvetica;
  font-weight: 400;
  color: #494848;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.5px;
}