.project-hero-section{position:relative;height:800px;overflow:hidden;display:flex;align-items:flex-end}.project-banner-img{position:absolute;top:0;height:100%;overflow:hidden;width:100%;z-index:-1}.project-banner-img img{width:100%;height:100%;object-fit:cover}.project-banner-details{display:flex;align-items:center;padding:64px;justify-content:center;gap:60px;flex-wrap:wrap}.project-name-details h4{margin-top:10px}.units-count-container{gap:32px}.project-unit-container{width:240px}.project-unit-count{width:100%;height:170px;display:flex;justify-content:center;align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;position:relative;overflow:hidden}.project-unit-count:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#39424A;opacity:.8;z-index:-1}.project-unit{width:100%;padding:24px 12px;border-radius:8px;margin-top:10px}.project-unit.sale{color:white}.project-unit.rent,.project-unit.sale{background-color:var(--secondary-color)}.project-unit.rent{color:var(--primary-color);background-color:#F0F8FF}.project-name-details{position:relative}.project-name-details:before{width:90%;height:120%;content:"";position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#696870;filter:blur(20px);opacity:.7;z-index:-1}.project-hero-section.resp{display:none}@media screen and (max-width:1338px){.project-hero-section{position:relative;height:900px}.project-banner-img{height:700px}}@media screen and (max-width:620px){.project-hero-section.web{display:none}.project-hero-section.resp{display:flex;flex-direction:column;height:100%}.project-hero-container{height:350px;width:100%;display:flex;align-items:flex-end;overflow:hidden;position:relative}.project-hero-section.resp .project-name-details{padding:24px}.project-hero-section.resp .project-banner-details{padding:24px;width:100%}.project-hero-section.resp .project-unit-count{height:52px;padding:12px}.project-hero-section.resp .units-count-container{width:100%}.project-hero-section.resp .project-unit-container{width:50%}.project-hero-section.resp .project-unit{padding:12px}}.swiper-slide{width:auto!important}.project-tabs-container{padding:32px 24px;border-bottom:1px solid var(--border-color)}.project-tab{display:block;padding:12px 16px;border-radius:8px;cursor:pointer;text-decoration:none}.project-tab.active{background-color:var(--secondary-color);color:white!important}.resp-project-tabs-container{display:none}@media screen and (max-width:768px){.project-tabs-container{display:none!important}.resp-project-tabs-container{display:block;position:relative;z-index:30;padding:14px 16px 18px;background:#fff;border-bottom:1px solid var(--border-color)}.resp-project-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);width:100%;min-height:58px;padding:10px 14px;border-radius:14px;background:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;box-shadow:0 4px 14px rgba(2,16,100,.06)}.resp-project-menu-trigger.open{border-color:var(--primary-color);box-shadow:0 6px 18px rgba(2,16,100,.1)}.resp-project-menu-text{min-width:0;display:flex;flex-direction:column;gap:2px}.resp-project-menu-text>span{font-size:11px;line-height:1.1;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#667085}.resp-project-menu-text>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2;font-weight:700;color:var(--primary-color)}.resp-project-menu-burger{flex:0 0 38px;width:38px;height:38px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:10px;background:#f3f6ff}.resp-project-menu-burger span{display:block;width:18px;height:2px;border-radius:999px;background:var(--primary-color);transition:transform .18s ease,opacity .18s ease}.resp-project-menu-trigger.open .resp-project-menu-burger span:first-child{transform:translateY(7px) rotate(45deg)}.resp-project-menu-trigger.open .resp-project-menu-burger span:nth-child(2){opacity:0}.resp-project-menu-trigger.open .resp-project-menu-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.resp-project-menu{margin-top:8px;padding:8px;border:1px solid var(--border-color);border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(2,16,100,.12);display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px;max-height:min(430px,62vh);overflow-y:auto;overscroll-behavior:contain}.resp-project-tab{min-height:46px;padding:10px 12px;border-radius:10px;color:var(--primary-color);display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font-size:15px;line-height:1.2;font-weight:600}.resp-project-tab:focus-visible,.resp-project-tab:hover{background:#f5f7ff;outline:none}.resp-project-tab.active{background-color:var(--secondary-color);color:white!important}.resp-project-tab-arrow{flex:0 0 auto;font-size:23px;line-height:1;opacity:.7}}