.u-section-1 {
  background-image: url("images/Portal-Kroatien.deHeroImage.webp");
  background-position: 50% 50%;
}

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

.u-section-1 .u-shape-1 {
  width: 403px;
  height: 415px;
  --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: 167px auto 0 0;
}

.u-section-1 .u-group-1 {
  width: 607px;
  min-height: 289px;
  --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;
  height: auto;
  box-shadow: 0px -2px 8px 0px rgba(83,138,173,1);
  margin: -352px auto 60px 52px;
}

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

.u-section-1 .u-text-1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 14px 0 0;
}

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

  .u-section-1 .u-shape-1 {
    height: 546px;
    margin-top: 94px;
  }

  .u-section-1 .u-group-1 {
    min-height: 437px;
    margin-top: -491px;
    margin-left: 83px;
    height: auto;
  }

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

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

  .u-section-1 .u-group-1 {
    width: 501px;
    min-height: 455px;
  }
}

@media (max-width: 767px) {
   .u-section-1 {
    background-position: 62.55% 50%;
    background-size: auto 115%;
  }

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

  .u-section-1 .u-shape-1 {
    width: 352px;
    height: 379px;
    margin-top: 90px;
  }

  .u-section-1 .u-group-1 {
    width: 360px;
    min-height: 384px;
    margin-top: -331px;
    margin-left: 45px;
  }

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

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

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

  .u-section-1 .u-shape-1 {
    width: 294px;
    height: 349px;
    margin-top: 94px;
  }

  .u-section-1 .u-group-1 {
    width: 303px;
    margin-top: -301px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-1 .u-text-1 {
    font-size: 2.25rem;
  }
} .u-section-2 {
  background-image: none;
  min-height: 911px;
}

.u-section-2 .u-group-1 {
  height: auto;
  width: 1154px;
  min-height: 532px;
  margin: 86px calc(((100% - 1140px) / 2)  + -14px) 60px auto;
}

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

.u-section-2 .u-text-1 {
  --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: 0.3;
  margin: 0 137px 0 0;
}

.u-section-2 .u-list-1 {
  margin-top: 108px;
  margin-bottom: -202px;
}

.u-section-2 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 13.3333px));
  min-height: 514px;
  grid-gap: 20px;
}

.u-section-2 .u-list-item-1 {
  background-image: none;
  --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;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
}

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

.u-section-2 .u-image-1 {
  height: 305px;
  --top-left-radius: 50px;
  --top-right-radius: 50px;
  margin: 0;
}

.u-section-2 .u-text-2 {
  font-weight: 700;
  font-size: 1.375rem;
  margin: 38px -7px 0 38px;
}

.u-section-2 .u-text-3 {
  margin: 15px 24px 0 38px;
}

.u-section-2 .u-btn-1 {
  letter-spacing: 2px;
  background-image: none;
  border-style: solid;
  text-transform: uppercase;
  font-weight: 700;
  margin: 21px 100px 0 38px;
  padding: 0;
}

.u-section-2 .u-list-item-2 {
  --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;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
}

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

.u-section-2 .u-image-2 {
  height: 305px;
  --top-left-radius: 50px;
  --top-right-radius: 50px;
  margin: 0;
}

.u-section-2 .u-text-4 {
  font-weight: 700;
  font-size: 1.375rem;
  margin: 38px -7px 0 38px;
}

.u-section-2 .u-text-5 {
  font-size: 1rem;
  font-style: normal;
  margin: 15px 24px 0 38px;
}

.u-section-2 .u-btn-2 {
  letter-spacing: 2px;
  background-image: none;
  border-style: solid;
  text-transform: uppercase;
  font-weight: 700;
  margin: 21px 100px 0 38px;
  padding: 0;
}

.u-section-2 .u-list-item-3 {
  --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;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
}

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

.u-section-2 .u-image-3 {
  height: 305px;
  --top-left-radius: 50px;
  --top-right-radius: 50px;
  margin: 0;
}

.u-section-2 .u-text-6 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin: 38px -7px 0 38px;
}

.u-section-2 .u-text-7 {
  font-size: 1rem;
  font-style: normal;
  margin: 15px 24px 0 38px;
}

