.u-section-1 {
  background-image: linear-gradient(to bottom, rgba(71, 138, 201, 0.5), rgba(0, 0, 0, 0.5));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

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

.u-section-1 .u-shape-1 {
  width: 595px;
  height: 565px;
  margin: 311px auto 0 -109px;
}

.u-section-1 .u-shape-2 {
  width: 155px;
  height: 155px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: -300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: -194px 104px 0 auto;
}

.u-section-1 .u-shape-3 {
  width: 125px;
  height: 125px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: -300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: -715px 112px 0 auto;
}

.u-section-1 .u-image-1 {
  width: 303px;
  height: 303px;
  --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;
  --radius: 10px;
  margin: -183px auto 0 300px;
}

.u-section-1 .u-image-2 {
  width: 297px;
  height: 297px;
  --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;
  --radius: 10px;
  margin: -184px 45px 0 auto;
}

.u-section-1 .u-image-3 {
  width: 169px;
  height: 169px;
  --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;
  --radius: 10px;
  margin: -169px auto 0 93px;
}

.u-section-1 .u-image-4 {
  width: 266px;
  height: 266px;
  --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;
  --radius: 10px;
  margin: -154px auto 0 404px;
}

.u-section-1 .u-image-5 {
  width: 332px;
  height: 332px;
  background-image: url("images/logomarikita.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;
  background-size: cover;
  margin: 112px 186px 0 auto;
}

.u-section-1 .u-shape-4 {
  width: 149px;
  height: 149px;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: -567px auto 0 45px;
}

.u-section-1 .u-group-1 {
  width: 928px;
  min-height: 197px;
  height: auto;
  margin: -104px 0 60px auto;
}

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

.u-section-1 .u-text-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 18px 32px 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-shape-1 {
    margin-top: 428px;
  }

  .u-section-1 .u-image-1 {
    background-position: 50% 50%;
    background-size: cover;
  }

  .u-section-1 .u-image-2 {
    background-position: 50% 50%;
  }

  .u-section-1 .u-image-3 {
    background-position: 50% 50%;
  }

  .u-section-1 .u-image-4 {
    background-position: 50% 50%;
    background-size: contain;
  }

  .u-section-1 .u-group-1 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-shape-1 {
    margin-top: 87px;
    margin-left: -235px;
  }

  .u-section-1 .u-shape-2 {
    margin-top: 126px;
    margin-right: -78px;
  }

  .u-section-1 .u-shape-3 {
    margin-top: -795px;
    margin-right: 11px;
  }

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

  .u-section-1 .u-image-2 {
    margin-top: -56px;
    margin-right: 11px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -325px;
    margin-left: 38px;
  }

  .u-section-1 .u-image-4 {
    margin-top: -266px;
    margin-right: 174px;
    margin-left: auto;
  }

  .u-section-1 .u-image-5 {
    margin-top: 355px;
    margin-right: 28px;
  }

  .u-section-1 .u-shape-4 {
    margin-top: -687px;
    margin-left: 31px;
  }

  .u-section-1 .u-group-1 {
    width: 720px;
    margin-top: 80px;
    margin-right: auto;
    margin-left: -19px;
  }

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

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

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

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

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

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

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

  .u-section-1 .u-group-1 {
    width: 540px;
    margin-top: -835px;
    margin-left: auto;
  }

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

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

  .u-section-1 .u-shape-1 {
    width: 508px;
    height: 462px;
    margin-top: 35px;
    margin-left: -304px;
  }

  .u-section-1 .u-shape-2 {
    margin-top: -67px;
    margin-right: -155px;
  }

  .u-section-1 .u-shape-3 {
    margin-top: 90px;
    margin-right: -62px;
  }

  .u-section-1 .u-image-1 {
    width: 239px;
    height: 239px;
    margin-top: -765px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-1 .u-image-2 {
    width: 168px;
    height: 188px;
    margin-top: 416px;
    margin-right: auto;
    margin-left: 25px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -665px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-1 .u-image-4 {
    width: 154px;
    height: 174px;
    margin-top: -244px;
    margin-right: auto;
    margin-left: 0;
  }

  .u-section-1 .u-image-5 {
    margin-top: 387px;
    margin-right: -29px;
  }

  .u-section-1 .u-shape-4 {
    margin-top: -30px;
    margin-left: -50px;
  }

  .u-section-1 .u-group-1 {
    min-height: 342px;
    margin-top: -29px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

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