.banner.project-listing-banner .bg {
  height: 100vh;
}
@media only screen and (max-width: 1024px) {
  .banner.project-listing-banner .bg {
    height: 400px;
  }
}
.banner.project-listing-banner .content h1 {
  line-height: 1.4;
}
.banner.project-listing-banner .content h4 {
  color: var(--white);
  font-size: 18px;
  line-height: 1.4;
}

.project-secA {
  padding: 45px 0;
}
@media only screen and (max-width: 675px) {
  .project-secA {
    padding: 15px 0;
  }
}
.project-secA .grid-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px 20px;
}
@media only screen and (max-width: 1007px) {
  .project-secA .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 675px) {
  .project-secA .grid-wrap {
    grid-template-columns: 100%;
    grid-gap: 15px;
  }
}

.project-col .col::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 20%, transparent 100%);
}
.project-col .col figure img {
  aspect-ratio: 1.6;
}
.project-col .col figcaption {
  padding: 0 25px 25px;
}
.project-col .col figcaption h6 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Optima";
  color: var(--white);
}
.project-col .col figcaption p, .project-col .col figcaption span {
  font-size: 12px;
  display: block;
  color: var(--white);
}
.project-col .inf-up h6 {
  color: var(--black);
}
.project-col .inf-up ul {
  padding: 20px 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.project-col .inf-up ul li {
  display: flex;
  align-items: center;
  gap: 0 16px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: normal;
  color: var(--black);
}
.project-col .inf-up ul li:not(:last-child) {
  margin-bottom: 17px;
}
.project-col .inf-up ul li img {
  width: 20px;
}
.project-col .ind-dwn {
  padding: 20px 25px;
}
.project-col .ind-dwn h5 {
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 520px) {
  .project-col .ind-dwn h5 {
    font-size: 14px;
  }
}
.project-col .ind-dwn .flex {
  margin-top: 20px;
}
.project-col .ind-dwn .flex .social {
  flex: 1;
  display: flex;
  align-items: center;
}
.project-col .ind-dwn .flex .social li {
  line-height: 1;
  height: 17px;
  line-height: 17px;
  display: flex;
  align-items: center;
}
.project-col .ind-dwn .flex .social li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 16px;
}
@media only screen and (max-width: 991px) {
  .project-col .ind-dwn .flex .social li:not(:last-child) {
    margin-right: 12px;
  }
}
.project-col .ind-dwn .flex .social li a {
  display: block;
  padding-right: 16px;
  transition: 0.6s ease;
}
@media only screen and (max-width: 991px) {
  .project-col .ind-dwn .flex .social li a {
    padding-right: 12px;
  }
}
.project-col .ind-dwn .flex .social li a:hover {
  opacity: 0.6;
}
.project-col .ind-dwn .flex .social li a i {
  font-size: 18px;
  color: var(--black);
}
.project-col .ind-dwn .flex .learn-more {
  font-size: 14px;
  color: var(--black);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition: 0.5s ease;
}
.project-col .ind-dwn .flex .learn-more:hover {
  letter-spacing: 2px;
}

