.u-section-1 {
  background-image: url("images/bnbnn.jpg");
  background-position: 50% 50%;
  min-height: 727px;
}

.u-section-1 .u-layout-wrap-1 {
  width: calc(((100% - 1140px) / 2)  + 1140px);
  margin: 48px auto 0 0;
}

.u-section-1 .u-image-1 {
  min-height: 679px;
  background-image: url("images/fff.png");
  background-position: 100% 50%;
}

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

.u-section-1 .u-shape-1 {
  width: 525px;
  height: 525px;
  --radius: 15px;
  margin: 0 auto 0 99px;
}

.u-section-1 .u-group-1 {
  width: 453px;
  height: auto;
  min-height: 588px;
  --radius: 23px;
  background-image: linear-gradient(to right, #676db1, #f9a0bf);
  margin: -513px 80px 0 auto;
}

.u-section-1 .u-container-layout-2 {
  padding: 12px 8px;
}

.u-section-1 .u-image-2 {
  width: 425px;
  height: 564px;
  --radius: 38px;
  margin: 0 auto;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 679px;
}

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

.u-section-1 .u-text-1 {
  margin: 17px 277px 0 40px;
}

.u-section-1 .u-line-1 {
  width: 111px;
  height: 6px;
  transform-origin: left center;
  margin: 20px auto 0 40px;
}

.u-section-1 .u-text-2 {
  font-weight: 700;
  line-height: 1;
  font-size: 4.5rem;
  margin: 20px 40px 0;
}

.u-section-1 .u-text-3 {
  margin: 23px 40px 0;
}

.u-section-1 .u-btn-1 {
  letter-spacing: 2px;
  font-size: 1.25rem;
  text-transform: none;
  background-image: none;
  margin: 35px auto 0 40px;
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 940px) / 2)  + 940px);
  }

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

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

  .u-section-1 .u-shape-1 {
    width: 374px;
    height: 374px;
    margin-left: 56px;
  }

  .u-section-1 .u-group-1 {
    width: 324px;
    min-height: 426px;
    margin-top: -358px;
    margin-right: auto;
    height: auto;
  }

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

  .u-section-1 .u-image-2 {
    width: 300px;
    height: 398px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 514px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-top: 0;
    padding-bottom: 18px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 20px;
    margin-right: 48px;
    margin-left: 218px;
  }

  .u-section-1 .u-line-1 {
    margin-top: -22px;
    margin-left: 0;
  }

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

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

  .u-section-1 .u-btn-1 {
    margin-top: 23px;
    margin-left: 0;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 720px) / 2)  + 720px);
  }

  .u-section-1 .u-image-1 {
    background-position: 26.97% 50%;
    order: 1;
    min-height: 801px;
  }

  .u-section-1 .u-shape-1 {
    width: 371px;
    height: 371px;
    margin-top: 416px;
    margin-left: -270px;
  }

  .u-section-1 .u-group-1 {
    width: 338px;
    margin-top: -447px;
    margin-left: -270px;
  }

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

  .u-section-1 .u-image-2 {
    width: 302px;
    height: 421px;
    margin-top: -15px;
    margin-left: 15px;
  }

  .u-section-1 .u-layout-cell-2 {
    order: 0;
    min-height: 801px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-bottom: 60px;
    padding-left: 60px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 0;
    margin-right: 196px;
    margin-left: 134px;
  }

  .u-section-1 .u-line-1 {
    margin-top: -21px;
  }

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

  .u-section-1 .u-text-3 {
    margin-right: 41px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 86px;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 540px) / 2) + 540px);
  }

  .u-section-1 .u-image-1 {
    background-position: 100% 50%;
    min-height: 511px;
  }

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

  .u-section-1 .u-shape-1 {
    width: 376px;
    height: 376px;
    margin-top: 94px;
    margin-right: 29px;
    margin-left: 155px;
  }

  .u-section-1 .u-group-1 {
    min-height: 434px;
    margin-left: 126px;
  }

  .u-section-1 .u-image-2 {
    width: 294px;
    height: 390px;
    margin-top: 15px;
    margin-right: 18px;
    margin-left: auto;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 630px;
  }

  .u-section-1 .u-container-layout-3 {
    padding: 9px 60px 9px 50px;
  }

  .u-section-1 .u-text-1 {
    margin-right: 47px;
    margin-left: 53px;
  }

  .u-section-1 .u-line-1 {
    margin-top: 20px;
  }

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

  .u-section-1 .u-btn-1 {
    margin-top: 15px;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    width: calc(((100% - 340px) / 2)  + 340px);
    margin-top: 44px;
    margin-right: 50px;
  }

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

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

  .u-section-1 .u-shape-1 {
    width: 423px;
    height: 423px;
    margin-top: 114px;
    margin-right: -40px;
    margin-left: 7px;
  }

  .u-section-1 .u-group-1 {
    width: 324px;
    margin-top: -492px;
    margin-right: -15px;
    margin-left: auto;
  }

  .u-section-1 .u-image-2 {
    width: 333px;
    height: 443px;
    margin: 29px auto -38px -52px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 633px;
  }

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

  .u-section-1 .u-text-1 {
    margin-top: 14px;
    margin-right: 0;
    margin-left: 156px;
  }

  .u-section-1 .u-line-1 {
    margin-top: -17px;
    margin-left: 30px;
  }

  .u-section-1 .u-text-2 {
    font-size: 4.5rem;
    margin-top: 8px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .u-section-1 .u-text-3 {
    margin-top: 14px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 20px;
    margin-left: auto;
  }
}