.u-section-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #c0c0c0, #425465);
  background-size: cover;
}

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

.u-section-1 .u-custom-html-1 {
  min-height: 278px;
  height: auto;
  width: 560px;
  margin: 56px auto 0;
}

.u-section-1 .u-image-1 {
  width: 376px;
  height: 144px;
  margin: -211px -28px 0 auto;
}

.u-section-1 .u-text-1 {
  font-size: 1.5rem;
  margin: 77px auto 0;
}

.u-section-1 .u-image-2 {
  --radius: 10px;
  width: 348px;
  height: 348px;
  margin: -361px auto 41px -24px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-custom-html-1 {
    min-height: 214px;
    width: 380px;
    margin-top: 55px;
  }

  .u-section-1 .u-image-1 {
    width: 235px;
    height: 159px;
    margin-top: -167px;
    margin-right: 36px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 17px;
  }

  .u-section-1 .u-image-2 {
    margin-top: -179px;
    margin-bottom: -75px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-custom-html-1 {
    min-height: 162px;
    width: 288px;
    margin-top: 56px;
  }

  .u-section-1 .u-image-1 {
    width: 259px;
    height: 97px;
    margin-top: -130px;
    margin-right: -22px;
  }

  .u-section-1 .u-text-1 {
    width: 300px;
    margin-top: 39px;
  }

  .u-section-1 .u-image-2 {
    margin-bottom: -21px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-custom-html-1 {
    margin-top: -304px;
  }

  .u-section-1 .u-image-1 {
    margin-top: 495px;
    margin-right: auto;
  }

  .u-section-1 .u-text-1 {
    font-size: 1.3333333333333333rem;
    margin-top: 0;
  }

  .u-section-1 .u-image-2 {
    margin-top: -361px;
    margin-bottom: 41px;
  }
}

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

  .u-section-1 .u-image-1 {
    width: 226px;
    height: 68px;
    margin-top: 471px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-right: 0;
    margin-left: 12px;
  }
}