@media screen and (max-width:768px){.onScroll #Banner-Projects .projects-bottom-pages{position:fixed!important;}}@media screen and (max-width:768px){#button-link-fixed{bottom:85px!important;}}#Banner-Projects{position:relative;z-index:1;}#Banner-Projects .projects-banner-container{background-image:url("../images/projects/HDB-Residential/banner-image.jpg");background-repeat:no-repeat;background-size:cover;text-align:center;padding:23.188% 0 18.813%;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container{background-position:center;padding:48.309% 0 39.194%;}}#Banner-Projects .projects-banner-container:after{content:"";width:80%;height:80%;position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle closest-side,rgba(255,255,255,.3),transparent);transition:opacity .5s ease-out;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container:after{display:none;}}#Banner-Projects .projects-banner-container:hover:after{opacity:.5;}#Banner-Projects .projects-banner-container-condo{background-image:url("../images/projects/HDB-Condominium/banner-image.jpg");background-repeat:no-repeat;background-size:cover;text-align:center;padding:23.188% 0 18.813%;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-condo{background-position:center;padding:48.309% 0 39.194%;}}#Banner-Projects .projects-banner-container-condo:after{content:"";width:80%;height:80%;position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle closest-side,rgba(255,255,255,.3),transparent);transition:opacity .5s ease-out;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-condo:after{display:none;}}#Banner-Projects .projects-banner-container-condo:hover:after{opacity:.5;}#Banner-Projects .projects-banner-container-landed{background-image:url("../images/projects/Landed-Housing/banner-image.jpg");background-repeat:no-repeat;background-size:cover;text-align:center;padding:23.188% 0 18.813%;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-landed{background-position:center;padding:48.309% 0 39.194%;}}#Banner-Projects .projects-banner-container-landed:after{content:"";width:80%;height:80%;position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle closest-side,rgba(255,255,255,.3),transparent);transition:opacity .5s ease-out;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-landed:after{display:none;}}#Banner-Projects .projects-banner-container-landed:hover:after{opacity:.5;}#Banner-Projects .projects-banner-container-Commerical{background-image:url("../images/projects/Commerical/banner-image.jpg");background-repeat:no-repeat;background-size:cover;text-align:center;padding:23.188% 0 18.813%;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-Commerical{background-position:center;padding:48.309% 0 39.194%;}}#Banner-Projects .projects-banner-container-Commerical:after{content:"";width:80%;height:80%;position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle closest-side,rgba(255,255,255,.3),transparent);transition:opacity .5s ease-out;}@media screen and (max-width:768px){#Banner-Projects .projects-banner-container-Commerical:after{display:none;}}#Banner-Projects .projects-banner-container-Commerical:hover:after{opacity:.5;}#Banner-Projects .banner-title-one{letter-spacing:.069vw;}#Banner-Projects .banner-title-two{font-size:3.438vw;letter-spacing:.172vw;}@media screen and (max-width:768px){#Banner-Projects .banner-title-two{font-size:5.208vw;letter-spacing:.358vw;}}#Banner-Projects .projects-bottom-pages{position:absolute;bottom:0;right:0;background-color:#273a3e;justify-content:space-evenly;width:50.313%;}@media screen and (max-width:768px){#Banner-Projects .projects-bottom-pages{width:100%;bottom:0;z-index:1;}}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages{padding:0 3%;box-sizing:border-box;}}@media screen and (max-width:500px){#Banner-Projects .projects-bottom-pages{padding:2% 3%;}}#Banner-Projects .projects-bottom-pages .projects-tabs-link{color:rgba(255,255,255,.5);padding:3.48% 0;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .projects-tabs-link{width:25%;text-align:center;}}@media screen and (max-width:500px){#Banner-Projects .projects-bottom-pages .projects-tabs-link{font-size:3vw;}}#Banner-Projects .projects-bottom-pages .projects-tabs-link.active{color:#fff;}#Banner-Projects .projects-bottom-pages .tab-line{position:absolute;width:90%;bottom:19.19%;border-bottom:.063vw solid rgba(255,255,255,.5);left:5.964%;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .tab-line{width:95%;left:auto;}}#Banner-Projects .projects-bottom-pages .tab-line .hdb-active-line{position:absolute;width:20.015%;border:.063vw solid #fff;bottom:-.063vw;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .tab-line .hdb-active-line{width:25%;bottom:-1px;}}#Banner-Projects .projects-bottom-pages .tab-line .condo-active-line{position:absolute;width:20.015%;border:.063vw solid #fff;bottom:-.063vw;left:23.5%;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .tab-line .condo-active-line{width:23%;bottom:-1px;left:26%;}}#Banner-Projects .projects-bottom-pages .tab-line .landed-active-line{position:absolute;width:20.015%;border:.063vw solid #fff;bottom:-.063vw;left:47.5%;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .tab-line .landed-active-line{width:26%;bottom:-1px;left:49%;}}#Banner-Projects .projects-bottom-pages .tab-line .com-active-line{position:absolute;width:29.015%;border:.063vw solid #fff;bottom:-.063vw;right:0;}@media screen and (max-width:600px){#Banner-Projects .projects-bottom-pages .tab-line .com-active-line{width:25%;bottom:-1px;}}#Projects-Section-Two{position:relative;background-color:#e1dfd8;background-image:url("../images/about/about-bg-line-one.svg");background-size:48%;}#Projects-Section-Two .project-section-container{align-items:flex-start;justify-content:space-between;margin-left:3.438%;margin-right:6.25%;padding-top:3.5%;padding-bottom:2.094%;}@media screen and (max-width:768px){#Projects-Section-Two .project-section-container{flex-direction:column;width:88%;margin:auto;}}#Projects-Section-Two .project-section-container .project-left-container,#Projects-Section-Two .project-section-container .project-right-container{width:48.443%;}@media screen and (max-width:768px){#Projects-Section-Two .project-section-container .project-left-container,#Projects-Section-Two .project-section-container .project-right-container{width:100%;}}#Projects-Section-Two .project-section-container .project-left-container .projects-container,#Projects-Section-Two .project-section-container .project-right-container .projects-container{position:relative;z-index:1;display:block;margin-bottom:10%;}@media screen and (min-width:769px){#Projects-Section-Two .project-section-container .project-left-container .projects-container:hover .hover-bg,#Projects-Section-Two .project-section-container .project-right-container .projects-container:hover .hover-bg{opacity:1!important;}}@media screen and (max-width:768px){#Projects-Section-Two .project-section-container .project-left-container .projects-container,#Projects-Section-Two .project-section-container .project-right-container .projects-container{z-index:0;}}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container{position:relative;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg{background-color:rgba(0,0,0,.25);transition:.5s ease;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container{position:absolute;bottom:7.81%;right:7.859%;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circle-circleButton,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circle-circleButton{align-items:center;border-radius:50%;display:flex;justify-content:center;position:relative;background-color:transparent;transition:background-color .3s;width:5.25vw;height:5.25vw;}@media screen and (max-width:768px){#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circle-circleButton,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circle-circleButton{width:84px;height:84px;}}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle{height:100%;left:0;position:absolute;top:0;width:100%;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect{fill:transparent;stroke-width:.5;rx:9rem;ry:9rem;stroke-dasharray:321%;stroke-dashoffset:642%;height:calc(100% - 2px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:stroke-dashoffset 1s,-webkit-transform 1s;transition:stroke-dashoffset 1s,transform 1s;transition:stroke-dashoffset 1s,transform 1s,-webkit-transform 1s;width:calc(100% - 2px);}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect:first-of-type,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect:first-of-type{stroke:white;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect:last-of-type,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circleButton__circle rect:last-of-type{stroke-dashoffset:321%;stroke:white;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect{-webkit-transform:rotate(0deg);transform:rotate(0deg);}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect{-webkit-transform:rotate(0deg);transform:rotate(0deg);}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect:last-of-type,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container:hover .circleButton__circle rect:last-of-type{stroke-dashoffset:0;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container:hover .circle-link-text,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container:hover .circle-link-text{color:rgba(255,255,255,.5);}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .link-arrow,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .link-arrow{display:block;width:30.96%;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-image-container .hover-bg .circle-container .circle-link-text,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-image-container .hover-bg .circle-container .circle-link-text{margin-left:1.813vw;}#Projects-Section-Two .project-section-container .project-left-container .projects-container .project-title,#Projects-Section-Two .project-section-container .project-right-container .projects-container .project-title{display:inline-block;margin-top:4.287%;}#Projects-Section-Two .project-section-container .project-right-container .projects-container:nth-child(1){margin-top:16.287%;}@media screen and (max-width:768px){#Projects-Section-Two .project-section-container .project-right-container .projects-container:nth-child(1){margin-top:auto;}}