.u-section-1 {
  background-image: url("images/HOME.svg");
  background-position: 46.49% 0%;
  background-size: auto 125%;
  min-height: 1863px;
}

.u-section-1 .u-image-1 {
  width: 583px;
  min-height: 60px;
  height: auto;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("images/7.svg");
  background-size: 185%;
  --radius: 28px;
  margin: 0 auto;
}

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

.u-section-1 .u-image-2 {
  width: 101px;
  transition-duration: 0.5s;
  height: 58px;
  margin: 0 auto 0 0;
}

.u-section-1 .u-image-3 {
  width: 101px;
  transition-duration: 0.5s;
  height: 58px;
  margin: -58px auto 0 119px;
}

.u-section-1 .u-image-4 {
  width: 182px;
  height: 61px;
  transition-duration: 0.5s;
  margin: -61px auto 0 238px;
}

.u-section-1 .u-image-5 {
  width: 108px;
  height: 62px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: -62px auto -4px 438px;
}

.u-section-1 .u-image-6 {
  width: 149px;
  height: 149px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: 261px auto 0 calc(((100% - 1320px) / 2)  + 472px);
}

.u-section-1 .u-image-7 {
  width: 149px;
  height: 149px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: -149px calc(((100% - 1320px) / 2)  + 511px) 0 auto;
}

.u-section-1 .u-image-8 {
  width: 1138px;
  height: 581px;
  margin: 25px auto 0 calc(((100% - 1320px) / 2)  + 65px);
}

.u-section-1 .u-image-9 {
  width: 629px;
  height: 602px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: -144px auto 0;
}

