 .u-section-1 {
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('images/85930.webp?rand=aa06'), linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
  background-size: cover, cover, cover;
  background-position: 50% 50%;
  min-height: 426px;
}

.u-section-1 .u-shape-1 {
  width: calc(((100% - 1140px) / 2)  + 483px);
  height: 528px;
  --animation-custom_in-translate_x: -30px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -102px auto 0 0;
}

.u-section-1 .u-group-1 {
  width: 593px;
  min-height: 244px;
  height: auto;
  margin: -256px auto 12px calc(((100% - 1140px) / 2)  + 59px);
}

.u-section-1 .u-text-1 {
  --animation-custom_in-translate_x: -30px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  font-size: 2.875rem;
  font-weight: 400;
  margin: 7px 34px 0 0;
}

.u-section-1 .u-text-2 {
  line-height: 1.8;
  font-size: 0.875rem;
  --animation-custom_in-translate_x: 30px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  font-weight: 400;
  margin: 7px 41px 0 0;
}

.u-section-1 .u-btn-1 {
  letter-spacing: normal;
  transition-duration: 0.5s;
  text-transform: none;
  font-weight: 700;
  font-size: 0.875rem;
  border-style: solid;
  --radius: 8px;
  background-image: none;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 30px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 10px auto 0 0;
}

@media (max-width: 1199px) {
   .u-section-1 {
    background-position: 50% 50%, 67.28% 25.07%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 110%;
    min-height: 351px;
  }

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

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

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

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

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

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

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

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

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

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

@media (max-width: 575px) {
   .u-section-1 {
    background-position: 50% 50%, 61.12% 25.07%, 50% 50%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
    min-height: 426px;
  }

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

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

  .u-section-1 .u-text-1 {
    font-size: 1.875rem;
  }
} .u-section-2 {
  min-height: 494px;
}

.u-section-2 .u-layout-wrap-1 {
  position: relative;
  width: 1140px;
  margin: 34px auto 60px;
}

.u-section-2 .u-image-1 {
  min-height: 400px;
  --radius: 10px;
  background-position: 17.3% 50%;
  background-repeat: no-repeat;
  background-image: url("images/2198569.webp");
  background-size: cover;
}

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

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

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

.u-section-2 .u-text-1 {
  font-size: 2.125rem;
  margin: 0 34px 0 45px;
}

.u-section-2 .u-text-2 {
  margin: 13px 45px 0;
}

.u-section-2 .u-btn-1 {
  letter-spacing: normal;
  transition-duration: 0.5s;
  text-transform: none;
  font-weight: 700;
  font-size: 0.875rem;
  border-style: solid;
  --radius: 8px;
  background-image: none;
  margin: 18px auto 0 44px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .u-section-2 .u-text-1 {
    font-size: 1.875rem;
  }
} .u-section-3 {
  background-position: 50% 50%;
}

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

.u-section-3 .u-text-1 {
  font-weight: 700;
  font-size: 3rem;
  width: 263px;
  margin: 58px auto 0;
}

.u-section-3 .u-text-2 {
  font-size: 1rem;
  width: 521px;
  margin: 0 auto;
}

.u-section-3 .u-list-1 {
  width: 1014px;
  margin: 73px auto 60px;
}

.u-section-3 .u-repeater-1 {
  grid-template-columns: repeat(4, calc(25% - 75px));
  min-height: 157px;
  --gap: 100px;
  grid-auto-columns: calc(25% - 75px);
}

.u-section-3 .u-list-item-1 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
}

.u-section-3 .u-container-layout-1 {
  padding: 0 9px;
}

.u-section-3 .u-group-elements-1 {
  width: 116px;
  min-height: 160px;
  height: auto;
  margin: -47px auto 0;
}

.u-section-3 .u-shape-1 {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}

.u-section-3 .u-icon-1 {
  width: 51px;
  height: 52px;
  margin: -67px auto 0;
  padding: 4px;
}

.u-section-3 .u-text-3 {
  font-weight: 400;
  font-size: 1.125rem;
  width: 116px;
  margin: 29px 0 0;
}

.u-section-3 .u-list-item-2 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
}

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

.u-section-3 .u-group-elements-2 {
  width: 116px;
  min-height: 160px;
  height: auto;
  margin: -47px auto 0;
}

.u-section-3 .u-shape-2 {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}

