:root { --pc: #ea3d28; --p-color: #061c3d; --bg-color: #fffceb; --footer-bg: #252525; --header-bg: #14131300; --gray-color: #6f6f6f; --white: #fefefe; --black: #000; --ani-2: all 0.2s 0s ease; --ani-3: all 0.3s 0s ease; --ani-4: all 0.4s 0s ease; --ani-5: all 0.5s 0s ease; --op-thr: 0.3; --op-n: 0.9; --op-e: 0.8; --op-f: 0.5; --font-t: 100; --font-el: 200; --font-l: 300; --font-r: 400; --font-m: 600; --font-sb: 700; --font-b: 800; --font-black: 900; --font-eblack: 950; --font-demi: 600; }
body, html { line-height: 1; font-size: 18px; font-weight: var(--font-r); color: var(--p-color); margin: 0px; padding: 0px; font-family: "IBM Plex Sans", sans-serif !important; }
* { font-family: "IBM Plex Sans", sans-serif; box-sizing: border-box; }
.d-none { display: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
.h1, h1 { font-size: 3.5625rem; line-height: 3.625rem; }
.h1, .h2, h1, h2 { font-weight: var(--font-r); word-spacing: 10px; text-transform: uppercase; }
.h2, h2 { font-size: 25px; word-spacing: 3px; }
.h3, h3 { font-size: 1.875rem; }
.h3, .h4, h3, h4 { font-weight: var(--font-sb); }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-weight: var(--font-m); font-size: 1.3125rem; }
.h6, h6 { font-weight: var(--font-b); font-size: 1rem; }
p { color: var(--black); font-weight: var(--font-r); margin: 0px; }
a { text-decoration: none; color: inherit; }
li, ul { list-style: none; padding: 0px; margin: 0px; }
img { display: block; }
img, svg { width: auto; height: auto; }
.btn, select { appearance: none; }
.btn { background-color: var(--pc); padding: 0.75rem 2rem; border-radius: 0.375rem; border: unset; font-size: 1.125rem; color: var(--white); cursor: pointer; }
.btn, .sec-title { font-weight: var(--font-b); }
.sec-title { font-size: 2.25rem; line-height: 1.4; margin-block: 0px 2.1875rem; }
.sec-title span { font-weight: var(--font-sb); }
.btn-container { display: flex; align-items: center; justify-content: center; }
.btn-container a { width: fit-content; display: block; }
tldx-lmi-shadow-root { display: none; }
@media (max-width: 1920px) {
  body, html { font-size: 18px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 81.25rem; margin: 0px auto; }
}
@media (min-width: 1920px) {
  body, html { font-size: 19px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 81.25rem; margin: 0px auto; }
}
:root { --secondary-color: #333; --text-color: #444; --white: #fff; }
.header { width: 100%; background: rgb(22, 21, 21); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; z-index: 5; }
.nav { margin: 0px auto; padding: 0.625rem; display: flex; justify-content: space-between; align-items: center; }
.logo { width: 0px; }
.nav-links { display: flex; gap: 2rem; list-style: none; }
.nav-links a { text-decoration: none; color: var(--white); font-weight: 500; transition: color 0.3s; }
.nav-links a:hover { background: linear-gradient(270deg, rgb(185, 139, 68), rgb(217, 174, 92) 50%, rgb(255, 231, 132)) text; -webkit-text-fill-color: transparent; }
.contact-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0.625rem 1.25rem; border-radius: 1.71875rem; }
.contact-btn, .contact-btn-arrow { background: rgb(170, 119, 76); color: var(--white); font-size: 15px; text-transform: uppercase; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.contact-btn-arrow { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 1.25rem; border-radius: 50%; }
.button-container { display: flex; position: relative; }
.button-container:hover .contact-btn { transform: translateX(calc(100% - 74px)); }
.button-container:hover .contact-btn-arrow { transform: translateX(calc(-100% - 74px)); }
.mobile-menu { display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 1.5rem; cursor: pointer; }
main { }
.slick-slider { width: 100%; margin: auto; }
.slick-slide { justify-content: center; align-items: center; display: flex !important; }
.banner.container { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; }
.building-image video { width: 100%; object-fit: cover; }
.slider-wrapper { position: relative; width: 100%; margin: auto; }
.custom-next, .custom-prev { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 24px; padding: 10px 15px; cursor: pointer; z-index: 3; border-radius: 50%; transition: 0.3s; }
.custom-prev { left: -4.25rem; }
.custom-next { right: -4.25rem; }
.banner { display: flex; align-items: start; justify-content: space-between; height: 42.625rem; }
.banner #home, .banner .slider { position: relative; }
.banner .slider { width: 300px; overflow: hidden; }
.banner .slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; }
.banner .card { min-width: 300px; padding: 20px; background: rgb(244, 244, 244); text-align: center; border-radius: 10px; margin: 10px; }
.banner .controls { text-align: center; margin-top: 10px; }
.banner .controls button { padding: 10px; margin: 5px; cursor: pointer; }
.banner .content { width: 35rem; text-align: center; position: relative; z-index: 2; }
.banner .content .content-l { background: rgb(0, 0, 0); padding-right: 4.3125rem; padding-left: 2.4375rem; border-radius: 1.125rem; }
.banner .content .content-l h1 span { font-weight: var(--font-r); font-family: Copperplate, serif; font-size: 3.5625rem; line-height: 3.625rem; }
.banner .content .content-l .price { font-size: 1rem; font-weight: var(--font-r); color: rgb(255, 255, 255); line-height: 1.3125rem; font-family: Copperplate, serif; }
.banner .content .content-l .price span { font-size: 0.75rem; font-weight: var(--font-r); color: rgb(255, 255, 255); line-height: 1.3125rem; }
.banner .content .content-l .location { margin: 10px 0px; font-size: 1rem; font-weight: var(--font-r); color: rgb(255, 255, 255); line-height: 1.3125rem; }
.banner .content .content-l .amenities { font-size: 1.3125rem; color: rgb(185, 139, 68); font-weight: var(--font-r); line-height: 1.3125rem; margin-bottom: 0px; font-family: Copperplate, serif; }
.banner .content .content-l .image { position: relative; top: 2.5rem; height: 10.625rem; width: 100%; border-radius: 10px; }
.banner .content .content-l .image .img-indx { width: 100%; height: 170px; overflow: hidden; border-radius: 10px; transition: 0.3s; }
.banner .content .content-l .image .img-indx img { width: 100%; height: auto; object-fit: cover; border-radius: 10px; transition: transform 5s linear; }
.banner .content .content-l .image:hover .img-indx img { transform: translateY(calc(-100% + 170px)); }
.banner .content .content-l .image::after, .banner .content .content-l .image::before { content: ""; position: absolute; width: 3.125rem; height: 18.125rem; background-repeat: no-repeat; background-size: contain; padding: 0.75rem; }
.banner .content .content-l .image::before { background-image: url("../images/l-b.svg"); top: -135%; left: -2.0625rem; }
.banner .content .content-l .image::after { background-image: url("../images/r-b.svg"); top: -135%; right: -3.1875rem; }
.banner .building-image { position: absolute; right: 0px; width: 52%; height: auto; }
.banner .building-image video { width: 100%; border-radius: 0.625rem 0px 0px 0.625rem; height: 38.125rem; object-fit: cover; }
.banner .building-image .tc { font-size: 0.625rem; color: rgb(255, 255, 255); margin-top: 0.625rem; text-align: end; padding-right: 1.25rem; }
.urban-living { background-repeat: no-repeat; background-position: 24% 35%; padding-top: 3.125rem; align-items: center; justify-content: space-between; margin: auto; }
.urban-living .text-content { display: flex; justify-content: space-between; }
.urban-living .text-content .abt-left { width: 50%; }
.urban-living .text-content .abt-left .button-container-abt { padding-top: 1.875rem; display: flex; position: relative; max-width: fit-content; }
.urban-living .text-content .abt-left .abt-btn { border: 0.0625rem solid rgb(254, 254, 254); padding: 0.625rem 1.25rem; border-radius: 1.71875rem; font-size: 1rem; line-height: 1.3125rem; }
.urban-living .text-content .abt-left .abt-btn, .urban-living .text-content .abt-left .abt-btn-arrow { background: rgb(170, 119, 76); color: var(--white); cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.urban-living .text-content .abt-left .abt-btn-arrow { border: 0.0625rem solid rgb(254, 254, 254); padding: 1.25rem; border-radius: 50%; font-size: 1.125rem; }
.urban-living .text-content .abt-left .abt-boder { border: 1px solid rgba(61, 61, 61, 0.22); width: 89%; }
.urban-living .text-content .abt-left .button-container-abt:hover .abt-btn { transform: translateX(calc(100% - 74px)); }
.urban-living .text-content .abt-left .button-container-abt:hover .abt-btn-arrow { transform: translateX(calc(-100% - 74px)); }
.urban-living .text-content .abt-right { width: 50%; }
.urban-living .text-content h2 { text-transform: uppercase; width: 100%; letter-spacing: 0px; line-height: 41px; word-spacing: 5px; font-size: 30px; }
.urban-living .text-content .cta-button { display: inline-block; margin-top: 15px; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-size: 16px; font-weight: 700; transition: 0.3s ease-in-out; }
.urban-living .text-content .cta-button .arrow { margin-left: 10px; }
.urban-living .text-content p { font-size: 15px; letter-spacing: 0.2px; color: rgb(0, 0, 0); text-align: justify; line-height: 29px; }
.urban-living .image-container { padding-top: 60px; display: flex; gap: 1.25rem; width: 100%; }
.urban-living .image-container .image-left, .urban-living .image-container .image-right { transition: 0.8s linear; border-radius: 0.625rem; box-shadow: rgba(255, 255, 255, 0.2) 0px 4px 10px; height: 31.25rem; width: 100%; overflow: hidden; position: relative; object-fit: cover; }
.urban-living .image-container .image-left img, .urban-living .image-container .image-right img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: transform 0.5s linear; }
.urban-living .image-container .image-left { width: 90%; }
.urban-living .image-container .image-right { width: 45%; }
.urban-living .image-container .image-container:hover { pointer-events: none; }
.urban-living .image-container .image-right:hover { width: 170%; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 20px; transition: 0.8s ease-in-out; pointer-events: auto; }
.urban-living .image-container .image-right:hover ~ .image-left { width: 45%; }
.tremond-section { padding-top: 3.375rem; position: relative; }
.tremond-section .tremond-box { display: flex; text-align: left; align-items: center; gap: 1.875rem; background-repeat: no-repeat; background-position: 54% 68%; }
.tremond-section .tremond-box .content { width: 50%; text-align: left; position: relative; }
.tremond-section .tremond-box .content h2 { padding-top: 1.25rem; font-size: 25px; }
.tremond-section .tremond-box .content .abt-boder { border: 1px solid rgba(1, 1, 1, 0.22); width: 90%; margin-bottom: 1.25rem; }
.tremond-section .tremond-box .content p { font-size: 15px; text-align: justify; color: rgb(254, 254, 254); line-height: 25px; }
.tremond-section .tremond-box .content .button-container-abt { padding-top: 1.875rem; display: flex; position: relative; max-width: fit-content; z-index: 1; }
.tremond-section .tremond-box .content .button-container-abt .abt-btn { background: rgb(0, 0, 0); color: var(--white); border: 0.0625rem solid rgb(254, 254, 254); padding: 0.625rem 1.25rem; border-radius: 1.71875rem; font-size: 1rem; line-height: 1.3125rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.tremond-section .tremond-box .content .button-container-abt .abt-btn-arrow { background: rgb(0, 0, 0); color: var(--white); border: 0.0625rem solid rgb(254, 254, 254); padding: 1.25rem; border-radius: 50%; font-size: 1.125rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.tremond-section .tremond-box .content .button-container-abt:hover .abt-btn { transform: translateX(calc(100% - 145px)); }
.tremond-section .tremond-box .content .button-container-abt:hover .abt-btn-arrow { transform: translateX(calc(-100% - 145px)); }
.tremond-section .tremond-box .content picture img { width: 86%; position: absolute; left: 23%; top: 70%; }
.tremond-section .tremond-box .info-boxes { width: 50%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; z-index: 2; padding: 0.3125rem; }
.tremond-section .tremond-box .info-boxes .info-box { background: linear-gradient(123.73deg, rgba(140, 140, 140, 0.12) 11.24%, rgba(54, 54, 54, 0.04) 80.18%); padding: 20px; display: flex; align-items: center; gap: 6px; margin-bottom: 0px; flex-direction: column; }
.tremond-section .tremond-box .info-boxes .info-box p { font-size: 15px; font-weight: 500; color: rgb(65, 65, 65); line-height: 26px; letter-spacing: 0.1px; text-align: center; }
.tremond-section .add-img .add-img-2 { position: absolute; top: 100%; right: -13%; }
.epicenter-section { padding-top: 13.75rem; padding-bottom: 1.875rem; }
.epicenter-section .highlights { margin-top: 30px; }
.epicenter-section .highlights .abt-boder { border: 1px solid rgba(255, 255, 255, 0.22); width: 90%; margin-bottom: 1.25rem; }
.epicenter-section .highlights h4 { font-size: 1.3125rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.3125rem; font-family: Copperplate, serif; }
.epicenter-section .highlights .highlights-box { display: flex; gap: 0.625rem; justify-content: space-between; }
.epicenter-section .highlights .highlights-box .highlight-boxes { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.epicenter-section .highlights .highlights-box .highlight-boxes .box-line { position: relative; }
.epicenter-section .highlights .highlights-box .highlight-boxes .box-line::before { content: ""; position: absolute; right: 4%; top: 0px; width: 1px; height: 96%; background: rgba(255, 255, 255, 0.25); transform: translateX(-50%); }
.epicenter-section .highlights .highlights-box .highlight-boxes .box-line::after { bottom: 0px; }
.epicenter-section .highlights .highlights-box .highlight-box { padding: 20px; border-radius: 8px; display: flex; flex-direction: column; gap: 10px; }
.epicenter-section .highlights .highlights-box .highlight-box .icon { background: rgb(196, 154, 90); padding: 10px; border-radius: 50%; font-size: 1.5rem; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; }
.epicenter-section .highlights .highlights-box .highlight-box p { font-size: 1.125rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.5rem; padding-top: 0.625rem; }
.epicenter-section .highlights .highlights-box .highlight-box ul { list-style: disc; padding: 0px; }
.epicenter-section .highlights .highlights-box .highlight-box ul li { font-size: 0.875rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.1875rem; margin: 5px 0px; list-style: disc; }
.epicenter-section .highlights .highlisht-map { width: 50%; }
.epicenter-section .highlights .highlisht-map .abt-boder, .epicenter-section .highlights .highlisht-map h2 { display: none; }
.epicenter-section .highlights .highlisht-map p { font-size: 1rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.3125rem; padding-top: 2.0625rem; padding-bottom: 2.75rem; }
.epicenter-section .highlights .highlisht-map iframe { width: 100%; height: 80%; border-radius: 1.25rem; }
.epicenter-section .highlights .highlights-box .cont-l h2 { margin-bottom: 1rem; }
.amentites { padding-top: 50px; padding-bottom: 50px; }
.amentites .ament-contents { padding-bottom: 3.75rem; }
.amentites .ament-contents h2 { width: 90%; margin: auto; text-align: center; padding-bottom: 0.875rem; }
.amentites .ament-contents .abt-boder { border: 1px solid rgb(206, 176, 89); width: 6%; margin: auto; }
.amentites .ament-contents p { font-size: 15px; font-weight: var(--font-r); color: rgb(0, 0, 0); line-height: 26px; padding-top: 0.875rem; text-align: center; width: 80%; margin: auto; }
.home .home-contents { display: flex; justify-content: center; }
.home .home-contents .cont-l { }
.home .home-contents .cont-l .abt-boder { border: 1px solid rgb(206, 176, 89); width: 32%; margin: auto; }
.home .home-contents .cont-r { width: 47%; }
.home .home-contents .cont-r p { font-size: 1rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.375rem; padding-top: 1.875rem; }
.home .split-container { align-items: stretch; }
.home .image-container { flex: 1 1 0%; position: relative; min-height: 500px; border-radius: 2rem; overflow: hidden; }
.home .abt-boder { border: 1px solid rgba(128, 128, 128, 0.22); width: 90%; margin-bottom: 1.25rem; }
.home .split-container.reverse .image-container { flex: 1 1 0%; position: relative; min-height: 500px; border-radius: 10px; overflow: hidden; }
.home .feature-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease-in-out; display: none; }
.home .feature-image.active { opacity: 1; display: block; }
.home .img-blur { filter: blur(3px); }
.home .accordion { border-radius: 10px; }
.home .accordion .accordion-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.home .accordion .accordion-item .accordion-header { transition: background-color 0.3s; }
.home .accordion .accordion-item .accordion-header h3 { font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.75rem; font-family: Copperplate, serif; }
.home .accordion .accordion-item .accordion-header .icon { color: rgb(100, 108, 255); font-size: 1.5rem; font-weight: 700; transition: transform 0.3s; }
.home .accordion .accordion-item .accordion-content { opacity: 0; padding: 0px 1.25rem; transition: max-height 0.5s ease-out, opacity 0.5s ease-out !important; }
.home .accordion .accordion-item .accordion-content.active { max-height: 500px; opacity: 1; padding-bottom: 0.625rem; }
.home .accordion .accordion-item .accordion-content p { font-weight: var(--font-r); color: rgb(254, 254, 254); }
.home .accordion .accordion-item .property-card { background: linear-gradient(4deg, rgba(68, 68, 68, 0.73), rgb(26, 26, 26)); color: rgb(255, 255, 255); padding: 20px; border-radius: 12px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px; }
.home .accordion .accordion-item .property-card .property-info .pro-dice { display: flex; justify-content: space-between; }
.home .accordion .accordion-item .property-card .property-info .pro-dice .price-dics { display: flex; align-items: center; }
.home .accordion .accordion-item .property-card .property-info .pro-dice .contact-btn { background: rgb(185, 139, 68); color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0.625rem 1.25rem; border-radius: 1.71875rem; font-size: 1.125rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.home .accordion .accordion-item .property-card .property-info .pro-dice .contact-btn-arrow { background: rgb(185, 139, 68); color: var(--white); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 1.25rem; border-radius: 50%; font-size: 1.125rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container { display: flex; position: relative; }
.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container:hover .contact-btn { transform: translateX(calc(100% - 74px)); }
.home .accordion .accordion-item .property-card .property-info .pro-dice .button-container:hover .contact-btn-arrow { transform: translateX(calc(-100% - 74px)); }
.home .acc { background: unset; }
.group { position: relative; margin-bottom: 3.75rem; }
.group img { background-size: cover; background-position: 50% center; background-repeat: no-repeat; width: 100%; height: auto; }
.group .content-group { position: absolute; top: 20%; }
.group .content-group p { width: 60%; font-size: 1rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.3125rem; padding-top: 1.875rem; }
footer .foot { position: relative; }
footer .foot .footer-cont { background-color: rgb(0, 0, 0); border-radius: 1.25rem; position: absolute; bottom: 0px; padding: 20px; left: 26%; }
footer .foot .footer-cont p { font-size: 1rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1.3125rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem; text-align: center; }
#timeline { height: 500px; background-color: rgb(255, 255, 255); overflow: hidden; }
#timeline, .tl-item { display: flex; position: relative; }
.tl-item { width: 10%; transition: width 0.8s ease-in-out; align-items: center; justify-content: center; background: rgb(255, 255, 255); border: 1px solid rgba(29, 29, 29, 0.14); border-radius: 3.75rem; }
.tl-item.active { width: 73%; }
.tl-item.active .tl-bg { opacity: 1; }
.tl-item.active .tl-bg img { filter: grayscale(0); }
.tl-item.active .tl-content { opacity: 1; }
.tl-item.active .tl-year { opacity: 0; }
.tl-year { padding: 10px 20px; border-radius: 10px; transition: opacity 0.5s ease-in-out; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); transform-origin: center center; white-space: nowrap; color: rgb(43, 43, 43); text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: 21px; }
.tl-bg, .tl-year { position: absolute; }
.tl-bg { width: 100%; height: 101%; opacity: 0; transition: opacity 0.8s ease-in-out; }
.tl-bg img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 0.8s; border-radius: 1.25rem; }
.tl-content { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); text-align: center; opacity: 0; transition: opacity 0.8s ease-in-out; padding: 15px; width: 80%; border-radius: 10px; z-index: 2; }
.tl-content p { font-size: 20px; color: rgb(251, 251, 251); line-height: 1.3125rem; text-transform: uppercase; margin: 0px; letter-spacing: 0.3px; font-weight: 600; }
.whatsapp-icon { position: fixed; bottom: 20px; right: 20px; padding: 15px; z-index: 5; transition: background-color 0.3s; }
#mob-view { display: none; }
.accordion-item .accordion-content.active, .accordion-item .accordion-content.active + .accordion-item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.accordion-item .accordion-content.active { max-height: none !important; }
.accordion-item .accordion-content.active ~ .accordion-item, .accordion-item:has(.accordion-content.active) { border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.mobile-image { display: none; }
.accordion-content.active .mobile-image { display: block !important; }
.home { padding-top: 50px; padding-bottom: 50px; }
.home .split-container { width: 100%; display: flex; gap: 2rem; }
@media (max-width: 768px) {
  .home .split-container { flex-direction: column; gap: 1rem; }
}
.home .accordion-container { width: 50%; }
@media (max-width: 768px) {
  .home .accordion-container { width: 100%; }
}
.home .desktop-image-container { flex: 1 1 0%; position: relative; min-height: 500px; border-radius: 10px; overflow: hidden; }
@media (max-width: 768px) {
  .home .desktop-image-container { display: none; }
}
.home .mobile-image { display: none; width: 100%; margin-top: 1rem; border-radius: 8px; overflow: hidden; }
@media (max-width: 768px) {
  .home .mobile-image { display: block; }
  .home .mobile-image img { width: 100%; height: auto; object-fit: cover; }
}
.home .accordion { background: linear-gradient(123.55deg, rgba(102, 102, 102, 0.4) -16.26%, rgba(74, 74, 74, 0.1) 83.03%); border-radius: 2rem; overflow: hidden; padding: 1.25rem; }
.home .accordion .accordion-item { border-bottom: 1px solid rgba(128, 128, 128, 0.22); }
.home .accordion .accordion-item .accordion-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.home .accordion .accordion-item .accordion-header .flr { font-size: 1.3125rem; font-family: Avenir, Copperplate, sans-serif; }
.home .accordion .accordion-item .accordion-header h3 { font-size: 1.75rem; }
@media (max-width: 768px) {
  .home .accordion .accordion-item .accordion-header h3 { font-size: 1.125rem; line-height: 1.125rem; }
}
.home .accordion .accordion-item .accordion-content { max-height: 0px; overflow: hidden; padding: 0px; transition: max-height 0.3s ease-out; }
.home .accordion .accordion-item .accordion-content.active { max-height: none; padding-bottom: 0px; }
.home .accordion .accordion-item .accordion-content p { font-size: 1rem; line-height: 1.3125rem; padding-bottom: 1rem; }
.home .accordion .accordion-item .accordion-content p span { color: rgb(185, 139, 68); font-weight: 900; }
@media (max-width: 768px) {
  .home .accordion .accordion-item .accordion-content p { font-size: 0.875rem; line-height: 1.25rem; padding: 5px 0px; }
}
.home .split-container.reverse { padding-top: 5.625rem; }
@media (max-width: 768px) {
  .home .split-container.reverse { padding-top: 2.5rem; }
}
.home .split-container.reverse .accordion-container { width: 40%; margin-top: -3.75rem; }
@media (max-width: 768px) {
  .home .split-container.reverse .accordion-container { width: 100%; margin-top: 0px; }
}
.split-container.reverse { width: 100%; display: flex; gap: 2rem; padding-top: 5.625rem; }
@media (max-width: 768px) {
  .split-container.reverse { flex-direction: column; padding-top: 2.5rem; gap: 1rem; }
}
.split-container.reverse .image-container { flex: 1 1 0%; position: relative; min-height: 500px; border-radius: 10px; overflow: hidden; }
@media (max-width: 768px) {
  .split-container.reverse .image-container { display: none; }
}
.split-container.reverse .image-container picture { position: absolute; width: 100%; height: 100%; }
.split-container.reverse .image-container .feature-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease-in-out; display: none; }
.split-container.reverse .image-container .feature-image.active { opacity: 1; display: block; }
.split-container.reverse .accordion-container { width: 40%; margin-top: -3.75rem; }
@media (max-width: 768px) {
  .split-container.reverse .accordion-container { width: 100%; margin-top: 0px; }
}
.split-container.reverse .accordion-container h2 { color: rgb(254, 254, 254); margin-bottom: 1.25rem; }
.split-container.reverse .accordion-container .accordion.acc { background: unset; }
.split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .property-card { margin-bottom: 1.25rem; }
.split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image { display: none; width: 100%; margin-top: 20px; border-radius: 30px; overflow: hidden; }
@media (max-width: 768px) {
  .split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image { display: block; }
  .split-container.reverse .accordion-container .accordion.acc .accordion-item .accordion-content .mobile-floor-image img { width: 100%; height: auto; object-fit: cover; filter: blur(3px); transition: filter 0.3s; }
}
.split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice { margin-bottom: 0.9375rem; }
@media (max-width: 768px) {
  .split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice { margin-bottom: 0.625rem; }
}
.split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice:last-child { margin-bottom: 0px; }
@media (max-width: 768px) {
  .split-container.reverse .accordion-container .accordion.acc .accordion-item .property-card .property-info .pro-dice .button-container { flex-direction: row; }
}
.popup { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.5); z-index: 5; }
.popup.active { display: flex; align-items: center; justify-content: center; }
.popup-content { background: rgb(47, 47, 47); color: rgb(255, 255, 255); padding: 20px; border-radius: 8px; width: 100%; max-width: 500px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; }
.popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.popup-header h2 { margin: 0px; font-size: 24px; padding-left: 0.8125rem; }
.popup-header .close { cursor: pointer; font-size: 24px; color: rgb(136, 136, 136); }
.popup-header .close:hover { color: rgb(255, 255, 255); }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: rgb(255, 255, 255); }
.form-group input, .form-group select { background: rgb(26, 26, 26); color: rgb(255, 255, 255); font-size: 16px; appearance: menulist; width: 100%; padding: 8px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; }
.form-group input:focus, .form-group select:focus { outline: none; border-color: rgb(185, 139, 68); }
.form-group.error input, .form-group.error select { border-color: rgb(255, 68, 68); }
.form-group.error .error-message { display: block; }
.phone-input { display: flex; gap: 10px; }
.phone-input select { width: auto; }
.phone-input input { flex: 1 1 0%; }
.error-message { display: none; color: rgb(255, 68, 68); font-size: 14px; margin-top: 4px; }
.checkbox { display: flex; align-items: flex-start; gap: 10px; }
.checkbox input { margin-top: 4px; width: auto; }
.checkbox label { font-size: 14px; margin: 0px; }
.success-message { color: green; font-size: 14px; margin-top: 10px; text-align: center; }
.submit-btn { width: 100%; padding: 12px; background: rgb(185, 139, 68); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; font-size: 16px; cursor: pointer; }
.submit-btn:hover { background: rgb(148, 111, 54); }
.popup-content .title { display: none; }
.popup-content .selldof_field-container { width: 100%; }
.popup-content .form-group label { font-size: 1.1875rem; }
.popup-content .form-group .btn { font-size: 1rem; background-color: rgb(185, 139, 68); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.popup-content .form-group select { font-size: 1.1875rem; }
.popup-content .form-group { margin-bottom: 0.625rem !important; }
.popup-content .form-group input, .popup-content .form-group select { height: 2.5rem; background-color: rgb(26, 26, 26); color: rgb(255, 255, 255); font-size: 1.1875rem; }
.selldof .checkbox input[type="checkbox"] { margin-top: -0.9375rem; }
.sell_do_form_actual_container .selldof_row:nth-child(6) label { font-size: 0.875rem; font-weight: 400; }
.privacy-sec { padding-top: 3.75rem; padding-bottom: 5.625rem; }
.privacy-sec p { color: rgb(255, 255, 255); font-size: 1.1875rem; line-height: 25px; font-weight: 400; padding-bottom: 1.25rem; }
.privacy-title { font-size: 1.5625rem; line-height: 1.5625rem; font-weight: 400; text-align: start; }
.prvicy-img { display: flex; justify-self: start; }
.pravc-cont { padding-top: 13px; padding-left: 17px; }
.error-sec, .pravc-cont { display: flex; justify-content: center; }
.error-sec { position: relative; height: 90vh; align-items: center; }
.error-sec .error-cont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2; }
.error-sec .error-cont p { font-size: 10.5rem; line-height: 100%; font-weight: 700; color: rgb(255, 255, 255); font-family: Copperplate; }
.error-sec .error-cont h3 { font-weight: 400; font-size: 32px; line-height: 100%; font-family: Copperplate; }
.error-sec .error-cont span { font-weight: 400; font-size: 16px; line-height: 100%; }
.error-sec picture { width: 100%; padding-top: 15.625rem; }
.error-sec picture img { width: 100%; height: 100%; }
.error-sec .err-btn { justify-content: center; padding-top: 1.875rem; }
@media (min-width: 1366px) {
  .banner-container .banner-content { width: 45%; }
  .banner-container .banner-img { margin: 0px; width: 40.625rem; }
  .powerful-storytelling-container .powerful-storytelling-img { margin: 0px; }
  .powerful-storytelling-container .powerful-storytelling-img img { width: 40.625rem; }
}
@media (min-width: 1400px) {
  .urban-living .text-content h2 { width: 96%; }
}
@media (min-width: 1400px) and (max-width: 1440px) {
  .building-image { width: 56% !important; }
  #timeline { height: 26.875rem; }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .building-image { width: 55% !important; }
  #timeline { height: 26.5625rem; }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  .building-image { width: 55% !important; }
  #timeline { height: 28.125rem; }
}
@media (min-width: 1800px) and (max-width: 1920px) {
  .building-image { width: 58% !important; }
  #timeline { height: 29.375rem; }
}
@media (min-width: 1940px) and (max-width: 3840px) {
  .building-image { width: 55% !important; }
  #timeline { height: 29.375rem; }
}
@media (max-width: 1200px) {
  .powerful-storytelling-container { gap: 2.5rem; }
  .agenda-overview img { width: 75%; object-fit: cover; }
  .home .feature-image, .split-container.reverse .image-container .feature-image { height: auto; }
}
@media (min-width: 600px) {
  .btn-mb { display: none; }
}
.building-image .desk-banner, .building-image .mb-banner { display: none; }
@media (min-width: 600px) {
  .building-image .desk-banner { display: block; }
}
@media (max-width: 600px) {
  .building-image .mb-banner { display: block; }
}
@media (max-width: 768px) {
  #home .home-container-mb { padding: 0px; }
  .banner { flex-direction: column; height: unset; }
  .banner .container { align-items: center; }
  .banner .content { width: 100%; padding: 2.5rem; order: 2; }
  .banner .building-image { position: relative; width: 100%; order: 1; }
  .banner .building-image video { border-radius: 0px 0px 0.625rem 0.625rem; height: 20.75rem; }
  .custom-prev { left: 0px; }
  .custom-next { right: 0px; }
  .custom-next, .custom-prev { top: 50%; }
  .banner .content .content-l { padding-left: unset; padding-right: unset; }
  .banner .content .content-l h1 { font-size: 2.5rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 2.5625rem; margin-bottom: 0px; }
  .banner .content .content-l .price { font-size: 1rem; font-weight: var(--font-r); color: rgb(254, 254, 254); line-height: 1rem; }
  .banner .content .content-l .price span { font-size: 0.6875rem; line-height: 0.9375rem; }
  .banner .content .content-l .amenities { font-size: 0.875rem; line-height: 0.875rem; }
  .banner .content .content-l .img-indx img { padding: 0.125rem; }
  .banner .content .content-l .image::after, .banner .content .content-l .image::before { content: ""; position: absolute; width: 3.125rem; height: 12.5rem; background-repeat: no-repeat; background-size: contain; padding: 0.75rem; }
  .banner .content .content-l .image::before { background-image: url("../images/l-b.svg"); top: -120%; left: -1.25rem; }
  .banner .content .content-l .image::after { background-image: url("../images/r-b.svg"); top: -120%; right: -3.5rem; }
  .banner .content .content-l h1 span { font-size: 1.75rem; line-height: 1.875rem; }
  .banner .content .content-l .image { top: 1.25rem; height: 7.5rem; }
  .banner .content .content-l .image .img-indx { height: 7.5rem; }
  .urban-living { padding-top: 0px; background-image: url("../images/abt-mb.svg"); background-position: 96% 81%; }
  .urban-living .text-content { flex-direction: column; }
  .urban-living .text-content .abt-left, .urban-living .text-content .abt-right { width: 100%; }
  .urban-living .text-content .abt-left p, .urban-living .text-content .abt-right p { text-align: center; font-size: 15px; line-height: 29px; }
  .urban-living .text-content .abt-left .abt-boder { width: 100%; }
  .urban-living .text-content .abt-left h2 { font-weight: 400; font-size: 20px; line-height: 29px; max-width: 100%; text-align: center; }
  .urban-living .text-content .abt-left .button-container-abt { justify-content: center; }
  .urban-living .text-content .abt-left .btn-mbs { display: none; }
  .urban-living .text-content .abt-right { margin-top: 0px; padding-bottom: 1.875rem; padding-top: 0.875rem; }
  .urban-living .text-content .abt-right h4 { font-family: Copperplate, serif; }
  .urban-living .image-container { gap: 0.625rem; padding-top: 2.5rem; }
  .urban-living .image-container .image-left, .urban-living .image-container .image-right { height: 12.5rem; }
  .tremond-section { padding-top: 1.875rem; }
  .tremond-section .tremond-box { flex-direction: column; gap: 1.25rem; background-image: unset; }
  .tremond-section .tremond-box .content { width: 100%; text-align: center; padding: 0px; }
  .tremond-section .tremond-box .content h2 { font-size: 1.375rem; padding-top: 0.625rem; }
  .tremond-section .tremond-box .content .abt-boder { margin: 0px auto 1.25rem; }
  .tremond-section .tremond-box .content p { font-size: 0.875rem; }
  .tremond-section .tremond-box .content .button-container-abt { justify-content: center; }
  .tremond-section .tremond-box .content .btn-mb { display: none; }
  .tremond-section .tremond-box .content picture img { position: static; width: 100%; margin-top: 1.25rem; }
  .tremond-section .tremond-box .info-boxes { width: 100%; gap: 0.9375rem; margin-top: 1.25rem; }
  .tremond-section .tremond-box .info-boxes .info-box { padding: 0.9375rem; }
  .tremond-section .tremond-box .info-boxes .info-box p { font-size: 0.875rem; line-height: 1.1875rem; }
  .tremond-section .add-img .add-img-2 { display: block; width: 58%; right: -39%; top: 107%; }
  .abt-btn-arrow img { width: 0.8125rem; }
  .button-container-abt { display: flex; position: relative; max-width: fit-content; margin: auto; }
  .button-container-abt .abt-btn, .button-container-abt .abt-btns { background: rgb(0, 0, 0); color: var(--white); border: 0.0625rem solid rgb(254, 254, 254); padding: 11px 20px; border-radius: 1.71875rem; font-size: 0.75rem; line-height: 1rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
  .button-container-abt .abt-btn-arrow, .button-container-abt .abt-btn-arrows { background: rgb(0, 0, 0); color: var(--white); border: 0.0625rem solid rgb(254, 254, 254); padding: 15px; border-radius: 50%; font-size: 1.125rem; cursor: pointer; transition: 0.6s ease-in-out; transform: translateX(0px); }
  .button-container-abt:hover .abt-btn { transform: translateX(calc(100% - 91px)); }
  .button-container-abt:hover .abt-btn-arrow { transform: translateX(calc(-100% - 91px)); }
  .button-container-abt:hover .abt-btns { transform: translateX(calc(100% - 126px)); }
  .button-container-abt:hover .abt-btn-arrows { transform: translateX(calc(-100% - 126px)); }
  h2 { display: block; font-size: 1.375rem; line-height: 1.375rem; text-align: center; }
  .epicenter-section { padding-top: 0.625rem; padding-bottom: 1.25rem; }
  .epicenter-section .highlights { margin-top: 20px; }
  .epicenter-section .highlights .abt-boder { width: 100%; }
  .epicenter-section .highlights h4 { font-size: 1.125rem; text-align: start; }
  .epicenter-section .highlights .highlights-box { flex-direction: column; gap: 1.25rem; }
  .epicenter-section .highlights .highlights-box .cont-l { order: 2; }
  .epicenter-section .highlights .highlights-box .cont-l .abt-boder, .epicenter-section .highlights .highlights-box .cont-l h2 { display: none; }
  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes { gap: 0.9375rem; padding-bottom: 0.625rem; }
  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .box-line::before { display: none; }
  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box { padding: 0.9375rem; text-align: center; }
  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box p { font-size: 1rem; line-height: 1.3125rem; text-align: start; }
  .epicenter-section .highlights .highlights-box .cont-l .highlight-boxes .highlight-box ul li { font-size: 0.75rem; line-height: 1rem; text-align: start; }
  .epicenter-section .highlights .highlights-box .highlisht-map { order: 1; width: 100%; }
  .epicenter-section .highlights .highlights-box .highlisht-map h2 { display: block; font-size: 1.375rem; line-height: 1.375rem; text-align: center; }
  .epicenter-section .highlights .highlights-box .highlisht-map .abt-boder { display: block; }
  .epicenter-section .highlights .highlights-box .highlisht-map p { font-size: 0.875rem; padding-top: 0px; padding-bottom: 1.25rem; }
  .epicenter-section .highlights .highlights-box .highlisht-map iframe { height: 300px; }
  .amentites { padding-top: 1.875rem; }
  .amentites .ament-contents { padding-bottom: 1.25rem; }
  .amentites .ament-contents h2 { padding-bottom: 0.625rem; }
  .amentites .ament-contents p { padding-top: 0.625rem; font-size: 0.875rem; line-height: 27px; text-align: center; width: 100%; }
  .amentites .ament-contents .abt-boder { width: 100%; }
  #timeline { flex-direction: column; height: auto; gap: 0.1875rem; }
  .tl-item { height: 44px; margin: 0px; border-radius: 26px; overflow: hidden; transition: height 0.8s ease-in-out; width: 100% !important; }
  .tl-item.active { height: 200px; }
  .tl-year { transform: none; position: relative; top: auto; left: auto; text-align: left; padding: 20px; background: transparent; border-radius: 0px; height: 100%; display: flex; align-items: center; transition: opacity 0.8s; font-size: 0.875rem; line-height: 1.1875rem; }
  .floor-pd { padding: 0px !important; }
  .home .abt-boder { width: 100%; }
  .floor-icon img { width: 1.5rem !important; }
  .tl-bg { opacity: 0; }
  .tl-content { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); width: 100%; padding: 16px; border-radius: 0px; pointer-events: none; }
  .tl-item.active .tl-bg, .tl-item.active .tl-content { opacity: 1; }
  .tl-item.active .tl-year { opacity: 0; }
  #mob-view { display: block; }
  .home { padding-top: 1.875rem; }
  .home .home-contents { flex-direction: column; }
  .home .home-contents .cont-l, .home .home-contents .cont-l .abt-boder, .home .home-contents .cont-r { width: 100% !important; }
  .home .home-contents .cont-r p { text-align: center; padding-top: 0px; }
  .home .desk-view { display: none !important; }
  .home .acc-pad { padding: 0px !important; }
  .home .acc-pad .button-container .contact-btn { line-height: 1rem; font-weight: 400; font-size: 0.6875rem !important; }
  .home .acc-pad .button-container .contact-btn-arrow { padding: 0px 12px !important; }
  .home .acc-pad .button-container .contact-btn-arrow img { width: 13px; }
  .home .accordion .accordion-item .accordion-header .icon img { width: 1.125rem; }
  .group { margin-bottom: 0px; padding-bottom: 6rem; }
  .group .content-group { top: 6%; padding-right: 1.25rem; }
  .group .content-group .abt-boder { border: 1px solid rgba(255, 255, 255, 0.11); width: 100%; }
  .group .content-group h2 br { display: none; }
  .group .content-group p { width: 100%; text-align: center; font-size: 0.875rem !important; line-height: 1.1875rem !important; }
  footer .foot .footer-cont { left: 4%; right: 4%; bottom: 0px; }
  footer .foot p { padding: 0px 1.25rem; font-size: 0.875rem !important; line-height: 1.1875rem !important; }
  .popup.active { padding: 1.25rem; }
  .tl-bg { height: 105%; }
  .pro-dice .button-container:hover .contact-btn { transform: translateX(calc(100% - 54px)) !important; }
  .pro-dice .button-container:hover .contact-btn-arrow { transform: translateX(calc(-100% - 54px)) !important; }
  .floor-pd .accordion-item { padding-bottom: 30px; }
  .popup-content, .popup-content .popup-header { padding: 10px; }
  .privacy-sec { padding-top: 3.75rem; padding-bottom: 7.5rem; }
  .privacy-sec p { color: rgb(255, 255, 255); font-size: 0.875rem; line-height: 19px; font-weight: 400; padding-bottom: 0.625rem; }
  .privacy-title { font-size: 1.375rem; line-height: 1.375rem; font-weight: 400; text-align: start; }
  .error-sec .error-cont { width: 280px; top: 30%; }
  .error-sec .error-cont p { font-size: 7.5rem; line-height: 100%; font-weight: 700; color: rgb(255, 255, 255); font-family: Copperplate; }
  .error-sec .error-cont h3 { font-weight: 400; font-size: 22px; line-height: 100%; font-family: Copperplate; margin-bottom: 10px; }
  .error-sec .error-cont span { font-weight: 400; font-size: 14px; line-height: 100%; }
  .error-sec picture { width: 100%; padding-top: 15.625rem; }
  .error-sec picture img { width: 100%; height: 100%; }
  .error-sec .err-btn { justify-content: center; padding-top: 1.875rem; display: block; }
  .error-sec .err-btn .contact-btn-arrow { padding: 1rem; }
}
@media (max-width: 1680px) {
  body, html { font-size: 18px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 80rem; }
}
@media (max-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 77.5rem; }
}
@media (max-width: 1440px) {
  body, html { font-size: 16px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 75rem; }
}
@media (max-width: 1400px) {
  body, html { font-size: 16px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 69.75rem; }
}
@media (max-width: 1366px) {
  body, html { font-size: 18px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 67rem; }
}
@media (max-width: 1300px) {
  body, html { font-size: 15px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 73.75rem; }
}
@media (max-width: 1200px) {
  body, html { font-size: 13px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 73.75rem; }
}
@media (max-width: 991px) {
  body, html { font-size: 10px; }
}
@media (max-width: 820px) {
  body, html { font-size: 9px; }
}
@media (max-width: 768px) {
  body, html { font-size: 9px; }
}
@media (max-width: 600px) {
  body, html { font-size: 16px; }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%; }
  .sec-title { font-size: 1.5rem; line-height: 1.4; margin-bottom: 1.25rem; }
  .btn { padding: 0.625rem 1.25rem; font-size: 1rem; }
}
@media (max-width: 820px) {
  .header { background-color: rgb(22, 21, 21); transition: background-color 0.3s ease-in-out; }
  .header.menu-open { background-color: rgb(22, 21, 21) !important; }
  .nav-border { border-top: 1px solid rgba(255, 255, 255, 0.22); }
  .nav-links { background-color: transparent; }
  .nav-links.active { background-color: rgb(22, 21, 21) !important; }
  .nav-links { display: none; flex-direction: column; position: absolute; top: 60px; left: 0px; width: 100%; background: rgba(255, 255, 255, 0.9); padding: 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; }
  .nav-links.active { display: flex; z-index: 4; height: 100vh; }
  .nav-links a { text-decoration: none; color: var(--white); font-size: 1.125rem; line-height: 1.3125rem; font-weight: 400; transition: color 0.3s; }
  .nav-links a:hover { color: var(--primary-color, #b98b44); }
  .mobile-menu { display: block; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 10px; position: relative; z-index: 6; }
  .mobile-menu img { width: 24px; height: 24px; transition: transform 0.3s; }
  .mobile-menu.active img { transform: rotate(45deg); }
  .button-container { }
}
@media (max-width: 1024px) {
  .d-1024-none { display: none; }
  .d-1024-none-i { display: none !important; }
  .d-1024-block { display: block; }
  .d-1024-block-i { display: block !important; }
}
@media (max-width: 991px) {
  .d-991-none { display: none; }
  .d-991-none-i { display: none !important; }
  .d-991-block { display: block; }
  .d-991-block-i { display: block !important; }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
  .d-991T1024-none { display: none; }
  .d-991T1024-none-i { display: none !important; }
  .d-991T1024-block { display: block; }
  .d-991T1024-block-i { display: block !important; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .d-768T1024-none { display: none; }
  .d-768T1024-none-i { display: none !important; }
  .d-768T1024-block { display: block; }
  .d-768T1024-block-i { display: block !important; }
}
@media (max-width: 768px) {
  .d-768-none { display: none; }
  .d-768-none-i { display: none !important; }
  .d-768-block { display: block; }
  .d-768-block-i { display: block !important; }
}
@media (max-width: 767px) {
  .d-767-none { display: none; }
  .d-767-none-i { display: none !important; }
  .d-767-block { display: block; }
  .d-767-block-i { display: block !important; }
}
@media (max-width: 600px) {
  .d-600-none { display: none; }
  .d-600-none-i { display: none !important; }
  .d-600-block { display: block; }
  .d-600-block-i { display: block !important; }
}
@media (max-width: 480px) {
  .d-480-none { display: none; }
  .d-480-none-i { display: none !important; }
  .d-480-block { display: block; }
  .d-480-block-i { display: block !important; }
}
@media (max-width: 375px) {
  .d-375-none { display: none; }
  .d-375-none-i { display: none !important; }
  .d-375-block { display: block; }
  .d-375-block-i { display: block !important; }
}
.spec-card { border: 1px solid rgba(193, 157, 96, 0.18); border-radius: 10px; margin-bottom: 24px; height: 250px; padding: 38px 20px 26px; position: relative; }
.spec-icon { position: absolute; top: -28px; left: 28px; width: 56px; height: 56px; background: rgb(255, 255, 255); border: 1px solid rgb(202, 168, 92); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.spec-title { font-size: 15px; text-transform: uppercase; font-weight: 500; color: rgb(47, 47, 47); margin: 3px 0px 18px; }
.spec-list { list-style: none; padding: 0px; margin: 0px; }
.spec-list li { display: flex; align-items: flex-start; margin-bottom: 5px; }
.spec-list li::before { font-size: 12px; margin-right: 10px; margin-top: 5px; }
.spec-text { font-size: 14px; letter-spacing: 0.2px; line-height: 28px; color: rgb(27, 27, 27); }
@media (max-width: 768px) {
  .spec-section { flex-direction: column; gap: 24px; width: 100%; padding: 0px; grid-template-columns: repeat(1, 1fr) !important; }
  .spec-grid { grid-template-columns: 1fr; }
}
.spec-section { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.spec-icon img { width: 30px; }
.info-box h1 { text-align: center; font-size: 36px; margin-bottom: -4px; font-weight: 500; font-family: "IBM Plex Sans", sans-serif; color: rgb(76, 76, 76); }
.contact-section { padding: 50px 0px; background: rgb(247, 243, 234); }
.section-title { text-align: center; margin-bottom: 60px; }
.section-title h2 { font-size: 38px; font-weight: 500; position: relative; display: inline-block; }
.section-title h2::after { content: ""; width: 70px; height: 2px; background: rgb(182, 138, 61); position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); }
.contact-wrapper { display: grid; grid-template-columns: 2fr 2fr; gap: 40px; align-items: start; }
.info-box { display: flex; gap: 15px; margin-bottom: 26px; }
.icon { width: 45px; height: 45px; min-width: 45px; background: linear-gradient(135deg, rgb(170, 119, 76), rgb(234, 175, 118)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.info-box h4 { font-size: 15px; margin-bottom: 1px; font-weight: 500; color: black; }
.info-box p { line-height: 27px; color: rgb(51, 51, 51); font-size: 16px; }
.contact-form form { display: flex; flex-direction: column; gap: 20px; }
.contact-form input, .contact-form textarea {width: 100%;border: 1px solid rgb(221, 221, 221);padding: 15px 18px;font-size: 14px;background: rgb(247, 243, 234);outline: none;}
.contact-form textarea { resize: none; }
.contact-map iframe { width: 100%; height: 380px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.social-links { margin-top: 30px; }
.social-links h4 { margin-bottom: 15px; font-size: 22px; font-weight: 400; }
.social-links a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(221, 221, 221); border-radius: 50%; color: rgb(0, 0, 0); margin-right: 10px; transition: 0.3s; }
.social-links a:hover { background: rgb(182, 138, 61); color: rgb(255, 255, 255); border-color: rgb(182, 138, 61); }
@media (max-width: 1024px) {
  .contact-wrapper { grid-template-columns: 1fr 1fr; }
  .contact-map { grid-column: 1 / -1; }
  .contact-map iframe { height: 400px; }
}
@media (max-width: 767px) {
  .contact-section { padding: 50px 0px; }
  .section-title h2 { font-size: 28px; }
  .contact-wrapper { grid-template-columns: 1fr; gap: 30px; }
  .contact-form button { }
  .contact-map iframe { height: 300px; }
}
.maha { padding-top: 40px; padding-bottom: 40px; }
footer { float: left; width: 100%; font-size: 15px; background-color: rgb(170, 119, 76); padding: 30px 0px; }
footer .row { display: flex; justify-content: space-between; }
.info { text-align: center; color: black; margin-top: 20px; font-size: 14px; letter-spacing: 0.2px; line-height: 28px; }
.reraes { display: flex; gap: 20px; align-items: center; color: black; line-height: 26px; justify-content: center; font-size: 14px; font-weight: 600; }
.navbar { top: 0px; left: 0px; width: 100%; z-index: 9999; background: rgb(146, 94, 49); transition: 0.4s; padding: 20px 0px; position: fixed !important; }
.navbar.scrolled { padding: 15px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px; }
.nav { margin: auto; display: flex; align-items: center; justify-content: space-between; }
.logo img { max-width: 170px; display: block; }
.nav-menu ul { display: flex; align-items: center; gap: 30px; list-style: none; }
.nav-menu ul li a { text-decoration: none; color: rgb(255, 255, 255); font-size: 14px; letter-spacing: 0.3px; font-weight: 400; text-transform: uppercase; transition: 0.3s; }
.nav-menu ul li a:hover { color: rgb(212, 175, 55); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
.hamburger span { width: 23px; height: 2px; background: rgb(255, 255, 255); border-radius: 10px; transition: 0.3s; }
.close-menu { display: none; }
@media (max-width: 991px) {
  .hamburger { display: flex; }
  .close-menu { display: block; position: absolute; top: 20px; right: 25px; color: rgb(255, 255, 255); font-size: 40px; cursor: pointer; line-height: 1; }
  .nav-menu { position: fixed; top: 0px; right: -100%; width: 300px; height: 100vh; background: rgb(36, 24, 24); transition: 0.4s; padding-top: 90px; overflow-y: auto; }
  .nav-menu.active { right: 0px; }
  .nav-menu ul { flex-direction: column; gap: 25px; text-align: center; }
  .nav-menu ul li a { font-size: 15px; }
}
@media (max-width: 767px) {
  .nav-menu { width: 100%; }
  .logo img { max-width: 125px; }
}
.review-section { padding: 50px 0px; }
.review-heading { text-align: center; margin-bottom: 60px; }
.review-heading span { color: rgb(197, 157, 95); letter-spacing: 2px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.review-heading h2 { font-size: 25px; margin-top: 20px; color: rgb(17, 17, 17); }
.review-heading p { color: rgb(119, 119, 119); max-width: 700px; margin: 15px auto 0px; line-height: 1.8; }
.review-card { background: rgb(255, 255, 255); border-radius: 30px; padding: 25px; position: relative; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); transition: 0.4s; }
.review-card:hover { transform: translateY(-8px); }
.review-card::before { position: absolute; right: 49px; top: -5px; font-size: 93px; color: rgb(243, 243, 243); line-height: 1; }
.review-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.user { display: flex; align-items: center; gap: 15px; }
.avatar { width: 65px; height: 65px; border-radius: 50%; background: linear-gradient(135deg, rgb(197, 157, 95), rgb(166, 124, 60)); color: rgb(255, 255, 255); font-size: 24px; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.user h4 { color: rgb(17, 17, 17); font-weight: 500; font-size: 16px; margin-bottom: 3px; }
.user p { color: rgb(136, 136, 136); font-size: 13px; }
.google-badge { width: 40px; height: 40px; background: rgb(255, 255, 255); border-radius: 18px; display: flex; align-items: center; justify-content: center; }
.google-badge img { width: 32px; }
.stars { color: rgb(251, 188, 5); font-size: 20px; letter-spacing: 3px; margin-bottom: 20px; }
.review-text { color: rgb(68, 68, 68); line-height: 26px; font-size: 14px; margin-bottom: 25px; }
.review-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgb(238, 238, 238); padding-top: 18px; }
.review-date { color: rgb(136, 136, 136); font-size: 14px; }
.verified { background: rgb(238, 249, 240); color: rgb(47, 141, 70); padding: 8px 16px; border-radius: 30px; font-size: 12px; font-weight: 600; }
.owl-dots { margin-top: 0px !important; }
.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; }
.owl-theme .owl-dots .owl-dot.active span { width: 35px; border-radius: 20px; }
@media (max-width: 768px) {
  .review-heading h2 { font-size: 20px; line-height: 29px; }
  .review-card { padding: 25px; }
  .review-text { min-height: auto; }
  .review-footer { flex-direction: column; gap: 10px; }
}
.location-section { padding: 80px 20px; }
.container { margin: auto; }
.location-wrapper { display: grid; grid-template-columns: 58% 42%; }
.location-map { border-right: 1px solid rgb(216, 216, 216); padding: 0px 15px; display: flex; align-items: center; justify-content: center; }
.location-map img { width: 100%; height: auto; display: block; }
.location-content { padding: 0px 25px; display: flex; align-items: center; }
.location-list { list-style: none; width: 100%; }
.location-list li { display: flex; justify-content: space-between; align-items: center; padding: 8px 0px; border-bottom: 1px solid rgb(229, 229, 229); transition: 0.3s; }
.location-list li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.location-list li:hover { padding-left: 10px; }
.location-name { display: flex; align-items: center; gap: 15px; }
.location-name i { width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background: linear-gradient(135deg, rgb(170, 119, 76), rgb(234, 175, 118)); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 15px; transition: 0.3s; }
.location-list li:hover .location-name i { transform: scale(1.1); }
.location-name span { font-size: 15px; color: rgb(34, 34, 34); text-transform: uppercase; }
.distance { font-family: Cinzel, serif; font-size: 18px; color: rgb(34, 34, 34); white-space: nowrap; }
@media (max-width: 1024px) {
  .location-wrapper { grid-template-columns: 1fr; }
  .location-map { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgb(216, 216, 216); }
  .location-content { padding: 35px; }
}
@media (max-width: 767px) {
  .location-section { padding: 40px 0px; }
  .location-map { padding: 15px; }
  .location-content { padding: 20px; }
  .location-list li { padding: 16px 0px; }
  .location-name { gap: 10px; }
  .location-name i { width: 34px; height: 34px; min-width: 34px; font-size: 13px; }
  .location-name span { font-size: 13px; }
  .distance { font-size: 13px; }
  .urban-living { margin-top: 50px; }
  .abt-boder { width: 20%; }
  .info-box p { font-size: 15px; }
  footer { padding: 20px 0px; }
}
.sec-head { font-size: 25px; }
.reraes img { width: 200px; }
.spec-card { height: auto; }
.chat-icon { position: fixed; right: 20px; bottom: 20px; z-index: 999; }
.info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: 0.3s; }
.info p.expanded { -webkit-line-clamp: unset; overflow: visible; }
.read-more-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(0, 0, 0); font-weight: 600; cursor: pointer; margin-top: 10px; padding: 0px; }
#home { }
.wrap { position: relative; }
.platina { text-align: center; }
.platina img { width: 250px; margin: auto; }
.platina-section { padding: 80px 0px; }
.platina-logo { text-align: center; }
.platina-logo img {max-width: 100%;width: 250px;}
.platina-content h2 { color: rgb(0, 0, 0); font-size: 23px; line-height: 1; margin-bottom: 35px; }
.platina-content ul { padding-left: 0px; margin: 0px; }
.platina-content li { font-size: 16px; line-height: 1.8; color: rgb(34, 34, 34); margin-bottom: 7px; font-weight: 400; }
@media (max-width: 1400px) {
  .platina-content li { }
  .platina-logo img { }
}
@media (max-width: 991px) {
  .platina-section { padding: 60px 0px; }
  .platina-logo { margin-bottom: 30px; }
  .platina-logo img { width: 320px; }
  .platina-content { text-align: center; }
  .platina-content h2 { font-size: 42px; }
  .platina-content ul { text-align: left; display: inline-block; }
  .platina-content li { font-size: 20px; }
}
@media (max-width: 576px) {
  .platina-section { padding: 45px 20px; }
  .platina-logo img { width: 140px; margin: auto; }
  .platina-content h2 { font-size: 19px; line-height: 29px; margin-bottom: 25px; }
  .platina-content li { font-size: 14px; text-align: center; line-height: 29px; }
}
.unit-plan-section { padding: 80px 0px; background: rgb(255, 255, 255); }
.abt-border { width: 70px; height: 2px; background: rgb(205, 179, 91); margin: 0px auto 45px; }
.unit-card { text-align: center; }
.unit-img { position: relative; overflow: hidden; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px; }
.unit-img img { width: 100%; display: block; border-radius: 0px; filter: blur(6px); transition: 0.4s; }
.unit-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.3); transition: 0.4s; }
.unit-img:hover .unit-overlay { background: rgba(0, 0, 0, 0.15); }
.open-button { background: rgb(146, 94, 49); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 12px 28px; border-radius: 40px; font-size: 14px; transition: 0.3s; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 18px; }
.open-button:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.unit-card h4 { margin-top: 20px; font-size: 17px; font-weight: 500; color: rgb(34, 34, 34); text-transform: uppercase; }
.modal-content { border-radius: 15px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: rgb(0, 0, 0); }
.modal-header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 20px 25px 0px; }
.modal-title { font-size: 24px; font-weight: 700; }
.modal-body { padding: 25px; }
.form-control { height: 40px; color: white; font-size: 13px; background: transparent; border-radius: 8px; border: 1px solid rgb(118, 118, 117); box-shadow: none; }
.form-control:focus { border-color: rgb(205, 179, 91); box-shadow: none; }
.btn-dark {/* height: 50px; */border-width: medium;border-style: none;border-color: currentcolor;border-image: initial;border-radius: 8px;font-size: 14px;text-transform: uppercase;padding: 10px;font-weight: 500;background: rgb(146, 94, 49);transition: 0.3s;}
.btn-dark:hover { background: rgb(205, 179, 91); }
@media (max-width: 991px) {
  .unit-card { margin-bottom: 30px; }
  .sec-head { font-size: 32px; }
  .unit-card h4 { font-size: 20px; }
}
@media (max-width: 767px) {
  .unit-plan-section { padding: 60px 0px; }
  .sec-head { font-size: 28px; }
  .unit-card h4 { font-size: 18px; }
  .open-button { padding: 10px 20px; font-size: 14px; }
}
@media (max-width: 575px) {
  .sec-head { font-size: 24px; }
  .abt-border { width: 60px; }
  .unit-overlay { background: rgba(0, 0, 0, 0.35); }
  .open-button { width: auto; font-size: 14px; }
}
#home { margin-top: 95px; }
.btn-close { padding: 1px; opacity: 2; font-size: 14px; background-color: white !important; color: rgb(0, 0, 0) !important; }
.modal-dialog { max-width: 400px; margin: 1.75rem auto; }