.u-section-1 .u-group-2 {
  width: 635px;
  min-height: 97px;
  height: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0));
  background-size: cover;
  margin: 125px auto 0 calc(((100% - 1320px) / 2)  + 316px);
}

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

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 75px;
  transition-duration: 0.5s;
  margin: 0 39px 0 92px;
}

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

  .u-section-1 .u-image-1 {
    --radius: 24px;
    min-height: 63px;
    margin-right: calc(((100% - 1140px) / 2)  + 253px);
    height: auto;
  }

  .u-section-1 .u-image-2 {
    transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  }

  .u-section-1 .u-image-3 {
    transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  }

  .u-section-1 .u-image-4 {
    transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  }

  .u-section-1 .u-image-5 {
    margin-bottom: 0;
    margin-left: 437px;
  }

  .u-section-1 .u-image-6 {
    margin-top: 199px;
    margin-left: calc(((100% - 1140px) / 2)  + 421px);
  }

  .u-section-1 .u-image-7 {
    margin-right: calc(((100% - 1140px) / 2)  + 393px);
  }

  .u-section-1 .u-image-8 {
    height: 583px;
    margin-top: 74px;
    margin-left: calc(((100% - 1140px) / 2));
  }

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

  .u-section-1 .u-group-2 {
    margin-top: 183px;
    margin-left: calc(((100% - 1140px) / 2)  + 316px);
    height: auto;
  }

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

  .u-section-1 .u-custom-html-1 {
    transform: translateX(0px) translateY(100px) scale(1) rotate(0deg);
  }
}

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

  .u-section-1 .u-image-1 {
    min-height: 64px;
    margin-right: calc(((100% - 940px) / 2)  + 156px);
  }

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

  .u-section-1 .u-image-7 {
    margin-right: calc(((100% - 940px) / 2)  + 273px);
  }

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

  .u-section-1 .u-image-9 {
    margin-top: -65px;
    margin-right: calc(((100% - 940px) / 2)  + 144px);
  }

  .u-section-1 .u-group-2 {
    min-height: 140px;
    margin-top: 211px;
    margin-left: calc(((100% - 940px) / 2)  + 305px);
  }
}

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

  .u-section-1 .u-image-1 {
    margin-right: calc(((100% - 720px) / 2) + 137px);
  }

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

  .u-section-1 .u-image-6 {
    margin-top: 0;
    margin-left: calc(((100% - 720px) / 2)  + 470px);
  }

  .u-section-1 .u-image-7 {
    margin-top: 0;
    margin-right: calc(((100% - 720px) / 2)  + 449px);
  }

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

  .u-section-1 .u-image-9 {
    margin-top: 0;
    margin-right: calc(((100% - 720px) / 2) + 91px);
  }

  .u-section-1 .u-group-2 {
    margin-top: 0;
    margin-left: calc(((100% - 720px) / 2) + 85px);
  }
}

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

  .u-section-1 .u-image-1 {
    width: 540px;
    margin-right: calc(((100% - 540px) / 2));
  }

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

  .u-section-1 .u-image-5 {
    margin-left: 412px;
  }

  .u-section-1 .u-image-6 {
    margin-left: calc(((100% - 540px) / 2)  + 360px);
  }

  .u-section-1 .u-image-7 {
    margin-right: calc(((100% - 540px) / 2)  + 360px);
  }

  .u-section-1 .u-image-8 {
    width: 540px;
    height: 276px;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-image-9 {
    width: 540px;
    height: 517px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-group-2 {
    width: 540px;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-custom-html-1 {
    margin-right: 0;
    margin-left: 36px;
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    background-position: 47.52% 0%;
    min-height: 1199px;
  }

  .u-section-1 .u-image-1 {
    width: 340px;
    margin-top: -190px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-image-4 {
    margin-left: 138px;
  }

  .u-section-1 .u-image-5 {
    margin-left: 212px;
  }

  .u-section-1 .u-image-6 {
    width: 101px;
    height: 101px;
    margin-top: 204px;
    margin-left: calc(((100% - 340px) / 2)  + 52px);
  }

  .u-section-1 .u-image-7 {
    width: 101px;
    height: 101px;
    margin-top: -101px;
    margin-right: calc(((100% - 340px) / 2)  + 56px);
  }

  .u-section-1 .u-image-8 {
    width: 394px;
    height: 202px;
    margin-top: 133px;
    margin-left: calc(((100% - 340px) / 2)  + -28px);
  }

  .u-section-1 .u-image-9 {
    width: 340px;
    height: 326px;
    margin-top: -31px;
    margin-right: auto;
  }

  .u-section-1 .u-group-2 {
    width: 340px;
    min-height: 139px;
    margin-left: auto;
    margin-bottom: 60px;
  }

  .u-section-1 .u-custom-html-1 {
    min-height: 79px;
    width: 340px;
    margin-left: 0;
  }
}

.u-block-840c-21:not([data-block-selected]):not([data-cell-selected]),
.u-block-840c-21:not([data-block-selected]):not([data-cell-selected]):before,
.u-block-840c-21:not([data-block-selected]):not([data-cell-selected]) > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-block-840c-21.u-block-840c-21.u-block-840c-21:hover:not([data-block-selected]):not([data-cell-selected]) {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-block-840c-21.u-block-840c-21.u-block-840c-21.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-2,
.u-section-1 .u-image-2:before,
.u-section-1 .u-image-2 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-2.u-image-2.u-image-2:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-2.u-image-2.u-image-2.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-3,
.u-section-1 .u-image-3:before,
.u-section-1 .u-image-3 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-3.u-image-3.u-image-3:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-3.u-image-3.u-image-3.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-4,
.u-section-1 .u-image-4:before,
.u-section-1 .u-image-4 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-4.u-image-4.u-image-4:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-4.u-image-4.u-image-4.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-5,
.u-section-1 .u-image-5:before,
.u-section-1 .u-image-5 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-5.u-image-5.u-image-5:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-5.u-image-5.u-image-5.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-9,
.u-section-1 .u-image-9:before,
.u-section-1 .u-image-9 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-9.u-image-9.u-image-9:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-9.u-image-9.u-image-9.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-7,
.u-section-1 .u-image-7:before,
.u-section-1 .u-image-7 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-7.u-image-7.u-image-7:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-7.u-image-7.u-image-7.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-6,
.u-section-1 .u-image-6:before,
.u-section-1 .u-image-6 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-image-6.u-image-6.u-image-6:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-6.u-image-6.u-image-6.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
} .u-section-2 {
  background-image: url("images/TOKENOMICS3.svg");
  background-position: 49.72% 50%;
  background-size: cover;
  min-height: 1674px;
}

.u-section-2 .u-image-1 {
  width: 716px;
  height: 366px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 0 auto;
}

.u-section-2 .u-shape-1 {
  width: 786px;
  height: 308px;
  background-image: none;
  --radius: 10px;
  box-shadow: 7px 5px 9px 0 rgba(0,0,0,0.93);
  margin: 33px auto 0;
}

.u-section-2 .u-image-2 {
  width: 824px;
  height: 472px;
  margin: -390px auto 0;
}

.u-section-2 .u-image-3 {
  width: 195px;
  height: 173px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: 133px auto 0 calc(((100% - 1320px) / 2)  + -174px);
}

.u-section-2 .u-image-4 {
  width: 557px;
  height: 557px;
  margin: -375px 0 60px auto;
}

@media (max-width: 1399px) {
   .u-section-2 {
    background-position: 49.9% 50%;
    min-height: 1016px;
  }

  .u-section-2 .u-image-1 {
    width: 513px;
    height: 262px;
    margin-top: 17px;
  }

  .u-section-2 .u-shape-1 {
    width: 583px;
    height: 247px;
    margin-top: -42px;
  }

  .u-section-2 .u-image-2 {
    width: 599px;
    height: 367px;
    margin-top: -299px;
  }

  .u-section-2 .u-image-3 {
    width: 119px;
    height: 94px;
    margin-top: 11px;
    margin-left: calc(((100% - 1140px) / 2)  + 57px);
  }

  .u-section-2 .u-image-4 {
    width: 365px;
    height: 365px;
    margin-top: -243px;
    margin-right: calc(((100% - 1140px) / 2)  + -52px);
  }
}

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

  .u-section-2 .u-image-1 {
    width: 375px;
    height: 192px;
    margin-top: 0;
  }

  .u-section-2 .u-shape-1 {
    width: 450px;
    height: 205px;
    margin-top: -22px;
  }

  .u-section-2 .u-image-2 {
    width: 450px;
    height: 319px;
    margin-top: -262px;
  }

  .u-section-2 .u-image-3 {
    width: 103px;
    height: 81px;
    margin-top: 39px;
    margin-left: calc(((100% - 940px) / 2)  + 39px);
  }

  .u-section-2 .u-image-4 {
    width: 316px;
    height: 316px;
    margin-top: -212px;
    margin-right: 0;
  }
}

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

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

  .u-section-2 .u-image-2 {
    margin-top: 0;
  }

  .u-section-2 .u-image-3 {
    margin-top: 0;
    margin-left: calc(((100% - 720px) / 2)  + 58px);
  }

  .u-section-2 .u-image-4 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-image-3 {
    margin-left: calc(((100% - 540px) / 2)  + 58px);
  }
}

@media (max-width: 575px) {
   .u-section-2 {
    background-position: 32.04% 50%;
    min-height: 736px;
  }

  .u-section-2 .u-image-1 {
    width: 206px;
    height: 105px;
    margin-top: -15px;
  }

  .u-section-2 .u-shape-1 {
    width: 354px;
    height: 171px;
    margin-top: 28px;
    margin-right: calc(((100% - 340px) / 2)  + -14px);
  }

  .u-section-2 .u-image-2 {
    width: 354px;
    height: 327px;
    margin-top: -242px;
    margin-right: calc(((100% - 340px) / 2)  + -14px);
  }

  .u-section-2 .u-image-3 {
    width: 79px;
    height: 62px;
    margin-top: 37px;
    margin-left: calc(((100% - 340px) / 2)  + 37px);
  }

  .u-section-2 .u-image-4 {
    width: 230px;
    height: 230px;
    margin-top: -129px;
    margin-right: calc(((100% - 340px) / 2)  + -125px);
    margin-bottom: 60px;
  }
}

.u-section-2 .u-image-3,
.u-section-2 .u-image-3:before,
.u-section-2 .u-image-3 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-3.u-image-3.u-image-3:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-3.u-image-3.u-image-3.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
} .u-section-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("images/JOINUS14.svg");
  background-size: auto 110%;
  min-height: 1556px;
}

