.u-section-1 {
  background-image: linear-gradient(#478ac9, #f5d654);
}

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

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

.u-section-1 .u-image-1 {
  width: 205px;
  height: 205px;
  background-image: url("images/desk-with-email-icon-electronic-mail-e-commerce-newsletter-email-and-protect-your-personal-information-from-spam-mail-photo.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: -400px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: 26px auto 0 457px;
}

.u-section-1 .u-text-2 {
  font-size: 1.125rem;
  margin: -118px 53px 0 880px;
}

.u-section-1 .u-text-3 {
  font-weight: 700;
  margin: -40px 271px 0 auto;
}

.u-section-1 .u-rotation-parent-1 {
  width: 95px;
  height: 87px;
  margin: -13px auto 0 294px;
}

.u-section-1 .u-shape-1 {
  width: 77px;
  height: 61px;
  transform-origin: center center 0px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: 13px;
  left: 9px;
  transform: rotate(336.53deg);
}

.u-section-1 .u-rotation-parent-2 {
  width: 106px;
  height: 97px;
  margin: -87px 334px 0 auto;
}

.u-section-1 .u-shape-2 {
  width: 86px;
  height: 64px;
  transform-origin: center center 0px;
  position: relative;
  top: 17px;
  left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  transform: rotate(28.5deg);
}

.u-section-1 .u-image-2 {
  width: 266px;
  height: 266px;
  background-image: url("images/GettyImages-1338373232.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -83px 38px 0 auto;
}

.u-section-1 .u-image-3 {
  width: 225px;
  height: 225px;
  background-image: url("images/customer-service_customer-experience_happy_rating_strategy_tablet_reviews_by-ipopba-getty-100806901-orig-2.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -245px auto 0 25px;
}

.u-section-1 .u-text-4 {
  font-weight: 700;
  margin: -159px auto 0 438px;
}

.u-section-1 .u-text-5 {
  font-size: 1.125rem;
  margin: -42px 455px 0 478px;
}

.u-section-1 .u-text-6 {
  font-size: 1.125rem;
  margin: 130px 821px 0 60px;
}

.u-section-1 .u-text-7 {
  font-weight: 700;
  font-size: 3rem;
  margin: -47px auto 0 19px;
}

.u-section-1 .u-rotation-parent-3 {
  width: 60px;
  height: 94px;
  margin: -51px 141px 0 auto;
}

.u-section-1 .u-shape-3 {
  width: 92px;
  height: 58px;
  transform-origin: center center 0px;
  position: relative;
  top: 18px;
  left: -16px;
  transform: rotate(91.56deg);
}

.u-section-1 .u-image-4 {
  width: 246px;
  height: 246px;
  background-image: url("images/lvvwd-customer-service-22-16x7.png");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -79px auto 0;
}

.u-section-1 .u-image-5 {
  width: 246px;
  height: 246px;
  background-image: url("images/Untitled-design--10-.png");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -161px auto 0 44px;
}

.u-section-1 .u-image-6 {
  width: 187px;
  height: 187px;
  background-image: url("images/22.jpeg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: -400px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -237px 78px 0 auto;
}

.u-section-1 .u-rotation-parent-4 {
  width: 115px;
  height: 99px;
  margin: -178px auto 0 296px;
}

.u-section-1 .u-shape-4 {
  width: 99px;
  height: 73px;
  transform-origin: center center 0px;
  position: relative;
  top: 13px;
  left: 8px;
  transform: rotate(163.25deg);
}

.u-section-1 .u-rotation-parent-5 {
  width: 112px;
  height: 91px;
  margin: -95px 309px 0 auto;
}

.u-section-1 .u-shape-5 {
  width: 98px;
  height: 68px;
  transform-origin: center center 0px;
  position: relative;
  top: 11px;
  left: 7px;
  transform: rotate(194.61deg);
}

.u-section-1 .u-text-8 {
  font-size: 1.125rem;
  margin: 69px 389px 0 437px;
}

.u-section-1 .u-text-9 {
  font-weight: 700;
  margin: -43px auto 0 403px;
}

.u-section-1 .u-text-10 {
  font-size: 1.125rem;
  margin: -19px 0 0 857px;
}

.u-section-1 .u-text-11 {
  font-weight: 700;
  margin: -36px 304px 0 auto;
}

.u-section-1 .u-text-12 {
  font-size: 1.125rem;
  margin: -10px 781px 0 44px;
}

.u-section-1 .u-text-13 {
  font-weight: 700;
  margin: -95px auto 0 11px;
}

.u-section-1 .u-rotation-parent-6 {
  width: 79px;
  height: 85px;
  margin: 71px auto 0 128px;
}

.u-section-1 .u-shape-6 {
  width: 84px;
  height: 78px;
  transform-origin: center center 0px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: 3px;
  left: -2px;
  transform: rotate(89.31deg);
}

.u-section-1 .u-image-7 {
  width: 246px;
  height: 246px;
  background-image: url("https://static.promediateknologi.id/crop/0x0:0x0/0x0/webp/photo/radarjember/2021/09/OP-Empat-Oknum-Kades-Segera-Dituntut-2.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -61px 23px 0 auto;
}

.u-section-1 .u-image-8 {
  width: 246px;
  height: 246px;
  background-image: url("images/email_190502.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -192px auto 0 437px;
}

.u-section-1 .u-image-9 {
  width: 196px;
  height: 196px;
  background-image: url("images/1200px-Bank_Muamalat.JPG");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 180deg;
  --animation-custom_in-scale: 1;
  margin: -221px auto 0 44px;
}

.u-section-1 .u-rotation-parent-7 {
  width: 104px;
  height: 97px;
  margin: -179px 313px 0 auto;
}

.u-section-1 .u-shape-7 {
  width: 93px;
  height: 85px;
  transform-origin: center center 0px;
  position: relative;
  top: 6px;
  left: 5px;
  transform: rotate(352.19deg);
}

.u-section-1 .u-rotation-parent-8 {
  width: 97px;
  height: 72px;
  margin: -67px auto 0 278px;
}

.u-section-1 .u-shape-8 {
  width: 95px;
  height: 69px;
  transform-origin: center center 0px;
  position: relative;
  top: 1px;
  left: 1px;
  transform: rotate(1.58deg);
}

.u-section-1 .u-text-14 {
  font-weight: 700;
  margin: 86px auto 0 26px;
}

.u-section-1 .u-text-15 {
  font-size: 1.125rem;
  margin: -42px 773px 0 53px;
}

.u-section-1 .u-text-16 {
  font-weight: 700;
  margin: -32px 239px 0 auto;
}

.u-section-1 .u-text-17 {
  font-size: 1.125rem;
  margin: -30px 38px 0 905px;
}

.u-section-1 .u-text-18 {
  font-weight: 700;
  margin: 27px auto 0 393px;
}

.u-section-1 .u-text-19 {
  font-size: 1.125rem;
  margin: -42px 402px 60px 424px;
}

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

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

  .u-section-1 .u-image-1 {
    margin-top: -2048px;
  }

  .u-section-1 .u-text-2 {
    margin-top: -8px;
    margin-right: 0;
    margin-left: 733px;
  }

  .u-section-1 .u-rotation-parent-1 {
    margin-top: -82px;
  }

  .u-section-1 .u-shape-1 {
    margin-right: auto;
    margin-left: 152px;
  }

  .u-section-1 .u-rotation-parent-2 {
    margin-top: -1276px;
  }

  .u-section-1 .u-shape-2 {
    width: 102px;
    margin-top: -4px;
    margin-right: 499px;
    margin-left: auto;
  }

  .u-section-1 .u-image-2 {
    margin-top: 1363px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -396px;
  }

  .u-section-1 .u-text-4 {
    margin-top: -198px;
    margin-left: 361px;
  }

  .u-section-1 .u-text-5 {
    margin-top: 94px;
    margin-right: 355px;
    margin-left: 378px;
  }

  .u-section-1 .u-text-6 {
    margin-top: 66px;
    margin-right: 681px;
    margin-left: 0;
  }

  .u-section-1 .u-rotation-parent-3 {
    margin-top: -810px;
  }

  .u-section-1 .u-shape-3 {
    margin: -810px 174px 60px auto;
  }

  .u-section-1 .u-image-4 {
    margin-top: -432px;
  }

  .u-section-1 .u-image-5 {
    margin-top: 14px;
  }

  .u-section-1 .u-image-6 {
    margin-top: -856px;
  }

  .u-section-1 .u-rotation-parent-4 {
    height: 98px;
    margin-top: -722px;
  }

  .u-section-1 .u-shape-4 {
    margin: -722px auto 60px 309px;
  }

  .u-section-1 .u-rotation-parent-5 {
    margin-top: 166px;
  }

  .u-section-1 .u-shape-5 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .u-section-1 .u-text-8 {
    margin-top: -166px;
    margin-right: 289px;
    margin-left: 337px;
  }

  .u-section-1 .u-text-9 {
    margin-top: -96px;
    margin-left: 503px;
  }

  .u-section-1 .u-text-10 {
    margin-top: -137px;
    margin-right: -15px;
    margin-left: 657px;
  }

  .u-section-1 .u-text-11 {
    margin-top: -126px;
  }

  .u-section-1 .u-text-12 {
    margin-top: 212px;
    margin-right: 625px;
    margin-left: 0;
  }

  .u-section-1 .u-text-13 {
    margin-top: -1px;
    margin-left: 45px;
  }

  .u-section-1 .u-rotation-parent-6 {
    margin-top: -28px;
  }

  .u-section-1 .u-image-7 {
    margin-top: 434px;
  }

  .u-section-1 .u-image-8 {
    margin-top: -115px;
  }

  .u-section-1 .u-image-9 {
    margin-top: -423px;
  }

  .u-section-1 .u-rotation-parent-7 {
    margin-top: -305px;
  }

  .u-section-1 .u-shape-7 {
    margin: 0 292px 0 auto;
  }

  .u-section-1 .u-shape-8 {
    margin: 0 auto 0 209px;
  }

  .u-section-1 .u-text-14 {
    margin-top: 150px;
  }

  .u-section-1 .u-text-15 {
    margin-right: 626px;
    margin-left: 0;
  }

  .u-section-1 .u-text-16 {
    margin-top: 74px;
    margin-left: 694px;
  }

  .u-section-1 .u-text-17 {
    margin-top: -84px;
    margin-right: 0;
    margin-left: 694px;
  }

  .u-section-1 .u-text-18 {
    margin-top: -68px;
    margin-left: 324px;
  }

  .u-section-1 .u-text-19 {
    margin-top: -11px;
    margin-right: 302px;
    margin-left: 324px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    margin-top: 1641px;
  }

  .u-section-1 .u-image-1 {
    margin-top: -1623px;
  }

  .u-section-1 .u-text-2 {
    margin-top: -230px;
    margin-left: 513px;
  }

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

  .u-section-1 .u-rotation-parent-1 {
    margin-top: -46px;
  }

  .u-section-1 .u-rotation-parent-2 {
    margin-top: -54px;
  }

  .u-section-1 .u-image-2 {
    margin-top: 337px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -628px;
  }

  .u-section-1 .u-text-4 {
    margin-left: 277px;
  }

  .u-section-1 .u-text-5 {
    margin-right: 245px;
    margin-left: 268px;
  }

  .u-section-1 .u-text-6 {
    margin-right: 461px;
  }

  .u-section-1 .u-image-4 {
    margin-top: -228px;
  }

  .u-section-1 .u-image-5 {
    margin-top: -186px;
  }

  .u-section-1 .u-image-6 {
    margin-top: -656px;
  }

  .u-section-1 .u-text-8 {
    margin-top: -107px;
    margin-right: 179px;
    margin-left: 227px;
  }

  .u-section-1 .u-text-9 {
    margin-left: 283px;
  }

  .u-section-1 .u-text-10 {
    margin-top: 7px;
    margin-left: 437px;
  }

  .u-section-1 .u-text-11 {
    margin-top: -547px;
    margin-right: 233px;
  }

  .u-section-1 .u-text-12 {
    margin-top: 430px;
    margin-right: 405px;
  }

  .u-section-1 .u-text-13 {
    margin-left: 11px;
  }

  .u-section-1 .u-image-9 {
    margin-top: -370px;
  }

  .u-section-1 .u-rotation-parent-7 {
    margin-top: -358px;
  }

  .u-section-1 .u-text-15 {
    margin-right: 406px;
  }

  .u-section-1 .u-text-16 {
    margin-left: 474px;
  }

  .u-section-1 .u-text-17 {
    margin-left: 474px;
  }

  .u-section-1 .u-text-18 {
    margin-left: 214px;
  }

  .u-section-1 .u-text-19 {
    margin-right: 221px;
    margin-left: 185px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-text-1 {
    margin-top: 1900px;
  }

  .u-section-1 .u-image-1 {
    margin-top: -1960px;
    margin-left: 335px;
  }

  .u-section-1 .u-text-2 {
    margin-top: 23px;
    margin-left: 333px;
  }

  .u-section-1 .u-text-3 {
    margin-top: -28px;
    margin-right: 156px;
  }

  .u-section-1 .u-rotation-parent-1 {
    margin-top: -73px;
  }

  .u-section-1 .u-rotation-parent-2 {
    margin-top: -434px;
  }

  .u-section-1 .u-shape-2 {
    margin-right: 438px;
  }

  .u-section-1 .u-image-2 {
    margin-top: 439px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -431px;
  }

  .u-section-1 .u-text-4 {
    margin-top: -163px;
    margin-left: 208px;
  }

  .u-section-1 .u-text-5 {
    margin-right: 155px;
    margin-left: 178px;
  }

  .u-section-1 .u-text-6 {
    margin-top: 200px;
    margin-right: 281px;
  }

  .u-section-1 .u-text-7 {
    font-size: 1.875rem;
    margin-top: -188px;
  }

  .u-section-1 .u-image-4 {
    margin-top: -368px;
  }

  .u-section-1 .u-image-5 {
    margin-top: -80px;
  }

  .u-section-1 .u-image-6 {
    margin-top: -762px;
  }

  .u-section-1 .u-rotation-parent-5 {
    margin-top: 117px;
  }

  .u-section-1 .u-text-8 {
    margin-top: 726px;
    margin-right: 89px;
    margin-left: 137px;
  }

  .u-section-1 .u-text-9 {
    margin-top: -110px;
    margin-left: 103px;
  }

  .u-section-1 .u-text-10 {
    margin-top: -945px;
    margin-left: 257px;
  }

  .u-section-1 .u-text-11 {
    margin-top: -449px;
    margin-right: 175px;
  }

  .u-section-1 .u-text-12 {
    margin-top: 425px;
    margin-right: 225px;
  }

  .u-section-1 .u-rotation-parent-6 {
    margin-top: 82px;
  }

  .u-section-1 .u-image-7 {
    margin-top: 285px;
  }

  .u-section-1 .u-image-8 {
    margin-top: -108px;
    margin-left: 294px;
  }

  .u-section-1 .u-image-9 {
    margin-top: -423px;
  }

  .u-section-1 .u-rotation-parent-7 {
    margin-top: -273px;
  }

  .u-section-1 .u-shape-7 {
    margin-right: 290px;
  }

  .u-section-1 .u-text-14 {
    margin-top: 118px;
  }

  .u-section-1 .u-text-15 {
    margin-top: -3px;
    margin-right: 226px;
  }

  .u-section-1 .u-text-16 {
    margin-top: 35px;
    margin-right: 179px;
    margin-left: 294px;
  }

  .u-section-1 .u-text-17 {
    margin-top: -77px;
    margin-left: 294px;
  }

  .u-section-1 .u-text-18 {
    margin-top: -116px;
    margin-left: 124px;
  }

  .u-section-1 .u-text-19 {
    margin-top: 58px;
    margin-right: 166px;
    margin-left: 60px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-text-1 {
    font-size: 1.5rem;
    margin-top: 1832px;
  }

  .u-section-1 .u-image-1 {
    margin-top: -1827px;
    margin-left: 135px;
  }

  .u-section-1 .u-text-2 {
    margin-top: -43px;
    margin-left: 133px;
  }

  .u-section-1 .u-text-3 {
    margin-top: -20px;
    margin-right: 98px;
  }

  .u-section-1 .u-rotation-parent-1 {
    margin-top: -57px;
    margin-left: 245px;
  }

  .u-section-1 .u-rotation-parent-2 {
    margin-top: -216px;
    margin-right: 234px;
  }

  .u-section-1 .u-shape-2 {
    margin-right: 238px;
  }

  .u-section-1 .u-image-2 {
    margin-top: 272px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -505px;
  }

  .u-section-1 .u-text-4 {
    margin-top: -139px;
    margin-left: 131px;
  }

  .u-section-1 .u-text-5 {
    margin-right: 55px;
    margin-left: 78px;
  }

  .u-section-1 .u-text-6 {
    margin-top: 192px;
    margin-right: 81px;
  }

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

  .u-section-1 .u-image-4 {
    margin-top: -223px;
  }

  .u-section-1 .u-image-5 {
    margin-top: -71px;
  }

  .u-section-1 .u-image-6 {
    margin-top: -771px;
  }

  .u-section-1 .u-rotation-parent-4 {
    margin-left: 225px;
  }

  .u-section-1 .u-shape-4 {
    margin-left: 241px;
  }

  .u-section-1 .u-rotation-parent-5 {
    margin-top: 31px;
    margin-right: 228px;
  }

  .u-section-1 .u-text-8 {
    margin-top: 843px;
    margin-right: 0;
    margin-left: 26px;
  }

  .u-section-1 .u-text-9 {
    margin-top: -8px;
    margin-left: 0;
  }

  .u-section-1 .u-text-10 {
    margin-top: -1011px;
    margin-left: 57px;
  }

  .u-section-1 .u-text-11 {
    margin-right: 110px;
  }

  .u-section-1 .u-text-12 {
    margin-top: 468px;
    margin-right: 25px;
  }

  .u-section-1 .u-text-13 {
    margin-top: -22px;
  }

  .u-section-1 .u-rotation-parent-6 {
    margin-top: 17px;
  }

  .u-section-1 .u-image-7 {
    margin-top: 222px;
  }

  .u-section-1 .u-image-8 {
    margin-top: -100px;
    margin-left: 94px;
  }

  .u-section-1 .u-image-9 {
    margin-top: -303px;
  }

  .u-section-1 .u-rotation-parent-7 {
    margin-right: 236px;
  }

  .u-section-1 .u-shape-7 {
    margin-right: 90px;
  }

  .u-section-1 .u-rotation-parent-8 {
    margin-left: 243px;
  }

  .u-section-1 .u-shape-8 {
    margin-left: 90px;
  }

  .u-section-1 .u-text-15 {
    margin-top: 5px;
    margin-right: 26px;
  }

  .u-section-1 .u-text-16 {
    margin-top: -93px;
    margin-right: 113px;
    margin-left: 94px;
  }

  .u-section-1 .u-text-17 {
    margin-top: -69px;
    margin-left: 94px;
  }

  .u-section-1 .u-text-18 {
    margin-top: 20px;
    margin-left: 24px;
  }

  .u-section-1 .u-text-19 {
    margin-top: 24px;
    margin-right: 105px;
    margin-left: 24px;
  }
}