#construction-introduction .introduction-grid{display:grid;gap:100px;grid-template-columns:1fr 1fr;margin-top:50px}@media (max-width:1200px){#construction-introduction .introduction-grid{display:block;margin-top:25px}}#construction-introduction .introduction-grid .introduction-content p{font-size:16px;letter-spacing:0}#construction-introduction .introduction-grid .introduction-content p:not(:first-child){margin:1em 0}#construction-introduction .introduction-grid .image-layers-container{position:relative}#construction-introduction .introduction-grid .image-layers-container .layer-2{left:0}#construction-introduction .introduction-grid .image-layers-container .layer-1{left:12px}#construction-introduction .introduction-grid .image-layers-container .construction-intro-image-container{border-radius:10px;height:100%;left:24px;overflow:hidden;position:absolute;width:100%;z-index:3}#construction-introduction .introduction-grid .image-layers-container .construction-intro-image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:1200px){#construction-introduction .introduction-grid .image-layers-container{display:none}}#want-to-learn-more-about-construction-section{background-image:url(../../../assets/img/temporary/construction-banner.png);background-position:50%;background-size:cover;height:50vh;position:relative}#want-to-learn-more-about-construction-section .gold-fade{background-color:#c3922e;height:100%;opacity:.3;position:absolute;width:100%}#want-to-learn-more-about-construction-section .container{padding:80px 0}#want-to-learn-more-about-construction-section .container .newsletter-form-container{bottom:10%;height:-moz-fit-content;height:fit-content;margin:auto;position:absolute;top:0;width:33em}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form{background-color:#fff;border-radius:10px;left:24px;padding:25px 30px;position:relative;z-index:3}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form h6{font-size:18px;letter-spacing:0;line-height:22px}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form form{display:grid;margin-top:15px;row-gap:10px;width:70%}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form form input[type=email],#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form form input[type=text]{border:1px solid rgba(0,0,0,.5);padding:5px 15px}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form form input[type=submit]{margin-top:5px}#want-to-learn-more-about-construction-section .container .newsletter-form-container .newsletter-form form input{border-radius:25px;padding:5px 26px}#want-to-learn-more-about-construction-section .container .newsletter-form-container .layer-2{background-color:#dbdbdb;height:calc(100% + 12px);opacity:1}#want-to-learn-more-about-construction-section .container .newsletter-form-container .layer-3{background-color:#bbb;height:calc(100% + 24px);opacity:1}#want-to-learn-more-about-construction-section .container .newsletter-form-container .red-button{margin-top:25px}#planning-section{background-color:#f8f8f8}#planning-section .planning-grid{flex-wrap:nowrap;gap:40px;margin-top:50px}@media (max-width:992px){#planning-section .planning-grid{flex-wrap:wrap}}#planning-section .planning-grid .planning-content p{font-size:16px;letter-spacing:0}#planning-section .planning-grid .planning-content p:not(:first-child){margin:1em 0}#planning-section .planning-grid .tailored-services-container{color:#383838;display:grid;grid-template-rows:auto}@media (max-width:991px){#planning-section .planning-grid .tailored-services-container{width:100%}}#planning-section .planning-grid .tailored-services-container .tailored-service-container{align-items:center;border:1px dashed #d9ab4d;border-radius:20px;display:flex;gap:20px;padding:4px 42px}@media (max-width:992px){#planning-section .planning-grid .tailored-services-container .tailored-service-container{padding:8px 42px}}#planning-section .planning-grid .tailored-services-container .tailored-service-container:hover{background-color:#d9ab4d;transition:all .2s}#planning-section .planning-grid .tailored-services-container .tailored-service-container:hover .icon-container{background-color:#fff;transition:all .2s}#planning-section .planning-grid .tailored-services-container .tailored-service-container:hover .icon-container i{color:#d9ab4d;transition:all .2s}#planning-section .planning-grid .tailored-services-container .tailored-service-container:hover p{color:#fff;transition:all .2s}#planning-section .planning-grid .tailored-services-container .tailored-service-container p{margin:0}#planning-section .planning-grid .tailored-services-container .tailored-service-container .icon-container{align-items:center;background-color:#d9ab4d;border-radius:100%;display:flex;height:45px;justify-content:center;padding:15px;width:-moz-fit-content;width:fit-content;width:45px}#planning-section .planning-grid .tailored-services-container .tailored-service-container .icon-container i{color:#fff;font-size:20px}#planning-section .planning-grid .tailored-services-container .grid-separator{display:grid;grid-template-columns:1fr 1fr;height:auto}@media (max-width:992px){#planning-section .planning-grid .tailored-services-container .grid-separator{height:25px}}#planning-section .planning-grid .tailored-services-container .grid-separator .border-left{border-left:1px dashed rgba(0,0,0,.2)}#development-section .development-grid{flex-wrap:nowrap;gap:40px;margin-top:50px}@media (max-width:991px){#development-section .development-grid{flex-wrap:wrap;gap:20px;margin-top:25px}}#development-section .text p{font-size:16px;letter-spacing:0}#development-section .text p:not(:first-child){margin:1em 0}@media (max-width:991px){#development-section .desktop-development-items{display:none}}#development-section .development-items-mobile-slider{display:none;position:relative;width:100%}@media (max-width:991px){#development-section .development-items-mobile-slider{display:block}#development-section .development-items-mobile-slider .splide__pagination{bottom:-72px}}#development-section .development-items-mobile-slider .splide__track{overflow:visible}#development-section .development-items-mobile-slider .development-item{display:flex!important;flex-direction:column;text-align:center}#development-section .development-items-mobile-slider .icon-container{height:45px!important;width:45px!important}#development-section .development-items-mobile-slider .icon-container i{font-size:22px!important}#development-section .development-points{position:relative}@media (max-width:991px){#development-section .development-points{margin-left:15px;margin-right:35px;width:100%}}#development-section .development-points .development-points-grid{bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:40px 20px;right:0;top:0;width:100%}@media (max-width:992px){#development-section .development-points .development-points-grid{justify-content:center;padding:20px}}#development-section .development-points .development-points-grid .development-item{align-items:center;display:grid;gap:12px;grid-template-columns:35px 1fr}#development-section .development-points .development-points-grid .development-item .icon-container{align-items:center;background-color:#fff;border-radius:100%;display:flex;height:35px;justify-content:center;padding:5px;width:35px}#development-section .development-points .development-points-grid .development-item .icon-container i{color:#c3922e;font-size:18px}#development-section .development-points .development-points-grid .development-item .text{color:#fff}#development-section .development-points .development-points-grid .white-dashed-border{border-top:1px dashed #fff}#development-section .layer-1{background-color:#eebc56;opacity:1}@media (max-width:991px){#development-section .layer-1{position:relative}}#development-section .layer-2{background-color:#c3922e;opacity:1}#development-section .layer-3{background-color:#c3922e;opacity:.5}#construction-section .text{margin-top:50px}@media (max-width:991px){#construction-section .text{margin-top:25px}}#construction-section .text p{font-size:16px;letter-spacing:0}#construction-section .text p:not(:first-child){margin:1em 0}#construction-section .construction-steps{border:1px dashed #eebc56;border-radius:15px;display:flex;justify-content:space-evenly;margin-top:40px;padding:30px 50px}#construction-section .construction-steps .construction-step{align-items:center;background-color:#eebc56;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:15px;height:190px;justify-content:center;padding:25px;text-align:center;width:235px}#construction-section .construction-steps .construction-step i{font-size:60px}#construction-section .construction-steps-desktop{gap:20px}@media (max-width:991px){#construction-section .construction-steps-desktop{display:none}}#construction-section .construction-steps-mobile{display:none;margin-top:25px;position:relative}@media (max-width:991px){#construction-section .construction-steps-mobile{display:block}}#construction-section .construction-steps-mobile .splide-arrow{bottom:0;color:#d9ab4d;height:-moz-fit-content;height:fit-content;margin:auto 0;position:absolute;top:0}#construction-section .construction-steps-mobile .splide-arrow i{font-size:38px}#construction-section .construction-steps-mobile .right-arrow{right:1em}#construction-section .construction-steps-mobile .left-arrow{left:1em}#construction-images-slider-section{position:relative}#construction-images-slider-section .splide__slide{background:#639;height:40vh}#construction-images-slider-section .splide__slide img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:700px){#construction-images-slider-section .splide__slide{height:35vh}}#project-coordination-section .text{margin-top:50px}@media (max-width:991px){#project-coordination-section .text{margin-top:25px}}#project-coordination-section .text p{font-size:16px;letter-spacing:0}#project-coordination-section .text p:not(:first-child){margin:1em 0}@media (max-width:1200px){#project-coordination-section .project-coordination-graph-container{overflow-x:scroll;overflow-y:hidden}}#project-coordination-section .project-coordination-graph-container .project-coordination-graph{align-items:center;display:grid;gap:25px;grid-template-columns:auto auto auto auto auto auto auto;margin-top:40px;position:relative}@media (max-width:1200px){#project-coordination-section .project-coordination-graph-container .project-coordination-graph{gap:4px}}@media (max-width:991px){#project-coordination-section .project-coordination-graph-container .project-coordination-graph{gap:20px}}#project-coordination-section .project-coordination-graph-container .project-coordination-graph .graph-element{border:1px solid #d6d6d6;border-radius:15px;padding:16px}#project-coordination-section .project-coordination-graph-container .project-coordination-graph .graph-element .graph-inner-element{align-items:center;background-color:#eebc56;border-radius:15px;color:#fff;display:flex;height:200px;padding:35px 25px}@media (max-width:1420px){#project-coordination-section .project-coordination-graph-container .project-coordination-graph .graph-element .graph-inner-element{height:230px}}@media (max-width:991px){#project-coordination-section .project-coordination-graph-container .project-coordination-graph .graph-element .graph-inner-element{height:200px;width:210px}}#project-coordination-section .project-coordination-graph-container .project-coordination-graph .arrow-right-container{color:#eebc56}#project-coordination-section .project-coordination-graph-container .project-coordination-graph .arrow-right-container i{font-size:32px}.right-scroll-indicator{background:#eebc56;border-radius:100%;bottom:0;color:#fff;display:none;filter:drop-shadow(0 1px 6px rgba(0,0,0,.25));height:-moz-fit-content;height:fit-content;margin:auto;padding:10px;position:absolute;right:40px;top:0;z-index:999}.right-scroll-indicator:hover{background:#dba943}#construction-stages-graph-section{background-color:#f9f9f9}#construction-stages-graph-section .container{overflow-x:scroll;position:relative}#pdc-team-section .text{margin-top:50px}@media (max-width:991px){#pdc-team-section .text{margin-top:25px}}#pdc-team-section .text p{font-size:16px;letter-spacing:0}#pdc-team-section .text p:not(:first-child){margin:1em 0}#pdc-team-section .after-sales-team-slider-global-wrapper{margin-top:60px;padding:0 80px;position:relative}@media (max-width:991px){#pdc-team-section .after-sales-team-slider-global-wrapper{margin-top:25px}}@media (max-width:450px){#pdc-team-section .after-sales-team-slider-global-wrapper{padding:0 60px}}@media (max-width:380px){#pdc-team-section .after-sales-team-slider-global-wrapper{padding:0}}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item{border-radius:20px;height:550px;overflow:hidden;position:relative}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .25s;width:100%}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item .team-member-info-container{align-items:center;background-color:#eebc56;bottom:-95px;color:#fff;display:flex;height:-moz-fit-content;height:fit-content;height:105px;padding:18px 26px;position:absolute;transition:all .25s;width:100%}@media (max-width:1200px){#pdc-team-section .after-sales-team-slider-global-wrapper .team-item .team-member-info-container{bottom:0}}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item .team-member-info-container .team-member-info-inner-container{position:absolute}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item .team-member-info-container .name{font-size:15px}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item .team-member-info-container .department-position-container{line-height:1.3;margin-top:8px}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item:hover .team-member-info-container{bottom:0}#pdc-team-section .after-sales-team-slider-global-wrapper .team-item:hover img{transform:scale(1.05)}#pdc-team-section .after-sales-team-slider-global-wrapper .splide__arrows .splide__arrow{background:#d9ab4d;height:2.5em;opacity:1;width:2.5em}#pdc-team-section .after-sales-team-slider-global-wrapper .splide__arrows .splide__arrow svg{fill:#fff}#pdc-team-section .after-sales-team-slider-global-wrapper .splide__arrows .splide__arrow:hover{background:#cca048}#pdc-team-section .after-sales-team-slider-global-wrapper .splide__arrows .splide__arrow:disabled{background:#ddd}#did-you-know-ph-has-an-inhouse-team-banner{background-image:url(../../../assets/img/temporary/construction-inhouse-team-banner.png);background-position:50%;background-size:cover;height:50vh;position:relative}#did-you-know-ph-has-an-inhouse-team-banner .gradient-fade{background:linear-gradient(90deg,hsla(0,0%,100%,0),#000 0);height:100%;opacity:.3;position:absolute;width:100%}#did-you-know-ph-has-an-inhouse-team-banner .container{padding:80px 0}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container{bottom:10%;height:-moz-fit-content;height:fit-content;margin:auto;position:absolute;top:0;width:33em}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form{background-color:#fff;border-radius:10px;left:24px;padding:30px;position:relative;z-index:3}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form h6{color:#313131;font-size:18px;font-weight:700;letter-spacing:0;line-height:22px}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form .location-name{align-items:center;display:flex;gap:5px;margin-top:5px}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form .location-name span{font-size:16px;font-weight:900}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form .click-link-below{font-weight:700;margin-top:10px}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form .download-now-button{font-size:14px;font-weight:700;margin-top:16px;padding:6px 30px}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .newsletter-form .book-now-button:hover{cursor:pointer}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .layer-2{background-color:#dbdbdb;height:calc(100% + 12px);opacity:1}#did-you-know-ph-has-an-inhouse-team-banner .container .newsletter-form-container .layer-3{background-color:#bbb;height:calc(100% + 24px);opacity:1}#construction-portfolio-section .portfolio-container{margin-top:30px}#construction-portfolio-section .developments-filter{display:flex;height:-moz-fit-content;height:fit-content;justify-content:center}#construction-portfolio-section .developments-filter label:hover{cursor:pointer}#construction-portfolio-section .developments-filter .development-link{border:1px solid #eebc56;border-radius:10px;color:#eebc56;display:block;font-size:13px;padding:10px 15px;text-align:center;transition:all .2s;white-space:nowrap;width:-moz-fit-content;width:fit-content}#construction-portfolio-section .developments-filter .development-link.active{background-color:#eebc56;color:#fff}#construction-portfolio-section .developments-filter input[type=radio]{display:none;position:absolute}#construction-portfolio-section .development-portfolio{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;padding-left:15px;padding-right:15px}@media (max-width:768px){#construction-portfolio-section .development-portfolio{grid-template-columns:1fr 1fr}}@media (max-width:576px){#construction-portfolio-section .development-portfolio{grid-template-columns:1fr}}#construction-portfolio-section .development-portfolio .development-container{background:#ddd;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:600px;overflow:hidden;position:relative}#construction-portfolio-section .development-portfolio .development-container:hover .development-hover-content,#construction-portfolio-section .development-portfolio .development-container:hover .hover-card{opacity:1}#construction-portfolio-section .development-portfolio .development-container .link{color:#fff;display:block;height:100%;width:100%}#construction-portfolio-section .development-portfolio .development-container .development-hover-content{bottom:50px;left:0;margin:auto;position:absolute;right:0;text-align:center;width:70%;z-index:2}#construction-portfolio-section .development-portfolio .development-container .development-hover-content img{width:100%}#construction-portfolio-section .development-portfolio .development-container .development-fade-element{background:linear-gradient(180deg,transparent 55%,#000);bottom:0;left:0;position:absolute;right:0;top:0}#construction-portfolio-section .development-portfolio .development-container .bottom-gold-line{background:#c3922e;bottom:0;height:15px;left:0;position:absolute;right:0;width:100%}#construction-portfolio-section .development-portfolio .development-container .hover-card{background:#c3922e;bottom:0;left:0;opacity:0;padding:30px 45px;position:absolute;right:0;transition:all .2s;z-index:3}#construction-portfolio-section .development-portfolio .development-container .hover-card a{color:#fff}#construction-portfolio-section .development-portfolio .development-container .hover-card .development-title{margin-bottom:10px}#construction-portfolio-section .development-portfolio .development-container .hover-card .brochure-share-container{align-items:center;color:#fff;display:flex;gap:15px}#construction-portfolio-section .development-portfolio .development-container .hover-card .brochure-share-container i{font-size:18px}#construction-portfolio-section .development-portfolio .development-container .hover-card .share-property-icon:hover{cursor:pointer}#construction-portfolio-section .image-popup{width:100%}#construction-portfolio-section .image-popup .gallery-img{height:250px;-o-object-fit:cover;object-fit:cover;width:100%}#construction-portfolio-section .gold-bottom-line{background:#eebc56;bottom:0;height:12px;left:0;position:absolute;right:0;width:100%}#construction-portfolio-section .gallery-overlay-construction{align-items:flex-end;background:linear-gradient(180deg,rgba(238,188,86,0) 10%,rgba(238,188,86,0) 60%,rgba(238,188,86,.5));bottom:12px;display:flex;left:0;opacity:0;overflow:hidden;padding:16px;position:absolute;right:0;top:0;transition:all .4s ease-in-out 0s;visibility:hidden;width:100%}#construction-portfolio-section .gallery-overlay-construction .overlay-caption{color:#fff;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.5));font-size:16px;margin:0}#construction-portfolio-section .gallery-box:hover .gallery-overlay-construction{opacity:1;visibility:visible}