.u-section-3 .u-image-1 {
  width: 992px;
  height: 333px;
  margin: -43px auto 0;
}

.u-section-3 .u-image-2 {
  width: 566px;
  height: 566px;
  margin: 102px auto 0 calc(((100% - 1320px) / 2)  + 361px);
}

.u-section-3 .u-image-3 {
  width: 444px;
  height: 413px;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -856px auto 0 calc(((100% - 1320px) / 2)  + 401px);
}

.u-section-3 .u-icon-1 {
  width: 64px;
  background-image: none;
  height: 64px;
  margin: -253px calc(((100% - 1320px) / 2)  + 75px) 60px auto;
  padding: 6px;
}

@media (max-width: 1399px) {
   .u-section-3 {
    min-height: 1344px;
  }

  .u-section-3 .u-image-2 {
    width: 511px;
    height: 534px;
    margin-top: 152px;
    margin-left: calc(((100% - 1140px) / 2)  + 292px);
  }

  .u-section-3 .u-image-3 {
    margin-top: -808px;
    margin-left: calc(((100% - 1140px) / 2)  + 337px);
  }

  .u-section-3 .u-icon-1 {
    margin-right: calc(((100% - 1140px) / 2)  + 75px);
  }
}

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

  .u-section-3 .u-image-1 {
    width: 592px;
    height: 199px;
    margin-top: 0;
  }

  .u-section-3 .u-image-2 {
    width: 436px;
    height: 420px;
    margin-top: 55px;
    margin-left: calc(((100% - 940px) / 2)  + 242px);
  }

  .u-section-3 .u-image-3 {
    width: 329px;
    height: 306px;
    margin-top: -619px;
    margin-left: calc(((100% - 940px) / 2)  + 296px);
  }

  .u-section-3 .u-icon-1 {
    margin-right: calc(((100% - 940px) / 2)  + 75px);
  }
}

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

  .u-section-3 .u-image-2 {
    margin-top: 0;
    margin-left: calc(((100% - 720px) / 2)  + 242px);
  }

  .u-section-3 .u-image-3 {
    margin-top: 0;
    margin-left: calc(((100% - 720px) / 2)  + 296px);
  }

  .u-section-3 .u-icon-1 {
    margin-top: 0;
    margin-right: calc(((100% - 720px) / 2)  + 75px);
    margin-bottom: 0;
  }
}

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

  .u-section-3 .u-image-1 {
    width: 540px;
    height: 182px;
  }

  .u-section-3 .u-image-2 {
    margin-left: calc(((100% - 540px) / 2)  + 104px);
  }

  .u-section-3 .u-image-3 {
    margin-left: calc(((100% - 540px) / 2)  + 211px);
  }

  .u-section-3 .u-icon-1 {
    margin-right: calc(((100% - 540px) / 2)  + 75px);
  }
}

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

  .u-section-3 .u-image-1 {
    width: 329px;
    height: 110px;
    margin-top: -62px;
  }

  .u-section-3 .u-image-2 {
    width: 246px;
    height: 216px;
    margin-top: 99px;
    margin-left: calc(((100% - 340px) / 2)  + 35px);
  }

  .u-section-3 .u-image-3 {
    width: 230px;
    height: 195px;
    margin-top: -363px;
    margin-left: calc(((100% - 340px) / 2)  + 43px);
  }

  .u-section-3 .u-icon-1 {
    width: 47px;
    height: 47px;
    margin-top: -2117px;
    margin-right: auto;
    margin-bottom: 60px;
    padding: 4px;
  }
} .u-section-4 {
  background-image: url("images/JOINUS15.svg");
  background-size: cover;
  min-height: 1573px;
  background-position: 50% 50%;
}

