.u-section-1 {
  background-image: none;
  min-height: 861px;
}

.u-section-1 .u-shape-1 {
  width: calc(((100% - 1140px) / 2) + 1140px);
  height: 649px;
  margin: 0 auto 0 0;
}

.u-section-1 .u-image-1 {
  width: 942px;
  height: 614px;
  box-shadow: 0 0 37px 0 rgba(0,0,0,0.55);
  filter: brightness(0.9);
  object-position: 12.76% 50%;
  background-position: 12.76% 50%;
  margin: -603px calc(((100% - 1140px) / 2) + 51px) 0 auto;
}

.u-section-1 .u-group-1 {
  width: 369px;
  min-height: 236px;
  height: auto;
  margin: -236px calc(((100% - 1140px) / 2) + 51px) 0 auto;
}

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

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

.u-section-1 .u-group-2 {
  width: 582px;
  min-height: 355px;
  height: auto;
  margin: -522px auto 0 calc(((100% - 1140px) / 2));
}

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

.u-section-1 .u-text-2 {
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 6rem;
  margin: 20px 0;
}

.u-section-1 .u-shape-2 {
  width: 634px;
  height: 210px;
  margin: 108px auto 0 calc(((100% - 1140px) / 2) + 63px);
}

.u-section-1 .u-layout-wrap-1 {
  width: 662px;
  margin: -179px auto 81px calc(((100% - 1140px) / 2));
}

.u-section-1 .u-image-2 {
  background-image: url("np://user.desktop.nicepage.com/Site_136472366/images/1.jpg?rand=6074");
  min-height: 158px;
  background-position: 50% 50%;
}

.u-section-1 .u-image-3 {
  background-image: url("np://user.desktop.nicepage.com/Site_136472366/images/Untitled1.jpg?rand=aa13");
  min-height: 158px;
  background-position: 50% 50%;
}

