@import "../template.css";
.page-home {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.home-content {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.home-content .group-bg {
  top: 20%;
  bottom: 20%;
  height: 60%;
}
@media (max-width: 992px) {
  .home-content .group-bg {
    display: none;
  }
}
.home-content .group-bg img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(25))";
  /* IE 8 */
  filter: alpha(opacity=25);
  /* IE 5-7 */
  -moz-opacity: 0.25;
  /* Netscape */
  -khtml-opacity: 0.25;
  /* Safari 1.x */
  opacity: 0.25;
  /* Good browsers */
}
.home-content .group-bg::after {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  background: linear-gradient(180deg, rgba(var(--colorDark), 1) 0%, rgba(var(--colorDark), 0) 51.04%, rgba(var(--colorDark), 1) 100%);
}
.home-content .container-item:not(:last-child) .content-image-text {
  margin-bottom: 4rem;
}
.home-content .content-image-text .component-wrapper {
  column-gap: 4rem;
}
.home-content .content-image-text .component-image {
  min-height: 50vh;
}
@media (max-width: 1200px) {
  .home-content .content-image-text .component-image {
    min-height: 40vh;
  }
}
@media (max-width: 992px) {
  .home-content .content-image-text .component-image {
    min-height: 54vw;
  }
}
.home-content .content-image-text .component-text .text-inner {
  max-width: 520px;
  margin-right: auto;
}
.home-content .content-image-text.reverse .component-text .text-inner {
  margin-left: auto;
  margin-right: 0;
}
.home-reservation {
  margin: 20px auto 120px;
  max-width: 1600px;
  position: relative;
  top: -10rem;
  margin-bottom: -8rem;
}
@media (max-width: 1500px) {
  .home-reservation {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 1200px) {
  .home-reservation {
    top: 0rem;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .home-reservation {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
  }
}