html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Inter Tight", sans-serif !important;
  background: #fafbf9;
}

.body-overflow {
  overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

input:focus::placeholder {
  color: transparent !important;
}

* {
  font-family: "Inter Tight", sans-serif !important;
}

.container {
  max-width: 130rem;
  margin: 0 auto;
}
.container-second {
  max-width: 100%;
  padding-left: 2.4rem;
}
@media only screen and (max-width: 5000.9px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 3499.9px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (max-width: 2499.9px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1999.9px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (max-width: 1600.9px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1199.9px) {
  html {
    font-size: 9px;
  }
}

@media only screen and (max-width: 1023.9px) {
  html {
    font-size: 8px;
  }
}

@media only screen and (max-width: 991.9px) {
  html {
    font-size: 7px;
  }
}

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 2rem;
}

@media only screen and (min-width: 1199.9px) {
  .xl-1 {
    grid-column: span 1;
  }

  .xl-2 {
    grid-column: span 2;
  }

  .xl-3 {
    grid-column: span 3;
  }

  .xl-4 {
    grid-column: span 4;
  }

  .xl-5 {
    grid-column: span 5;
  }

  .xl-6 {
    grid-column: span 6;
  }

  .xl-7 {
    grid-column: span 7;
  }

  .xl-8 {
    grid-column: span 8;
  }

  .xl-9 {
    grid-column: span 9;
  }

  .xl-10 {
    grid-column: span 10;
  }

  .xl-11 {
    grid-column: span 11;
  }

  .xl-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 1199.9px) and (min-width: 991.9px) {
  .lg-0 {
    display: none;
  }

  .lg-1 {
    grid-column: span 1;
  }

  .lg-2 {
    grid-column: span 2;
  }

  .lg-3 {
    grid-column: span 3;
  }

  .lg-4 {
    grid-column: span 4;
  }

  .lg-5 {
    grid-column: span 5;
  }

  .lg-6 {
    grid-column: span 6;
  }

  .lg-7 {
    grid-column: span 7;
  }

  .lg-8 {
    grid-column: span 8;
  }

  .lg-9 {
    grid-column: span 9;
  }

  .lg-10 {
    grid-column: span 10;
  }
  .lg-11 {
    grid-column: span 11;
  }

  .lg-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 991.9px) and (min-width: 767.9px) {
  .md-0 {
    display: none;
  }

  .md-1 {
    grid-column: span 1;
  }

  .md-2 {
    grid-column: span 2;
  }

  .md-3 {
    grid-column: span 3;
  }

  .md-4 {
    grid-column: span 4;
  }

  .md-5 {
    grid-column: span 5;
  }

  .md-6 {
    grid-column: span 6;
  }

  .md-7 {
    grid-column: span 7;
  }

  .md-8 {
    grid-column: span 8;
  }

  .md-9 {
    grid-column: span 9;
  }

  .md-10 {
    grid-column: span 10;
  }
  .md-11 {
    grid-column: span 11;
  }

  .md-12 {
    grid-column: span 12;
  }
}

@media only screen and (max-width: 767.9px) {
  .sm-0 {
    display: none;
  }
  .sm-3 {
    grid-column: span 3;
  }

  .sm-4 {
    grid-column: span 4;
  }

  .sm-6 {
    grid-column: span 6;
  }

  .sm-12 {
    grid-column: span 12;
  }

  html {
    font-size: 10px;
  }

  .container,
  .container-second {
    max-width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input,
textarea,
select {
  background-color: transparent;
  outline: none;
}

ul,
ol {
  padding-left: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}
p {
  margin: 0;
}

a {
  text-decoration: none;
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Noto Serif Display Condensed" !important;
}

button,
input,
textarea {
  outline: 0;
  cursor: pointer;
}
svg,
path,
a,
button,
header,
img,
p,
span,
g,
circle,
::after,
::before{
  transition: 0.5s all ease;
}

:root {
  --03-background: #f9f7f6;
  --02-main: #d38f49;
  --01-black: #1f1a14;
  --main-color-02: #3e4847;
}

.swiper-slide {
  height: 100vh !important;
  width: 100%;
}

.pageSwiper {
  width: 100%;
  height: 100vh;
}

.pageSwiper .swiper-slide {
  text-align: center;
  /* background: #fff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.wallp {
  width: 100%;
  height: 100%;
  position: relative;
}
.wallp img,
.imgAbout1 img,
.imgAbout2 img,
.imgAbout3 img,
.imgAbout4 img,
.tabInner .img img,
.estateCard .img img,
.interiorCard img,
.imgFac1 img,
.imgFac2 img,
.imgFac3 img,
.dragInner .img img,
.buttonDrag img,
.dragImg img,
#backLayer .img img,
.formSlide .img img,
.videoSwiper video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wallp .layer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  background: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 3.36%,
    rgba(0, 0, 0, 0.619) 100%
  );
  background-blend-mode: multiply;
  width: 100%;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1.2rem;
      padding-top: 3rem;
}
header .middleContainer{
    width: -webkit-fill-available;
}
header{
    position: fixed;
    z-index: 3;
    width: 100%;
    left: 0;
}
header.active{
    transition: all 0.3s ease;
    box-shadow: 0px 4px 25px rgba(165, 154, 154, 0.25);
    backdrop-filter: blur(1rem);
    padding-top: 1rem;
}

header.active .headerRight{
    height: 3.8rem;
    padding: 0 2rem;
}
header.active span{
    font-size: 1.2rem;
}
header.active .headerRight::before{
    height: 4.4rem;
    left: -.4rem;
    top: -.4rem;
    padding-right: .5rem;
}
header.active .externalLink span img{
    height: 2.4rem;
    width: 9rem;
}
header.active .externalLink{
    height: 3.6rem;
    padding: 0;
}
header.active .externalLink span::before{
    top: 2.8rem;
}
header.active .externalLink strong::before, 
header.active .externalLink span::before{
    font-size: 1rem;
}
header.active .logo img {
    width: 14rem;
    height: 4.6rem;
}
header.active .logo{
    height: 4rem;
    width: 20rem;
}
.goldLogo{
    display: none !important;
}
header.darkSlide .goldLogo{
    display: block !important;
}

header.darkSlide .defaultLogo{
    display: none !important;
}
.pageSwiper .swiper-slide {
  position: relative;
  overflow: hidden;
}
.pageSwiper .swiper-slide header {
  padding-top: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  height: 9rem;
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid rgba(249, 247, 246, 0.2);
}

.middleContainer {
  padding: 0 6.6rem;
  max-width: 100%;
  width: 100%;
}
.headerRight {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 5.6825rem;
  background-image: linear-gradient(90deg, #a97332 0%, #d19143 100%);
  border-radius: 5.6825rem;
  height: 5.8rem;
  padding: 0 4rem;
  transition: width 1, opacity 0.6s;
  -webkit-backface-visibility: hidden;
  border: none;
}
.swiperLast{
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    border-radius: 0 !important;
}
.swiperLast .swiper-pagination-bullet{
    display: none;
}
.swiperLast .swiper-pagination-bullet:last-child{
    display: block;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    background: transparent !important;
    border-radius: 0 !important;
}
.headerRight span {
  color: #f9f7f6;
  font-size: 1.6279rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0651rem;
  z-index: 3;
  position: relative;
}
.headerRight::before {
  position: absolute;
  content: "";
  left: -0.6rem;
  top: -0.6rem;
  height: 6.9rem;
  border: 0.1rem solid #a97332;
  width: 100%;
  padding-right: 1rem;
  border-radius: 5.6rem;
}
.headerRight:hover {
  transform: scale(1.1);
}
.headerRight::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-image: linear-gradient(90deg, #273681 0%, #aa6521 100%);
  transition: opacity 0.3s ease-out;
  z-index: 2;
  opacity: 0;
  border-radius: 5.6825rem;
  /* border-radius: 50%; */
  /* transition: 0.5s all ease; */
}
.headerRight:hover:after {
  /* width: 100%;
  height: 100%;
  border-radius: 5.6825rem; */
  opacity: 1;
}

.externalLink {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  border: 0.1rem solid rgba(249, 247, 246, 0.4);
  height: 5.8rem;
  padding: 0 2.4rem;
}
.externalLink p,
.headerRight p {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.externalLink span,
.externalLink strong {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;
  transition: transform 0.8s;
  display: block;
}
.externalLink:hover strong,
.externalLink:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.externalLink strong::before,
.externalLink span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.externalLink strong {
  color: #cbc5c0;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.028rem;
}
.externalLink span {
  color: var(--03-background);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.028rem;
  display: block;
  margin: 0 1.2rem 0 0.6rem;
}
.externalLink:hover span,
.externalLink:focus span,
.externalLink:hover strong,
.externalLink:focus strong {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wallpInner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 26rem;
  width: 100%;
  padding-bottom: 11rem;
}
.wallpInnerChild img {
  width: 3.5rem;
  height: 3.2rem;
  object-fit: contain;
  margin-bottom: 2.6rem;
  top: 5.6rem;
  transition: display 0.4s 2s;
  display: none;
}
.wallpInnerChild p {
  color: rgba(255, 255, 255);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 250;
  line-height: 109.4%;
  letter-spacing: 0.14rem;
  text-transform: uppercase;
  top: 14rem;
  transition: display 0.4s 2s;

  display: none;
}
.wallpInnerChild {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.wallpInnerChild h1 {
  color: #fff;
  text-align: center;
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.32rem;
  margin-bottom: 2rem;
}

.wallpInner.active img {
  animation-name: wallpImg;
  animation-duration: 1s;
  position: absolute;
  display: block;
}
@keyframes wallpImg {
  from {
    top: 14rem;
  }
  to {
    top: 5.6rem;
  }
}
.wallpInner.active p {
  animation-name: wallpP;
  animation-duration: 1s;
  position: absolute;
  display: block;
}
@keyframes wallpP {
  from {
    top: 13rem;
  }
  to {
    top: 11rem;
  }
}
.loading {
  width: 100%;
  height: 100%;
  background-color: #121212;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: display 0.4s 2s;
  z-index: 4;
}
.loading.active {
  animation-name: layer;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: none;
}

.loading .img {
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.loading .img.active {
  opacity: 0;
}
.loading img {
  width: 20.5029rem;
  height: 21.1rem;
  object-fit: contain;
  animation-name: miniLogo;
  animation-duration: 2s;
  position: absolute;
  top: 0.5rem;
}
@keyframes miniLogo {
  from {
    top: 100%;
  }
  to {
    top: 0.5rem;
  }
}

@keyframes layer {
  from {
    top: 0;
    display: flex;
  }
  to {
    top: 100%;
    border-top-left-radius: 300rem;
    border-top-right-radius: 300rem;
  }
}

.logo {
  overflow: hidden;
  height: 5.6rem;
  width: 25rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo img {
  width: 24rem;
  height: 5.6rem;
  transition: display 0.4s 2s;
  position: absolute;
  display: none;
  z-index: 5;
}
.logo.active img {
  animation-name: logo;
  animation-duration: 1s;
  top: 0;
  display: block;
}
@keyframes logo {
  from {
    top: 100%;
  }
  to {
    top: 0;
  }
}
.line {
  position: absolute;
  left: 0;
  right: 0;
  top: 90vh;
  margin: auto;
  width: 0.1rem;
  background-color: #fff;
  z-index: 4;
  display: none;
}

.line.active {
  height: 7.2rem;
  animation-name: line;
  animation-duration: 2s;
  display: block;
}
@keyframes line {
  from {
    height: 0;
  }
  to {
    height: 7.2rem;
  }
}
.aboutSection {
  background: #ede7dc;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutSectionInner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  transition: display 0.4s 2s;
}
.aboutSectionInner .title {
  color: var(--02-main);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.09rem;
  margin-bottom: 8.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.aboutSectionInner .title strong {
  color: var(--02-main);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 112.4%;
  letter-spacing: 0.09rem;
}
.aboutSectionInner h2,
.estateSlide h2 {
  color: var(--01-black);
  text-align: center;
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.22rem;
  margin-bottom: 2.8rem;
}
.aboutSectionInner h2 {
  text-align: left;
}
.aboutSectionInner h2 span,
.estateSlide h2 span {
  color: rgba(31, 26, 20, 0.45);
  font-family: "Noto Serif Display Condensed" !important;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    z-index: 2;
}
.aboutSectionInner p {
  color: #000;
  text-align: left;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  opacity: 0.5;
  margin-bottom: 3.2rem;
  width: 90%;
}
.aboutSectionInner a,
.aboutSectionInner .goToEnd{
  color: #d08d4a;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
  border-radius: 3rem;
  border: 0.1rem solid #d48f4a;
  height: 5.4rem;
  min-height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.6rem;
  background: transparent;
}
.aboutSectionInner a:hover {
  background-color: #d48f4a;
  color: #fff;
}

.aboutSectionLeft {
  position: relative;
  height: 100vh;
}
.imgAbout1 {
  position: absolute;
  left: 10%;
  top: 5%;
  width: 12vw;
  height: 28vh;
}
.aboutSlide.active .imgAbout1 {
  animation-name: about1;
  animation-duration: 2s;
}
@keyframes about1 {
  from {
    top: -20%;
  }
  to {
    top: 5%;
  }
}
.imgAbout2 {
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 28.9639rem;
  height: 39rem;
}
.aboutSlide.active .imgAbout2 {
  animation-name: about2;
  animation-duration: 2s;
}
@keyframes about2 {
  from {
    bottom: 0;
  }
  to {
    bottom: 20%;
  }
}
.imgAbout3 {
    position: absolute;
    right: 7%;
    top: 8%;
    height: 36rem;
    width: 26rem;
}
.aboutSlide.active .imgAbout3 {
  animation-name: about3;
  animation-duration: 2s;
}
@keyframes about3 {
  from {
    top: 0;
  }
  to {
    top: 8%;
  }
}
.imgAbout4 {
  position: absolute;
  bottom: 12%;
  right: 17.5%;
  width: 21rem;
  height: 28.2649rem;
}
.aboutSlide.active .imgAbout4 {
  animation-name: about4;
  animation-duration: 2s;
}
@keyframes about4 {
  from {
    bottom: 0;
  }
  to {
    bottom: 12%;
  }
}
.aboutSlide {
  overflow: hidden;
  /* margin-bottom: -0.1rem; */
}

.aboutSlide.active .aboutSectionInner {
  animation-name: about;
  animation-duration: 2s;
}
@keyframes about {
  from {
    top: -110%;
  }
  to {
    top: 0;
  }
}
.pageSwiper .swiper-pagination {
  width: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1 !important;
  right: .5rem;
  display: none;
  top:52%;

}

.pageSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .2rem;
  height: 4rem;
  background: #fff;
  border-radius: 0;
}
.pageSwiper .swiper-pagination-bullet {
  width: .2rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.519);
  opacity: 1 !important;
}

.pageSwiper .swiper-pagination.active {
  animation-name: pagination;
  animation-duration: 2s;
  opacity: 1;
  display: flex;
}
@keyframes pagination {
  from {
    top: 80%;
  }
  to {
    top: 52%;
  }
}
.pageSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .5rem;
  height: 8rem;
  background-color: #a97332;
  border-radius: 0;
}
.pageSwiper .swiper-pagination-bullet {
  width: .3rem;
  height: 6rem;
  background-color: #fff;
  opacity: 1 !important;
  margin: 0 !important;
  border-radius: 0;
}
.pageSwiper .swiper-pagination-bullet:hover{
    background-color: #a97332;
}
.slideAdventages {
  background: #000;
  display: flex !important;
  justify-content: flex-start;
}

/* .aboutSlide.swiper-slide-prev .aboutSection {
  background: #d48f4a;
} */
.subTitle {
  font-family: "Noto Serif Display Condensed" !important;
  color: var(--01-black);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.09rem;
  display: flex;
  align-items: center;
  margin-bottom: 10rem;
  position: absolute;
  top: 6.2rem;
}
.subTitle strong {
  font-family: "Noto Serif Display Condensed" !important;
}

.adventagesInner #tabs li a.inactive {
  opacity: 0.5;
}
.adventagesInner #tabs li a.inactive img {
  opacity: 0;
  transform: translateX(2rem);
}

.estateSlide {
  width: 100%;
  height: 100%;
  background: #ede7dc;
  position: relative;
}
.estateSlide .subTitle {
  color: var(--02-main);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.09rem;
  text-align: left;
}
.estateSlide .subTitle strong {
  font-family: "Noto Serif Display Condensed" !important;
}
.estateInner {
  width: 100%;
  padding: 10rem 0 0;
  height: -webkit-fill-available;
  position: absolute;
  left: 0;
}
.estateSlide h2 {
  text-align: left;
}
.estateLayer {
  position: absolute;
  left: 0;
  top: 12.5rem;
  background: #e2d8c6;
  height: 36rem;
  width: 80%;
  display: none;
}
.estateSlide.active .estateLayer {
  animation-name: estateLayer;
  animation-duration: 3s;
}
@keyframes estateLayer {
  from {
    width: 0%;
  }
  to {
    width: 80%;
  }
}
/* .estateSliderInner {
  position: absolute;
  right: 0;
} */
.estateSwipe .swiper-slide {
  max-height: fit-content;
  height: fit-content !important;
}
.estateSwipe .swiper-wrapper{
    display: flex;
    justify-content: center;
}
.estateCard span {
  color: var(--01-black);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.1rem;
  opacity: 0.5;
  position: absolute;
  top: 2rem;
  text-align: left;
  display: block;
  margin-bottom: 1rem;
}
/* .estateCard span::after {
  content: "";
  position: absolute;
  left: 3.4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6rem;
  height: 0.1rem;
  background-color: var(--01-black);
}
.estateCard span::before {
  content: "";
  position: absolute;
  left: 8.4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--01-black);
} */
.estateCard {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  /*align-items: center;*/
}
.estateCard .img {
  height: 53.2rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.estateCard strong {
  color: var(--01-black);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.22rem;
  text-align: left;
  padding-left: 1rem;
  z-index: 3;
}
.estateCard:hover .img img {
  transform: scale(1.1);
}
/* .estateCard .img .layer {
  background: linear-gradient(
    3deg,
    #ede7dcb9 2.33%,
    rgba(237, 231, 220, 0) 98.09%
  );
  background-blend-mode: screen;
  mix-blend-mode: hard-light;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 16.3rem;
  width: 100%;
} */
.estateCard p {
    color: #9F9890;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  opacity: 0.9;
  text-align: left;
  padding: 2rem 0 2rem 1rem;
  width: 90%;
}
.estateCardInner {
  background: #ede7dc;
  width: 94%;
  display: flex;
  flex-direction: column;
  margin-top: -3rem;
  z-index: 3;
  padding: 14rem 0 2rem 1.6rem;
}
.titleSlide {
  overflow: hidden;
  height: 5rem;
  margin-bottom: 2.4rem;
}
.estateSlide.active .estateCard .img img,
.estateSlide.active .estateCard .layer,
.estateSlide.active .titleSlide h2,
.estateSlide.active .estateCard strong,
.estateSlide.active .estateCard p {
  animation-name: estateCard;
  animation-duration: 3s;
}

@keyframes estateCard {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.estateSlide.active .estateCard span {
  animation-name: estateCardSpan;
  animation-duration: 3s;
}
@keyframes estateCardSpan {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

.facilitySlide {
  display: block !important;
  background: #113449;
}
.interiorSlide {
  display: flex;
  align-items: center;
  background: #1a1d1e;
}
.interiorSlide .subTitle,
.facilitySlide .subTitle {
  color: var(--02-main);
}
.interiorSlideTop {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin-bottom: 15.2rem;
}
.interiorSlideTop h3 {
  color: var(--03-background);
  text-align: left;
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.22rem;
  opacity: 0.3;
  margin-right: 9rem;
}
.interiorSlideTop p {
  color: #9F9890;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
  width: 70%;
}
.interiorCard {
  height: 32rem;
  width: 100%;
}
.interiorSlider {
  position: absolute;
  right: 0;
  width: 66%;
  bottom: 0;
  top: 0;
  margin: auto;
}
.interiorSlider .swiper-slide {
  height: 32rem !important;
  width: 30rem !important;
}
.interiorSlider .swiper-slide-next,
.interiorSlider .swiper-slide-next .interiorCard {
  height: 45.9rem !important;
  width: 60rem !important;
}
.interiorSlider {
  height: 50rem;
}
.interiorSlider .swiper-button-next::after {
  content: "";
  background-image: url(../media/arrowRightS.svg);
  width: 5.3rem;
  height: 5.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: brightness(1) invert(1);
}
.interiorSlider .swiper-button-next {
  width: 5.3rem;
  height: 5.3rem;
  right: 10rem;
}
.interiorSlider .swiper-button-next,
.interiorSlider .swiper-button-prev {
  position: absolute;
  bottom: 0;
  top: auto;
  z-index: 3;
}
.interiorSlider .swiper-button-prev::after {
  content: "";
  background-image: url(../media/arrowLeftS.svg);
  width: 5.3rem;
  height: 5.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: brightness(1) invert(1);
}
.interiorSlider .swiper-button-prev {
  width: 5.3rem;
  height: 5.3rem;
  right: 17rem;
  left: auto;
}
.interiorText {
    color: #C2C2C2;
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.22rem;
  z-index: 2;
  text-align: left;
  margin-bottom: 2.8rem;
}
.interiorText span {
  color: var(--02-main);
  font-family: "Noto Serif Display Condensed" !important;
}
.interiorSlide.active .interiorText,
.interiorSlide.active .interiorSlideTop h3,
.interiorSlide.active .interiorSlideTop p {
  animation-name: interiorCard;
  animation-duration: 3s;
}

@keyframes interiorCard {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.facilitySlide {
  background: #113449;
}
.facilityInner {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-direction: column;
  width: 35%;
  padding-top: 12vh;
  margin: auto;
  overflow: hidden;
}
.facilityInner h2 {
  color: var(--03-background);
  text-align: left;
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 132.4%;
  letter-spacing: 0.352rem;
  margin-bottom: 3.8rem;
}
.facilityInner h2 span {
  font-family: "Noto Serif Display Condensed" !important;
  color: rgba(249, 247, 246, 0.4);
}
.facilityInnerDiv {
  display: flex;
  flex-direction: column;
}

.facilityInnerDiv span {
  color: var(--03-background);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 155%;
  letter-spacing: 0.105rem;
  text-transform: uppercase;
  opacity: 0.9;
  margin-bottom: 1.1rem;
  text-align: left;
  display: block;
}
.facilityInnerDiv p {
  color: var(--03-background);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
  opacity: 0.5;
}
.facilityInnerDivBottom {
  position: absolute;
  width: 30%;
  bottom: 16rem;
}
.imgFac1,
.imgFac3 {
  position: absolute;
  top: 10rem;
}
.imgFac1,
.imgFac2 {
  /*border-radius: 1rem;*/
  overflow: hidden;
}
.imgFac3 {
  right: 0;
  width: 41rem; 
  height: 25rem;
}
.imgFac1 {
  left: 2rem;
  width: 33.8rem;
  height: 22.4rem;
}
.lower-left{
    background: linear-gradient(90deg, #A97332 0%, #D19143 100%) !important;
}
.imgFac2 {
  position: absolute;
  bottom: 5rem;
  left: 35%;
  right: 0;
  margin: auto;
  width: 49.7rem;
  height: 29.9rem;
}
.facilitySlide.swiper-slide-active .facilityInner h2,
.facilitySlide.swiper-slide-active .facilityInner .facilityInnerDiv {
  animation-name: facility;
  animation-duration: 3s;
}

@keyframes facility {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.facilitySlide.swiper-slide-active .imgFac1 img,
.facilitySlide.swiper-slide-active .imgFac2 img,
.facilitySlide.swiper-slide-active .imgFac3 img {
  animation-name: imgFac;
  animation-duration: 2s;
}

@keyframes imgFac {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.pageSwiper .swiper-pagination .swiper-pagination-bullet {
  position: relative;
}
.pageSwiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  right: 2rem;
  left: auto;
  background-color: var(--03-background);
  border-radius: 1.2rem;
  top: 0;
  padding: 0.6rem 2rem;
  white-space: nowrap;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.072rem;
  text-transform: uppercase;
  opacity: 0;
}
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(2):before {*/
/*  content: "About us";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(3):before {*/
/*  content: "Services";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(4):before {*/
/*  content: "Estates";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(5):before {*/
/*  content: "Interior";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(6):before {*/
/*  content: "Facility";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(7):before {*/
/*  content: "Architecture";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:nth-child(8):before {*/
/*  content: "Location";*/
/*}*/
/*.pageSwiper .swiper-pagination .swiper-pagination-bullet:hover::before {*/
/*  opacity: 1;*/
/*}*/
.dragInner {
  width: 100%;
  height: 100%;
}
.dragLayer {
  position: fixed;
  left: 0;
  top: 0;
  width: 80%;
  height: 100%;
  overflow: hidden;
}

.dragImg,
.dragInner .img,
#backLayer .img img {
  width: 100vw;
  height: 100vh;
  user-select: none;
}
.dragLayerParent {
  position: relative;
}
.buttonDrag {
  position: absolute;
  right: -1.4rem;
  bottom: 19.2rem;
  cursor: pointer;
  width: 10.6rem;
  height: 10.6rem;
  z-index: 4;
}
/* 
.buttonDrag img {
  user-select: none;
} */
#dragInner {
  width: 100%;
  height: 100%;
}

#dragLayer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
  overflow: hidden;
  z-index: 3;
}

#backLayer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

/*#drag {*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  width: 8px;*/
/*  cursor: w-resize;*/
/*  z-index: 4;*/
/*}*/
/* .dayLayer {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
} */

.dragSlide {
  display: block !important;
}
.dragContent {
  position: absolute;
  bottom: 20%;
  top: 0;
  margin: auto;
  right: 3.2rem;
  width: 21%;
  height: fit-content;
  padding: 7rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(0.4rem);
}

.dragContent h5 {
  color: #1f1a14;
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 106%;
  letter-spacing: 0.088rem;
  text-align: left;
  margin-bottom: 1.8rem;
  width: 90%;
}
.dragContent p {
  color: #1f1a14;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
  opacity: 0.7;
  margin-bottom: 0;
}
#map,
.map{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.map img{
    width: 100%;
    height: 100%; 
    object-fit: cover;
}
.mapParent {
  position: relative;
  width: 100%;
  height: 100%;
}
.mapInner {
  position: absolute;
  height: 80vh;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.mapImg1 {
  position: absolute;
  left: 0;
  top: 6rem;
  width: 23.4rem;
  height: 26.3rem;
  object-fit: cover;
}
.mapImg2 {
  position: absolute;
  top: 0;
  left: 25rem;
  width: 23.4rem;
  max-width: 23.4rem;
  overflow: hidden;
  height: 16.9rem;
  transform: scale(1.03);
  object-fit: cover;
}
.mapImg3 {
  position: absolute;
  left: 25rem;
  top: 17.6rem;
  width: 32.4rem;
  max-width: 32.4rem;
  height: 21.1rem;
  object-fit: cover;
}
.mapSlide.swiper-slide-active .mapImg1,
.mapSlide.swiper-slide-active .mapImg2,
.mapSlide.swiper-slide-active .mapImg3 {
  animation-name: mapImg1;
  animation-duration: 2s;
}

@keyframes mapImg1 {
  from {
    transform: rotateY(90deg);
  }
  to {
    transform: rotateY(0);
  }
}

.mapContent {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.mapContent h5 {
  color: var(--01-black);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 121.4%;
  letter-spacing: 0.352rem;
  text-align: left;
}
.mapContent h5 span {
  font-family: "Noto Serif Display Condensed" !important;
  color: rgba(31, 26, 20, 0.4);
}
.mapContent p {
  color: var(--01-black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
}
.mapContent {
  width: 30vw;
  overflow: hidden;
}
.mapContent h5,
.mapContent p {
  animation-name: facility;
  animation-duration: 3s;
}

@keyframes facility {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.externalLink span img {
  width: 12rem;
  height: 3.1rem;
  object-fit: contain;
}
.externalLink span::before {
  top: 4rem;
}
.externalLink span {
  display: flex;
}
.formSlideLeft {
  width: 50%;
  height: 100%;
  position: relative;
}
.formSlide {
  display: flex !important;
  align-items: center;
  background: #f1e7df;
}
.formSlide .img {
  width: 100%;
  height: 100%;
}
.formSlideLeft .layer {
  background: linear-gradient(180deg, rgba(44, 30, 26, 0) 0%, #231a16 100%);
  background-blend-mode: multiply;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.layerBottom {
  position: absolute;
  left: 0;
  bottom: 6.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  z-index: 5;
}
.layerBottom img {
  width: 3.5rem;
  height: 3.1rem;
  margin-bottom: 1.6rem;
}
.layerBottom p {
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 250;
  line-height: 109.4%;
  letter-spacing: 0.14rem;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.socials {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 3.6rem;
}
.socials a {
  border: 0.1rem solid #000;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4;
}
.socials a img {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0;
  filter: brightness(1) invert(1);
}
.socials a:hover {
  opacity: 1;
}
.formSlideRightInner {
  padding: 10rem 8rem 0;
  /*margin-top: -10rem;*/
}
.formSlideRight {
  width: 50%;
}
.formSlideRightInner h6 {
  color: var(--01-black);
  font-family: "Noto Serif Display Condensed" !important;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 121.4%;
  letter-spacing: 0.352rem;
  text-align: left;
  margin-bottom: 1.6rem;
}
.formSlideRightInner h6 span {
  color: rgba(31, 26, 20, 0.4);
  font-family: "Noto Serif Display Condensed" !important;
}
.formSlideRightInner p ,.formSlideRightInner p a{
  color: var(--01-black);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
  opacity: 0.5;
  margin-bottom: 3.5rem;
  white-space: nowrap;
}
.formSlideRightInner p a{
    font-weight: 700;
    font-size: 1.0rem;
    margin-bottom: 0;
}
.inputChild {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3.6rem;
  border-bottom: 0.1rem solid #1f1a14;
}

.inputChild input,
.inputChild textarea {
  color: #141f1e;
  font-size: 1.2156rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0243rem;
  border: none;
  height: 4rem;
  width: -webkit-fill-available;
  opacity: 1;
  padding: 0 1rem;
}
.inputChild textarea {
  display: flex;
  align-items: center;
  padding-top: 1rem;
  height: 3rem;
  resize: none;
  padding-left: 0.6rem;
}
.inputChild textarea::placeholder {
  opacity: 0.5;
}
.inputGroup {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
.inputChild label {
  color: #000;
  font-size: 0.8357rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0167rem;
  opacity: 0.3;
  display: block;
  margin-bottom: 0.4rem;
  padding-left: 0.3rem;
}
.textareaChild {
  width: 100%;
}
.prefix {
  display: flex;
  align-items: center;
}
.prefix select,.prefix span {
  color: var(--main-color-02);
  font-size: 1.4435rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0289rem;
  border: none;
}
.checkbox-parent {
  position: relative;
  padding-left: 3.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  height: 2rem;
  margin: 0 0 4.8rem 1rem;
}
.checkbox-parent p,.checkbox-parent p a {
  color: var(--01-black);
  font-size: 1.2156rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0486rem;
  margin-bottom: 0;
  opacity: 1;
}
.checkbox-parent input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-parent .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  background-color: #eee;
  border: 0.1rem solid #443f3a;
  border-radius: 0.2rem;
}

.checkbox-parent input:checked ~ .checkmark {
  background: #443f3a;
}
.checkbox-parent .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-parent input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-parent .checkmark:after {
  left: 0;
  top: 0;
  bottom: 0.26rem;
  right: 0;
  margin: auto;
  width: 0.26rem;
  height: 0.8rem;
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.goldButton {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  border: 0.15rem solid #9a6a3b;
  background-color: transparent;
  height: 4.6rem;
  color: #9a6a3b;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  padding: 0 4rem;
}
.goldButton img {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.6rem;
}
.goldButton:hover {
  background-color: #9a6a3b;
  color: #fff;
}
.goldButton.deactive {
  opacity: 0.5;
  pointer-events: none;
}
.goldSecondButton svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.goldSecondButton {
  color: #fff;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.048rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  border-radius: 0.8rem;
  background: #9a6a3b;
  height: 4.6rem;
  border: none;
}

.formSlideRight {
  position: relative;
}
.buttonParent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: absolute;
  /*bottom: -12.4rem;*/
  width: 70%;
}
footer span,
footer p {
  color: var(--01-black);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.048rem;
  text-transform: uppercase;
  opacity: 0.9;
}
footer span{
    opacity: .6;
    font-size: 1.4rem;
}
footer p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0 !important;
  color: rgba(31, 26, 20, 0.43);
  opacity: 1;
}
footer p:hover {
  opacity: 1 !important;
}
footer p a img {
  width: 3.3rem;
  height: 3.3rem;
  margin-left: 1.3rem;

}
footer p a{
    display: flex;
    color: var(--01-black, #1F1A14);
    font-feature-settings: 'liga' off;
    font-family: "Inter Tight";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.048rem;
    text-transform: uppercase;
    border-bottom: .1rem solid  var(--01-black, #1F1A14);
    margin-left: .5rem;
}
.buildSwiper img,.buildSwiper video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.buildImg {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
}
.buildImg::after {
  position: absolute;
  content: "";
  width: 100%;
  z-index: 2;
  height: 100%;
  background: linear-gradient(
      0deg,
      rgba(197, 202, 209, 0.4) 0%,
      rgba(197, 202, 209, 0.4) 100%
    ),
    url(<path-to-image>) lightgray 50% / cover no-repeat;
  background-blend-mode: screen, normal;
  opacity: 0.3;
  left: 0;
  top: 0;
}
.buildBox {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8rem;
  width: 28%;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.buildBox::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(3rem);
    /* filter: blur(0rem); */
    height: 100%;
    width: 100%;
  /*opacity: 0.5;*/
}
.buildBox h4 {
  color: var(--01-black);
  font-family: "Noto Serif Display Condensed" !important; 
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 111.4%;
  letter-spacing: 0.08rem;
  margin-bottom: 2rem;
  z-index: 2;
  text-align: left;
  width: 90%;
}
.buildBox p {
  color: var(--01-black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: 0.028rem;
  text-align: left;
  z-index: 2;
}
.buildSwiper.active .buildImg {
  animation-name: build;
  animation-duration: 2s;
}
.buildSwiper.active .buildBox {
  animation-name: buildBox;
  animation-duration: 2s;
}
@keyframes build {
  from {
    transform: scale(0.3) translateY(20%);
    border-radius: 100rem;
  }
  to {
    transform: scale(1) translate(0);
    border-radius: 0%;
  }
}
@keyframes buildBox {
  from {
    transform: translateX(-40%);
  }
  to {
    transform: translateX(0);
  }
}
.adventagesInner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #514a42;
  overflow: hidden;
}
.adventagesInner #tabs {
  position: absolute;
  background-color: #514a42;
  top: 0;
  left: 35%;
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.adventagesInner #tabs li {
  width: fit-content;
  margin-bottom: 2rem;
}
.adventagesInner #tabs li a span {
  font-family: "Noto Serif Display Condensed" !important;
  color: #fff;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 112.4%;
  letter-spacing: 0.18rem;
  text-transform: uppercase;
  position: relative;
  width: fit-content;
  margin: auto;
}
.adventagesInner #tabs li a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.6rem;
  height: 0.1rem;
  width: 100% !important;
  background: #fff;
  width: fit-content;
}
.adventagesInner #tabs li a {
  height: 17rem;
  transition: 1s all ease;
  display: flex;
  flex-direction: column;
}
.adventagesInner #tabs li a.inactive {
  height: 4rem;
  overflow: hidden;
}

.adventagesInner #tabs li a.inactive span::after {
  display: none;
}
.adventagesInner #tabs li a p {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  letter-spacing: 0.028rem;
  width: 70%;
  margin: 4rem auto 2rem;
  opacity: 1;
}
.adventagesInner #tabs li a.inactive p {
  opacity: 0;
}

.adventagesInner #tabs {
  z-index: 3;
}
.tabInner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate(0);
  height: 100%;
}

.tabs-container {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
}
.zIndexIn {
  z-index: 2;
  position: absolute;
}
.tabs-container .img {
  width: 35%;
  height: 100%;
  /* width: 0; */
  position: relative;
  transform: translateY(-120%);
  overflow: hidden;
  transition: 1s;
}
.tabs-container .img:last-child {
  transform: translateY(120%);
}

.tabs-container.zIndexOut .img {
  /* transform: translateX(40%); */
}
.tabs-container.zIndexIn .img {
  transform: translateY(0);
}

/* .tabs-container .img::after,
.tabs-container .img::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.38);
  width: 8rem;
  height: 100%;
  top: 0;
  z-index: 2;
}
.tabs-container .img::before {
  left: 0;
}
.tabs-container .img::after {
  right: 0;
} */
.callButtons {
  position: fixed;
  bottom: 3.6rem;
  right: 3.6rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  gap: 1rem;
}
.callButtons a {
  width: 5rem;
  height: 5rem;
  border-radius: 8.0204rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.callButtons a svg,
.callButtons a img {
  width: 2.6735rem;
  height: 2.6735rem;
}
.callButtons a:hover {
  background: #d19143;
}
.callButtons a:hover img {
  filter: brightness(1);
}
.registerButton {
  color: #d08d4a;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
  height: 4rem;
  border-radius: 3rem;
  border: 0.1rem solid #d48f4a;
  padding: 0 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #ede7dc;
}
.registerButton:hover {
  background-color: #d08d4a;
  color: #fff;
}
.estateSlide.active .registerButton {
  animation-name: registerButton;
  animation-duration: 2s;
}
@keyframes registerButton {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.swiper-scrollbar {
  bottom: 10rem !important;
  right: 10rem !important;
  opacity: 1 !important;
  left: auto !important;
  width: 40% !important;
  height: 0.1rem !important;
}
.swiper-scrollbar-drag {
  background-color: #af6c28;
  height: 0.3rem !important;
  margin-top: -0.1rem !important;
  border-radius: 0 !important;
}
.user-input-wrp {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.floating-label {
  color: #000;
  font-size: 0.8357rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0167rem;
  height: 1.4rem;
  left: 2rem;
  opacity: 0.3;
  white-space: nowrap;
}
.user-input-wrp:focus-within:placeholder-shown + .floating-label,
.user-input-wrp input:placeholder-shown + .floating-label,
.user-input-wrp textarea:placeholder-shown + .floating-label {
  top: 1.2rem;
  left: .4rem;
  transition: all 0.2s ease;
  color: #141f1e;
  font-size: 1.2156rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.0122rem;
  padding: 0;
  z-index: 0;
}

.user-input-wrp + .floating-label,
.user-input-wrp input + .floating-label,
.user-input-wrp textarea + .floating-label {
  position: absolute;
  transition: all 0.2s;
  top: -0.6rem;
  left: 0;
  padding: 0 0.6rem !important;
}

.user-input-wrp input[type="number"]::-webkit-inner-spin-button,
.user-input-wrp textarea::-webkit-inner-spin-button,
.user-input-wrp
  textarea::-webkit-outer-spin-button
  .user-input-wrp
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mapSlide{
    display: none !important;
}
.langParent{
    display: flex;
    align-items: center;
    /*margin-bottom: 2rem;*/
}

.lang{
    display: flex;
    align-items: center;
    margin-left: 3.2rem;
}
.lang a{
    color: #9a6a3b;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.052rem;
    text-transform: uppercase;
    opacity: .9;
    margin-left: .8rem;
}
.lang a:hover{
    opacity: .6;
}
.imgChange,
.modeChange{
    display: none;
}





.call-option:not(.open):hover a {
  background: #824D22;
}
.call-option  svg{
  width: 2.6rem;
  height: 2.6rem
}
/*.call-option .close svg{*/
/*  width: 1.6rem;*/
/*  height: 1.6rem;*/
/*}*/

.call-option a {
  position: fixed;
  bottom: 3.2rem;
  right: 1.6rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #824D22;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transition: 0.3s ease-in-out;
  transition-property: transform, background-color;
  pointer-events: none;
}

.call-option a:hover {
 background: #19120C;
}

.call-option .phone {
  padding-right: .2rem;
}

/*.call-option .phone::after,*/
.call-option .close::after{
  content: "";
  position: absolute;
  left: -.75rem;
  top: -.75rem;
  width: 7.2rem;
  height: 7.2rem;
  border: .1rem solid #824D22;
  border-radius: 50%;
}
/*.call-option .close::after{*/
/*    left: -.7rem;*/
/*}*/
.call-option .close {
  pointer-events: all;
}

.call-option.open a {
  pointer-events: all;
}

.call-option.open a:not(.close) {
  background: #824D22;
}
.call-option.open a.phone::after {
  display: none;
}

.call-option.open a:not(.close):hover {
  background: #824D22;
}

.call-option.open a:nth-child(2) {
  transform: translateY(-7.8rem);
}

.call-option.open a:nth-child(3) {
  transform: translateY(-15rem);
}
.banner{
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    width: 100%;
    height: 5.2rem;
    background: #000;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner p{
    color: #fff;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.052rem;
    opacity: .7;
    display: flex;
    align-items: center;
}
.banner p span,.banner p a{
    border-bottom: .1rem solid #fff !important;
    margin: 0 .2rem;
    cursor: pointer;
    text-decoration: none !important;
}
.bannerX{
    position: absolute;
    right: 2rem;
    top: 1.6rem;
    background: transparent;
    border: none;
    padding: 0;
}
.bannerX img{
    width: 2.4rem;
    height: 2.4rem;
}
header.active .banner{
    display: none;
}
.banner.active{
    display: none;
}
header.active .header{
    padding-top: 0;
}
.videoSwiper{
    width: 100%;
    height: 100%;
}
.wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.wrapper img {
  width: 100vw;
  height: 100%;
  object-fit: cover;
}
.wrapper_night {
  background-color: #201d20;
  width: 50%;
}

.wrapper_day {
  z-index: -1;
}

#division {
  position: absolute;
  height: 100%;
  width: 0.1rem;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 3;
  -webkit-box-shadow: 5px 0px 10px #201d20;
  box-shadow: 5px 0px 10px #201d20;
  left: 50%;
}

#drag {
  position: absolute;
  top: 60%;
  cursor: move;
  width: 10rem;
  height: 10rem;
}
#drag img{
    width: 100%;
    height: 100%;
}
.tapToTop{
    margin-left: 2rem;
    margin-bottom: -1rem;
    cursor:pointer;
}
.tapToTop img{
    width: 4.2rem;
    height: 4.2rem;
    object-fit: contain;
}
.tapToParent{
    display: flex;
    align-items: flex-end;
}
.popup{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup .layer{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0.5) 100%
    );
    z-index: 4;
}
.popup.deactive {
  display: none;
}
.inputChild{
    position: relative;
}
.inputChild .alert-danger{
    color: red;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    position: absolute;
    left: 0;
    bottom: -2rem;
}
.closeButton svg {
  width: 2.4rem;
  height: 2.4rem;
}
.closeButton {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}
.popupContainer .alert{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popupContainer .alert svg{
    width: 4rem;
    height: 4rem;
    margin-bottom: 2rem;
}
.popupContainer .alert p{
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    opacity: 1;
} 
.popupContainer .alert.alert-success p{
    color: green;
} 
.popupContainer .alert.alert-danger p{
    color: red;
} 
.popupContainer {
    border-radius: 1rem;
    background: #f8f8f8;
    padding: 5.2rem 8rem;
    z-index: 7;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hs-form-field{
    margin-bottom: .5rem !important;
}
@media only screen and (max-width: 767.9px) {
    .tapToTop{
        position: absolute;
        bottom: 12rem;
        right: 2rem;
    }
    .wrapper,
    #division{
        display: none;
    }
  .logo img,
  .logo {
    width: 12rem;
    height: 5.6rem;
  }
  .middleContainer {
    padding: 0 1rem;
  }
  .pageSwiper .swiper-slide header {
    height: 7rem;
  }
  .headerRight {
    height: 3.2rem;
    padding: 0 1.4rem;
  }
  .headerRight span {
    font-size: 1rem;
  }
  .headerRight::before {
    height: 4rem;
    left: -.5rem;
    top: -.5rem;
  }
  .externalLink span img {
    width: 7rem;
    height: 3.1rem;
  }
  .externalLink {
    height: 3.2rem;
    padding: 0 ;
  }
  .externalLink span {
    font-size: 0.9rem;
  }
  .externalLink span::before {
    top: 4.2rem;
    left: -0.5rem;
  }
  .line.active {
    height: 5.2rem;
  }
  .line {
    top: 94vh;
    display: none !important;
  }
  .wallpInnerChild h1 {
    margin-bottom: 0;
    font-size: 3rem;
  }
  .wallpInnerChild p {
    top: 10rem;
  }
  .wallpInner {
    padding-bottom: 18rem;
    height: 20rem;
  }
  /*.pageSwiper .swiper-pagination {*/
  /*  width: auto;*/
  /*  height: 4rem;*/
  /*  bottom: -0.6rem;*/
  /*  top: auto;*/
  /*  left: 1.2rem;*/
  /*  right: 1.2rem;*/
  /*  flex-direction: row;*/
  /*  height: fit-content;*/
  /*  justify-content: space-between;*/
  /*  padding: 0.2rem 3.2rem;*/
  /*}*/

  /*.pageSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {*/
  /*  width: 1.4rem;*/
  /*  height: 3.4rem;*/
  /*}*/
  .pageSwiper .swiper-pagination{
      right: 1rem;
  }
  .pageSwiper .swiper-pagination-bullet {
    width: .5rem;
    height: 4rem;
  }
  @keyframes pagination {
    from {
      bottom: 5rem;
    }
    to {
      bottom: 0;
    }
  }
  .pageSwiper .swiper-pagination .swiper-pagination-bullet:before {
    display: none;
  }
  .loading img {
    width: 12rem;
    height: 12rem;
  }
  .loading .img {
    width: 16rem;
    height: 16rem;
  }
  @keyframes layer {
    from {
      top: 0;
      display: flex;
    }
    to {
      top: 100%;
      border-top-left-radius: 50rem;
      border-top-right-radius: 50rem;
    }
  }
  .aboutSectionInner {
    width: 100%;
    margin-bottom: 0;
    padding-top: 0;
  }
  .imgAbout1 {
    position: static;
    left: 2rem;
    top: 4rem;
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
  .imgAbout3 {
    position: static;
    right: 0rem;
    bottom: 4rem;
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
  @keyframes about3 {
    from {
      bottom: 0;
    }
    to {
      bottom: 4rem;
    }
  }
  .imgAbout2 {
    position: static;
    left: 11rem;
    bottom: 0rem;
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
    .aboutSectionLeft{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        margin-bottom: 2rem;
    }
  @keyframes about2 {
    from {
      bottom: -4rem;
    }
    to {
      bottom: 0;
    }
  }
  .imgAbout4 {
    position: static;
    bottom: 2.4rem;
    right: 2rem;
    width: 24rem;
    height: 24rem;
    min-width: 24rem;
  }
  @keyframes about4 {
    from {
      bottom: 0;
    }
    to {
      bottom: 2.4rem;
    }
  }
  .aboutSectionInner .title {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .aboutSectionInner .title strong {
    font-size: 1.4rem;
  }
  .aboutSectionInner h2,
  .estateSlide h2 {
    font-size: 2.8rem;
    width: 80%;
  }
    .estateSlide h2{
        width: 100%;
        margin-bottom: 2rem;
    }
  .aboutSectionInner p {
    margin-bottom: 2rem;
    width: 80%;
  }

  .subTitle {
    top: 1rem;
    font-size: 1.4rem !important;
  }

  .tabInner .img {
    width: 100%;
    height: 30rem;
  }
  #tabs {
    margin-bottom: 2rem;
    width: 70%;
    margin-left: 2rem;
  }

  .text p {
    font-size: 1.2rem;
  }
  .tabInner .text {
    padding: 0.8rem;
    max-width: 70%;
    bottom: 2.8rem;
  }

  .estateInner {
    padding-top: 9rem;
  }
  .titleSlide {
    margin-bottom: 0;
    height: 4rem;
    overflow: visible;
  }
  .estateCard span {
    font-size: 1.6rem;
  }
  .estateCard .img {
    height: 24rem;
  }
  .estateSliderInner {
    width: 100vw;
  }
  .estateCard strong,
  .interiorSlideTop h3,
  .facilityInner h2,
  .dragContent h5,
  .mapContent h5,
  .formSlideRightInner h6 {
    font-size: 2.6rem;
  }
  .interiorSlideTop h3 {
    margin: 0 0 2rem;
  }
  .estateCardInner {
    width: 90%;
    padding: 1rem 0 1rem 1rem;
  }
  .estateCard {
    flex-direction: column;
  }
  .estateLayer {
    width: 90%;
    height: 70%;
  }
  @keyframes estateLayer {
    from {
      width: 0%;
    }
    to {
      width: 90%;
    }
  }
  .estateCard p {
    font-size: 1.2rem;
  }
  .estateSwipe {
    margin-top: 3rem;
  }
  .interiorSlideTop {
    margin: 10rem 4rem 2rem;
    width: -webkit-fill-available;
    flex-direction: column;
  }
  .interiorSlider.active,
  .interiorSlider.active .interiorCard {
    height: 34rem !important;
  }

  .interiorSlider .swiper-button-prev::after,
  .interiorSlider .swiper-button-prev,
  .interiorSlider .swiper-button-next,
  .interiorSlider .swiper-button-next::after {
    width: 5.4rem;
    height: 5.4rem;
  }
  .interiorSlider .swiper-button-next,
  .interiorSlider .swiper-button-prev {
    top: auto;
    bottom: 12rem;
    right: 5rem;
  }
  .interiorSlider .swiper-button-prev {
    left: auto;
    right: 12.5rem;
  }
  .interiorText {
    font-size: 3.2rem;
    width: 90%;
  }
  .interiorSlider {
    height: 34rem;
    position: static;
    width: fit-content;
    margin-bottom: 8rem;
  }
  .imgFac3 {
    top: auto;
    height: 10rem;
    width: 10rem;
    right: 1.6rem;
    bottom: 14rem;
    overflow: hidden;
  }
  .imgFac1 {
    height: 10rem;
    width: 10rem;
    bottom: 8rem;
    top: auto;
    z-index: 2;
  }
  .facilityInner {
    width: 90%;
    padding-top: 7.2rem;
  }
  .facilityInner h2 {
    margin-bottom: 1rem;
    letter-spacing: 0.152rem;
  }
  .facilityInnerDiv {
    flex-direction: column;
  }
  .facilityInnerDiv span {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
  }

  .imgFac2 {
    width: 90%;
  }
  .dragContent h5 {
    width: 100%;
  }
  .dragContent p,
  .mapContent {
    width: 100%;
  }
  .mapImg1 {
    top: 0;
    width: 17.4rem;
    height: 16.3rem;
  }
  .mapImg2 {
    left: 18rem;
    width: 15.4rem;
    max-width: 10rem;
    height: 10rem;
  }
  .mapContent {
    width: 80vw;
  }
  .mapImg3 {
    left: 18rem;
    top: 10.6rem;
    width: 15.4rem;
    max-width: 14.4rem;
    height: 14.4rem;
  }
  .formSlideLeft {
    height: 8rem;
    width: 100%;
    background: #9a6a3b;
  }
  .formSlide {
    flex-direction: column;
    justify-content: flex-start !important;
  }
  .formSlideRight {
    width: 100%;
    height: auto;
  }
  .formSlideRightInner {
    padding: 6.8rem 1rem 0;
    margin: 0;
  }
  .layerBottom {
    bottom: 2.4rem;
  }
  .formSlideRightInner p {
    margin-bottom: 1.6rem;
    font-size: 1.2rem;
    white-space: normal;
  }
  .inputChild {
    margin-bottom: 2rem;
    width: 100%;
  }
  .checkbox-parent p {
    margin-bottom: 0;
  }
  .checkbox-parent {
    margin: 2.4rem 0;
  }
  footer {
    flex-direction: row;
    align-items: flex-end;
  }
  footer span {
    display: block;
    font-size: 1rem;
  }

  .lang{
      margin-left: 2rem;
  }
  .buttonDrag {
    display: none;
  }
  .inputChild input {
    height: 3.2rem;
  }
  .inputChild textarea{
      height: 5rem;
  }
  .inputGroup {
    gap: 0.6rem;
  }
  .formSlideRightInner h6 {
    letter-spacing: 0.152rem;
  }
  .goldButton {
    height: 4.6rem;
    padding: 0 2.4rem;
    width: 100%;
  }
  .layerBottom p,
  .layerBottom img,
  .formSlide .img,
  .formSlideLeft .layer {
    display: none;
  }
  .socials a img {
    display: block;
  }
  .socials{
      margin-bottom: 2.4rem;
  }
  .buildBox {
    padding: 1rem;
    width: -webkit-fill-available;
    margin: 1rem 2rem 12rem;
  }
  .buildBox h4 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .buildBox p {
    font-size: 1.2rem;
    width: 90%;
  }
  .aboutSectionLeft {
    height: auto;
    overflow-x: auto;
  }
  .swiper-button-lock {
    display: flex;
  }
  .tabInner {
    flex-direction: column;
  }
  .tabInner .img {
    height: 28%;
  }
  .adventagesInner #tabs {
    width: 100%;
    left: 0;
    height: 44%;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .adventagesInner #tabs li a p {
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 155%;
    letter-spacing: 0.028rem;
    width: 85%;
    margin: 2rem auto .5rem;
    opacity: 1;
  }
  .adventagesInner #tabs li {
    margin-bottom: .5rem;
  }
  .adventagesInner #tabs li a span {
    font-size: 2.4rem;
  }
  .adventagesInner #tabs li a {
    height: 12rem;
  }
  .swiper-scrollbar {
    right: 0 !important;
    opacity: 1 !important;
    left: 0 !important;
    width: 80% !important;
    height: 0.1rem !important;
    margin: auto;
    bottom: 12rem !important;
  }
  .facilityInnerDivBottom {
    width: 90%;
    position: static;
    margin: 3rem auto 0;
  }
  .imgFac2 {
    width: 65%;
    left: 0;
    right: 0;
    height: 16rem;
    bottom:7rem;
  }
  .dragContent {
    left: 0;
    bottom: 2rem;
    top: 0;
    margin: auto;
    right: 0;
    width: 90%;
    height: fit-content;
    padding: 3.2rem 1rem;
    z-index: 2;
    margin: auto;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(0.1rem);
  }
  .formSlideLeft {
    height: 30%;
  }
  .formSlideLeft {
    margin: 0;
  }
  .callButtons {
    right: 1rem;
    bottom: 8rem;
    gap: 1rem;
  }
  .callButtons a {
    width: 4.6rem;
    height: 4.6rem;
  }
  .callButtons a svg,
  .callButtons a img {
    width: 2rem;
    height: 2rem;
  }
  .interiorSlider .swiper-slide-next,
  .interiorSlider .swiper-slide-next .interiorCard,
  .interiorSlider .swiper-slide {
    width: fit-content !important;
  }
  .interiorSlide .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
  }
  .container-second {
    padding: 0;
  }
  .dragContent {
    bottom: 10rem;
    top: auto;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(37px);
  }
    footer {
        padding-bottom: 5rem;
        width: 90%;
        position: static;
    }
    .buildBox::before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(4rem);
        filter: blur(5rem);
        height: 100%;
        width: 100%;
        opacity: 2;
    }

    .estateSwipe .swiper-wrapper{
        justify-content: flex-start;
    }
    .inputGroup {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .formSlide .formSlideLeft{
        display: none;
    }
    .mapSlide{
        display: block !important;
    }
    .mapSlide img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    footer p a img{
        width: 2.8rem;
        height: 2.8rem;
    }
    .user-input-wrp:focus-within:placeholder-shown + .floating-label,
    .user-input-wrp input:placeholder-shown + .floating-label,
    .user-input-wrp textarea:placeholder-shown + .floating-label {
      top: 1rem;
      left: .5rem;
    }
   #dragInner{
        display: none !important;
    }
    .imgChange{
        display: block;
        width: 100%;
        height: 100%;
    }
    .imgChange img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .imgChange.active{
        display: none;
    }
    .langParent{
        margin-bottom: 0;
    }
    header.active .logo img{
        width: 12rem;
    }
    header.active span{
        font-size: .9rem;
    }
    header.active .headerRight::before{
        height:3.6rem;
    }
    header.active .headerRight {
     height: 3rem;
    }   
    header.active .externalLink{
        height: 3.2rem;
    }
    header.active .externalLink span img{
        width: 7rem;
        height: 3.1rem;
    }
    header.active .externalLink strong::before, header.active .externalLink span::before{
        top: 4.2rem;
        left: -0.5rem;
    }
    .modeChange{
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FCFCFC;
        height: 4rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 9rem;
        width: 20rem;
        margin: auto;
        border-radius: 7.721rem;
    }
    .modeChange button{
        background: transparent;
        padding: 0;
        color: #000;
        font-size: 1.663rem;
        font-style: normal;
        font-weight: 500;
        line-height: 112.4%; /* 1.8692rem */
        letter-spacing: 0.0831rem;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border:none;
        opacity: .2;
    }
    .modeChange button:first-child{
        border-right: .1rem solid  rgba(0, 0, 0, 0.4);
    }
    .modeChange button img{
        width: 1.7rem;
        height: 1.7rem;
        margin-right: .8rem;
    }
    .modeChange button.active{
        opacity: 1;
    }
    .interiorSlider .swiper-button-next,
    .interiorSlider .swiper-button-prev{
        display: none;
    }
    .aboutSectionInner h2{
        width: 90%;
        margin-bottom: 1.6rem;
    }
    /*.pageSwiper .swiper-pagination{*/
    /*    display: none !important;*/
    /*}*/
    .banner p{
        font-size: 1rem;
        padding-top: 1rem;
        display: flow;
    }
    .bannerX{
        right: .6rem;
    }
    .bannerX img{
        width: 1.8rem;
        height: 1.8rem;
    }
    .banner{
        justify-content: flex-start;
        padding-left: 1rem;
        height: 6.2rem;
    }
    .popupContainer{
        padding: 3.2rem 4rem;
    }
    .formSlide{
        height: auto !important;
    }
}