.u-section-3 .u-icon-2 {
  width: 51px;
  height: 52px;
  margin: -67px auto 0;
  padding: 4px;
}

.u-section-3 .u-text-4 {
  font-weight: 400;
  font-size: 1.125rem;
  width: 116px;
  margin: 29px 0 0;
}

.u-section-3 .u-list-item-3 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
}

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

.u-section-3 .u-group-elements-3 {
  width: 116px;
  min-height: 160px;
  height: auto;
  margin: -47px auto 0;
}

.u-section-3 .u-shape-3 {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}

.u-section-3 .u-icon-3 {
  width: 51px;
  height: 52px;
  margin: -67px auto 0;
  padding: 4px;
}

.u-section-3 .u-text-5 {
  font-weight: 400;
  font-size: 1.125rem;
  width: 116px;
  margin: 29px 0 0;
}

.u-section-3 .u-list-item-4 {
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);
}

.u-section-3 .u-container-layout-4 {
  padding: 0 9px;
}

.u-section-3 .u-group-elements-4 {
  width: 116px;
  min-height: 160px;
  height: auto;
  margin: -47px auto 0;
}

.u-section-3 .u-shape-4 {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}

.u-section-3 .u-icon-4 {
  width: 51px;
  height: 52px;
  margin: -67px auto 0;
  padding: 4px;
}

.u-section-3 .u-text-6 {
  font-weight: 400;
  font-size: 1.125rem;
  margin: 29px 0 0;
}

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

  .u-section-3 .u-list-1 {
    width: 940px;
  }

  .u-section-3 .u-repeater-1 {
    min-height: 146px;
    grid-gap: 22px;
  }
}

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

  .u-section-3 .u-list-1 {
    width: 720px;
  }

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

@media (max-width: 767px) {
  .u-section-3 .u-text-1 {
    font-size: 2.25rem;
  }

  .u-section-3 .u-list-1 {
    width: 540px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

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

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

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

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

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

  .u-section-3 .u-text-1 {
    font-size: 1.875rem;
    width: auto;
    margin-top: 28px;
  }

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

  .u-section-3 .u-list-1 {
    width: 340px;
    margin-top: 93px;
  }

  .u-section-3 .u-group-elements-1 {
    width: 170px;
    min-height: 138px;
  }

  .u-section-3 .u-text-3 {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-3 .u-group-elements-2 {
    width: 170px;
    min-height: 138px;
  }

  .u-section-3 .u-text-4 {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
  }

  .u-section-3 .u-group-elements-3 {
    width: 170px;
    min-height: 138px;
  }

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

  .u-section-3 .u-group-elements-4 {
    width: 170px;
    min-height: 138px;
  }

  .u-section-3 .u-text-6 {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
  }
} .u-section-4 {
  min-height: 529px;
}

.u-section-4 .u-image-1 {
  width: 723px;
  height: 392px;
  margin: -3px 0 0 auto;
}

.u-section-4 .u-shape-1 {
  width: 248px;
  left: auto;
  background-image: linear-gradient(to right, white, rgba(0,0,0,0));
  right: 477px;
}

.u-section-4 .u-shape-2 {
  width: 326px;
  background-image: linear-gradient(to right, white, rgba(0,0,0,0));
  height: 389px;
  margin: -389px calc(((100% - 1140px) / 2)  + 357px) 0 auto;
}

.u-section-4 .u-text-1 {
  font-size: 3rem;
  margin: -331px calc(((100% - 1140px) / 2)  + 683px) 0 calc(((100% - 1140px) / 2)  + 90px);
}

.u-section-4 .u-btn-1 {
  letter-spacing: normal;
  transition-duration: 0.5s;
  text-transform: none;
  font-weight: 700;
  font-size: 0.875rem;
  --radius: 10px;
  border-style: solid;
  background-image: none;
  margin: 18px auto 60px calc(((100% - 1140px) / 2)  + 272px);
}

@media (max-width: 1199px) {
   .u-section-4 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 742px;
  }

  .u-section-4 .u-shape-2 {
    margin-right: calc(((100% - 940px) / 2) + 357px);
  }

  .u-section-4 .u-text-1 {
    margin-top: 20px;
    margin-right: calc(((100% - 940px) / 2)  + 573px);
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-4 .u-btn-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 30px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin-left: calc(((100% - 940px) / 2)  + 72px);
  }
}

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

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

  .u-section-4 .u-shape-1 {
    right: 472px;
  }

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

  .u-section-4 .u-text-1 {
    margin-left: calc(((100% - 720px) / 2));
    margin-right: calc(((100% - 720px) / 2));
  }

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

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

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

  .u-section-4 .u-shape-1 {
    right: 292px;
  }

  .u-section-4 .u-shape-2 {
    width: 579px;
    margin-right: calc(((100% - 540px) / 2) + 214px);
  }

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

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

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

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

  .u-section-4 .u-shape-1 {
    width: calc(((100% - 340px) / 2)  + 198px);
    left: 0;
    right: auto;
  }

  .u-section-4 .u-shape-2 {
    height: 268px;
    width: calc(((100% - 340px) / 2)  + 276px);
    margin-top: -269px;
    margin-right: auto;
    margin-left: 0;
  }

  .u-section-4 .u-text-1 {
    font-size: 1.875rem;
    width: auto;
    margin-top: -217px;
    margin-right: calc(((100% - 340px) / 2)  + 106px);
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-4 .u-btn-1 {
    margin-top: 17px;
    margin-left: calc(((100% - 340px) / 2));
  }
}

.u-section-4 .u-btn-1,
.u-section-4 .u-btn-1:before,
.u-section-4 .u-btn-1 > .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-btn-1.u-btn-1.u-btn-1:hover {
  transform: scale(1) translateX(0px) translateY(px) !important;
}

.u-section-4 .u-btn-1.u-btn-1.u-btn-1.hover {
  transform: scale(1) translateX(0px) translateY(px) !important;
} .u-section-5 {
  background-image: none;
  min-height: 235px;
}

.u-section-5 .u-shape-1 {
  height: 115px;
  margin-top: -2px;
  margin-bottom: 0;
}

.u-section-5 .u-list-1 {
  width: 1140px;
  margin: -158px auto 20px;
}

.u-section-5 .u-repeater-1 {
  grid-template-columns: repeat(4, calc(25% - 15.75px));
  min-height: 260px;
  --gap: 21px;
  grid-auto-columns: calc(25% - 15.75px);
}

.u-section-5 .u-list-item-1 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

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

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

.u-section-5 .u-text-1 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 0;
}