.u-section-1 .u-image-4 {
  background-image: url("np://user.desktop.nicepage.com/Site_136472366/images/2.jpg?rand=0a73");
  min-height: 158px;
  background-position: 50% 50%;
}

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

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

  .u-section-1 .u-image-1 {
    width: 793px;
    height: 552px;
    object-position: 50% 50%;
    background-position: 50% 50%;
    margin-top: -513px;
    margin-right: calc(((100% - 1140px) / 2) + 138px);
  }

  .u-section-1 .u-group-1 {
    width: 317px;
    margin-right: calc(((100% - 1140px) / 2) + 138px);
    height: auto;
  }

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

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

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

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

  .u-section-1 .u-text-2 {
    letter-spacing: normal;
  }

  .u-section-1 .u-shape-2 {
    width: 542px;
    height: 196px;
    margin-top: 102px;
    margin-left: calc(((100% - 1140px) / 2) + 127px);
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 547px;
    margin-top: -171px;
    margin-bottom: 85px;
    margin-left: calc(((100% - 1140px) / 2) + 100px);
  }

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

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

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

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

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

  .u-section-1 .u-image-1 {
    width: 645px;
    height: 469px;
    object-position: 0% 100%;
    background-position: 0% 100%;
    margin-top: -413px;
    margin-right: calc(((100% - 1140px) / 2) + 240px);
  }

  .u-section-1 .u-group-1 {
    width: 311px;
    min-height: 232px;
    margin-top: -277px;
    margin-right: calc(((100% - 1140px) / 2) + 240px);
  }

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

  .u-section-1 .u-text-1 {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .u-section-1 .u-group-2 {
    width: 379px;
    min-height: 297px;
    margin-top: -412px;
    margin-left: calc(((100% - 1140px) / 2) + 210px);
  }

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

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

  .u-section-1 .u-shape-2 {
    width: 496px;
    height: 187px;
    margin-top: 115px;
    margin-left: calc(((100% - 1140px) / 2) + 297px);
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 556px;
    margin-top: -159px;
    margin-left: calc(((100% - 1140px) / 2) + 210px);
  }

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

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

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

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

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

  .u-section-1 .u-image-1 {
    width: 474px;
    height: 608px;
    object-position: 9.45% 100%;
    background-position: 9.45% 100%;
    margin-top: -512px;
    margin-right: calc(((100% - 1140px) / 2) + 330px);
  }

  .u-section-1 .u-group-1 {
    width: 307px;
    min-height: 221px;
    margin-top: -292px;
    margin-right: calc(((100% - 1140px) / 2) + 336px);
  }

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

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

  .u-section-1 .u-group-2 {
    width: 375px;
    margin-top: -530px;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

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

  .u-section-1 .u-shape-2 {
    width: 353px;
    height: 786px;
    margin-top: 233px;
    margin-left: calc(((100% - 1140px) / 2) + 365px);
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 386px;
    margin-top: -755px;
    margin-bottom: 50px;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

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

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

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

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

  .u-section-1 .u-shape-1 {
    width: calc(((100% - 340px) / 2) + 268px);
  }

  .u-section-1 .u-image-1 {
    width: 316px;
    height: 574px;
    margin-top: -503px;
    margin-right: calc(((100% - 1140px) / 2) + 400px);
  }

  .u-section-1 .u-group-1 {
    width: 292px;
    min-height: 219px;
    margin-top: -274px;
    margin-right: auto;
    margin-left: calc(((100% - 1140px) / 2) + 424px);
  }

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

  .u-section-1 .u-group-2 {
    min-height: 266px;
    width: 295px;
    margin-top: -519px;
    margin-left: calc(((100% - 1140px) / 2) + 400px);
  }

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

  .u-section-1 .u-text-2 {
    font-size: 3.75rem;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .u-section-1 .u-shape-2 {
    width: 250px;
    height: 713px;
    margin-top: 250px;
    margin-left: calc(((100% - 1140px) / 2) + 445px);
  }

  .u-section-1 .u-layout-wrap-1 {
    width: 268px;
    margin-top: -688px;
    margin-bottom: 70px;
    margin-left: calc(((100% - 1140px) / 2) + 400px);
  }

  .u-section-1 .u-image-2 {
    min-height: 224px;
    z-index: 0;
  }

  .u-section-1 .u-image-3 {
    min-height: 225px;
    z-index: 1;
  }

  .u-section-1 .u-image-4 {
    min-height: 224px;
    z-index: 3;
  }
} .u-section-2 {
  min-height: 1061px;
}

.u-section-2 .u-shape-1 {
  width: calc(((100% - 1140px) / 2) + 683px);
  height: 335px;
  background-image: none;
  margin: 186px auto 0 0;
}

.u-section-2 .u-shape-2 {
  width: calc(((100% - 1140px) / 2) + 756px);
  height: 473px;
  background-image: none;
  margin: -103px 0 0 auto;
}

.u-section-2 .u-group-1 {
  min-height: 186px;
  height: auto;
  width: 1140px;
  margin: -891px auto 0;
}

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

.u-section-2 .u-text-1 {
  font-size: 9.125rem;
  letter-spacing: -1px;
  line-height: 1;
  text-transform: uppercase;
  margin: 20px 0;
}

.u-section-2 .u-image-1 {
  width: 577px;
  height: 568px;
  box-shadow: 0 0 29px 0 rgba(0,0,0,0.2);
  object-position: 50% 100%;
  background-position: 50% 100%;
  margin: 64px calc(((100% - 1140px) / 2) + 277px) 0 auto;
}

.u-section-2 .u-shape-3 {
  width: 516px;
  height: 477px;
  background-image: none;
  box-shadow: 0 0 18px 0 rgba(0,0,0,0.3);
  margin: -297px calc(((100% - 1140px) / 2)) 0 auto;
}

.u-section-2 .u-group-2 {
  width: 472px;
  min-height: 437px;
  height: auto;
  margin: -457px calc(((100% - 1140px) / 2) + 22px) 82px auto;
}

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

.u-section-2 .u-text-2 {
  font-weight: 700;
  font-size: 2.25rem;
  margin: 45px 20px 0;
}

.u-section-2 .u-text-3 {
  font-style: italic;
  margin: 38px 20px 0;
}

.u-section-2 .u-link-1 {
  margin: 38px auto 45px;
}

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

  .u-section-2 .u-shape-1 {
    width: calc(((100% - 940px) / 2) + 563px);
    height: 370px;
    margin-top: 151px;
  }

  .u-section-2 .u-shape-2 {
    width: calc(((100% - 940px) / 2) + 623px);
    height: 423px;
  }

  .u-section-2 .u-group-1 {
    min-height: 164px;
    width: 940px;
    margin-top: -841px;
    margin-left: calc(((100% - 1140px) / 2) + 100px);
    height: auto;
  }

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

  .u-section-2 .u-text-1 {
    font-size: 8rem;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .u-section-2 .u-image-1 {
    width: 516px;
    height: 461px;
    object-position: 50% 50%;
    background-position: 50% 50%;
    margin-top: 29px;
    margin-right: auto;
    margin-left: calc(((100% - 1140px) / 2) + 312px);
  }

  .u-section-2 .u-shape-3 {
    width: 481px;
    height: 446px;
    margin-top: -212px;
    margin-right: calc(((100% - 1140px) / 2) + 100px);
  }

  .u-section-2 .u-group-2 {
    width: 445px;
    min-height: 406px;
    margin-top: -426px;
    margin-right: calc(((100% - 1140px) / 2) + 118px);
    margin-bottom: 90px;
    height: auto;
  }

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

  .u-section-2 .u-text-3 {
    margin-top: 29px;
    margin-left: 0;
    margin-right: 0;
    font-style: normal;
  }

  .u-section-2 .u-link-1 {
    margin-top: 29px;
    margin-bottom: 32px;
  }
}

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

  .u-section-2 .u-shape-1 {
    width: calc(((100% - 720px) / 2) + 521px);
    height: 290px;
    margin-top: 172px;
  }

  .u-section-2 .u-shape-2 {
    width: 616px;
    height: 419px;
    margin-top: -118px;
  }

  .u-section-2 .u-group-1 {
    min-height: 131px;
    width: 720px;
    margin-top: -722px;
    margin-left: calc(((100% - 1140px) / 2) + 210px);
  }

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

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

  .u-section-2 .u-image-1 {
    width: 473px;
    height: 432px;
    object-position: 50% 99.99%;
    background-position: 50% 99.99%;
    margin-top: 90px;
    margin-left: calc(((100% - 1140px) / 2) + 294px);
  }

  .u-section-2 .u-shape-3 {
    width: 460px;
    height: 462px;
    margin-top: -149px;
    margin-right: calc(((100% - 1140px) / 2) + 228px);
  }

  .u-section-2 .u-group-2 {
    width: 424px;
    min-height: 422px;
    margin-top: -442px;
    margin-right: calc(((100% - 1140px) / 2) + 246px);
    margin-bottom: 95px;
  }

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

  .u-section-2 .u-text-2 {
    margin-top: 40px;
  }

  .u-section-2 .u-text-3 {
    position: relative;
    margin-top: 20px;
  }

  .u-section-2 .u-link-1 {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

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

  .u-section-2 .u-shape-1 {
    width: calc(((100% - 540px) / 2) + 404px);
    height: 368px;
  }

  .u-section-2 .u-shape-2 {
    width: 484px;
    height: 417px;
    margin-top: -196px;
  }

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

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

  .u-section-2 .u-text-1 {
    font-size: 4.5rem;
    width: 535px;
  }

  .u-section-2 .u-image-1 {
    width: 444px;
    height: 441px;
    margin-top: 50px;
    margin-left: calc(((100% - 1140px) / 2) + 348px);
  }

  .u-section-2 .u-shape-3 {
    width: 449px;
    height: 469px;
    margin-top: 69px;
    margin-right: auto;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

  .u-section-2 .u-group-2 {
    width: 415px;
    min-height: 429px;
    margin: -449px auto 117px calc(((100% - 1140px) / 2) + 317px);
  }

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

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

  .u-section-2 .u-link-1 {
    margin-top: 40px;
    margin-bottom: 43px;
  }
}

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

  .u-section-2 .u-shape-1 {
    width: calc(((100% - 340px) / 2) + 255px);
    height: 338px;
    margin-top: 203px;
  }

  .u-section-2 .u-shape-2 {
    width: calc(((100% - 340px) / 2) + 290px);
    height: 552px;
  }

  .u-section-2 .u-group-1 {
    width: 340px;
    margin-top: -855px;
    margin-left: calc(((100% - 1140px) / 2) + 400px);
  }

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

  .u-section-2 .u-text-1 {
    width: 340px;
  }

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

  .u-section-2 .u-shape-3 {
    height: 497px;
    margin-top: 127px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-group-2 {
    width: 300px;
    min-height: 418px;
    margin-top: -477px;
    margin-bottom: 83px;
    margin-left: calc(((100% - 1140px) / 2) + 420px);
  }

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

  .u-section-2 .u-text-2 {
    font-size: 1.875rem;
    position: relative;
    margin-top: 40px;
  }

  .u-section-2 .u-link-1 {
    margin-top: 31px;
    margin-bottom: 40px;
    position: relative;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 423px;
}

.u-section-3 .u-group-1 {
  min-height: 247px;
  height: auto;
  width: 763px;
  margin: 0 auto 0 32px;
}

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

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

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

.u-section-3 .u-line-1 {
  height: 240px;
  transform-origin: center bottom;
  width: 11px;
  margin: -270px auto 40px 0;
}

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

  .u-section-3 .u-group-1 {
    min-height: 309px;
    width: 699px;
    margin-left: 26px;
    height: auto;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 32px;
    padding-right: 49px;
  }

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

  .u-section-3 .u-text-2 {
    margin-bottom: 30px;
  }

  .u-section-3 .u-line-1 {
    width: 9px;
    margin-bottom: 218px;
  }
}

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

  .u-section-3 .u-group-1 {
    min-height: 347px;
    width: 572px;
    margin-left: 17px;
  }

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

  .u-section-3 .u-text-1 {
    margin-top: 35px;
  }

  .u-section-3 .u-text-2 {
    margin-bottom: 35px;
  }

  .u-section-3 .u-line-1 {
    height: 294px;
    width: 11px;
    margin-top: -324px;
  }
}

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

  .u-section-3 .u-group-1 {
    min-height: 357px;
    width: 516px;
    margin-top: 20px;
    margin-right: 2px;
    margin-left: auto;
  }

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

  .u-section-3 .u-line-1 {
    height: 312px;
    transform-origin: center top;
    margin-top: -357px;
    margin-bottom: 105px;
    margin-left: 2px;
  }
}

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

  .u-section-3 .u-group-1 {
    min-height: 540px;
    width: 310px;
    margin-right: 0;
  }

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

  .u-section-3 .u-line-1 {
    height: 464px;
    margin-top: -506px;
    margin-bottom: 96px;
    margin-left: 3px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 430px;
  position: relative;
  margin: 0 auto;
}

.u-section-4 .u-shape-1 {
  width: 483px;
  height: 489px;
  margin: -146px 0 0 auto;
}

.u-section-4 .u-group-1 {
  min-height: 311px;
  height: auto;
  width: 555px;
  margin: -275px auto 0 0;
}

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

.u-section-4 .u-text-1 {
  position: relative;
  font-size: 3.75rem;
  margin: 30px 20px 0;
}

.u-section-4 .u-text-2 {
  position: relative;
  margin: 20px 20px 30px;
}

.u-section-4 .u-layout-wrap-1 {
  width: 504px;
  margin: -483px 39px 40px auto;
}

.u-section-4 .u-layout-cell-1 {
  min-height: 247px;
}

.u-section-4 .u-image-1 {
  width: 232px;
  height: 227px;
  box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
  margin: 0 auto 20px 0;
}

.u-section-4 .u-layout-cell-2 {
  background-image: none;
  min-height: 247px;
}

.u-section-4 .u-image-2 {
  width: 232px;
  height: 227px;
  box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
  margin: 0 auto 20px 0;
}

.u-section-4 .u-layout-cell-3 {
  background-image: none;
  min-height: 247px;
}

.u-section-4 .u-image-3 {
  width: 232px;
  height: 227px;
  box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
  margin: 0 auto 20px 0;
}

.u-section-4 .u-layout-cell-4 {
  background-image: none;
  min-height: 247px;
}

.u-section-4 .u-image-4 {
  width: 232px;
  height: 227px;
  box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
  object-position: 50% 0%;
  background-position: 50% 0%;
  margin: 0 auto 20px 0;
}

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

  .u-section-4 .u-shape-1 {
    width: 398px;
    height: 417px;
  }

  .u-section-4 .u-group-1 {
    width: 458px;
    margin-top: -240px;
    height: auto;
  }

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

  .u-section-4 .u-text-1 {
    margin-top: 25px;
    margin-left: 16px;
    margin-right: 16px;
  }

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

  .u-section-4 .u-layout-wrap-1 {
    width: 446px;
    margin-top: -424px;
    margin-right: 26px;
    margin-bottom: -281px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 224px;
  }

  .u-section-4 .u-image-1 {
    width: 207px;
    height: 208px;
    margin-bottom: 16px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 224px;
  }

  .u-section-4 .u-image-2 {
    width: 207px;
    height: 208px;
    margin-bottom: 16px;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: 224px;
  }

  .u-section-4 .u-image-3 {
    width: 207px;
    height: 199px;
    margin-bottom: 0;
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 224px;
  }

  .u-section-4 .u-image-4 {
    width: 207px;
    height: 199px;
    margin-bottom: 0;
  }
}

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

  .u-section-4 .u-shape-1 {
    width: 305px;
    height: 346px;
  }

  .u-section-4 .u-group-1 {
    min-height: 314px;
    width: 351px;
    margin-top: -200px;
  }

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

  .u-section-4 .u-text-1 {
    font-size: 2.25rem;
    margin-top: 53px;
    margin-left: 0;
    margin-right: 0;
  }

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

  .u-section-4 .u-layout-wrap-1 {
    width: 355px;
    margin-top: -419px;
    margin-right: 14px;
    margin-bottom: -465px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 186px;
  }

  .u-section-4 .u-image-1 {
    width: 158px;
    height: 166px;
    margin-bottom: 20px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 186px;
  }

  .u-section-4 .u-image-2 {
    width: 158px;
    height: 166px;
    margin-bottom: 20px;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: 186px;
  }

  .u-section-4 .u-image-3 {
    width: 158px;
    height: 165px;
    margin-bottom: 20px;
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 186px;
  }

  .u-section-4 .u-image-4 {
    width: 158px;
    height: 166px;
    margin-bottom: 20px;
  }
}

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

  .u-section-4 .u-shape-1 {
    width: 335px;
    height: 1037px;
    margin-top: 336px;
    margin-right: auto;
    margin-left: 57px;
  }

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

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

  .u-section-4 .u-text-1 {
    font-size: 3rem;
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-4 .u-text-2 {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0;
    width: 525px;
  }

  .u-section-4 .u-layout-wrap-1 {
    width: 343px;
    margin: 75px auto -993px 0;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 285px;
  }

  .u-section-4 .u-image-1 {
    height: 265px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 287px;
  }

  .u-section-4 .u-image-2 {
    height: 267px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-4 .u-layout-cell-3 {
    min-height: 285px;
  }

  .u-section-4 .u-image-3 {
    height: 265px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-4 .u-layout-cell-4 {
    min-height: 287px;
  }

  .u-section-4 .u-image-4 {
    height: 267px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
}

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

  .u-section-4 .u-shape-1 {
    width: 295px;
    height: 1100px;
    margin-top: 407px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-4 .u-group-1 {
    min-height: 275px;
    width: 340px;
    margin-top: -1457px;
    margin-right: auto;
    margin-left: 0;
  }

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

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

  .u-section-4 .u-text-2 {
    margin-left: 1px;
    margin-right: 1px;
    width: 336px;
  }

  .u-section-4 .u-layout-wrap-1 {
    width: 296px;
    margin-top: 132px;
    margin-bottom: -983px;
  }
} .u-section-5 {
  background-image: none;
}

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

.u-section-5 .u-layout-wrap-1 {
  margin: 0 auto -142px 0;
}

.u-section-5 .u-layout-cell-1 {
  background-image: none;
  min-height: 287px;
}

.u-section-5 .u-icon-1 {
  height: 64px;
  width: 64px;
  margin: 25px auto 0;
}

.u-section-5 .u-text-1 {
  position: relative;
  margin: 25px 10px;
}

.u-section-5 .u-layout-cell-2 {
  background-image: none;
  min-height: 287px;
}

.u-section-5 .u-icon-2 {
  height: 64px;
  width: 64px;
  margin: 25px auto 0;
}

.u-section-5 .u-text-2 {
  position: relative;
  margin: 25px 20px;
}

.u-section-5 .u-layout-cell-3 {
  background-image: none;
  min-height: 287px;
}

.u-section-5 .u-icon-3 {
  height: 64px;
  width: 64px;
  margin: 25px auto 0;
}

.u-section-5 .u-text-3 {
  position: relative;
  margin: 25px 20px;
}

.u-section-5 .u-layout-cell-4 {
  background-image: none;
  min-height: 287px;
}

.u-section-5 .u-icon-4 {
  height: 64px;
  width: 64px;
  margin: 25px auto 0;
}

.u-section-5 .u-text-4 {
  position: relative;
  margin: 25px 20px;
}

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

  .u-section-5 .u-layout-wrap-1 {
    margin-bottom: -22px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 231px;
  }

  .u-section-5 .u-icon-1 {
    height: 53px;
    width: 53px;
  }

  .u-section-5 .u-text-1 {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 0;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 231px;
  }

  .u-section-5 .u-icon-2 {
    height: 53px;
    width: 53px;
  }

  .u-section-5 .u-text-2 {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 0;
  }

  .u-section-5 .u-layout-cell-3 {
    min-height: 231px;
  }

  .u-section-5 .u-icon-3 {
    height: 53px;
    width: 53px;
  }

  .u-section-5 .u-text-3 {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 0;
  }

  .u-section-5 .u-layout-cell-4 {
    min-height: 231px;
  }

  .u-section-5 .u-icon-4 {
    height: 53px;
    width: 53px;
  }

  .u-section-5 .u-text-4 {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 0;
  }
}

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

  .u-section-5 .u-layout-wrap-1 {
    margin-bottom: 50px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-5 .u-icon-1 {
    height: 68px;
    width: 68px;
    margin-top: 20px;
  }

  .u-section-5 .u-text-1 {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
  }

  .u-section-5 .u-icon-2 {
    height: 67px;
    width: 67px;
    margin-top: 20px;
  }

  .u-section-5 .u-text-2 {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }

  .u-section-5 .u-icon-3 {
    height: 68px;
    width: 68px;
    margin-top: 20px;
  }

  .u-section-5 .u-text-3 {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }

  .u-section-5 .u-icon-4 {
    height: 67px;
    width: 67px;
    margin-top: 20px;
  }

  .u-section-5 .u-text-4 {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}

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

  .u-section-5 .u-layout-wrap-1 {
    margin-bottom: -142px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 287px;
  }

  .u-section-5 .u-icon-1 {
    height: 38px;
    width: 38px;
    margin-top: 25px;
  }

  .u-section-5 .u-text-1 {
    margin-bottom: 25px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 287px;
  }

  .u-section-5 .u-icon-2 {
    height: 38px;
    width: 38px;
    margin-top: 25px;
  }

  .u-section-5 .u-text-2 {
    margin-bottom: 25px;
    margin-left: 9px;
    margin-right: 9px;
  }

  .u-section-5 .u-layout-cell-3 {
    min-height: 287px;
  }

  .u-section-5 .u-icon-3 {
    height: 38px;
    width: 38px;
    margin-top: 25px;
  }

  .u-section-5 .u-text-3 {
    margin-bottom: 25px;
    margin-left: 9px;
    margin-right: 9px;
  }

  .u-section-5 .u-layout-cell-4 {
    min-height: 287px;
  }

  .u-section-5 .u-icon-4 {
    height: 38px;
    width: 38px;
    margin-top: 25px;
  }

  .u-section-5 .u-text-4 {
    margin-bottom: 25px;
    margin-left: 9px;
    margin-right: 9px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-icon-1 {
    height: 32px;
    width: 32px;
  }

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

  .u-section-5 .u-icon-2 {
    height: 32px;
    width: 32px;
  }

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

  .u-section-5 .u-icon-3 {
    height: 32px;
    width: 32px;
  }

  .u-section-5 .u-text-3 {
    margin-left: 6px;
    margin-right: 6px;
  }

  .u-section-5 .u-icon-4 {
    height: 32px;
    width: 32px;
  }

  .u-section-5 .u-text-4 {
    margin-left: 6px;
    margin-right: 6px;
  }
} .u-section-6 {
  min-height: 900px;
}

.u-section-6 .u-shape-1 {
  width: 447px;
  height: 534px;
  background-image: none;
  margin: 331px 0 0 auto;
}

.u-section-6 .u-group-1 {
  min-height: 355px;
  height: auto;
  width: 783px;
  margin: -830px auto 0 calc(((100% - 1140px) / 2));
}

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

.u-section-6 .u-text-1 {
  position: relative;
  font-size: 2.25rem;
  font-weight: 700;
  margin: 25px 0;
}

.u-section-6 .u-image-1 {
  width: 710px;
  height: 407px;
  box-shadow: 0 0 25px 0 rgba(0,0,0,0.35);
  margin: 0 calc(((100% - 1140px) / 2) + 44px) 0 auto;
}

.u-section-6 .u-group-2 {
  width: 386px;
  min-height: 407px;
  height: auto;
  margin: -407px auto 103px calc(((100% - 1140px) / 2));
}

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

.u-section-6 .u-link-1 {
  text-transform: uppercase;
  font-size: 1.125rem;
  margin: 40px auto 0 0;
}

.u-section-6 .u-link-2 {
  text-transform: uppercase;
  font-size: 1.125rem;
  margin: 8px auto 0 0;
}

.u-section-6 .u-link-3 {
  text-transform: uppercase;
  font-size: 1.125rem;
  margin: 8px auto 0 0;
}

.u-section-6 .u-link-4 {
  text-transform: uppercase;
  font-size: 1.125rem;
  margin: 8px auto 40px 0;
}

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

  .u-section-6 .u-shape-1 {
    width: 369px;
    height: 499px;
    margin-top: 366px;
  }

  .u-section-6 .u-group-1 {
    min-height: 357px;
    width: 703px;
    margin-left: calc(((100% - 1140px) / 2) + 100px);
    height: auto;
  }

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

  .u-section-6 .u-text-1 {
    margin-bottom: 0;
  }

  .u-section-6 .u-image-1 {
    width: 631px;
    height: 361px;
    margin-top: 35px;
    margin-right: calc(((100% - 1140px) / 2) + 136px);
  }

  .u-section-6 .u-group-2 {
    width: 273px;
    min-height: 396px;
    margin-top: -396px;
    margin-bottom: 112px;
    margin-left: calc(((100% - 1140px) / 2) + 100px);
    height: auto;
  }

  .u-section-6 .u-link-4 {
    margin-bottom: 35px;
  }
}

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

  .u-section-6 .u-shape-1 {
    width: 367px;
    height: 415px;
  }

  .u-section-6 .u-group-1 {
    min-height: 292px;
    width: 674px;
    margin-top: -719px;
    margin-left: calc(((100% - 1140px) / 2) + 210px);
  }

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

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

  .u-section-6 .u-image-1 {
    width: 421px;
    height: 294px;
    margin-top: 73px;
    margin-right: calc(((100% - 1140px) / 2) + 233px);
  }

  .u-section-6 .u-group-2 {
    width: 276px;
    min-height: 413px;
    margin-top: -413px;
    margin-bottom: 96px;
    margin-left: calc(((100% - 1140px) / 2) + 210px);
  }
}

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

  .u-section-6 .u-shape-1 {
    width: calc(((100% - 540px) / 2) + 294px);
    height: 455px;
    margin-top: 419px;
  }

  .u-section-6 .u-group-1 {
    width: 540px;
    margin-top: -812px;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

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

  .u-section-6 .u-image-1 {
    width: 492px;
    height: 336px;
    margin-top: 94px;
    margin-right: auto;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

  .u-section-6 .u-group-2 {
    width: 337px;
    min-height: 298px;
    margin-top: 0;
    margin-bottom: 35px;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

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

  .u-section-6 .u-link-1 {
    margin-top: 30px;
  }

  .u-section-6 .u-link-4 {
    margin-bottom: 25px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-shape-1 {
    width: 331px;
    height: 419px;
    margin-top: 407px;
  }

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

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

  .u-section-6 .u-text-1 {
    font-size: 1.5rem;
    margin-top: 27px;
    margin-bottom: 27px;
  }

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

  .u-section-6 .u-group-2 {
    margin-bottom: 56px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-container-layout-2 {
    padding-right: 3px;
  }
} .u-section-7 {
  background-image: url("np://user.desktop.nicepage.com/Site_136472366/images/914aa6b8-5f20-9b36-d55e-5ce4743e9452.jpg");
  background-position: 50% 50%;
}

.u-section-7 .u-sheet-1 {
  min-height: 497px;
  margin: 0 auto;
}

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

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

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

.u-section-8 .u-shape-1 {
  width: calc(((100% - 1140px) / 2) + 683px);
  height: 463px;
  background-image: none;
  margin: 297px 0 0 auto;
}

.u-section-8 .u-shape-2 {
  width: calc(((100% - 1140px) / 2) + 756px);
  height: 870px;
  background-image: none;
  margin: -534px auto 0 0;
}

.u-section-8 .u-group-1 {
  min-height: 186px;
  height: auto;
  width: 1140px;
  margin: -1056px auto 0;
}

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

.u-section-8 .u-text-1 {
  font-size: 9.125rem;
  letter-spacing: -1px;
  line-height: 1;
  text-transform: uppercase;
  margin: 20px 0;
}

.u-section-8 .u-image-1 {
  width: 623px;
  height: 568px;
  box-shadow: 0 0 29px 0 rgba(0,0,0,0.2);
  object-position: 50% 100%;
  background-position: 50% 100%;
  margin: 131px calc(((100% - 1140px) / 2) + 240px) 0 auto;
}

.u-section-8 .u-shape-3 {
  width: 516px;
  height: 477px;
  background-image: none;
  box-shadow: 0 0 18px 0 rgba(0,0,0,0.3);
  margin: -129px auto 0 calc(((100% - 1140px) / 2) + 73px);
}

.u-section-8 .u-group-2 {
  width: 472px;
  min-height: 437px;
  height: auto;
  margin: -457px auto 0 calc(((100% - 1140px) / 2) + 95px);
}

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

.u-section-8 .u-text-2 {
  font-size: 2.25rem;
  margin: 45px 20px 0;
}

.u-section-8 .u-text-3 {
  font-style: italic;
  margin: 38px 20px 0;
}

.u-section-8 .u-link-1 {
  margin: 38px auto 45px;
}

.u-section-8 .u-image-2 {
  width: 339px;
  height: 317px;
  box-shadow: 0 0 23px 0 rgba(0,0,0,0.4);
  margin: -563px calc(((100% - 1140px) / 2)) 135px auto;
}

@media (max-width: 1199px) {
  .u-section-8 .u-shape-1 {
    width: calc(((100% - 940px) / 2) + 563px);
    height: 425px;
    margin-top: 322px;
  }

  .u-section-8 .u-shape-2 {
    width: calc(((100% - 940px) / 2) + 623px);
    margin-top: -496px;
  }

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

  .u-section-8 .u-image-1 {
    width: 509px;
    height: 500px;
    margin-right: calc(((100% - 1140px) / 2) + 298px);
  }

  .u-section-8 .u-shape-3 {
    width: 474px;
    height: 488px;
    margin-top: -160px;
    margin-left: calc(((100% - 1140px) / 2) + 140px);
  }

  .u-section-8 .u-group-2 {
    width: 438px;
    margin-top: -468px;
    margin-left: calc(((100% - 1140px) / 2) + 158px);
    height: auto;
  }

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

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

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

  .u-section-8 .u-image-2 {
    width: 257px;
    height: 257px;
    margin-top: -468px;
    margin-right: calc(((100% - 1140px) / 2) + 100px);
    margin-bottom: 321px;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-shape-1 {
    width: calc(((100% - 720px) / 2) + 356px);
    margin-top: 267px;
  }

  .u-section-8 .u-shape-2 {
    width: calc(((100% - 720px) / 2) + 393px);
    height: 822px;
  }

  .u-section-8 .u-group-1 {
    margin-top: -948px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-8 .u-text-1 {
    font-size: 6rem;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .u-section-8 .u-image-1 {
    width: 390px;
    height: 383px;
    margin-right: calc(((100% - 1140px) / 2) + 335px);
  }

  .u-section-8 .u-shape-3 {
    width: 381px;
    margin-top: -83px;
    margin-left: calc(((100% - 1140px) / 2) + 262px);
  }

  .u-section-8 .u-group-2 {
    width: 344px;
    margin-top: -471px;
    margin-left: calc(((100% - 1140px) / 2) + 280px);
  }

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

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

  .u-section-8 .u-text-3 {
    margin-top: 31px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-8 .u-link-1 {
    margin-bottom: 30px;
  }

  .u-section-8 .u-image-2 {
    width: 197px;
    height: 197px;
    margin-top: -504px;
    margin-right: calc(((100% - 1140px) / 2) + 210px);
    margin-bottom: 394px;
  }
}

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

  .u-section-8 .u-shape-1 {
    width: calc(((100% - 540px) / 2) + 333px);
    margin-top: 228px;
  }

  .u-section-8 .u-shape-2 {
    width: calc(((100% - 540px) / 2) + 369px);
    height: 870px;
  }

  .u-section-8 .u-group-1 {
    margin-top: -962px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-8 .u-text-1 {
    font-size: 4.5rem;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .u-section-8 .u-image-1 {
    width: 408px;
    height: 400px;
    margin-top: 45px;
    margin-right: calc(((100% - 1140px) / 2) + 345px);
  }

  .u-section-8 .u-shape-3 {
    width: 454px;
    height: 532px;
    margin-top: 210px;
    margin-left: calc(((100% - 1140px) / 2) + 328px);
  }

  .u-section-8 .u-group-2 {
    width: 412px;
    margin-top: -506px;
    margin-left: calc(((100% - 1140px) / 2) + 349px);
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

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

  .u-section-8 .u-text-3 {
    margin-top: 38px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .u-section-8 .u-link-1 {
    margin-bottom: 50px;
  }

  .u-section-8 .u-image-2 {
    width: 184px;
    height: 184px;
    margin-top: -764px;
    margin-right: calc(((100% - 1140px) / 2) + 403px);
    margin-bottom: 699px;
  }
}

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

  .u-section-8 .u-shape-1 {
    width: calc(((100% - 340px) / 2) + 166px);
    margin-top: 183px;
  }

  .u-section-8 .u-shape-2 {
    width: calc(((100% - 340px) / 2) + 237px);
    height: 736px;
    margin-top: -464px;
  }

  .u-section-8 .u-group-1 {
    margin-top: -840px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

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

  .u-section-8 .u-image-1 {
    width: 316px;
    height: 335px;
    margin-right: calc(((100% - 1140px) / 2) + 400px);
  }

  .u-section-8 .u-shape-3 {
    height: 595px;
    margin-top: 190px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-8 .u-group-2 {
    width: 308px;
    margin-top: -577px;
    margin-left: calc(((100% - 1140px) / 2) + 416px);
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 15px;
    padding-right: 16px;
  }

  .u-section-8 .u-text-2 {
    font-size: 1.875rem;
    margin-top: 55px;
    margin-left: 2px;
    margin-right: 2px;
  }

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

  .u-section-8 .u-link-1 {
    margin-bottom: 55px;
  }

  .u-section-8 .u-image-2 {
    margin-top: -801px;
    margin-right: calc(((100% - 1140px) / 2) + 438px);
    margin-bottom: 719px;
  }
} .u-section-9 {
  background-image: none;
}



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

.u-section-9 .u-group-1 {
  min-height: 200px;
  width: 800px;
  margin: 25px auto;
}

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

.u-section-9 .u-text-1 {
  margin: 20px 0 0;
}

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

.u-section-9 .u-btn-1 {
  background-image: none;
  text-transform: uppercase;
  margin: 30px auto 20px;
}

@media (max-width: 1199px) {
  .u-section-9 .u-group-1 {
    width: 660px;
  }

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

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

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

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

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

@media (max-width: 575px) {
  .u-section-9 .u-group-1 {
    width: 340px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 18px;
    padding-right: 18px;
  }
}.u-section-10 .u-sheet-1 {
  min-height: 400px;
}

/* Popup container layout */
.popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.popup-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border-radius: 10px;
  width: 100%; /* 95% of the screen width */
  height: 50vh;
  max-width: 1200px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
}

/* Main container layout */
.popup-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Image section (60% width) */
.image-section {
  width: 59%;
  display: flex;
  flex-direction: column;
}

/* Thumbnails and image section (flex) */
.thumbnails-and-image {
  display: flex;
}

/* Thumbnails in two columns (left side) */
.carousel-thumbnails {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two columns */
  gap: 5px; /* Small gap between the thumbnails */
  width: 30%;
  margin-right: 10px;
}

/* Thumbnails style */
.thumbnail {
  width: 100px;
  height: 70px !important;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease;
  border-radius: 5px;
  border: 2px solid transparent;
}

.thumbnail:hover {
  transform: scale(1.1);
}

/* Full-width image (right side) */
.carousel-main-image {
  width: 98%; /* Takes the remaining 70% next to the thumbnails */
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 10px;
  height: 300px;
}

/* Text section (40% width) */
.text-section {
  width: 40%;
  padding-left: 20px;
  text-align: left;
  color: #A37762;
}

/* Separator line */
.vertical-separator {
  border: none;
  height: 300px;
  width: 1%;
  background-color: #9BBEA9; /* Line color */
  margin: 20px 0;
}

/* Responsive (stack image section on top, text section below) */
@media (max-width: 768px) {
  .popup-container {
    flex-direction: column;

  }

  .popup-content {
    height: 100vh;
  }

  .image-section, .text-section {
    width: 100%;
  }

  .carousel-main-image {
    width: 100%; /* Full width in responsive mode */
  }

  .vertical-separator {
    display: none;
  }

  
  .carousel-main-image {
    width: 100%; /* L'image principale prend toute la largeur de son conteneur */
    max-width: 600px; /* Limite la taille de l'image principale */
  }
  
  .thumbnail {
    width: 40px;
    height: 40px; /* Taille ajustée des miniatures */
    height: auto; /* Préserve l'aspect ratio */
  }
}




/* Button to reserve */
.u-reserve-btn {
  padding: 10px 20px;
  background-color: #A37762;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.u-reserve-btn:hover {
  background-color: #8a624f;
}

/* Section container with background shapes */
.custom-section-video-with-bg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
}

/* Background shapes */
.custom-section-video-with-bg::before,
.custom-section-video-with-bg::after {
  content: '';
  position: absolute;
  background-color: #9BBEA9;
  opacity: 0.8;
  z-index: 0; /* Behind the content */
}

.custom-section-video-with-bg::before {
  width: 600px;
  height: 500px;
  left: -50px;
  background-color: #A37762;
}

.custom-section-video-with-bg::after {
  width: 550px;
  height: 550px;
  top: 300px;
  right: -100px;
  background-color: #f8d6b8;
}

/* Video container */
.custom-video-container {
  width: 55%;
  position: relative;
  z-index: 1; /* On top of background shapes */
}

.custom-video iframe {
  width: 100%;
  height: calc(100% * 9 / 16); /* Ratio 16:9 */
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  aspect-ratio: 16 / 9; /* Modern browsers support */
}

/* Text container */
.custom-text-container {
  width: 40%;
  padding-left: 30px;
  position: relative;
  z-index: 1; /* On top of background shapes */
  border-left: 10px solid #9BBEA9;
  padding-left: 10px !important;
}

.custom-title {
  font-size: 2em;
  color: #A37762;
  margin-bottom: 20px;
}

.custom-paragraph {
  font-size: 1.1em;
  color: #333;
  line-height: 1.6;
 
}

/* Responsive design */
@media (max-width: 768px) {
  .custom-section-video-with-bg {
    flex-direction: column;
    padding: 20px;
  }

  .custom-video-container,
  .custom-text-container {
    width: 100%;
    padding: 0;
  }

  .custom-title {
    font-size: 1.8em;
    margin-top: 20px;
  }

  .custom-paragraph {
    font-size: 1em;
  }

  /* Hide shapes on smaller screens */
  .custom-section-video-with-bg::before,
  .custom-section-video-with-bg::after {
    display: none;
  }
}
/* Footer Styles */
.custom-footer {
  background-color: #9BBEA9;
  padding: 60px 20px;
  color: white;
  text-align: center;
  position: relative;
  z-index: 2;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.footer-logo img {
  width: 150px;
  transition: transform 0.3s ease-in-out;
}

.footer-logo img:hover {
  transform: scale(1.1);
}

.footer-nav {
  display: flex;
  gap: 30px;
}

.footer-link {
  color: white;
  text-decoration: none;
  font-size: 1.2em;
  transition: color 0.3s ease, transform 0.3s ease;
  position: relative;
}

.footer-link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: white;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.footer-link:hover::before {
  transform: scaleX(1);
}

.footer-link:hover {
  color: white;
  transform: translateY(-3px);
}

.footer-reserve {
  margin-top: 20px;
}

.reserve-btn {
  background-color: white;
  color: #9BBEA9;
  border: none;
  padding: 12px 30px;
  font-size: 1.2em;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.reserve-btn-top{
  margin-top: 40px;
}

.reserve-btn:hover {
  transform: scale(1.05);
}

/* Popup Styles */
.popup-next {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.popup-content-next {
  background-color: #9BBEA9;
  padding: 40px;
  border-radius: 10px;
  text-align: center;
  max-width: 400px;
  margin: auto;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.popup-title-next {
  color: white;
  font-size: 2em;
  margin-bottom: 20px;
}

.popup-text-next {
  font-size: 1.2em;
  color: white;
}

.close-next {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 1.5em;
  cursor: pointer;
  color: white;
}

.close-next:hover {
  transform: scale(1.05);
}

/* Responsive Design */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
  }

  .footer-nav {
    flex-direction: column;
    margin-top: 20px;
  }
}

.u-section-1::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 400px;
  background-color: #f8d6b8; /* Color of the shape */
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: -1; /* Behind content */
  opacity: 0.8;
}

/* Shape supplémentaire en dessous sur toute la longueur */
.u-section-1::after {
  content: '';
  position: absolute;
  width: 80%;
  height: 100px; /* Tu peux ajuster la hauteur de la shape ici */
  background-color: #A37762; /* La couleur de la shape */
  bottom: 324px;
  left: 0;
  z-index: -1; /* Met la shape derrière le contenu */
}

/* Ensure the section is positioned relative for the shape */
.u-section-1 {
  position: relative;
  overflow: hidden; /* Prevent the shape from overflowing the section */
}

.u-text-active-palette-1-base{
  color: #9BBEA9!important;
}

.u-text-active-palette-1-base:hover{
  color: #9BBEA9!important;
  transform: scale(1.05);
}

/* Media query pour les tablettes (max-width: 768px) */
@media (max-width: 768px) {
  /* Cacher les deux shapes en responsive tablette */
  .u-section-1::after {
    display: none;
  }
}