.banner.project-detail-banner::before, .banner.project-detail-banner::after {
  z-index: 3;
}
.banner.project-detail-banner::after {
  background: linear-gradient(179.94deg, rgba(0, 0, 0, 0) 0.05%, rgba(0, 0, 0, 0.73) 76.85%);
}
@media only screen and (max-width: 767px) {
  .banner.project-detail-banner .bg {
    height: 500px;
  }
}
.banner.project-detail-banner .bg .project-detail-banner-slider {
  height: 100%;
}
.banner.project-detail-banner .banner-wrapper {
  z-index: 4;
  top: auto;
  translate: 0 0;
  bottom: 2rem;
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper {
    bottom: 2rem;
  }
}
.banner.project-detail-banner .banner-wrapper .flex {
  align-items: flex-end;
  padding: 0 5rem;
}
@media only screen and (max-width: 1366px) {
  .banner.project-detail-banner .banner-wrapper .flex {
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex {
    padding: 0 2rem;
  }
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex {
    padding: 0 15px;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colA {
  flex: 0 1 auto;
}
@media only screen and (max-width: 991px) {
  .banner.project-detail-banner .banner-wrapper .flex .colA {
    flex: 0 1 100%;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex .colA .content h1 {
    font-size: 42px;
  }
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex .colA .content h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex .colA .content p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex .colA .content p {
    font-size: 14px;
    margin-top: 8px;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colB {
  flex: 1;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB {
    flex: 0 1 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colB li {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB li {
    display: block;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colB li:not(:last-child) {
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  border-right: 1px solid var(--white);
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB li:not(:last-child) {
    margin-right: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 675px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB li:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colB li p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 7px;
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB li p {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
.banner.project-detail-banner .banner-wrapper .flex .colB li h5 {
  color: var(--white);
  font-size: 20px;
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .flex .colB li h5 {
    font-size: 16px;
  }
}
.banner.project-detail-banner .banner-wrapper .project-detail-banner-dots {
  margin-top: 4rem;
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .project-detail-banner-dots {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 1024px) {
  .banner.project-detail-banner .banner-wrapper .project-detail-banner-dots .swiper-pagination-bullet {
    height: 11px;
    width: 11px;
  }
}

.nav-strip {
  position: sticky;
  top: var(--headerfixed);
  background: #ECECEC;
  z-index: 5;
}
@media only screen and (max-width: 991px) {
  .nav-strip {
    display: none;
  }
}
.nav-strip button {
  display: inline-block;
  vertical-align: middle;
  height: var(--projectdetailstrip);
  line-height: var(--projectdetailstrip);
  padding: 0 10px;
  position: relative;
  font-size: 18px;
}
.nav-strip button:not(:last-child) {
  margin-right: 25px;
}
@media only screen and (max-width: 1230px) {
  .nav-strip button:not(:last-child) {
    margin-right: 20px;
  }
}
.nav-strip button.active::before {
  height: 2px;
}
.nav-strip button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0px;
  background: var(--black);
  transition: 0.5s ease;
}

.project-detail-secA {
  padding: 45px 0 65px;
}
.project-detail-secA .flex .colA, .project-detail-secA .flex .colB {
  height: 100%;
  position: sticky;
  top: calc(var(--headerfixed) + var(--projectdetailstrip) + 20px);
}
@media only screen and (max-width: 991px) {
  .project-detail-secA .flex .colA, .project-detail-secA .flex .colB {
    position: unset;
  }
}
.project-detail-secA .flex .colA {
  flex: 0 1 65%;
  max-width: 65%;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .project-detail-secA .flex .colA {
    flex: 0 1 60%;
    max-width: 60%;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .project-detail-secA .flex .colA {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
  }
}
.project-detail-secA .flex .colA .title {
  position: relative;
  border-bottom: 1px solid #BDB8B8;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.project-detail-secA .flex .colA .title h4 {
  font-size: 36px;
  font-family: "Optima";
}
.project-detail-secA .flex .colA .title .swiper-nav {
  bottom: auto;
  top: 50%;
  translate: 0 -50%;
}
.project-detail-secA .flex .colA .title .swiper-nav button path {
  transition: 0.5s ease;
}
.project-detail-secA .flex .colA .title .swiper-nav button:hover path {
  fill: var(--black);
}
.project-detail-secA .flex .colA .title .swiper-nav .get-dire {
  transition: 0.5s ease;
  font-size: 18px;
  line-height: 28px;
  color: var(--black);
  display: inline-flex;
  align-items: center;
}
.project-detail-secA .flex .colA .title .swiper-nav .get-dire svg {
  margin-left: 10px;
}
.project-detail-secA .flex .colA .title .swiper-nav .get-dire svg path {
  transition: 0.5s ease;
}
.project-detail-secA .flex .colA .title .swiper-nav .get-dire:hover {
  color: var(--black);
}
.project-detail-secA .flex .colA .title .swiper-nav .get-dire:hover svg path {
  fill: var(--black);
}
.project-detail-secA .flex .colA .col-md {
  margin-bottom: 64px;
}
.project-detail-secA .flex .colA .col-md .amenities-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 26px;
  margin-top: 40px;
}
.project-detail-secA .flex .colA .col-md .amenities-wrap > * {
  flex: 0 1 calc((100% - 104px) / 5);
  max-width: calc((100% - 104px) / 5);
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .project-detail-secA .flex .colA .col-md .amenities-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 15px;
  }
  .project-detail-secA .flex .colA .col-md .amenities-wrap > * {
    flex: 0 1 calc((100% - 45px) / 4);
    max-width: calc((100% - 45px) / 4);
    width: 100%;
  }
}
@media only screen and (max-width: 675px) {
  .project-detail-secA .flex .colA .col-md .amenities-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 15px;
  }
  .project-detail-secA .flex .colA .col-md .amenities-wrap > * {
    flex: 0 1 calc((100% - 15px) / 2);
    max-width: calc((100% - 15px) / 2);
    width: 100%;
  }
}
.project-detail-secA .flex .colA .col-md .amenities-wrap .item {
  border: 1px solid var(--gray3);
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
.project-detail-secA .flex .colA .col-md .amenities-wrap .item .ico {
  width: 40px;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 12px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(19%) hue-rotate(54deg) brightness(92%) contrast(100%);
}
.project-detail-secA .flex .colA .col-md .amenities-wrap .item p {
  line-height: 1.2;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider {
  margin-top: 50px;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col {
  border: 1px solid #A8A8A8;
  overflow: hidden;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col:hover figure img {
  filter: grayscale(1);
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col:hover figure .call-btn {
  opacity: 1;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col figure {
  position: relative;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col figure img {
  padding: 35px 30px;
  transition: 0.5s ease;
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col figure .call-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background: var(--black);
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.47198 1.62811C4.73969 0.367692 6.82719 0.59165 7.88865 2.0104L9.20323 3.76457C10.0678 4.91873 9.99074 6.53123 8.96469 7.55102L8.71678 7.79894C8.68878 7.90303 8.68593 8.01228 8.70844 8.11769C8.77407 8.54269 9.12928 9.44269 10.6168 10.9219C12.1043 12.401 13.0105 12.7552 13.4418 12.8219C13.5503 12.8449 13.6628 12.8417 13.7699 12.8125L14.1949 12.3896C15.1074 11.4833 16.5074 11.3135 17.6366 11.9271L19.6262 13.0104C21.3314 13.9354 21.7616 16.2521 20.3657 17.6406L18.8855 19.1114C18.4189 19.575 17.7918 19.9614 17.0272 20.0333C15.1418 20.2094 10.7491 19.9844 6.13136 15.3937C1.82198 11.1083 0.994901 7.37082 0.889693 5.52915C0.83761 4.5979 1.27719 3.8104 1.83761 3.25415L3.47198 1.62811ZM6.63865 2.94686C6.11053 2.24165 5.12719 2.1854 4.57303 2.73644L2.93761 4.36144C2.59386 4.70311 2.42928 5.08019 2.45011 5.44061C2.53344 6.90415 3.20011 10.276 7.23344 14.2864C11.4647 18.4927 15.372 18.6187 16.8824 18.4771C17.1907 18.4489 17.497 18.2885 17.7834 18.0042L19.2626 16.5323C19.8647 15.9344 19.7324 14.8448 18.8803 14.3823L16.8907 13.3C16.3407 13.0021 15.697 13.1 15.297 13.4979L14.823 13.9698L14.2709 13.4156C14.823 13.9698 14.822 13.9708 14.8209 13.9708L14.8199 13.9729L14.8168 13.976L14.8095 13.9823L14.7939 13.9969C14.7496 14.0373 14.7022 14.0742 14.6522 14.1073C14.5689 14.1625 14.4584 14.2239 14.3199 14.275C14.0387 14.3802 13.6657 14.4364 13.2053 14.3656C12.3022 14.2271 11.1053 13.6114 9.51469 12.0302C7.92511 10.4489 7.30428 9.25936 7.16469 8.35728C7.09282 7.89686 7.15011 7.52394 7.25636 7.24269C7.31528 7.08464 7.39896 6.93696 7.50428 6.80519L7.53761 6.76873L7.55219 6.75311L7.55844 6.74686L7.56157 6.74373L7.56365 6.74165L7.86365 6.44373C8.30949 5.99894 8.37199 5.26248 7.95219 4.70103L6.63865 2.94686Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: auto;
  white-space: nowrap;
  border-radius: 30px;
  color: var(--white);
  background-position: 24px 50%;
  padding: 12px 24px;
  padding-left: 55px;
  opacity: 0;
  transition: 0.5s ease;
}
.project-detail-secA .flex .colA .col-md .floor-plan-slider .floor-col figcaption {
  background: #E6E6E6;
  padding: 15px 20px;
  text-align: center;
  line-height: 20px;
}
.project-detail-secA .flex .colA .col-md .map-wrap {
  position: relative;
}
.project-detail-secA .flex .colA .col-md .map-wrap #map-add {
  height: 471px;
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card {
  z-index: 2;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 50px 25px;
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card .loc-ad-slider .item {
  text-align: center;
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card .loc-ad-slider .item i {
  font-size: 35px;
  color: var(--black);
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card .loc-ad-slider .item p {
  font-size: 20px;
  padding: 10px 20px;
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card .loc-ad-slider .item span {
  font-weight: 600;
}
.project-detail-secA .flex .colA .col-md .map-wrap .map-card .loc-ad-slider .swiper-slide-active {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.project-detail-secA .flex .colB {
  flex: 1;
  padding-left: 5rem;
}
@media only screen and (max-width: 1230px) {
  .project-detail-secA .flex .colB {
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .project-detail-secA .flex .colB {
    flex: 0 1 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
.project-detail-secA .flex .colB .form-card {
  border: 1px solid var(--black);
  padding: 30px 25px 25px;
}
.project-detail-secA .flex .colB .form-card .form-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.project-detail-secA .flex .colB .form-card .form-title h5 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.project-detail-secA .flex .colB .form-card .form-wrap .form {
  --labelbefore: var(--black);
  --labelafter: var(--black);
  --item: 1;
  --inputsize: 48px;
  --borderwidth: 1px;
  --textareaheight: 75px;
}
@media (max-height: 700px) {
  .project-detail-secA .flex .colB .form-card .form-wrap .form {
    --gaptb: 15px;
    --inputsize: 46px;
  }
}
.project-detail-secA .flex .colB .form-card .form-wrap .form label {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.2px;
}
.project-detail-secA .flex .colB .form-card .form-wrap .form .submit-grp {
  margin-top: 15px;
}/*# sourceMappingURL=project.css.map */