.u-section-5 .u-text-2 {
  font-size: 0.9375rem;
  margin: 10px 0 0;
}

.u-section-5 .u-list-item-2 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

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

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

.u-section-5 .u-text-3 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 0;
}

.u-section-5 .u-text-4 {
  font-size: 0.9375rem;
  margin: 10px 0 0;
}

.u-section-5 .u-list-item-3 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

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

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

.u-section-5 .u-text-5 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 0;
}

.u-section-5 .u-text-6 {
  font-size: 0.9375rem;
  margin: 10px 0 0;
}

.u-section-5 .u-list-item-4 {
  background-image: none;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1);
}

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

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

.u-section-5 .u-text-7 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 0;
}

.u-section-5 .u-text-8 {
  font-size: 0.9375rem;
  margin: 10px 0 0;
}

.u-section-5 .u-btn-1 {
  background-image: none;
}

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

  .u-section-5 .u-list-1 {
    width: 940px;
  }

  .u-section-5 .u-repeater-1 {
    min-height: 207px;
    grid-gap: 21px;
  }

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

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

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

  .u-section-5 .u-icon-3 {
    padding: 4px;
  }

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

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

  .u-section-5 .u-list-1 {
    width: 720px;
  }

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

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

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

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

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

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

  .u-section-5 .u-list-1 {
    width: 540px;
  }

  .u-section-5 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
  }

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

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

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

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

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

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

  .u-section-5 .u-list-1 {
    width: 340px;
    margin-top: -115px;
    margin-bottom: 30px;
  }

  .u-section-5 .u-repeater-1 {
    grid-template-columns: 100%;
    min-height: 1009px;
    grid-auto-columns: 100%;
    grid-gap: 27px;
  }

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

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

  .u-section-5 .u-list-item-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .u-section-5 .u-list-item-3 {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .u-section-5 .u-list-item-4 {
    margin-top: 0;
    margin-bottom: 0;
  }

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

  .u-section-5 .u-btn-1 {
    padding: 0;
  }
}/* DESKTOP ONLY STYLES - Applied to screens wider than 768px */
@media only screen and (min-width: 769px) {
/* Super specific selectors for Nicepage - Fixed with invisible bridge */
body .u-nav-container .u-nav > li.u-nav-item > .u-nav-popup,
body .u-header .u-menu .u-nav-popup,
.u-menu-popup .u-nav-popup {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(10px) !important;
    transition: opacity 0.4s ease-out, 
                transform 0.4s ease-out,
                visibility 0.4s !important;
    transform-origin: top !important;
    pointer-events: none !important;
    /* Keep padding for visual spacing */
    padding-top: 15px !important;
    /* Remove margin-top as we'll use a pseudo-element instead */
    margin-top: 0 !important;
    /* Optional: Add a slight shadow for depth */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
/* Create an invisible bridge to maintain hover */
body .u-nav-container .u-nav > li.u-nav-item {
    position: relative !important;
}
body .u-nav-container .u-nav > li.u-nav-item::before {
    content: '';
    position: absolute;
    bottom: -25px; /* Extends below the menu item */
    left: 0;
    width: 100%;
    height: 25px; /* Height of the bridge */
    background: transparent;
    pointer-events: auto !important; /* This captures mouse movement */
    z-index: 999;
}
body .u-nav-container .u-nav > li.u-nav-item:hover > .u-nav-popup,
body .u-header .u-menu .u-nav-item:hover > .u-nav-popup {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
/* FIX FOR NESTED SUBMENUS - COMPLETELY OVERRIDE ALL STYLES */
body .u-nav-container .u-nav-popup .u-nav-popup,
.u-menu-popup .u-nav-popup .u-nav-popup,
.u-nav-popup .u-nav-popup,
.nav-popup .nav-popup {
    /* Reset ALL transforms and animations */
    transform: translateX(15px) translateY(0) scale(1) !important;
    -webkit-transform: translateX(15px) translateY(0) scale(1) !important;
    -moz-transform: translateX(15px) translateY(0) scale(1) !important;
    
    /* Remove ALL top padding completely */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    /* Keep left padding minimal */
    padding-left: 7.5px !important;
    padding-right: 0 !important;
    
    /* Positioning */
    top: 0 !important;
    left: 100% !important;
    
    /* Animation origin */
    transform-origin: left !important;
    -webkit-transform-origin: left !important;
    
    /* Override any transition that might conflict */
    transition: opacity 0.4s ease-out, 
                transform 0.4s ease-out,
                visibility 0.4s !important;
    
    /* Ensure visibility is controlled */
    visibility: hidden !important;
    opacity: 0 !important;
    
    /* Make sure no margins are adding space */
    margin: 0 !important;
}
/* Force remove any top padding that might come from parent styles */
body .u-nav-container .u-nav-popup .u-nav-popup::before,
body .u-nav-container .u-nav-popup .u-nav-popup::after {
    display: none !important;
}
/* Hover state for nested menus - FORCE LEFT SLIDE IN */
body .u-nav-container .u-nav-popup li.u-nav-item:hover > .u-nav-popup,
body .u-menu-popup .u-nav-popup li.u-nav-item:hover > .u-nav-popup {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(0) translateY(0) scale(1) !important;
    -webkit-transform: translateX(0) translateY(0) scale(1) !important;
    -moz-transform: translateX(0) translateY(0) scale(1) !important;
    pointer-events: auto !important;
}
/* DEADZONE FIX - Bridge on the LEFT side */
body .u-nav-container .u-nav-popup li.u-nav-item {
    position: relative !important;
}
body .u-nav-container .u-nav-popup li.u-nav-item::before {
    content: '';
    position: absolute;
    left: -20px; /* Extends to the LEFT of the menu item */
    top: 0;
    width: 20px;
    height: 100%;
    background: transparent;
    pointer-events: auto !important;
    z-index: 999;
}
/* Extra specificity to ensure no other styles override */
body .u-nav-container .u-nav-popup li.u-nav-item > .u-nav-popup {
    transform: translateX(15px) translateY(0) !important;
    padding-top: 0 !important;
}
body .u-nav-container .u-nav-popup li.u-nav-item:hover > .u-nav-popup {
    transform: translateX(0) translateY(0) !important;
}
} /* END OF DESKTOP ONLY STYLES */
/* MOBILE - COMPLETELY UNTOUCHED */
/* No mobile styles added - Nicepage handles everything naturally */