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

.u-section-1 .u-text-1 {
  font-size: 2.25rem;
  font-weight: 700;
  margin: 49px 0 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  font-size: 1.5rem;
  padding: 0;
}

.u-section-1 .u-shape-1 {
  width: 126px;
  height: 126px;
  margin: 20px calc(((100% - 1140px) / 2)  + 27px) 0 auto;
}

.u-section-1 .u-shape-2 {
  width: 73px;
  height: 73px;
  margin: -70px calc(((100% - 1140px) / 2)  + 132px) 0 auto;
}

.u-section-1 .u-image-1 {
  width: 420px;
  height: 562px;
  box-shadow: 0px 0px 8px 0px rgba(128,128,128,1);
  --top-left-radius: 30px;
  --bottom-left-radius: 30px;
  margin: -76px auto 0 calc(((100% - 1140px) / 2));
}

.u-section-1 .u-shape-3 {
  width: 570px;
  height: 228px;
  margin: -447px calc(((100% - 1140px) / 2)  + 57px) 0 auto;
}

.u-section-1 .u-text-2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: -199px calc(((100% - 1140px) / 2)  + 53px) 0 calc(((100% - 1140px) / 2)  + 523px);
}

.u-section-1 .u-shape-4 {
  width: 126px;
  height: 126px;
  margin: 46px calc(((100% - 1140px) / 2)  + 250px) 0 auto;
}

.u-section-1 .u-shape-5 {
  width: 73px;
  height: 73px;
  margin: -49px calc(((100% - 1140px) / 2)  + 221px) 0 auto;
}

