:root {
  --_font-size---h1: 84px;
  --_font-size---h2: 40px;
  --_font-size---h3: 32px;
  --_font-size---h4: 30px;
  --_font-size---h5: 24px;
  --_font-size---h6: 22px;
  --_font-size---font-size-regular: 16px;
  --_font-size---font-size-tiny: 12px;
  --_font-size---font-size-medium: 18px;
  --_font-size---font-size-large: 24px;
  --_font-size---font-size-small: 14px;
  --color--primary: #01303b;
  --color--white: white;
  --color--secondary: #a8864c;
  --color--transparent: transparent;
  --_font-size---font-size-xelarge: 32px;
  --untitled-ui--gray900: #101828;
  --untitled-ui--white: white;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray600: #475467;
  --untitled-ui--success700: #027a48;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--gray700: #344054;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary800: #53389e;
  --_font-family---primary-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --color--black: black;
  --color--tertiary: white;
  --color--quaternary: white;
  --font-color--dark: white;
  --font-color--light: white;
  --_radius---radius--large: 40px;
  --_radius---radius--regular: 20px;
  --_radius---radius--small: 8px;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-size: var(--_font-size---h1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  font-size: var(--_font-size---h2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-size: var(--_font-size---h3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  font-size: var(--_font-size---h4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-size: var(--_font-size---h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

h6 {
  font-size: var(--_font-size---h6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.4;
}

p {
  font-size: var(--_font-size---font-size-regular);
  margin-bottom: 0;
  line-height: 1.5;
}

.styleguide-item-header {
  border-bottom: .0625rem solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.heading-style-two {
  font-size: var(--_font-size---h2);
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-two.alt-font-family {
  font-family: Roboto Serif, sans-serif;
}

.heading-style-two.capital {
  text-transform: uppercase;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.text-right-l1 {
  padding-right: .625rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.heading-style-six {
  font-size: var(--_font-size---h6);
  line-height: 1.4;
}

.icon-one-x-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.padding-custom-one {
  padding: 1.5rem;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.styleguide-classes {
  grid-column-gap: .0625rem;
  grid-row-gap: .0625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-small {
  padding: 1rem;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.button {
  color: #10292c;
  background-color: color-mix(in srgb, var(--white) 80%, transparent);
  border: 2px solid #10292c;
  border-radius: 141px;
  justify-content: center;
  align-items: center;
  padding: 12px 22px;
  font-size: 18px;
  font-weight: 700;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
}

.button:hover {
  background-color: #f079f4;
}

.text-color-alternate {
  color: #020009;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.text-weight-medium {
  font-weight: 500;
}

.margin-zero {
  margin: 0;
}

.text-color-primary {
  color: #c8d1d1;
}

.padding-vertical {
  padding: 253px 0 160px;
}

.padding-vertical.new {
  padding-top: 160px;
}

.padding-vertical.new.bottom0 {
  padding-bottom: 0;
}

.padding-vertical.new.both0 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-vertical.new.top0 {
  padding-top: 0;
}

.padding-vertical.top0 {
  padding-top: 160px;
}

.padding-custom-two {
  padding: 2.5rem;
}

.styleguide-three-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.styleguide-three-col.is-align-start {
  align-items: start;
}

.margin-xxlarge {
  margin: 5rem;
}

.text-weight-normal {
  font-weight: 400;
}

.styleguide-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-height-large {
  width: 3rem;
  height: 3rem;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.overflow-visible {
  overflow: visible;
}

.text-size-regular {
  font-size: var(--_font-size---font-size-regular);
  line-height: 1.5;
}

.padding-xhuge {
  padding: 8rem;
}

._2nd-text-left-l1 {
  padding-right: .3125rem;
  position: absolute;
  top: auto;
  bottom: -2rem;
  right: auto;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.margin-custom-one {
  margin: 1.5rem;
}

.page-wrapper {
  position: relative;
}

.text-left-l1 {
  padding-right: .3125rem;
}

.margin-tiny {
  margin: .125rem;
}

.margin-small {
  margin: 1rem;
}

.pointer-events-auto {
  pointer-events: auto;
}

.text-style-muted {
  opacity: .6;
}

.margin-large {
  margin: 3rem;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.padding-xxlarge {
  padding: 5rem;
}

.overflow-scroll {
  overflow: scroll;
}

.text-style-italic {
  font-style: italic;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.styleguide-message {
  color: #fff;
  background-color: #020009;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.styleguide-background {
  border: .0625rem solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.text-style-nowrap {
  white-space: nowrap;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.text-align-left {
  text-align: left;
}

.padding-xlarge {
  padding: 4rem;
}

.button-group {
  justify-content: center;
  align-items: center;
  display: flex;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.spacer-large {
  padding-top: 3rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.styleguide-item {
  grid-row-gap: 1.125rem;
  border-bottom: .0625rem solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide-item.is-stretch {
  justify-items: stretch;
}

.styleguide-item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.styleguide-label {
  color: #fff;
  background-color: #ec1c24;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 500;
  display: flex;
}

.styleguide-label.is-tag {
  background-color: #ec1c24;
}

.margin-medium {
  margin: 2rem;
}

.hide {
  display: none;
}

.text-align-center {
  direction: ltr;
  text-align: center;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.container-small {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-one-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xxsmall {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.link-1 {
  color: #fff;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 1.75rem;
  font-size: 1.625rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.margin-huge {
  margin: 6rem;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.padding-xxhuge {
  padding: 12rem;
}

.background-color-primary {
  background-color: #000;
}

.container-large {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.text-weight-light {
  font-weight: 400;
}

.text-size-tiny {
  font-size: var(--_font-size---font-size-tiny);
}

.icon-height-medium {
  width: 2rem;
  height: 2rem;
}

.container-medium {
  width: 100%;
  max-width: 69.375rem;
  margin-left: auto;
  margin-right: auto;
}

.background-color-secondary {
  background-color: #090909;
}

.styleguide-space {
  background-color: #fff;
  border: .0625rem dashed #282828;
}

.padding-medium {
  padding: 2rem;
}

.industry-button {
  z-index: 5;
  pointer-events: none;
  color: #020009;
  background-color: #ddd0;
  border-radius: 3.125rem;
  padding: .9375rem 1.875rem;
  position: relative;
}

.styleguide-four-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tween-block {
  color: #1cc283;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.styleguide-spacing {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.padding-global {
  padding-left: 70px;
  padding-right: 70px;
}

.icon-one-x-large {
  width: 2rem;
  height: 2rem;
}

.background-color-tertiary {
  background-color: #30303080;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.heading-style-three {
  font-size: var(--_font-size---h3);
  font-weight: 400;
  line-height: 1.2;
}

.icon-one-x-medium {
  width: 1.5rem;
  height: 1.5rem;
}

.heading-style-four {
  font-size: var(--_font-size---h4);
  line-height: 1.3;
}

.text-color-white {
  color: #fff;
}

.overflow-hidden {
  overflow: hidden;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-size-medium {
  font-size: var(--_font-size---font-size-medium);
  line-height: 1.5;
}

._2nd-text-right-l1 {
  padding-right: .625rem;
  position: absolute;
  inset: auto auto -2rem 4rem;
}

.padding-tiny {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.margin-xlarge {
  margin: 4rem;
}

.text-color-frames {
  color: #fff;
}

.text-color-frames.background-color-alternate {
  background-color: #ec1c24;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.padding-custom-three {
  padding: 3.5rem;
}

.margin-custom-two {
  margin: 2.5rem;
}

.styleguide-background-space {
  width: .0625rem;
  height: .0625rem;
  margin: 5rem;
}

.heading-style-one {
  font-size: var(--_font-size---h1);
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-one.alt-font-family {
  font-family: Roboto Serif, sans-serif;
}

.heading-style-one.alt-font-family.capital {
  text-transform: uppercase;
}

.padding-zero {
  padding: 0;
}

.text-weight-bold {
  font-weight: 700;
}

.styleguide-section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.styleguide-section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.text-weight-xbold {
  font-weight: 700;
}

.z-index-two {
  z-index: 2;
  position: relative;
}

.styleguide-empty-box {
  z-index: -1;
  background-color: #fff;
  border: .0625rem dashed #282828;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.text-size-large {
  font-size: var(--_font-size---font-size-large);
  line-height: 1.3;
}

.text-size-large.capital {
  text-transform: uppercase;
}

.heading-style-five {
  font-size: var(--_font-size---h5);
  line-height: 1.3;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.text-size-small {
  font-size: var(--_font-size---font-size-small);
  line-height: 1.5;
}

.padding-large {
  padding: 3rem;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.overflow-auto {
  overflow: auto;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-custom-three {
  margin: 3.5rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
  height: 100%;
}

.max-width-full.circle-text {
  animation: 30s linear infinite spin;
}

.max-width-full.mobile, .max-width-full.map-g {
  display: none;
}

.z-index-one {
  z-index: 1;
  position: relative;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.styleguide-spacer-box {
  background-color: #fff;
  border: .0625rem dashed #282828;
  width: 100%;
  position: relative;
}

.styleguide-section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: .0625rem solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.styleguide-two-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.styleguide-two-col.is-align-start {
  align-items: start;
}

.icon-height-small {
  width: 1rem;
  height: 1rem;
}

.text-align-right {
  text-align: right;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.background-color-alternate {
  background-color: #ec1c24;
}

.styleguide-heading-medium {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.style-guide {
  display: none;
}

.body {
  background-color: var(--color--primary);
  color: var(--color--white);
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.section {
  position: relative;
  overflow: hidden;
}

.section.hero {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.section.footer-linear {
  background-image: none;
  background-size: auto;
}

.section.visible {
  overflow: clip;
}

.section.visible.mob-video, .section.visible.terrace-m {
  display: none;
}

.section.text-clip {
  overflow: clip;
}

.section.footer-linear-m {
  background-image: none;
  background-size: auto;
  display: none;
}

.hero-wrapper {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  position: relative;
  overflow: visible;
}

.brand-logo {
  width: 100%;
  max-width: 215px;
}

.brand-logo.v2 {
  max-width: 130px;
}

.brand-info {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.brand-top-block {
  z-index: 3;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 50px;
  display: flex;
  position: absolute;
  inset: 5% 0% auto;
}

.hero-main-wrap {
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
}

.hero-bottom-overlay {
  z-index: 1;
  background-image: linear-gradient(#01303b00, #01303b 62%);
  width: 100%;
  min-height: 275px;
  position: absolute;
  inset: auto 0% -5%;
  overflow: hidden;
}

.hero-top-effect {
  z-index: 2;
  position: absolute;
  inset: -20% auto auto 0%;
}

.hero-contact-form {
  z-index: 5;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #01303bb3;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 318px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: auto auto 18% 40%;
  display: none;
}

.form-head {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text24 {
  font-family: Roboto Serif, sans-serif;
}

.text24.text-weight-medium {
  font-size: 24px;
}

.form-title-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.close-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.svg-code {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.form-block {
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.main-image {
  width: 100%;
  margin-top: -380px;
  position: relative;
}

.form-field {
  color: var(--color--white);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #ffffff1a;
  width: 100%;
  margin-bottom: 5px;
  padding: 11px 0;
  font-size: 14px;
}

.form-field::placeholder {
    color: #ffffff73;
    font-weight: 400;
}

.submit-btn {
  background-color: var(--color--secondary);
  font-size: var(--_font-size---font-size-tiny);
  border-radius: 10px;
  margin-top: 10px;
  padding: 11px 20px;
}

.submit-btn.ad {
  margin-top: 15px;
}

.submit-btn.home {
  transition: all .3s;
}

.submit-btn.home:hover {
  opacity: .85;
}

.form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.circle-block-wrap {
  z-index: 3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 90px;
  display: flex;
  position: sticky;
  top: calc(100vh - 100px);
  transform: translateY(calc(-100% - 110px));
}

.circle-left-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 108px;
  display: flex;
}

.text34 {
  font-size: 34px;
}

.text34.text-weight-medium.capital {
  text-transform: uppercase;
  line-height: 1.2;
}

.button1 {
  z-index: 20;
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 154px;
  height: 154px;
  text-decoration: none;
  display: flex;
}

.button1_icon {
  z-index: 2;
  color: #1f1f1f;
  width: 24px;
  height: 24px;
  position: absolute;
}

.button1_background {
  z-index: 1;
  background-color: #a8864c;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
  position: absolute;
}

.center-links {
  z-index: 4;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #01303bb3;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 681px;
  padding: 6px;
  display: flex;
}

.second-wrapper {
  z-index: 3;
  flex-flow: column;
  align-items: stretch;
  padding-top: 128px;
  display: flex;
  position: relative;
}

.section-head {
  z-index: 5;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 128px;
  display: flex;
  position: relative;
}

.button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.primary-btn {
  background-color: var(--color--secondary);
  color: var(--color--white);
  border: 1px solid #a8864c66;
  border-radius: 10px;
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.primary-btn:hover {
  background-color: var(--color--transparent);
  color: var(--color--secondary);
}

.primary-btn._2:hover, .primary-btn._3:hover {
  background-color: var(--color--white);
  color: var(--color--secondary);
}

.primary-btn.width {
  text-align: center;
  width: 100%;
}

.secondary-btn {
  color: var(--color--white);
  border: 1px solid #a8864c66;
  border-radius: 10px;
  flex-flow: column;
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.secondary-btn:hover {
  background-color: var(--color--white);
  color: var(--color--secondary);
}

.second-text-wrap {
  z-index: 5;
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  align-items: flex-start;
  width: max-content;
  display: flex;
  position: relative;
}

.text271 {
  direction: ltr;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Roboto Serif, sans-serif;
  font-size: 271.86px;
  line-height: 1.3;
}

.text271.lineheight {
  line-height: 1;
}

.project-overview-block {
  z-index: 3;
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  width: 100%;
  padding-top: 83px;
  display: flex;
  position: relative;
}

.project-discription-block {
  flex-flow: column;
  width: 100%;
  max-width: 535px;
  display: flex;
}

.project-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.is-max {
  width: 100%;
  max-width: 293px;
}

.project-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.project-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.text-color {
  color: var(--color--secondary);
}

.project-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.project-list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tick-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.divider-line {
  background-color: #ffffff1a;
  width: 535px;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider-line.is-width {
  width: 100%;
  margin-top: 0;
  margin-bottom: 18px;
}

.divider-line.is-width.is-bg {
  background-color: #fff3;
}

.project-image {
  border-radius: 10px;
  flex: none;
  width: 100%;
  max-width: 695px;
  overflow: hidden;
}

.image-full {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.project-discription-block-2 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: row;
  align-items: flex-end;
  width: 100%;
  margin-top: -30px;
  display: flex;
}

.project-image-2 {
  border-radius: 10px;
  width: 100%;
  max-width: 532px;
  overflow: hidden;
}

.project-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.project-details-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.project-para {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.backslace-line {
  background-color: var(--color--secondary);
  width: 2px;
  height: 30px;
  transform: rotate(23deg);
}

.span {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.project-center-line {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  display: flex;
}

.download-btn {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-wrapper {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  align-items: stretch;
  padding-top: 153px;
  display: flex;
}

.pricing-head {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pricing-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.divider-line-2 {
  background-color: #ffffff1a;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.divider-line-2.is-max3 {
  width: 100%;
}

.divider-line-2.is-max3.is-bg {
  background-color: #fff3;
}

.divider-line-2.is-max2-copy {
  width: 100%;
}

.divider-line-2.is-max2-copy.is-bg {
  background-color: #fff3;
}

.divider-line-2.is-441 {
  width: 100%;
}

.divider-line-2.is-441.is-bg {
  background-color: #fff3;
}

.divider-line-2.is-447 {
  width: 100%;
}

.divider-line-2.is-447.is-bg {
  background-color: #fff3;
}

.divider-line-2.is-441-copy {
  width: 100%;
}

.divider-line-2.is-441-copy.is-bg, .divider-line-2._1.is-bg {
  background-color: #fff3;
}

.pricing-space {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: flex;
}

.pricing-top-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.pricing-lower-block {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.text96 {
  font-size: 96px;
  line-height: 1.4;
}

.pricing-configurations-wrap {
  grid-column-gap: 73px;
  grid-row-gap: 73px;
  flex-flow: column;
  display: flex;
}

.live-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.is-max-v2 {
  width: 100%;
  max-width: 327px;
}

.para-max {
  width: 100%;
  max-width: 566px;
}

.para-max.is-max {
  max-width: 591px;
}

.live-head {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.live-main-block {
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.live-main-block._2 {
  border-radius: 0;
}

.live-main-block._2._3 {
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.live-main-wrapper {
  z-index: 5;
  padding-bottom: 48px;
  position: relative;
}

.live-scroll-wrap {
  z-index: 999;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  margin-top: 20px;
  display: flex;
  overflow: visible;
}

.live-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  padding: 38px;
  display: flex;
}

.live-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.para-max-width {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 652px;
  display: flex;
}

.where-head {
  grid-column-gap: 155px;
  grid-row-gap: 155px;
  flex-flow: row;
  align-items: flex-end;
  display: flex;
}

.where-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  width: 100%;
  display: flex;
  position: relative;
}

.where-main-wrapper {
  z-index: 3;
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.where-top {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: center;
  display: flex;
}

.living-image {
  border-radius: 10px;
  width: 100%;
  max-width: 263px;
  overflow: hidden;
}

.where-para {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.where-top-wrap {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.corner-image {
  width: 100%;
  max-width: 438px;
  position: relative;
  top: 80px;
}

.amenities-wrapper {
  z-index: 5;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.amenities-grid {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.amenities-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  transition: all .3s;
  display: flex;
}

.amenities-card:hover {
  background-color: #fff3;
}

.amenities-icon {
  width: 44px;
  height: 44px;
}

.linear-wrapper {
  z-index: 1;
  background-image: linear-gradient(#01303b, #01303b 25%, #a8864c 70%);
  height: 1208px;
  position: absolute;
  inset: auto 0% 0%;
}

.linear-wrapper.top {
  inset: auto 0% 25%;
}

.linear-wrapper.top-copy {
  display: block;
  position: absolute;
  inset: auto 0% 45%;
}

.linear-wrapper.top-copy.first._1 {
  bottom: 25%;
}

.linear-wrapper.top-20 {
  display: none;
  inset: auto 0% 10%;
}

.amenities-main-wrap {
  z-index: 3;
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.linear-wrapper-2 {
  z-index: 2;
  background-image: linear-gradient(#01303b00, #01303b);
  height: 411px;
  position: absolute;
  inset: auto 0% 0%;
}

.linear-wrapper-2.top0 {
  inset: auto 0% 25%;
}

.linear-wrapper-2.top0-copy {
  display: block;
  inset: auto 0% 45%;
}

.linear-wrapper-2.top0-copy.first._1 {
  bottom: 24%;
}

.linear-wrapper-2.top10 {
  display: none;
  inset: auto 0% 10%;
}

.is-max-see {
  width: 100%;
  max-width: 420px;
}

.see-main-wrapper.ad-height {
  min-height: 300vh;
}

.see-head {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.see-text-block {
  grid-row-gap: 24px;
  flex-flow: row;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.see-text-block.ad {
  position: sticky;
  top: 20vh;
}

.video-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 10px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 318px;
  height: 237px;
  min-height: 237px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  position: static;
  overflow: hidden;
}

.moments-wrapper {
  z-index: 3;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.moments-head {
  justify-content: center;
  display: flex;
}

.swiper-slide {
  display: flex;
}

.swiper-slide.categories-slide {
  color: #020202;
  flex: none;
  width: 700px;
  max-width: 700px;
  height: 430px;
  position: relative;
}

.swiper-wrapper.categories-swiper-wrap {
  color: #fff;
  cursor: none;
  flex-flow: row;
  display: flex;
}

.swiper-button-next.custom-next {
  background-color: #057282;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: flex;
  position: static;
}

.svg-code-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.button-arrow {
  justify-content: center;
  align-items: center;
  width: 16px;
  transition: all .4s;
  display: flex;
}

.swiper-button-prev.custom-prev {
  background-color: #057282;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: flex;
  position: static;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.swiper.categories-swiper {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.swiper-buttons {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: none;
}

.custom-cursor {
  z-index: 100;
  opacity: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  pointer-events: none;
  color: #fff;
  -webkit-clip-path: polygon(100% 0, 100% 83%, 82% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 83%, 82% 100%, 0 100%, 0 0);
  background-color: #01303b99;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  font-weight: 500;
  transition-property: opacity, transform;
  transition-duration: .2s, .12s;
  transition-timing-function: ease, linear;
  display: flex;
  position: fixed;
  transform: translate(-50%, -50%);
}

.space-img-wrap {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.drag-icon {
  width: 44px;
  height: 44px;
}

.slide-number {
  position: absolute;
  inset: 24px 24px auto auto;
}

.space-para {
  justify-content: center;
  display: flex;
}

.video-astoria {
  width: 100%;
  height: 100%;
}

.is-max-600 {
  width: 100%;
  max-width: 600px;
}

.floor-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #01303b99;
  border: 1px solid #a8864c66;
  border-radius: 24px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 615px;
  padding: 20px;
  display: flex;
}

.floor-main.v1 {
  position: absolute;
  inset: -15% 0% auto auto;
}

.floor-block-img {
  filter: blur(6px);
  border-radius: 10px;
  transition: all .3s;
  overflow: hidden;
}

.lock-icon {
  width: 16px;
  height: 16px;
}

.floor-plan-wrap {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: row;
  padding-top: 281px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.story-img-wrap {
  border-radius: 10px;
  flex: none;
  width: 100%;
  max-width: 306px;
  overflow: hidden;
  transform: rotate(-5.51deg);
}

.story-img-wrap.rotate {
  transform: rotate(5.91deg);
}

.story-img-wrap.rotate.fix {
  position: relative;
  inset: -10px auto auto 0%;
  overflow: visible;
}

.story-img-wrap.set {
  position: relative;
  inset: -30px 0 auto;
  overflow: visible;
}

.story-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
  position: relative;
}

.story-lower {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.story-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.story-anchor{
    text-decoration: none;
}

.text-size-xlarge {
  font-size: var(--_font-size---font-size-xelarge);
  line-height: 1.3;
}

.is-max-487 {
  width: 100%;
  max-width: 487px;
  overflow: hidden;
}

.story-content-wrap {
  padding-top: 48px;
}

.story-logo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.story-brand {
  width: 100%;
  max-width: 150px;
}

.story-brand-v2 {
  width: 100%;
  max-width: 191px;
}

.cross-sign {
  width: 30px;
  height: 30px;
}

.footer-wrapper {
  z-index: 3;
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.footer-top-block {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.footer-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.qr-code {
  width: 133px;
  height: 134px;
}

.footer-right-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  display: flex;
}

.qr-disclaimer {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.rera-number {
  background-color: #000d1833;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 11px;
}

.is-max-436 {
  width: 100%;
  max-width: 438px;
}

.discalimer-info {
  grid-column-gap: 51px;
  grid-row-gap: 51px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.last-para {
  width: 100%;
  max-width: 515px;
}

.footer-data-wrap {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  padding-bottom: 70px;
  display: flex;
}

.contact-links-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.social-link {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider-link-white {
  background-color: #fff;
  width: 55.15px;
  height: 1px;
  transform: rotate(-45deg);
}

.copyright-info {
  width: 100%;
  /* max-width: 607px; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.appsrow-img{
  width: 30px;
  /* border: 1px solid white; */
  /* border-radius: 50%; */
  /* padding: 8px; */
}
.designed{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.footer-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.footer-vector-wrapper {
  z-index: 3;
  flex-flow: column;
  width: 100%;
  min-height: 300px;
  position: relative;
}

.astoria-vector {
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.link {
  color: var(--color--white);
  text-decoration: none;
}

.live-field {
  grid-column-gap: 2.083vw;
  grid-row-gap: 2.083vw;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.sticky-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.live-sticky-card-wrapper {
  z-index: 5;
  width: 100%;
  position: sticky;
  top: 0;
}

.terrece-image-wrap {
  flex: none;
  max-width: 778px;
}

.terrece-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.terrace-text {
  z-index: 3;
  position: absolute;
  inset: auto auto -46% -57%;
}

.terrace-text.set {
  position: absolute;
  inset: 55% -65% auto auto;
}

.terrece-sticky-wrap {
  width: 100%;
  position: relative;
}

.sticky-wrap-2 {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.terrece-scroll-inner {
  grid-column-gap: 2.083vw;
  grid-row-gap: 2.083vw;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.officially-main-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 100px;
  display: flex;
  position: sticky;
  top: 0;
}

.officially-main-wrap.officially-zero-top-padding {
  padding-top: 0;
}

.officially-main-wrap.officially-zero-top-padding.sticky20, .officially-main-wrap.officially-zero-top-padding.sticky20-m {
  top: 20vh;
}

.officially-cn {
  width: 100%;
  min-height: 200vh;
  position: relative;
  overflow: visible;
}

.terrece-grid-v2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-right: 150px;
  display: flex;
  position: relative;
}

.terrece-grid-v2._2 {
  padding-bottom: 30px;
}

.live-space {
  z-index: 10;
  position: relative;
}

.on-scroll-text {
  z-index: 2;
  width: 100%;
  position: sticky;
  top: 10vh;
}

.circle-sticky {
  z-index: 3;
  justify-content: flex-end;
  width: 100%;
  padding-right: 18%;
  display: flex;
  position: sticky;
  top: 78vh;
  transform: translateY(calc(-100% - 110px));
}

.uui-navbar01_menu-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.uui-navbar01_link {
  z-index: 2;
  color: var(--color--white);
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.uui-navbar01_link.w--current {
  color: var(--color--white);
}

.uui-navbar01_link.active {
  z-index: 2;
  background-color: var(--color--secondary);
  border-radius: 10px;
  padding: 11px 20px;
  position: relative;
}

.uui-navbar01_component {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 681px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: sticky;
  top: 100vh;
  transform: translateY(calc(-100% - 50px));
}

.uui-navbar01_menu {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  position: static;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.nav-active-indicator {
  z-index: 1;
  opacity: 0;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  transition: all .3s;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.fixed-photo-wall-bg {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: visible;
}

.mask {
  z-index: 1;
  background-image: radial-gradient(circle farthest-side, #a8864c00, #01303b 14%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 500%;
  max-width: none;
  height: 300px;
  position: absolute;
  overflow: visible;
}

.photo-wall {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.max-width-full-3 {
  width: 100%;
  max-width: none;
  height: 100%;
}

.section-scroll {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-scroll-main {
  flex-flow: column;
  height: 250vh;
  display: flex;
  position: relative;
}

.section-scroll-main.is-height {
  height: 130vh;
}

.section-scroll-main.m {
  display: none;
}

.unlock-btn {
  color: var(--color--white);
  border: 1px solid #a8864c66;
  border-radius: 10px;
  flex-flow: column;
  padding: 11px 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.unlock-btn:hover {
  background-color: var(--color--secondary);
}

.floor-plan-form {
  z-index: 5;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #01303bb3;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 318px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
  position: relative;
}
.floor-error{
  padding-top: 20px;
}
.form-title-wrap-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  /* max-width: 226px; */
  display: flex;
}

.floor-plan-overlay {
  z-index: 9999;
  /* -webkit-backdrop-filter: blur(20px); */
  /* backdrop-filter: blur(20px); */
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-overlay-wrap {
  /* background-color: #01303bb3; */
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.form-popup-close-wrap {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.contact-links {
  color: var(--color--white);
  text-decoration: none;
}

.contact-links:hover {
  color: #fae8c9;
}

.terrace-image-block, .terrace-image-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.animation {
  overflow: hidden;
}

.class-for-animation {
  display: none;
}

.home-about_overlay {
  background-color: #00000078;
  position: absolute;
  inset: 0%;
}

.home-about_img {
  object-fit: cover;
  width: 100vw;
  min-width: 100vw;
  max-width: none;
  height: 100vh;
  min-height: 100vh;
}

.section-2 {
  position: relative;
  overflow-x: clip;
}

.section-2.smarter {
  overflow: clip;
}

.animation-scroll-border {
  border-radius: 2rem;
}

.home-about_img-text-vecor {
  z-index: 1;
  max-width: 160px;
  margin-top: 120px;
  margin-left: 140px;
  position: absolute;
}

.padding-global-2 {
  padding-left: 25px;
  padding-right: 25px;
}

.container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.animation-scroll-padding {
  padding: 1.5rem;
}

.home-about_img-wrap {
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: border-radius .6s;
  display: flex;
  position: relative;
  overflow: clip;
}

.home-about_sticky {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.home-about_img-text {
  z-index: 1;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 105%;
  position: absolute;
}

.home-about_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  transition: padding .6s;
  display: flex;
  position: relative;
  left: 6rem;
}

.home-about_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 250rem;
  display: flex;
  position: relative;
}

.home-about_heading {
  white-space: nowrap;
  font-family: Roboto Serif, sans-serif;
  font-size: 271px;
  font-weight: 400;
  line-height: 1.3;
  position: absolute;
}

.home-about_heading._2 {
  margin-top: 0;
  padding-left: 2.5rem;
  left: 100%;
}

.home-about_heading._1 {
  margin-top: 0;
  padding-right: 2.5rem;
  right: 100%;
}

.code-embed {
  display: none;
}

.download-button {
  color: var(--color--white);
  border: 1px solid #a8864c66;
  border-radius: 10px;
  flex-flow: column;
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.download-button:hover {
  background-color: var(--color--white);
  color: var(--color--secondary);
}

.onwards-para {
  margin-bottom: 8px;
}

.download-btn-2 {
  background-color: var(--color--secondary);
  color: var(--color--white);
  border: 1px solid #a8864c66;
  border-radius: 10px;
  padding: 11px 20px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.download-btn-2:hover {
  background-color: var(--color--transparent);
  color: var(--color--secondary);
}

.download-btn-2._2:hover {
  background-color: var(--color--white);
  color: var(--color--secondary);
}

.live-main-block-wrap {
  width: 100%;
}

.divider-wrap {
  width: 745px;
  display: flex;
}

.divider-wrap-1 {
  width: 477px;
  display: flex;
}

.divider-wrap-2 {
  width: 447px;
}

.divider-wrap-2.width {
  width: 100%;
}

.divider-wrap-3 {
  width: 414px;
  display: flex;
}

.divider-wrap-4 {
  width: 441px;
}

.divider-wrap-6 {
  width: 441px;
  display: flex;
}

.divider-wrap-5 {
  width: 396px;
  display: flex;
}

.live-mob-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.live-mobile-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.live-card-m, .live-card-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  padding: 38px;
  display: flex;
}

.success-message, .success-message-2 {
  background-color: #0000;
}

.home-para {
  width: 100%;
}

.hero-mob-address {
  display: none;
}

.text11 {
  text-align: center;
  font-size: 11.1px;
}

.text22 {
  text-align: center;
  font-size: 22px;
}

.home-mob-para {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.brand-info-wrap {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.pricing-space-mob {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: none;
}

.pricing-block-wrap-m {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #ffffff1a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px;
  display: flex;
}

.price-top {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.video-wrap-m {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 10px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 318px;
  height: 237px;
  min-height: 237px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  position: static;
  overflow: hidden;
}

.see-head-m {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.amenities-main-wrap-m {
  z-index: 3;
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.terrace-text-copy {
  z-index: 3;
  position: absolute;
  inset: auto auto -46% -57%;
}

.terrace-text-copy.set {
  position: absolute;
  inset: 55% -65% auto auto;
}

.terrace-mobile-image {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.terrece-image-wrapper-m {
  flex: none;
  max-width: 300px;
}

.terrece-sticky-wrap-m {
  width: 100%;
  position: relative;
}

.terrece-scroll-inner-m {
  grid-column-gap: 2.083vw;
  grid-row-gap: 2.083vw;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.sticky-wrap-m {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: visible;
}

.officially-cn-m {
  width: 100%;
  min-height: 200vh;
  position: relative;
  overflow: visible;
}

.second-text-wrap-proof {
  z-index: 5;
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  align-items: flex-start;
  width: max-content;
  display: flex;
  position: relative;
}

.brand-logo-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.brand-divider {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.brand-top {
  background-color: #ffffff1a;
  width: 1px;
  height: 32px;
}

.by-text {
  font-size: 9px;
}

.brand-logo-nav {
  width: 100%;
  max-width: 215px;
  display: block;
}

.brand-logo-nav.v2 {
  max-width: 130px;
}

.brand-logo-block-m {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: none;
}

.brand-divider-m {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  align-items: center;
  display: none;
}

.brand-top-m {
  background-color: #ffffff1a;
  width: 1px;
  height: 32px;
}

.by-text-m {
  font-size: 9px;
}

.brand-logo-nav-m {
  width: 100%;
  max-width: 215px;
  display: none;
}

.brand-logo-nav-m.v2 {
  max-width: 130px;
}

.google-map-frame {
  z-index: 3;
  width: 100%;
  height: 100%;
  min-height: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.google-map-frame._2 {
  border-radius: 0;
}

.google-map-frame._2._3 {
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.uui-navbar01_component-top {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: fixed;
}

.brand-logo-block-m-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.brand-logo-nav-m-top {
  width: 100%;
  max-width: 130px;
}

.brand-logo-nav-m-top.v2 {
  max-width: 130px;
}

.brand-logo-nav-top {
  width: 100%;
  max-width: 180px;
  display: block;
}

.brand-logo-nav-top.v2 {
  max-width: 130px;
}

.nav-top-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 70px;
  display: flex;
}

.nav-menu-top {
  flex-flow: row;
  align-items: center;
  display: flex;
}

.uui-navbar01_link-v2 {
  z-index: 2;
  color: var(--color--white);
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.uui-navbar01_link-v2.w--current {
  color: var(--color--white);
}

.uui-navbar01_link-v2.active {
  z-index: 2;
  background-color: var(--color--secondary);
  border-radius: 10px;
  padding: 11px 20px;
  position: relative;
}

.uui-navbar01_menu-left-v2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.uui-navbar01_menu-v2 {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  position: static;
}
.uui-navbar01_menu-left-v2 a:first-child {
padding-left: 10px;
}
.last-nav-link {
padding-right: 10px;
}

.center-links-v2 {
  z-index: 4;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #01303bb3;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 681px;
  padding: 6px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .max-width-medium {
    max-width: 40rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_font-size---h1: 50px;
    --_font-size---h2: 35px;
    --_font-size---h3: 28px;
    --_font-size---h4: 28px;
    --_font-size---h5: 24px;
    --_font-size---h6: 22px;
    --_font-size---font-size-regular: 16px;
    --_font-size---font-size-tiny: 12px;
    --_font-size---font-size-medium: 18px;
    --_font-size---font-size-large: 22px;
    --_font-size---font-size-small: 14px;
    --_font-size---font-size-xelarge: 32px;
    --_radius---radius--large: 40px;
    --_radius---radius--regular: 20px;
    --_radius---radius--small: 8px;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.new {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .padding-vertical.new.bottom0 {
    padding-top: 100px;
  }

  .padding-vertical.new.both0 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .padding-vertical.new.top0 {
    padding-bottom: 0;
  }

  .styleguide-three-col {
    grid-template-columns: 1fr;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-xlarge {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .styleguide-one-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .styleguide-four-col {
    grid-template-columns: 1fr;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .padding-global {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-size-medium {
    border-left-style: none;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .styleguide-section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .styleguide-two-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .styleguide-heading-medium {
    font-size: 3rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .section.footer-linear {
    background-image: none;
    background-size: auto;
    height: 250px;
  }

  .section.visible.mob-video {
    display: block;
  }

  .section.footer-linear-m {
    background-image: none;
    background-size: auto;
    height: 300px;
  }

  .brand-logo {
    max-width: 150px;
    display: block;
  }

  .brand-top-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 0;
  }

  .hero-bottom-overlay {
    bottom: -8%;
  }

  .hero-contact-form {
    max-width: 300px;
    height: 350px;
    bottom: 10%;
    left: 30%;
  }

  .text24.text-weight-medium.form-t {
    font-size: 20px;
  }

  .main-image {
    margin-top: -340px;
  }

  .submit-btn.ad {
    margin-top: 20px;
  }

  .form {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .circle-block-wrap {
    padding-left: 70px;
    position: sticky;
  }

  .circle-left-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .text34.text-weight-medium.capital {
    font-size: 30px;
  }

  .button1 {
    width: 100px;
    height: 100px;
  }

  .button1_icon {
    width: 20px;
    height: 20px;
  }

  .button1_background {
    width: 50px;
    height: 50px;
  }

  .center-links {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 10px 15px;
  }

  .second-wrapper {
    padding-top: 100px;
  }

  .section-head {
    padding-bottom: 100px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text271 {
    font-size: 150px;
  }

  .text271.lineheight {
    font-size: 160px;
  }

  .project-overview-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .project-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .project-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .divider-line {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .project-image {
    max-width: 600px;
  }

  .project-discription-block-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    margin-top: 50px;
  }

  .project-details {
    width: 100%;
  }

  .pricing-wrapper {
    padding-top: 100px;
  }

  .text96 {
    font-size: 50px;
  }

  .pricing-configurations-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .is-max-v2, .para-max.is-max {
    max-width: 100%;
  }

  .live-head {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
  }

  .live-card {
    max-width: 350px;
    padding: 30px;
  }

  .where-block {
    flex-flow: column;
  }

  .where-main-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .where-top {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .where-top-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
  }

  .corner-image {
    max-width: 100%;
    display: none;
    position: absolute;
    top: 0;
  }

  .amenities-grid {
    grid-template-columns: 1fr 1fr;
  }

  .linear-wrapper.top.m {
    height: 700px;
    bottom: 35%;
  }

  .linear-wrapper.top-copy.first._1 {
    height: 800px;
    bottom: 60%;
  }

  .linear-wrapper.top-copy.first.m {
    height: 800px;
    bottom: 70%;
  }

  .linear-wrapper.m1 {
    height: 650px;
    bottom: 15%;
  }

  .amenities-main-wrap {
    padding-top: 50px;
  }

  .amenities-main-wrap.top {
    padding-top: 0;
  }

  .linear-wrapper-2.top0.m {
    bottom: 35%;
  }

  .linear-wrapper-2.top0-copy.first {
    bottom: 70%;
  }

  .linear-wrapper-2.top0-copy.first._1 {
    bottom: 60%;
  }

  .linear-wrapper-2.m1 {
    height: 411px;
    bottom: 15%;
  }

  .is-max-see {
    max-width: 100%;
  }

  .see-main-wrapper.ad-height.mobile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    min-height: 100vh;
    display: flex;
  }

  .see-head {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .moments-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .swiper-slide.categories-slide {
    width: 100%;
    max-width: 600px;
  }

  .swiper-button-next.custom-next, .swiper-button-prev.custom-prev {
    background-color: #0000;
    border: 1px solid #a8864c66;
    border-radius: 8px;
    height: 45px;
  }

  .swiper.categories-swiper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .swiper-buttons {
    display: flex;
  }

  .custom-cursor {
    display: none;
  }

  .is-max-600 {
    max-width: 500px;
  }

  .floor-head {
    margin-top: 30px;
  }

  .floor-main {
    max-width: 100%;
  }

  .floor-main.v1 {
    position: static;
  }

  .floor-plan-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    padding-top: 50px;
  }

  .story-img-wrap.rotate.fix, .story-img-wrap.set {
    max-width: 200px;
  }

  .story-lower {
    padding-left: 0;
  }

  .footer-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .footer-top-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .footer-head {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .discalimer-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-data-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding-bottom: 20px;
  }

  .contact-links-wrap {
    flex-flow: column;
    align-items: flex-start;
  }

  .divider-link-white {
    display: none;
  }

  .footer-vector-wrapper {
    min-height: 250px;
  }

  .live-field {
    width: 220vw;
  }

  .live-sticky-card-wrapper {
    display: block;
  }

  .terrece-image-wrap {
    max-width: 500px;
  }

  .terrace-text.set {
    right: 30%;
  }

  .terrace-text.fix {
    left: 0%;
  }

  .terrece-scroll-inner {
    width: 220vw;
  }

  .officially-main-wrap {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    padding-bottom: 100px;
    top: 14vw;
  }

  .officially-main-wrap.officially-zero-top-padding {
    top: 25vw;
  }

  .officially-cn {
    min-height: 100vh;
  }

  .circle-sticky {
    padding-right: 18%;
    top: 65vh;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .3rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_link {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 11px 20px;
    font-size: 1.125rem;
  }

  .uui-navbar01_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_link.active {
    color: var(--untitled-ui--white);
    border-radius: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--color--white);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_component {
    z-index: 9999;
    max-width: 100%;
    display: flex;
    top: 0;
    transform: translateY(0);
  }

  .menu-icon_line-middle {
    background-color: var(--color--white);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top {
    background-color: var(--color--white);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1rem 0 5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-button {
    justify-content: flex-end;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .fixed-photo-wall-bg {
    z-index: 999;
    position: absolute;
  }

  .mask {
    width: 300%;
    height: 250px;
  }

  .section-scroll-main.is-height {
    height: 185vh;
  }

  .section-2.smarter {
    display: none;
  }

  .home-about_img-text {
    -webkit-text-stroke-width: 0px;
    font-size: 2.5rem;
  }

  .home-about_heading {
    -webkit-text-stroke-width: 0px;
    font-size: 150px;
  }

  .live-main-block-wrap {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .divider-wrap {
    width: 300px;
  }

  .divider-wrap-1, .divider-wrap-2 {
    width: 400px;
  }

  .divider-wrap-3 {
    width: 374px;
  }

  .divider-wrap-4, .divider-wrap-6 {
    width: 400px;
  }

  .divider-wrap-5 {
    width: 300px;
  }

  .live-mob-wrap {
    padding-top: 50px;
    display: none;
  }

  .live-mobile-block {
    grid-template-columns: 1fr 1fr;
  }

  .live-card-m {
    max-width: 350px;
    min-height: 300px;
    padding: 25px;
  }

  .live-card-copy {
    max-width: 350px;
    padding: 30px;
  }

  .video-wrap-m {
    width: 100%;
    height: 400px;
    min-height: 500px;
    margin-left: 0;
    margin-right: 0;
  }

  .see-head-m {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .amenities-main-wrap-m {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 50px;
  }

  .terrece-scroll-inner-m {
    width: 220vw;
  }

  .second-text-wrap-proof {
    position: absolute;
    inset: 50% 0% 0% 50%;
  }

  .brand-logo-block {
    display: none;
  }

  .brand-logo-nav {
    max-width: 100px;
    display: block;
  }

  .brand-logo-block-m {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: var(--color--white);
    text-decoration: none;
    display: flex;
  }

  .brand-divider-m {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .brand-top-m {
    height: 15px;
  }

  .by-text-m {
    font-size: 8px;
  }

  .brand-logo-nav-m {
    max-width: 80px;
    display: block;
  }

  .google-map-frame {
    min-height: 500px;
  }

  .uui-navbar01_component-top {
    z-index: 9999;
    max-width: 100%;
    display: none;
    top: 0;
    transform: translateY(0);
  }

  .brand-logo-block-m-top {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: var(--color--white);
    text-decoration: none;
    display: flex;
  }

  .brand-logo-nav-m-top {
    max-width: 80px;
    display: block;
  }

  .brand-logo-nav-top {
    max-width: 100px;
    display: block;
  }

  .uui-navbar01_link-v2 {
    color: var(--untitled-ui--gray900);
    width: 100%;
    padding: 11px 20px;
    font-size: 1.125rem;
  }

  .uui-navbar01_link-v2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_link-v2.active {
    color: var(--untitled-ui--white);
    border-radius: 0;
  }

  .uui-navbar01_menu-left-v2 {
    grid-column-gap: 0px;
    grid-row-gap: .3rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_menu-v2 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1rem 0 5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .center-links-v2 {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    background-color: #0000;
    border-style: none;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 10px 15px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_font-size---h1: 50px;
    --_font-size---h2: 32px;
    --_font-size---h3: 28px;
    --_font-size---h4: 30px;
    --_font-size---h5: 24px;
    --_font-size---h6: 22px;
    --_font-size---font-size-regular: 14px;
    --_font-size---font-size-tiny: 12px;
    --_font-size---font-size-medium: 16px;
    --_font-size---font-size-large: 22px;
    --_font-size---font-size-small: 14px;
    --_font-size---font-size-xelarge: 28px;
    --_radius---radius--large: 40px;
    --_radius---radius--regular: 20px;
    --_radius---radius--small: 8px;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .button:hover {
    transform: scale(1);
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.new {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-vertical.new.bottom0 {
    padding-top: 100px;
  }

  .padding-vertical.new.bottom0.top, .padding-vertical.new.both0 {
    padding-top: 0;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xxlarge {
    padding: 3.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .padding-xlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .padding-global {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-one-x-large {
    width: 1.8rem;
    height: 1.8rem;
  }

  .text-size-medium.text14-4 {
    font-size: 22px;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .max-width-full.desk {
    display: none;
  }

  .max-width-full.mobile {
    display: inline-block;
  }

  .max-width-full.cover {
    object-fit: cover;
  }

  .styleguide-section-header {
    font-size: .875rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .styleguide-heading-medium {
    font-size: 2rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .section.footer-linear {
    height: 250px;
    display: none;
  }

  .section.visible.terrace, .section.visible.terrace-v2 {
    display: none;
  }

  .section.visible.terrace-m {
    display: block;
  }

  .section.footer-linear-m {
    height: 150px;
    display: block;
  }

  .brand-logo {
    max-width: 200px;
  }

  .brand-info {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    text-align: center;
    padding-top: 0;
  }

  .brand-top-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 80px;
  }

  .hero-bottom-overlay {
    min-height: 0;
    bottom: -7%;
  }

  .hero-top-effect {
    top: -15%;
    left: -15%;
  }

  .hero-contact-form {
    left: 25%;
  }

  .main-image {
    height: 100%;
    margin-top: -200px;
  }

  .form-field {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .submit-btn.ad {
    margin-top: 20px;
  }

  .circle-block-wrap {
    padding-left: 50px;
    display: none;
  }

  .text34.text-weight-medium.capital {
    font-size: 25px;
  }

  .button1 {
    width: 6em;
    height: 5em;
  }

  .button1_background {
    width: 30px;
    height: 30px;
  }

  .center-links {
    justify-content: space-between;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .section-head {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .primary-btn.width {
    text-align: center;
    width: 100%;
  }

  .text271.lineheight, .text271.is {
    font-size: 100px;
  }

  .text271.is-terrace {
    font-size: 90px;
  }

  .project-overview-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 50px;
  }

  .project-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .is-max {
    max-width: 100%;
  }

  .project-info, .project-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .project-list {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .divider-line {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .divider-line.is-width.is-bg {
    margin-bottom: 0;
  }

  .project-discription-block-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .project-details-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .project-center-line {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .pricing-wrapper {
    padding-top: 100px;
  }

  .pricing-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: flex-start;
  }

  .pricing-space {
    display: none;
  }

  .pricing-top-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .text96 {
    font-size: 40px;
  }

  .pricing-configurations-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .live-main-block._2 {
    aspect-ratio: 16 / 9;
  }

  .live-main-wrapper {
    padding-bottom: 30px;
  }

  .para-max-width {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .where-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 0;
  }

  .where-top-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
  }

  .corner-image {
    display: none;
  }

  .amenities-wrapper {
    padding-top: 40px;
  }

  .amenities-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .linear-wrapper.top.m {
    bottom: 69%;
  }

  .linear-wrapper.top-copy.first._1 {
    height: 600px;
    bottom: 70%;
  }

  .linear-wrapper.top-copy.first.m {
    height: 700px;
    bottom: 70%;
  }

  .linear-wrapper.m1 {
    height: 500px;
  }

  .amenities-main-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .linear-wrapper-2.top0.m {
    bottom: 69%;
  }

  .linear-wrapper-2.top0-copy.first, .linear-wrapper-2.top0-copy.first._1 {
    bottom: 70%;
  }

  .see-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .moments-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .swiper-slide.categories-slide {
    max-width: 400px;
    height: 300px;
  }

  .swiper-buttons {
    margin-top: 20px;
  }

  .space-img-wrap {
    height: 100%;
  }

  .slide-number {
    top: 20px;
    right: 20px;
  }

  .floor-plan-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-top: 50px;
  }

  .story-img-wrap.rotate.fix {
    max-width: 150px;
  }

  .story-img-wrap.set {
    max-width: 180px;
  }

  .story-logo {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .story-brand {
    max-width: 120px;
  }

  .story-brand-v2 {
    max-width: 150px;
  }

  .cross-sign {
    width: 25px;
    height: 25px;
  }

  .footer-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .footer-top-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .discalimer-info {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-data-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .copyright-info{
    flex-direction: column;
    width: 100%;
    align-items: start;
    gap: 20px;
  }

  .footer-vector-wrapper {
    min-height: 150px;
  }

  .astoria-vector.bottom {
    bottom: -10%;
  }

  .live-field {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .sticky-wrap {
    height: auto;
    overflow: visible;
  }

  .live-sticky-card-wrapper {
    display: none;
  }

  .sticky-wrap-2 {
    height: auto;
    overflow: visible;
  }

  .terrece-scroll-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .officially-main-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 48px;
  }

  .officially-main-wrap.officially-zero-top-padding.sticky20-m {
    top: 20vh;
  }

  .circle-sticky {
    padding-right: 0%;
    top: 80vh;
  }

  .uui-navbar01_link {
    font-size: 1rem;
  }

  .uui-navbar01_link.active {
    padding-left: 15px;
    padding-right: 15px;
  }

  .uui-navbar01_component {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .uui-navbar01_menu {
    padding-top: 1rem;
  }

  .mask {
    height: 250px;
  }

  .section-scroll-main {
    height: 160vh;
    display: block;
  }

  .section-scroll-main.is-height {
    height: 140vh;
  }

  .section-scroll-main.m, .floor-plan-overlay {
    display: none;
  }

  .home-about_img-text-vecor {
    max-width: 80px;
    margin-top: 100px;
    margin-left: 110px;
  }

  .padding-global-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-about_img-wrap {
    border-radius: 10px;
  }

  .home-about_img-text {
    -webkit-text-stroke-width: 0px;
    font-size: 18px;
  }

  .home-about_wrapper {
    height: 100rem;
  }

  .home-about_heading {
    -webkit-text-stroke-width: 0px;
    font-size: 18px;
  }

  .home-about_heading._2 {
    font-size: 18px;
  }

  .live-main-block-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .divider-wrap, .divider-wrap-2, .divider-wrap-4, .divider-wrap-6 {
    width: 100%;
  }

  .live-mob-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 30px;
    display: grid;
  }

  .live-mobile-block {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .live-card-m {
    max-width: 100%;
    min-height: 250px;
    padding: 20px;
  }

  .home-para {
    text-align: center;
    width: 350px;
  }

  .hero-mob-address {
    display: block;
  }

  .text11 {
    font-size: 18px;
  }

  .text22 {
    font-size: 30px;
  }

  .home-mob-para {
    text-align: center;
    width: 251px;
  }

  .brand-info-wrap {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .pricing-block-mob {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .pricing-space-mob {
    display: flex;
  }

  .pricing-block-wrap-m {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px 15px;
  }

  .see-text-m {
    position: relative;
  }

  .see-head-m {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .amenities-main-wrap-m {
    height: 120vh;
    padding-top: 80px;
  }

  .terrace-block-m {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .terrace-mobile-image {
    align-items: center;
  }

  .terrece-image-wrapper-m {
    max-width: 500px;
  }

  .terrece-scroll-inner-m {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .sticky-wrap-m {
    height: auto;
    overflow: visible;
  }

  .officially-cn-m {
    min-height: 100vh;
  }

  .second-text-wrap-proof {
    position: absolute;
    inset: 50% 0% 0% 50%;
    transform: translate(-50%, -50%);
  }

  .proof-sticky {
    position: sticky;
    top: 0;
  }

  .by-text-m {
    line-height: 15px;
  }

  .google-map-frame {
    min-height: 400px;
  }

  .google-map-frame._2 {
    aspect-ratio: 16 / 9;
  }

  .uui-navbar01_component-top {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .uui-navbar01_link-v2 {
    font-size: 1rem;
  }

  .uui-navbar01_link-v2.active {
    padding-left: 15px;
    padding-right: 15px;
  }

  .uui-navbar01_menu-v2 {
    padding-top: 1rem;
  }

  .center-links-v2 {
    justify-content: space-between;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_font-size---h1: 32px;
    --_font-size---h2: 24px;
    --_font-size---h3: 28px;
    --_font-size---h4: 30px;
    --_font-size---h5: 24px;
    --_font-size---h6: 22px;
    --_font-size---font-size-regular: 14px;
    --_font-size---font-size-tiny: 12px;
    --_font-size---font-size-medium: 14px;
    --_font-size---font-size-large: 20px;
    --_font-size---font-size-small: 14px;
    --_font-size---font-size-xelarge: 24px;
    --_radius---radius--large: 40px;
    --_radius---radius--regular: 20px;
    --_radius---radius--small: 8px;
  }

  .heading-style-two.alt-font-family.isf {
    font-size: 20px;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.new {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .padding-vertical.new.bottom0 {
    padding-top: 60px;
  }

  .padding-vertical.new.bottom0.top {
    padding-top: 0;
  }

  .padding-vertical.new.both0 {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .styleguide-row {
    flex-wrap: wrap;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-global {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-size-medium.text14-4 {
    font-size: 14px;
  }

  .text-size-medium.small {
    font-size: 13px;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .max-width-full.cover {
    object-fit: cover;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .section.footer-linear-m {
    height: 100px;
  }

  .brand-logo {
    max-width: 150px;
  }

  .brand-info {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
  }

  .brand-top-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 10px;
    top: 0%;
  }

  .hero-main-wrap {
    min-height: 80vh;
  }

  .hero-contact-form {
    max-width: 250px;
    height: 320px;
    padding: 12px;
    inset: auto 0% -5%;
  }

  .main-image {
    margin-top: -180px;
  }

  .submit-btn.ad {
    margin-top: 18px;
  }

  .form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .circle-block-wrap {
    padding-left: 30px;
  }

  .text34.text-weight-medium.capital {
    font-size: 20px;
  }

  .button1 {
    width: 4em;
    height: 4em;
  }

  .button1_icon {
    width: 15px;
    height: 15px;
  }

  .button1_background {
    width: 25px;
    height: 25px;
  }

  .center-links {
    padding-left: 5px;
    padding-right: 5px;
  }

  .second-wrapper {
    padding-top: 60px;
  }

  .text271.lineheight {
    font-size: 54px;
  }

  .text271.is {
    font-size: 48px;
  }

  .text271.is-terrace {
    font-size: 58px;
  }

  .project-overview-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 30px;
  }

  .project-details {
    padding-left: 10px;
  }

  .project-center-line {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .text96 {
    font-size: 30px;
  }

  .pricing-configurations-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .where-main-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .where-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    align-items: flex-start;
  }

  .living-image {
    max-width: 100%;
  }

  .amenities-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .amenities-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .amenities-card {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .see-main-wrapper.ad-height.mobile{
    min-height: auto;
  }

  .amenities-icon {
    width: 30px;
    height: 30px;
  }

  .linear-wrapper.top {
    display: none;
  }

  .linear-wrapper.top.m {
    height: 500px;
    display: block;
    bottom: 72%;
  }

  .linear-wrapper.top-copy.first._1 {
    height: 400px;
    bottom: 70%;
  }

  .linear-wrapper.m1 {
    height: 400px;
  }

  .amenities-main-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .linear-wrapper-2.top0 {
    display: none;
  }

  .linear-wrapper-2.top0.m {
    height: 300px;
    display: block;
    bottom: 72%;
  }

  .linear-wrapper-2.top0-copy.first._1 {
    height: 300px;
    bottom: 70%;
  }

  .linear-wrapper-2.m1 {
    height: 400px;
  }

  .see-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .moments-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .swiper-button-next.custom-next, .swiper-button-prev.custom-prev {
    width: 40px;
    height: 40px;
  }

  .swiper.categories-swiper {
    padding-left: 5px;
    padding-right: 5px;
  }

  .swiper-buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .slide-number {
    top: 15px;
    right: 15px;
  }

  .floor-plan-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 30px;
  }

  .story-img-wrap.rotate.fix {
    max-width: 90px;
    top: -4px;
  }

  .story-img-wrap.set {
    max-width: 110px;
    top: -10px;
  }

  .story-top, .story-lower {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .story-logo {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .story-brand {
    max-width: 100px;
  }

  .story-brand-v2 {
    max-width: 120px;
  }

  .cross-sign {
    width: 20px;
    height: 20px;
  }

  .footer-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .footer-right {
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-right-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .qr-disclaimer {
    flex-flow: column;
    align-items: flex-start;
  }

  .footer-data-wrap, .footer-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-vector-wrapper {
    min-height: 100px;
  }

  .circle-sticky {
    padding-right: 2%;
    top: 60vh;
  }

  .fixed-photo-wall-bg {
    position: absolute;
  }

  .mask {
    width: 1000vw;
  }

  .section-scroll-main.is-height {
    height: 100%;
  }

  .home-about_img-text {
    white-space: normal;
  }

  .live-main-block-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .divider-wrap {
    width: 100%;
  }

  .live-mob-wrap {
    padding-top: 20px;
  }

  .live-mobile-block {
    grid-template-rows: auto;
  }

  .live-card-m {
    padding: 16px;
  }

  .home-para {
    width: 250px;
  }

  .text11 {
    font-size: 12px;
  }

  .text22 {
    font-size: 22px;
  }

  .brand-info-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .pricing-block-wrap-m {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .video-wrap-m {
    min-height: 400px;
  }

  .see-head-m {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .amenities-main-wrap-m {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .second-text-wrap-proof {
    top: 40%;
    left: 15%;
    transform: none;
  }

  .brand-logo-nav {
    max-width: 80px;
  }

  .brand-logo-block-m {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .by-text-m {
    line-height: 10px;
  }

  .brand-logo-nav-m {
    max-width: 60px;
  }

  .google-map-frame {
    min-height: 300px;
  }

  .copyright-info{
    gap: 12px;
  }

  .brand-logo-block-m-top {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .brand-logo-nav-m-top {
    max-width: 60px;
  }

  .brand-logo-nav-top {
    max-width: 80px;
  }

  .center-links-v2 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .social-link {
    width: 18px;

}
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff30db-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30e0-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30e5-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30ea-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30f0-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30f7-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff30fe-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff31e4-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff31ec-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3203-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff321c-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff321f-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3221-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3224-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3266-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff326b-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff326c-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff32de-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff32e3-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff32e8-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff32ed-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff32f3-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff32f8-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3302-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3308-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff330e-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3314-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff331a-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3320-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3326-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff332c-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3332-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3338-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff333e-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3343-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3344-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff334a-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3350-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3356-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff336b-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3371-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3377-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff337d-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3383-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3389-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff338f-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff339a-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33a0-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33a6-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33ac-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33b2-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33b8-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33be-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33c4-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33ca-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33d0-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33d6-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff33db-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff33dc-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33e2-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33e8-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff33ee-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3400-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3405-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff340a-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff340f-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3414-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3419-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff341e-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3423-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3428-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff342d-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3431-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3432-8916dc0e {
  justify-self: start;
}

#w-node-_462783d7-52ff-500b-b97e-2eb357ff3435-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff3483-8916dc0e, #w-node-_462783d7-52ff-500b-b97e-2eb357ff34b0-8916dc0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}