.u-section-1 {
  background-image: url("images/spreadsheet.jpg");
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 892px;
}

.u-section-1 .u-group-1 {
  width: 697px;
  min-height: 445px;
  background-image: none;
  margin: 399px auto 48px 0;
}

.u-section-1 .u-container-layout-1 {
  padding: 30px 50px;
}

.u-section-1 .u-text-1 {
  font-size: 3.75rem;
  font-family: Alatsi;
  margin: 0;
}

.u-section-1 .u-text-2 {
  font-size: 1.125rem;
  margin: 126px 221px 0 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 749px;
  }

  .u-section-1 .u-group-1 {
    width: 507px;
    min-height: 433px;
    margin-top: 335px;
  }
}

@media (max-width: 991px) {
   .u-section-1 {
    background-position: 67.83% 50%;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 697px;
  }

  .u-section-1 .u-group-1 {
    width: 471px;
    min-height: 415px;
    margin-top: 282px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3.4375rem;
  }
}

@media (max-width: 767px) {
   .u-section-1 {
    background-position: 72.45% 50%;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 729px;
  }

  .u-section-1 .u-group-1 {
    width: 409px;
    min-height: 424px;
    margin-top: 305px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3rem;
  }

  .u-section-1 .u-text-2 {
    margin-right: 104px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 459px;
  }

  .u-section-1 .u-group-1 {
    width: 340px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-1 .u-text-1 {
    font-size: 2.5rem;
  }

  .u-section-1 .u-text-2 {
    margin-right: 0;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 1170px;
}

.u-section-2 .u-shape-1 {
  width: 237px;
  height: 237px;
  margin: 23px auto 0 0;
}

.u-section-2 .u-image-1 {
  height: 489px;
  width: 434px;
  margin: 139px 0 0 auto;
}

.u-section-2 .u-text-1 {
  margin: -571px 562px 0 0;
}

.u-section-2 .u-text-2 {
  margin: 32px 550px 0 115px;
}

.u-section-2 .u-text-3 {
  margin: 16px 562px 0 52px;
}

.u-section-2 .u-image-2 {
  width: 289px;
  height: 328px;
  object-position: 74.29% 50%;
  margin: 4px auto 0 372px;
}

.u-section-2 .u-icon-1 {
  height: 64px;
  width: 64px;
  margin: -654px auto 0 16px;
}

.u-section-2 .u-text-4 {
  margin: 276px 830px 0 0;
}

.u-section-2 .u-text-5 {
  margin: 14px 830px 0 0;
}

.u-section-2 .u-text-6 {
  margin: -101px 107px 0 723px;
}

.u-section-2 .u-group-1 {
  width: 447px;
  min-height: 652px;
  margin: -1448px auto 0 631px;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px 40px 30px 90px;
}

.u-section-2 .u-text-7 {
  font-weight: 400;
  font-size: 3rem;
  margin: 0;
}

.u-section-2 .u-text-8 {
  font-weight: normal;
  margin: 17px 0 0;
}

.u-section-2 .u-text-9 {
  margin: 23px 0 0;
}

.u-section-2 .u-text-10 {
  margin-left: 0;
  margin-right: 0;
}

.u-section-2 .u-text-11 {
  margin: 541px 107px 0 723px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-shape-1 {
    margin-left: -28px;
  }

  .u-section-2 .u-image-1 {
    height: 493px;
    width: 412px;
    margin-top: 188px;
    margin-right: auto;
    margin-left: 137px;
  }

  .u-section-2 .u-text-1 {
    margin-top: -469px;
    margin-right: 362px;
  }

  .u-section-2 .u-text-2 {
    margin-top: 22px;
    margin-right: 450px;
    margin-left: 15px;
  }

  .u-section-2 .u-text-3 {
    margin-right: 414px;
    margin-left: 0;
  }

  .u-section-2 .u-image-2 {
    width: 258px;
    height: 293px;
    margin-top: 35px;
    margin-left: 41px;
  }

  .u-section-2 .u-text-4 {
    margin-right: 630px;
  }

  .u-section-2 .u-text-5 {
    margin-right: 630px;
  }

  .u-section-2 .u-text-6 {
    margin-right: 7px;
    margin-left: 623px;
  }

  .u-section-2 .u-group-1 {
    width: 388px;
    margin-top: -1589px;
    margin-left: 516px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 70px;
  }

  .u-section-2 .u-text-7 {
    font-size: 2.125rem;
  }

  .u-section-2 .u-text-11 {
    margin-top: 633px;
    margin-right: 7px;
    margin-left: 623px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1196px;
  }

  .u-section-2 .u-shape-1 {
    margin-left: -26px;
  }

  .u-section-2 .u-image-1 {
    margin-top: 228px;
    margin-left: 139px;
  }

  .u-section-2 .u-text-1 {
    margin-right: 142px;
  }

  .u-section-2 .u-text-2 {
    margin-right: 245px;
    margin-left: 0;
  }

  .u-section-2 .u-text-3 {
    margin-right: 194px;
  }

  .u-section-2 .u-image-2 {
    margin-left: 43px;
  }

  .u-section-2 .u-text-4 {
    margin-right: 410px;
  }

  .u-section-2 .u-text-5 {
    margin-right: 410px;
  }

  .u-section-2 .u-text-6 {
    margin-right: 0;
    margin-left: 410px;
  }

  .u-section-2 .u-group-1 {
    width: 345px;
    margin-top: -1649px;
    margin-left: 334px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 90px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-2 .u-text-11 {
    margin-right: 0;
    margin-left: 410px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1170px;
  }

  .u-section-2 .u-shape-1 {
    margin-left: -27px;
  }

  .u-section-2 .u-image-1 {
    margin-top: 35px;
    margin-left: 127px;
  }

  .u-section-2 .u-text-1 {
    margin-right: 0;
  }

  .u-section-2 .u-text-2 {
    margin-top: -10px;
    margin-right: 65px;
  }

  .u-section-2 .u-text-3 {
    margin-right: 14px;
  }

  .u-section-2 .u-image-2 {
    margin-left: 42px;
  }

  .u-section-2 .u-text-4 {
    margin-right: 230px;
  }

  .u-section-2 .u-text-5 {
    margin-right: 230px;
  }

  .u-section-2 .u-text-6 {
    margin-left: 230px;
  }

  .u-section-2 .u-group-1 {
    width: 497px;
    margin-top: -1424px;
    margin-left: -1px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-top: 30px;
  }

  .u-section-2 .u-text-11 {
    margin-top: 601px;
    margin-left: 230px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1132px;
  }

  .u-section-2 .u-shape-1 {
    width: 201px;
    height: 201px;
    margin-left: -31px;
  }

  .u-section-2 .u-image-1 {
    height: 417px;
    margin-top: 200px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-text-1 {
    margin-top: -489px;
  }

  .u-section-2 .u-text-2 {
    margin-top: -42px;
    margin-right: 0;
  }

  .u-section-2 .u-text-3 {
    margin-right: 0;
  }

  .u-section-2 .u-image-2 {
    width: 240px;
    height: 273px;
    margin-top: -9px;
    margin-left: 17px;
  }

  .u-section-2 .u-text-4 {
    margin-right: 30px;
  }

  .u-section-2 .u-text-5 {
    margin-right: 30px;
  }

  .u-section-2 .u-text-6 {
    margin-left: 30px;
  }

  .u-section-2 .u-group-1 {
    width: 308px;
    margin-top: -1621px;
    margin-left: 0;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .u-section-2 .u-text-11 {
    margin-top: 633px;
    margin-left: 30px;
  }
} .u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 505px;
}

.u-section-3 .u-text-1 {
  font-weight: 700;
  font-family: Montserrat, sans-serif;
  margin: 33px 0 0;
}

.u-section-3 .u-text-2 {
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 8px 342px 0 0;
}

.u-section-3 .u-text-3 {
  margin: 15px 525px 0 342px;
}

.u-section-3 .u-list-1 {
  min-height: 174px;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  margin-top: 15px;
  margin-bottom: 60px;
  grid-gap: 30px 30px;
}

.u-section-3 .u-list-item-1 {
  background-image: none;
}

.u-section-3 .u-container-layout-1 {
  padding: 30px;
}

.u-section-3 .u-text-4 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 0 0;
}

.u-section-3 .u-btn-1 {
  padding: 0;
}

.u-section-3 .u-btn-2 {
  border-style: none;
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 20px auto 0;
  padding: 8px 33px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-text-2 {
    margin-right: 142px;
  }

  .u-section-3 .u-text-3 {
    margin-right: 425px;
    margin-left: 242px;
  }

  .u-section-3 .u-list-1 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-text-2 {
    margin-right: 0;
  }

  .u-section-3 .u-text-3 {
    margin-right: 315px;
    margin-left: 132px;
  }

  .u-section-3 .u-list-1 {
    grid-template-columns: repeat(2, calc(((100% - 720px) / 2)  + 345px));
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-text-3 {
    margin-right: 225px;
    margin-left: 42px;
  }

  .u-section-3 .u-list-1 {
    grid-template-columns: repeat(2, calc(50% - 15px));
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-text-3 {
    margin-right: 67px;
    margin-left: 0;
  }

  .u-section-3 .u-list-1 {
    grid-template-columns: 100%;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}