.envelope a{z-index:1000;color:#fff;background-color:#2763ff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;display:flex;position:fixed;bottom:20px;right:28px}.envelope a:hover{color:#2763ff;background-color:#fff;border:2px solid #2763ff;width:60px;height:60px;font-size:20px;bottom:17px;right:25px}
.page-of-project{width:90%;margin:70px auto}p{margin-bottom:0%;font-size:16px}.hero-container{grid-template-columns:2fr 1fr;gap:12px;width:100%;height:550px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 15px #0000001a}@media screen and (max-width:1200px){.page-of-project{width:95%;margin:60px auto}}@media screen and (max-width:960px){.page-of-project{width:99%}.hero-container{grid-template-columns:1.5fr 1fr}}.project-hero-left{width:100%;height:100%}.company-logo{z-index:100;background-color:#fff;width:90px;height:60px;padding:5px;position:absolute;top:20px;left:40px;overflow:hidden;box-shadow:0 0 8px #575757}.company-logo img{width:100%;height:100%}.company_text_btn{color:#fff;z-index:100;background-color:#3d3d3d40;width:45%;padding:1rem;font-size:14px;position:absolute;bottom:20px;left:40px;overflow:hidden}.company_text_btn h1{width:auto;font-size:clamp(18px,3vw,46px);font-weight:700}.company_text_btn span{font-size:clamp(14px,2vw,18px)}.company_group_btn{gap:20px;width:100%;padding-top:5px;display:grid}.company_hero_text{flex-direction:column;margin-bottom:0;display:flex}.company_hero_text span{font-weight:400}.project-hero-right{grid-template-rows:1fr 1fr;gap:10px;width:100%;display:grid}.project-hero-right-botom{grid-template-columns:1fr 1fr;gap:10px;width:100%;height:100%;display:grid}.hero-img{object-fit:cover;width:100%;height:100%}.hero-img:hover{--bg-primary:#000}.hero-img-t,.hero-img-b{width:100%;height:100%}.arrow{background-color:var(--bg-primary);color:#fff;cursor:pointer;z-index:10;border:none;padding:8px 12px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.left{left:0}.right{right:0}.project-hero-left-top{padding:.7rem;position:absolute;top:20px;right:50px}.left-top-inner{width:200px;display:flex;position:relative}.company{z-index:10;border:2px solid #333;margin:auto;padding:5px 5px 5px 3rem;position:absolute;top:12%;right:30px}.company h2{font-optical-sizing:auto;font-variation-settings:"wdth" 100;margin-bottom:0;font-family:Merriweather,serif;font-size:22px;font-style:normal;font-weight:600}.white{text-align:center;color:#000;font-size:11px;text-decoration:underline}.project-hero-left-bottom{z-index:100;border-radius:12px;min-width:25%;height:auto;padding:.7rem;position:absolute;top:40%;left:50px}.title{color:#000;font-optical-sizing:auto;font-variation-settings:"wdth" 100;background-color:#ffffffa4;width:fit-content;margin-bottom:0%;padding:.5rem;font-family:Merriweather,serif;font-size:34px;font-style:normal;font-weight:600;text-decoration:underline}.project-address{color:#000;font-optical-sizing:auto;font-variation-settings:"wdth" 100;background-color:#ffffffa4;width:500px;padding:.5rem;font-family:Merriweather,serif;font-size:12px;font-style:normal}.contact-button{color:#fff;cursor:pointer;background-color:#000;border:none;padding:12px 20px;font-weight:700}.rera_btn{background-color:#ffffffa4;border-radius:20px;padding:5px 10px;position:absolute;bottom:20px;right:50px}.rera-tooltip{color:#000;cursor:pointer;font-size:12px;font-weight:600;position:relative}.tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:100;opacity:0;background-color:#333;border-radius:4px;width:max-content;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;top:-150%;right:0}.rera-tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media screen and (max-width:780px){.hero-container{grid-template-columns:1fr 0fr;gap:0;height:300px}.project-hero-right{display:none}.project-hero-left{height:300px}.company-logo{width:60px;height:40px;top:14px;left:14px}.company_text_btn{width:70%;bottom:20px;left:30px}.company_group_btn{width:100%;padding-top:.5rem}.company_hero_text{flex-direction:column;margin-bottom:0;display:flex}.rera_btn{background-color:#ffffffa4;border-radius:20px;padding:5px 10px;bottom:20px;right:10px}.rera-tooltip{font-size:6px}}.project-status{padding:10px 0;overflow:hidden}.project_inner_status{justify-content:space-between;align-items:stretch;padding-bottom:10px;display:flex;overflow-x:auto}.stat-box{text-align:center;background-color:#f6f9ff84;flex-direction:column;flex:15%;justify-content:center;align-items:center;min-width:fit-content;padding:10px 15px;display:flex;box-shadow:0 4px 18px #00000014}.stat-box p{color:#2763ff;font-weight:600}.start-inner-box{color:#2763ff;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.start-inner-box p{margin:0}.stat-box h3{color:#575757cf;margin:5px 0 0;font-size:14px;font-weight:600}.width_563,.width_749,.width_937,.width_1125{flex:15%}.dropup_nav{width:100%;font-size:20px;font-size:rem;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:transform .2s;display:flex}@media (max-width:992px){.project-status{background-color:#0000;display:flex;overflow:hidden}.project-inner-status{justify-content:space-between;align-items:stretch;display:flex;overflow-x:auto}.stat-box{border:1px solid #dedede8b;flex:45%}.stat-box h3{font-size:16px}.dropup_nav{display:none}}@media (max-width:576px){.stat-box{flex:100%}.stat-box h3{font-size:15px}.start-inner-box{font-size:13px}}.project-box{background-color:#f9f9f9;border:1px solid #fff;width:100%;margin:2rem auto;padding-bottom:10px}.project-header{justify-content:left;width:100%;height:auto;margin-bottom:0%;padding:20px 20px 10px}.project-header h2{text-transform:uppercase;font-size:clamp(16px,2vw,18px);font-weight:700}@media screen and (max-width:1200px){.project-box{width:97.5%}}.fullscreen-overlay{z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-img{object-fit:contain;cursor:zoom-out}.close-btn{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:32px;position:absolute;top:20px;right:30px}.fs-arrow{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:50px;position:absolute;top:50%;transform:translateY(-50%)}.fs-arrow.left{left:30px}.fs-arrow.right{right:30px}.fs-counter{color:#fff;opacity:.8;font-size:14px;position:absolute;bottom:25px}