@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter.woff2") format("woff2 supports variations"), url("../fonts/Inter.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Libre Bodoni";
  src: url("../fonts/LibreBodoni.woff2") format("woff2 supports variations"), url("../fonts/LibreBodoni.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans.woff2") format("woff2 supports variations"), url("../fonts/DMSans.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
.homepage-content {
  min-height: 100vh;
  background-image: url("../../public/hallera_front.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.homepage-content .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 30px;
}
.homepage-content .container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.homepage-content .container .content .title {
  font-size: var(--font-size-56px);
  line-height: 1.5em;
  text-align: center;
}
.homepage-content .container .content .sub-title {
  font-family: var(--font-secondary);
  font-size: var(--font-size-18px);
  font-weight: 400;
}

.section-settle {
  position: relative;
  overflow: hidden;
  padding-top: 6.25rem;
}
.section-settle .container {
  padding: 35px 50px;
}
.section-settle .container .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
  max-width: 50%;
}
.section-settle .container .content p {
  font-size: var(--font-size-18px);
  color: var(--color-secondary);
}
.section-settle .transform-img {
  position: absolute;
  right: 0px;
  top: 60%;
  transform: translateY(-50%);
  width: 45%;
}

.section-makieta {
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  align-items: center;
  padding: 20px 0 140px;
}
.section-makieta div#sm3de {
  width: 100%;
  height: 650px;
}

._3deoa__sm-mobile {
  padding-top: 90px;
}

.section-investments {
  padding: 2.5rem 0 8rem 0;
}
.section-investments .content {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.section-investments .content .items {
  display: flex;
  gap: 50px;
}
.section-investments .content .items .item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33.333% - 13.3333333333px);
  gap: 10px;
}
.section-investments .content .items .item img {
  max-width: 100px;
  transition: var(--transition);
}
.section-investments .content .items .item img:hover {
  transition: var(--transition);
  filter: var(--filter);
}
.section-investments .content .items .item .sub-title {
  font-family: var(--font-secondary);
  color: var(--color-primary);
  font-weight: 400;
  font-size: var(--font-size-32px);
}
.section-investments .content .items .item .description {
  font-size: var(--font-size-18px);
  color: var(--color-secondary);
}