.u-section-1 .u-btn-2 {
  --radius: 4px;
  background-image: linear-gradient(to right, #f1b5b8, white);
  border-style: solid;
  font-weight: 700;
  font-size: 0.9375rem;
  box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.25);
  margin: 70px auto 39px;
  padding: 11px 34px 11px 33px;
}

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

  .u-section-1 .u-shape-1 {
    margin-top: 77px;
    margin-right: calc(((100% - 940px) / 2)  + 186px);
  }

  .u-section-1 .u-shape-2 {
    margin-top: -74px;
    margin-right: calc(((100% - 940px) / 2)  + 294px);
  }

  .u-section-1 .u-image-1 {
    margin-top: -125px;
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-shape-3 {
    width: 482px;
    margin-top: -341px;
    margin-right: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: -210px;
    margin-right: calc(((100% - 940px) / 2));
    margin-left: calc(((100% - 940px) / 2)  + 482px);
  }

  .u-section-1 .u-shape-4 {
    margin-top: 77px;
    margin-right: calc(((100% - 940px) / 2)  + 186px);
  }

  .u-section-1 .u-shape-5 {
    margin-top: -50px;
    margin-right: calc(((100% - 940px) / 2)  + 154px);
  }

  .u-section-1 .u-btn-2 {
    margin-top: 43px;
    margin-right: calc(((100% - 940px) / 2)  + 399px);
    margin-bottom: 60px;
  }
}

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

  .u-section-1 .u-shape-1 {
    width: 67px;
    height: 67px;
    margin-top: 362px;
    margin-right: calc(((100% - 720px) / 2)  + 23px);
  }

  .u-section-1 .u-shape-2 {
    width: 40px;
    height: 40px;
    margin-top: -403px;
    margin-right: calc(((100% - 720px) / 2)  + 72px);
  }

  .u-section-1 .u-image-1 {
    width: 334px;
    height: 483px;
    margin-top: -25px;
    margin-left: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-shape-3 {
    width: 360px;
    margin-top: -442px;
    margin-right: calc(((100% - 720px) / 2)  + -17px);
  }

  .u-section-1 .u-text-2 {
    margin-top: -204px;
    margin-right: calc(((100% - 720px) / 2)  + -9px);
    margin-left: calc(((100% - 720px) / 2)  + 385px);
  }

  .u-section-1 .u-shape-4 {
    width: 62px;
    height: 62px;
    margin-top: 26px;
    margin-right: calc(((100% - 720px) / 2)  + 222px);
  }

  .u-section-1 .u-shape-5 {
    width: 40px;
    height: 40px;
    margin-top: -29px;
    margin-right: calc(((100% - 720px) / 2)  + 190px);
  }

  .u-section-1 .u-btn-2 {
    margin-top: 92px;
    margin-right: calc(((100% - 720px) / 2)  + 106px);
    margin-bottom: 33px;
  }
}

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

  .u-section-1 .u-text-1 {
    font-size: 2rem;
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
  }

  .u-section-1 .u-shape-1 {
    margin-top: 20px;
    margin-right: 0;
  }

  .u-section-1 .u-shape-2 {
    margin-top: -74px;
    margin-right: calc(((100% - 540px) / 2)  + 50px);
  }

  .u-section-1 .u-image-1 {
    width: 228px;
    height: 350px;
    margin-top: 39px;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-shape-3 {
    width: 284px;
    margin-top: -350px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-text-2 {
    font-size: 1.125rem;
    margin-top: -210px;
    margin-right: calc(((100% - 540px) / 2)  + 28px);
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-shape-4 {
    margin-top: 49px;
    margin-right: calc(((100% - 540px) / 2)  + 208px);
  }

  .u-section-1 .u-shape-5 {
    margin-top: -51px;
    margin-right: calc(((100% - 540px) / 2)  + 61px);
  }

  .u-section-1 .u-btn-2 {
    margin-top: 68px;
    margin-right: auto;
    margin-bottom: 32px;
  }
}

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

  .u-section-1 .u-text-1 {
    width: 294px;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-btn-1 {
    font-size: 1.25rem;
  }

  .u-section-1 .u-shape-1 {
    margin-top: 226px;
  }

  .u-section-1 .u-shape-2 {
    margin-top: -131px;
    margin-right: auto;
    margin-left: 10px;
  }

  .u-section-1 .u-image-1 {
    width: 275px;
    height: 393px;
    margin-left: auto;
  }

  .u-section-1 .u-shape-3 {
    width: 294px;
    margin-top: 28px;
    margin-right: auto;
  }

  .u-section-1 .u-text-2 {
    width: 293px;
    margin-top: -213px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-1 .u-shape-4 {
    margin-top: 88px;
    margin-right: auto;
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-shape-5 {
    margin-top: 112px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-btn-2 {
    margin-top: 61px;
    margin-bottom: 43px;
    margin-left: calc(((100% - 340px) / 2)  + 101px);
  }
}.u-section-2 .u-sheet-1 {
  min-height: 496px;
}

.u-section-2 .u-list-1 {
  width: 1051px;
  margin: 38px auto 60px;
}

.u-section-2 .u-repeater-1 {
  grid-auto-columns: calc(25% - 15px);
  grid-template-columns: repeat(4, calc(25% - 15px));
  --gap: 20px;
  min-height: 395px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0;
}

.u-section-2 .u-rotation-parent-1 {
  animation-timing-function: ease;
  height: 336px;
  width: 255px;
  margin: -8px auto 0 -23px;
}

.u-section-2 .u-image-1 {
  width: 190px;
  height: 300px;
  transform-origin: center center;
  transform: translateX(-50%) translateY(-50%) rotate(346.42deg);
}

.u-section-2 .u-text-1 {
  font-weight: 700;
  margin: 16px 27px 0 0;
}

.u-section-2 .u-container-layout-2 {
  padding: 0;
}

.u-section-2 .u-rotation-parent-2 {
  animation-timing-function: ease;
  height: 336px;
  width: 255px;
  margin: -8px auto 0 -23px;
}

.u-section-2 .u-image-2 {
  width: 190px;
  height: 300px;
  transform-origin: center center;
  transform: translateX(-50%) translateY(-50%) rotate(346.42deg);
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  margin: 16px 27px 0 0;
}

.u-section-2 .u-container-layout-3 {
  padding: 0;
}

.u-section-2 .u-rotation-parent-3 {
  animation-timing-function: ease;
  height: 336px;
  width: 255px;
  margin: -8px auto 0 -23px;
}

.u-section-2 .u-image-3 {
  width: 190px;
  height: 300px;
  transform-origin: center center;
  transform: translateX(-50%) translateY(-50%) rotate(346.42deg);
}

.u-section-2 .u-text-3 {
  font-weight: 700;
  margin: 16px 27px 0 0;
}

.u-section-2 .u-container-layout-4 {
  padding: 0;
}

.u-section-2 .u-rotation-parent-4 {
  animation-timing-function: ease;
  height: 336px;
  width: 255px;
  margin: -8px auto 0 -23px;
}

.u-section-2 .u-image-4 {
  width: 190px;
  height: 300px;
  transform: translateX(-50%) translateY(-50%) rotate(346.42deg);
  transform-origin: center center;
}

.u-section-2 .u-text-4 {
  font-weight: 700;
  margin: 16px 27px 0 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-list-1 {
    width: 940px;
  }

  .u-section-2 .u-repeater-1 {
    min-height: 353px;
  }

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

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

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

  .u-section-2 .u-list-1 {
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(50% - 10px);
    grid-template-columns: repeat(2, calc(50% - 10px));
    min-height: 810px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
    grid-template-columns: 100%;
  }

  .u-section-2 .u-rotation-parent-1 {
    margin-left: auto;
  }

  .u-section-2 .u-rotation-parent-2 {
    margin-left: auto;
  }

  .u-section-2 .u-rotation-parent-3 {
    margin-left: auto;
  }

  .u-section-2 .u-rotation-parent-4 {
    margin-left: auto;
  }
}

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

  .u-section-2 .u-list-1 {
    margin-top: 39px;
    margin-bottom: 59px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% + 0px);
    min-height: 1510px;
  }
}