.u-section-2 .u-btn-3 {
  letter-spacing: 2px;
  background-image: none;
  border-style: solid;
  text-transform: uppercase;
  font-weight: 700;
  margin: 21px 100px 0 38px;
  padding: 0;
}

.u-section-2 .u-image-4 {
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
}

.u-section-2 .u-group-2 {
  width: 164px;
  height: 189px;
  --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: -2356px auto 60px calc(((100% - 1140px) / 2)  + 422px);
}

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

.u-section-2 .u-group-3 {
  min-height: 160px;
  width: 248px;
  height: auto;
  --radius: 50px;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
  margin: 0 -114px 0 auto;
}

.u-section-2 .u-container-layout-6 {
  padding-left: 20px;
  padding-right: 20px;
}

.u-section-2 .u-text-8 {
  font-weight: 700;
  width: auto;
  margin: 0 0 0 10px;
}

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

  .u-section-2 .u-group-1 {
    width: 940px;
    min-height: 572px;
    margin-top: 9px;
    margin-right: auto;
    height: auto;
  }

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

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

  .u-section-2 .u-list-1 {
    margin-top: 64px;
    margin-bottom: -195px;
  }

  .u-section-2 .u-repeater-1 {
    min-height: 539px;
  }

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

  .u-section-2 .u-image-1 {
    height: 251px;
    background-position: 50% 50%;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-top: 80px;
    margin-right: 43px;
    margin-left: 29px;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: 19px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 24px;
    margin-right: 47px;
    margin-left: 26px;
  }

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

  .u-section-2 .u-image-2 {
    height: 251px;
    background-position: 50% 50%;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-4 {
    width: auto;
    margin-top: 80px;
    margin-right: 43px;
    margin-left: 29px;
  }

  .u-section-2 .u-text-5 {
    width: auto;
    margin-top: 19px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-2 {
    margin-top: 24px;
    margin-right: 47px;
    margin-left: 26px;
  }

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

  .u-section-2 .u-image-3 {
    height: 251px;
    background-position: 50% 50%;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-6 {
    width: auto;
    margin-top: 80px;
    margin-right: 43px;
    margin-left: 29px;
  }

  .u-section-2 .u-text-7 {
    width: auto;
    margin-top: 19px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-3 {
    margin-top: 24px;
    margin-right: 47px;
    margin-left: 26px;
  }

  .u-section-2 .u-group-2 {
    margin-left: calc(((100% - 940px) / 2)  + 322px);
    height: auto;
  }

  .u-section-2 .u-group-3 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-group-1 {
    width: 720px;
  }

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

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

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 9.99997px));
    min-height: 1210px;
  }

  .u-section-2 .u-image-1 {
    height: 288px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-2 {
    margin-left: 18px;
    margin-right: 169px;
  }

  .u-section-2 .u-text-3 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .u-section-2 .u-btn-1 {
    margin-left: 38px;
    margin-right: 0;
  }

  .u-section-2 .u-image-2 {
    height: 288px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-4 {
    margin-left: 18px;
    margin-right: 169px;
  }

  .u-section-2 .u-text-5 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .u-section-2 .u-btn-2 {
    margin-left: 38px;
    margin-right: 0;
  }

  .u-section-2 .u-image-3 {
    height: 288px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-6 {
    margin-left: 18px;
    margin-right: 169px;
  }

  .u-section-2 .u-text-7 {
    margin-left: 32px;
    margin-right: 32px;
  }

  .u-section-2 .u-btn-3 {
    margin-left: 38px;
    margin-right: 0;
  }

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

@media (max-width: 767px) {
  .u-section-2 .u-group-1 {
    width: 540px;
  }

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

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 2090px;
  }

  .u-section-2 .u-image-1 {
    height: 432px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-2 {
    height: 432px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-3 {
    height: 432px;
    margin-right: initial;
    margin-left: initial;
  }

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

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

  .u-section-2 .u-group-1 {
    min-height: 2187px;
    width: 318px;
    margin-top: 174px;
    margin-right: calc(((100% - 340px) / 2));
    margin-bottom: 0;
  }

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

  .u-section-2 .u-text-1 {
    margin-top: 477px;
    margin-right: 9px;
    margin-left: -19px;
  }

  .u-section-2 .u-list-1 {
    width: 337px;
    margin: 65px 0 0 -19px;
  }

  .u-section-2 .u-repeater-1 {
    min-height: 1579px;
  }

  .u-section-2 .u-image-1 {
    height: 272px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-2 {
    margin-top: 27px;
    margin-right: 98px;
    margin-left: 26px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 18px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-1 {
    margin-right: auto;
    margin-left: 26px;
  }

  .u-section-2 .u-image-2 {
    height: 272px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-4 {
    margin-top: 27px;
    margin-right: 98px;
    margin-left: 26px;
  }

  .u-section-2 .u-text-5 {
    margin-top: 18px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-2 {
    margin-right: auto;
    margin-left: 26px;
  }

  .u-section-2 .u-image-3 {
    height: 272px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-6 {
    margin-top: 27px;
    margin-right: 98px;
    margin-left: 26px;
  }

  .u-section-2 .u-text-7 {
    margin-top: 18px;
    margin-left: 26px;
    margin-right: 26px;
  }

  .u-section-2 .u-btn-3 {
    margin-right: auto;
    margin-left: 26px;
  }

  .u-section-2 .u-image-4 {
    width: 334px;
    height: 224px;
    --radius: 50px;
    margin: -2070px auto 0 -22px;
  }

  .u-section-2 .u-group-2 {
    width: 248px;
    min-height: 253px;
    margin-top: -2286px;
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-2 .u-container-layout-5 {
    padding-bottom: 18px;
  }

  .u-section-2 .u-group-3 {
    min-height: 200px;
    width: 276px;
    margin-top: 27px;
    margin-right: -82px;
  }

  .u-section-2 .u-text-8 {
    margin-top: 26px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 1093px;
}

.u-section-3 .u-text-1 {
  margin: 59px 75px 0 0;
}

.u-section-3 .u-custom-html-1 {
  height: auto;
  min-height: 280px;
  margin: -133px 59px 0 0;
}

.u-section-3 .u-image-1 {
  width: 450px;
  height: 300px;
  --top-right-radius: 50px;
  --bottom-right-radius: 50px;
  box-shadow: 0px 0px 8px 0px rgba(83,138,173,1);
  margin: 41px auto 0 0;
}

.u-section-3 .u-text-2 {
  margin: -250px 18px 0 491px;
}

.u-section-3 .u-text-3 {
  margin: 109px 32px 60px 0;
}

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

  .u-section-3 .u-text-1 {
    width: auto;
    margin-top: 52px;
    margin-right: 27px;
  }

  .u-section-3 .u-custom-html-1 {
    margin-top: -135px;
    margin-right: 27px;
  }

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

  .u-section-3 .u-text-2 {
    width: auto;
    margin-top: -310px;
    margin-right: 27px;
    margin-left: 470px;
  }

  .u-section-3 .u-text-3 {
    width: auto;
    margin-top: 61px;
    margin-right: 27px;
  }
}

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

  .u-section-3 .u-text-1 {
    margin-top: 59px;
    margin-right: 0;
  }

  .u-section-3 .u-custom-html-1 {
    margin-top: -130px;
    margin-right: 16px;
  }

  .u-section-3 .u-image-1 {
    width: 610px;
    margin-top: 38px;
  }

  .u-section-3 .u-text-2 {
    margin-top: 59px;
    margin-right: 16px;
    margin-left: 0;
  }

  .u-section-3 .u-text-3 {
    margin-top: -12px;
    margin-right: 28px;
    margin-bottom: 59px;
  }
}

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

  .u-section-3 .u-custom-html-1 {
    margin-top: 331px;
    margin-right: 0;
  }

  .u-section-3 .u-image-1 {
    width: 540px;
    height: 266px;
    margin-top: 20px;
  }

  .u-section-3 .u-text-2 {
    margin-right: 0;
  }

  .u-section-3 .u-text-3 {
    margin-right: 0;
    margin-bottom: -115px;
  }
}

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

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

  .u-section-3 .u-custom-html-1 {
    margin-top: -100px;
    margin-right: 16px;
  }

  .u-section-3 .u-image-1 {
    width: 324px;
    height: 167px;
    margin-top: 59px;
  }

  .u-section-3 .u-text-2 {
    margin-right: 16px;
  }

  .u-section-3 .u-text-3 {
    margin-top: 0;
    margin-right: 16px;
    margin-bottom: 52px;
  }
} .u-section-4 {
  background-image: none;
}

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

.u-section-4 .u-shape-1 {
  width: 956px;
  height: 641px;
  background-image: none;
  --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: 1;
  margin: 78px 60px 0 auto;
}

.u-section-4 .u-image-1 {
  width: 982px;
  height: 757px;
  object-position: 74.84% 50%;
  --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: 1;
  margin: -560px auto 0 0;
}

.u-section-4 .u-group-1 {
  min-height: 544px;
  width: 690px;
  background-image: none;
  margin: -358px 0 0 auto;
}

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

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

.u-section-4 .u-text-2 {
  margin: 20px 0 0;
}

.u-section-4 .u-btn-1 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: none;
  margin: 20px auto 0 0;
  padding: 17px 57px 18px 56px;
}

.u-section-4 .u-shape-2 {
  width: 265px;
  height: 265px;
  background-image: none;
  --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: 0.3;
  margin: -24px auto 60px 163px;
}

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

  .u-section-4 .u-shape-1 {
    width: 776px;
    margin-top: 85px;
    margin-right: 69px;
  }

  .u-section-4 .u-image-1 {
    width: 780px;
    height: 643px;
  }

  .u-section-4 .u-group-1 {
    width: 663px;
    margin-top: -326px;
  }

  .u-section-4 .u-shape-2 {
    width: 241px;
    height: 241px;
    margin-left: 45px;
  }
}

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

  .u-section-4 .u-shape-1 {
    width: 613px;
    height: 565px;
    margin-right: 34px;
  }

  .u-section-4 .u-image-1 {
    width: 618px;
    height: 546px;
  }

  .u-section-4 .u-group-1 {
    margin-top: -156px;
  }

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

  .u-section-4 .u-shape-2 {
    width: 201px;
    height: 201px;
    margin-left: 0;
  }
}

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

  .u-section-4 .u-shape-1 {
    height: 693px;
    width: 480px;
    margin-right: 0;
  }

  .u-section-4 .u-image-1 {
    height: 350px;
    width: 487px;
  }

  .u-section-4 .u-group-1 {
    width: 487px;
    margin-top: -17px;
    margin-right: auto;
    margin-left: 0;
  }

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

  .u-section-4 .u-shape-2 {
    width: 172px;
    height: 172px;
  }
}

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

  .u-section-4 .u-shape-1 {
    width: 287px;
    margin-top: 50px;
  }

  .u-section-4 .u-image-1 {
    width: 322px;
    height: 227px;
    margin-top: -641px;
  }

  .u-section-4 .u-group-1 {
    min-height: 1041px;
    width: 303px;
    margin-top: 68px;
    margin-left: auto;
  }

  .u-section-4 .u-text-1 {
    width: auto;
    margin-right: 13px;
  }

  .u-section-4 .u-shape-2 {
    width: 133px;
    height: 133px;
    margin-top: 155px;
  }
} .u-section-5 {
  background-image: none;
}

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

.u-section-5 .u-shape-1 {
  width: 956px;
  height: 641px;
  background-image: none;
  --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: 1;
  margin: 78px 60px 0 auto;
}

.u-section-5 .u-image-1 {
  width: 982px;
  height: 757px;
  object-position: 74.84% 50%;
  --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: 1;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
  margin: -560px auto 0 0;
}

.u-section-5 .u-group-1 {
  min-height: 544px;
  width: 690px;
  background-image: none;
  margin: -358px 0 60px auto;
}

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

.u-section-5 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  margin: 0 auto 0 0;
}

.u-section-5 .u-text-2 {
  margin: 20px 0 0;
}

.u-section-5 .u-btn-1 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: none;
  margin: 20px auto 0 0;
  padding: 17px 57px 18px 56px;
}

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

  .u-section-5 .u-shape-1 {
    width: 776px;
    margin-top: 85px;
    margin-right: 69px;
  }

  .u-section-5 .u-image-1 {
    width: 780px;
    height: 643px;
  }

  .u-section-5 .u-group-1 {
    width: 663px;
    margin-top: -326px;
  }
}

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

  .u-section-5 .u-shape-1 {
    width: 613px;
    height: 565px;
    margin-right: 34px;
  }

  .u-section-5 .u-image-1 {
    width: 618px;
    height: 546px;
  }

  .u-section-5 .u-group-1 {
    margin-top: -156px;
  }

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

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

  .u-section-5 .u-shape-1 {
    height: 693px;
    width: 480px;
    margin-right: 0;
  }

  .u-section-5 .u-image-1 {
    height: 350px;
    width: 487px;
  }

  .u-section-5 .u-group-1 {
    width: 487px;
    margin-top: -17px;
    margin-right: auto;
    margin-left: 0;
  }

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

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

  .u-section-5 .u-shape-1 {
    width: 287px;
    margin-top: 50px;
  }

  .u-section-5 .u-image-1 {
    width: 322px;
    height: 227px;
    margin-top: -632px;
    margin-left: auto;
  }

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

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

  .u-section-5 .u-text-1 {
    font-size: 1.6875rem;
    width: auto;
    margin-top: 9px;
    margin-right: 6px;
    margin-left: 3px;
  }

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

  .u-section-5 .u-btn-1 {
    font-size: 1rem;
    margin-top: 36px;
    margin-right: 40px;
  }
} .u-section-6 {
  background-image: none;
}

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