.section-comfort {
  padding: 7.5rem 0;
  color: var(--color-black);
}
.section-comfort .left-right {
  gap: 20px;
}
.section-comfort .left-right .left {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 20px);
  gap: 25px;
}
.section-comfort .left-right .left .section-title {
  color: var(--color-white);
}
.section-comfort .left-right .left .section-title .highlight {
  background-color: var(--color-primary);
}
.section-comfort .left-right .left p {
  font-size: var(--font-size-18px);
  font-weight: 300;
}
.section-comfort .left-right .right {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.section-comfort .left-right .right .items {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 80%;
}
.section-comfort .left-right .right .items .item {
  display: flex;
  align-items: center;
  padding: 3rem 0;
  gap: 25px;
}
.section-comfort .left-right .right .items .item:nth-child(2) {
  border-block: 0.5px solid var(--color-hover);
}

.section-image {
  min-height: 595px;
  background-image: url("../../public/frame-1_.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.section-location {
  padding: 7.5rem 0;
}
.section-location .section-title {
  text-align: center;
  padding-bottom: 40px;
}
.section-location .left-right .left,
.section-location .left-right .right {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex-basis: calc(50% - 25px);
  font-weight: 400;
  font-size: var(--font-size-16px);
  color: var(--color-secondary);
}
.section-location img {
  padding-top: 7.5rem;
  width: 100%;
}

.section-schedule {
  padding: 5rem 0;
  color: var(--color-white);
}
.section-schedule hr {
  margin: 4rem 0;
}
.section-schedule .left-right {
  gap: 20px;
}
.section-schedule .left-right .left {
  display: flex;
  flex-direction: column;
  flex-basis: calc(35% - 50px);
  gap: 25px;
}
.section-schedule .left-right .right {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.section-schedule .left-right .right .items {
  display: flex;
  gap: 50px;
  width: 100%;
}
.section-schedule .left-right .right .items hr {
  margin: 0;
  transform: translate(50%, 55%) rotate(90deg);
  height: 80px;
  z-index: -1;
}
.section-schedule .left-right .right .items .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 33.333%;
  gap: 25px;
}
.section-schedule .left-right .right .items .item span {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--color-black);
}
.section-schedule .column {
  display: flex;
  flex-direction: column;
}
.section-schedule .column .headers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.section-schedule .column .headers .tab {
  cursor: pointer;
  font-weight: bold;
  color: var(--color-black);
  text-align: center;
  font-weight: 500;
}
.section-schedule .column .headers .tab.active {
  color: var(--color-primary);
  font-weight: 700;
}
.section-schedule .column .headers hr {
  margin: 0;
  transform: rotate(90deg);
  height: 32px;
}
.section-schedule .column .images {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 3rem 0;
}
.section-schedule .column .images .image-set {
  display: none;
}
.section-schedule .column .images .image-set img {
  max-width: 100%;
  height: auto;
  flex: 1;
  min-width: 200px;
}
.section-schedule .column .images .image-set.active {
  display: flex;
  gap: 30px;
  width: 100%;
}
.section-schedule .column .images .image-set.fade-in {
  opacity: 0;
  animation: fadeIn 0.5s forwards;
  pointer-events: none;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.section-visualization {
  padding: 5rem 0;
}
.section-visualization .left-right .left {
  display: flex;
  flex-direction: column;
  flex-basis: calc(40% - 20px);
  gap: 25px;
  justify-content: center;
}
.section-visualization .left-right .right {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.section-visualization .left-right .right .items {
  display: flex;
  gap: 40px;
}
.section-visualization .left-right .right .items .item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(50% - 15px);
  gap: 5px;
}
.section-visualization .left-right .right .items .item img {
  padding-bottom: 1rem;
}
.section-visualization .left-right .right .items .item .sub-title {
  font-size: var(--font-size-20px);
  line-height: 1.641rem;
}
.section-visualization .left-right .right .items .item .description {
  font-size: var(--font-size-16px);
}
.section-visualization .left-right .right .items .item .link {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: var(--font-size-16px);
  font-weight: 700;
  color: var(--color-primary);
}
.section-visualization .left-right .right .items .item .link:hover {
  text-decoration: underline;
}

.section-featured .section-title {
  text-align: center;
}

@media (max-width: 991.98px) {
  .homepage-content .container {
    padding-top: 30px;
  }
  .homepage-content .container .content .title {
    font-size: var(--font-size-36px);
  }
  .homepage-content .container .content .sub-title {
    font-size: var(--font-size-16px);
  }
  .section-settle {
    padding-top: 3rem;
  }
  .section-settle .container {
    padding: 0 15px;
  }
  .section-settle .container .content {
    max-width: 100%;
    min-height: unset;
  }
  .section-settle .container .content p {
    font-size: var(--font-size-16px);
  }
  .section-settle .transform-img {
    position: unset;
    transform: unset;
    width: 100%;
    padding: 0 15px;
  }
  .section-investments {
    padding: 2.5rem 0 6rem 0;
  }
  .section-investments .content .items {
    flex-wrap: wrap;
    gap: 25px;
  }
  .section-investments .content .items .item {
    flex-basis: 100%;
  }
  .section-investments .content .items .item .sub-title {
    font-size: var(--font-size-24px);
  }
  .section-investments .content .items .item .description {
    font-size: var(--font-size-16px);
  }
  .section-comfort {
    padding: 5rem 0;
  }
  .section-comfort .left-right {
    flex-direction: column;
  }
  .section-comfort .left-right .left {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    gap: 25px;
  }
  .section-comfort .left-right .left p {
    font-size: var(--font-size-16px);
  }
  .section-comfort .left-right .right {
    justify-content: flex-start;
  }
  .section-comfort .left-right .right .items {
    width: 100%;
  }
  .section-location {
    padding: 5rem 0;
  }
  .section-location .section-title {
    padding-bottom: 20px;
  }
  .section-location .left-right {
    flex-direction: column;
  }
  .section-location .left-right .left,
  .section-location .left-right .right {
    flex-basis: 100%;
  }
  .section-location img {
    padding-top: 5rem;
  }
  .section-schedule {
    padding: 3rem 0;
  }
  .section-schedule hr {
    margin: 2rem 0;
  }
  .section-schedule .left-right .left {
    flex-basis: 100%;
  }
  .section-schedule .left-right .left .section-title {
    padding-bottom: 1rem;
    text-align: center;
  }
  .section-schedule .left-right .right {
    justify-content: center;
  }
  .section-schedule .left-right .right .items {
    flex-direction: column;
    gap: 25px;
  }
  .section-schedule .left-right .right .items hr {
    margin: 0;
    transform: unset;
    height: unset;
  }
  .section-schedule .left-right .right .items .item {
    flex-basis: 100%;
  }
  .section-schedule .column .headers hr {
    height: 50px;
  }
  .section-schedule .column .images {
    padding: 3rem 0;
  }
  .section-schedule .column .images .image-set {
    flex-wrap: wrap;
    gap: 30px;
  }
  .section-image {
    min-height: 320px;
    background-position: 30% 50%;
  }
  .section-visualization {
    padding: 3rem 0;
  }
  .section-visualization .left-right .left {
    flex-basis: 100%;
  }
  .section-visualization .left-right .right {
    justify-content: flex-start;
  }
  .section-visualization .left-right .right .items {
    width: 100%;
    height: 100%;
  }
  .section-visualization .left-right .right .items .item {
    flex-basis: 100%;
  }
}
@media (max-width: 767.98px) {
  .section-visualization .left-right .right .items {
    flex-direction: column;
  }
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter.woff2") format("woff2 supports variations"), url("../fonts/Inter.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Libre Bodoni";
  src: url("../fonts/LibreBodoni.woff2") format("woff2 supports variations"), url("../fonts/LibreBodoni.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/DMSans.woff2") format("woff2 supports variations"), url("../fonts/DMSans.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
.section-cta {
  background-image: url("../../public/cta-background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.menu-container .menu .logo-container {
  transform: translateX(-60%);
}

.menu-container .menu .logo-container img {
  display: inline-block;
  max-height: 130px;
  max-width: 130px;
}

/*# sourceMappingURL=style.css.map */