.u-section-4 .u-image-1 {
  width: 861px;
  height: 1052px;
  margin: 196px auto 0 0;
}

.u-section-4 .u-image-2 {
  width: 326px;
  height: 326px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: -974px auto 0 calc(((100% - 1320px) / 2)  + 407px);
}

.u-section-4 .u-image-3 {
  width: 300px;
  height: 300px;
  transition-duration: 0.5s;
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px);
  margin: -77px calc(((100% - 1320px) / 2)  + 413px) 0 auto;
}

@media (max-width: 1399px) {
   .u-section-4 {
    background-position: 60.95% 50%;
    min-height: 1459px;
  }

  .u-section-4 .u-image-1 {
    width: 566px;
    height: 737px;
    margin-top: 490px;
  }

  .u-section-4 .u-image-2 {
    width: 251px;
    height: 251px;
    margin-top: -996px;
    margin-left: calc(((100% - 1140px) / 2)  + 319px);
  }

  .u-section-4 .u-image-3 {
    width: 240px;
    height: 240px;
    margin-top: -104px;
    margin-right: calc(((100% - 1140px) / 2)  + 341px);
    margin-bottom: 60px;
  }
}

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

  .u-section-4 .u-image-1 {
    width: 420px;
    margin-top: 259px;
  }

  .u-section-4 .u-image-2 {
    margin-top: -943px;
    margin-left: calc(((100% - 940px) / 2)  + 202px);
  }

  .u-section-4 .u-image-3 {
    margin-top: -45px;
    margin-right: calc(((100% - 940px) / 2)  + 330px);
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-image-2 {
    margin-left: calc(((100% - 720px) / 2) + 202px);
  }

  .u-section-4 .u-image-3 {
    margin-right: calc(((100% - 720px) / 2) + 330px);
  }
}

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

  .u-section-4 .u-image-2 {
    margin-left: calc(((100% - 540px) / 2) + 202px);
  }

  .u-section-4 .u-image-3 {
    margin-right: calc(((100% - 540px) / 2) + 300px);
  }
}

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

  .u-section-4 .u-image-1 {
    width: 220px;
    height: 272px;
    margin-top: 73px;
  }

  .u-section-4 .u-image-2 {
    width: 114px;
    height: 114px;
    margin-top: -345px;
    margin-left: auto;
  }

  .u-section-4 .u-image-3 {
    width: 111px;
    height: 111px;
    margin-top: -41px;
    margin-right: calc(((100% - 340px) / 2)  + 29px);
  }
}

.u-section-4 .u-image-2,
.u-section-4 .u-image-2:before,
.u-section-4 .u-image-2 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-4 .u-image-2.u-image-2.u-image-2:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-4 .u-image-2.u-image-2.u-image-2.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-4 .u-image-3,
.u-section-4 .u-image-3:before,
.u-section-4 .u-image-3 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-4 .u-image-3.u-image-3.u-image-3:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-4 .u-image-3.u-image-3.u-image-3.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}.move-down {
  display: block;
  margin-left: auto;
  margin-right: auto;
  animation: moveDown 2.8s cubic-bezier(0.48,0,0.52,1) infinite alternate;
}
@keyframes moveDown {
  from { transform: translateY(0);}
  to   { transform: translateY(60px);}
}