.u-section-6 .u-shape-1 {
  width: 832px;
  height: 1639px;
  margin: 30px auto 0 79px;
}

.u-section-6 .u-image-1 {
  width: 835px;
  height: 557px;
  --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: 1;
  box-shadow: 0px 0px 8px 0px rgba(83,138,173,1);
  margin: -1572px 79px 0 auto;
}

.u-section-6 .u-image-2 {
  width: 486px;
  height: 334px;
  --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;
  box-shadow: 0px 0px 8px 0px rgba(83,138,173,1);
  margin: 269px 45px 0 auto;
}

.u-section-6 .u-group-1 {
  width: 495px;
  min-height: 1046px;
  --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: 1;
  height: auto;
  box-shadow: 0px 0px 8px 0px rgba(83,138,173,1);
  margin: -718px auto 60px 75px;
}

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

.u-section-6 .u-text-1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

.u-section-6 .u-text-2 {
  margin: 39px 0 0;
}

.u-section-6 .u-btn-1 {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-image: none;
  margin: 30px 0 0;
  padding: 17px 57px 18px 56px;
}

@media (max-width: 1199px) {
  .u-section-6 .u-shape-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;
  }

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

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

  .u-section-6 .u-shape-1 {
    width: 720px;
    margin-left: 0;
  }

  .u-section-6 .u-image-1 {
    width: 720px;
    height: 480px;
    margin-right: 0;
  }

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

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

  .u-section-6 .u-shape-1 {
    width: 540px;
  }

  .u-section-6 .u-image-1 {
    width: 540px;
    height: 360px;
  }

  .u-section-6 .u-group-1 {
    margin-left: 45px;
  }
}

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

  .u-section-6 .u-shape-1 {
    width: 340px;
    margin-top: 40px;
  }

  .u-section-6 .u-image-1 {
    height: 227px;
    margin-top: -1584px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-image-2 {
    width: 340px;
    height: 234px;
    margin-top: 672px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-6 .u-group-1 {
    min-height: 1396px;
    margin-top: -847px;
    margin-bottom: 47px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

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

  .u-section-6 .u-text-2 {
    width: auto;
    margin-top: 31px;
  }

  .u-section-6 .u-btn-1 {
    font-size: 1rem;
    margin-right: auto;
    padding-right: 19px;
    padding-left: 17px;
  }
} .u-section-7 {
  background-image: none;
  min-height: 1804px;
}

.u-section-7 .u-shape-1 {
  height: 634px;
  --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-top: 0;
  margin-bottom: 0;
}

.u-section-7 .u-image-1 {
  width: 746px;
  height: 746px;
  --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.5;
  box-shadow: 0px 0px 8px 0px rgba(83,138,173,1);
  margin: -556px auto 0;
}

.u-section-7 .u-group-1 {
  width: 1012px;
  background-image: none;
  --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: 1;
  height: auto;
  box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
  min-height: 779px;
  margin: 56px auto 60px;
}

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

.u-section-7 .u-text-1 {
  font-size: 2.625rem;
  font-weight: 700;
  margin: 18px 30px 0;
}

.u-section-7 .u-text-2 {
  margin: 39px 30px 0 114px;
}

.u-section-7 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: -96px auto 0 30px;
}

.u-section-7 .u-text-3 {
  margin: 52px 30px 0 114px;
}

.u-section-7 .u-icon-2 {
  width: 64px;
  height: 64px;
  margin: -132px auto 0 30px;
}

.u-section-7 .u-text-4 {
  margin: 88px 30px 0 114px;
}

.u-section-7 .u-icon-3 {
  width: 64px;
  height: 64px;
  margin: -132px auto 0 30px;
}

@media (max-width: 1199px) {
  .u-section-7 .u-group-1 {
    width: 940px;
    margin-left: calc(((100% - 940px) / 2));
    height: auto;
  }

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

  .u-section-7 .u-text-2 {
    margin-right: 0;
    margin-left: 72px;
  }

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

  .u-section-7 .u-text-3 {
    margin-right: 0;
    margin-left: 72px;
  }

  .u-section-7 .u-icon-2 {
    margin-top: 20px;
  }

  .u-section-7 .u-text-4 {
    margin-right: 0;
    margin-left: 72px;
  }

  .u-section-7 .u-icon-3 {
    margin-top: 20px;
  }
}

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

  .u-section-7 .u-image-1 {
    width: 720px;
    height: 720px;
  }

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

  .u-section-7 .u-text-2 {
    margin-left: 0;
  }

  .u-section-7 .u-text-3 {
    margin-left: 0;
  }

  .u-section-7 .u-text-4 {
    margin-left: 0;
  }
}

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

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

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

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

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

  .u-section-7 .u-shape-1 {
    height: 261px;
  }

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

  .u-section-7 .u-group-1 {
    width: 340px;
    min-height: 2185px;
    margin-top: 67px;
    margin-left: auto;
  }

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

  .u-section-7 .u-icon-1 {
    margin-top: 33px;
    margin-left: 0;
  }

  .u-section-7 .u-text-3 {
    margin-top: 39px;
  }

  .u-section-7 .u-icon-2 {
    margin-top: 55px;
    margin-left: 0;
  }

  .u-section-7 .u-text-4 {
    margin-top: 53px;
  }

  .u-section-7 .u-icon-3 {
    margin-left: 0;
  }
}.u-section-4 .u-image-1 {
    width: 450px;
    height: 300px;
    --top-right-radius: 150px!important;
    --bottom-right-radius: 150px!important;
    box-shadow: 0px 0px 8px 0px rgba(83, 138, 173, 1);
    margin: 41px auto 0 0;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
.container {
  color: #2c2933;
    font-family: 'Roboto', sans-serif;
}
.island-link {
    color: #09366d;
    text-decoration: none;
	font-size: 20px;
	font-weight: bold; 
}
.island-link:hover {
    color: #09366d;
    text-decoration: none;
	font-size: 20px;
	font-weight: bold; 
	
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #09366d;
  text-decoration: none;
  overflow: hidden;
  transition: color 0.3s ease;
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link::before,
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link::after {
  content: '';
  position: absolute;
  width: 120%;
  height: 120%;
  background: #09366d;
  transition: transform 0.5s ease;
  z-index: -1;
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(9, 54, 109, 0.5);
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link::after {
  top: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link:hover {
  color: #ffffff;
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link:hover::before {
  transform: translate(-50%, -50%) scale(1);
}
.u-nav-container > .u-nav > .u-nav-item > .u-nav-link:hover::after {
  transform: scaleX(1);
}
@media (max-width: 575px) {
    .u-section-5 .u-btn-1 {
        font-size: 1rem;
        margin-top: 28px!important;
        margin-right: 0;
       
        }
    .u-section-5 .u-container-layout-1 {
    padding: -10px;
    bottom: -80px !important;
		 }
	 }
	
	@media (max-width: 991px) {
    .u-section-6 .u-text-1 {
        font-size: 2.25rem;
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .u-section-6 .u-container-layout-1 {
        padding-left: 20px;
        padding-right: 20px;
        bottom: 20px;
    }
}
		
@media (max-width: 575px) {
    .u-section-5 .u-text-1 {
        font-size: 1.6875rem;
        width: auto;
        margin-right: 6px;
        margin-left: 3px;
        margin-top: -50px;
    }
}