.template12-page nav.navbar{position:sticky;top:0;left:0;right:0;z-index:100;background-color:white;padding:1.5rem 0}.template12-page nav.navbar.scrolled{box-shadow:0 5px 10px 0 rgba(0,0,0,0.08) !important;transition:box-shadow 0.6s ease 0s}.template12-page nav.navbar img{aspect-ratio:1/1;width:120px;height:120px;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:50%;margin-bottom:1rem}.template12-page nav.navbar .company-name{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.template12-page nav.navbar ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}.template12-page nav.navbar ul li{display:flex;justify-content:center;padding:0 1rem}.template12-page nav.navbar ul li a{text-decoration:none;color:black}.template12-page nav.navbar ul li a::after{content:'';display:block;width:0;height:2px;background:black;transition:width .3s}.template12-page nav.navbar ul li a:hover::after{width:100%}.template12-page section.page-banner-section .banner-background-image{aspect-ratio:16/9;width:100vw;height:60vh;background-size:cover;background-repeat:no-repeat}.template12-page section.page-banner-section .left-content-container{display:flex;flex-direction:column;justify-content:center;background-color:rgba(255,255,255,0.8);width:50vw;height:100%;padding-left:10rem}@media only screen and (max-width: 991px){.template12-page section.page-banner-section .banner-background-image{height:auto}.template12-page section.page-banner-section .left-content-container{padding-left:2rem}}.template12-page section.aboutus-home-section .aboutus-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:3rem}.template12-page section.aboutus-home-section .aboutus-home-button{display:inline-block;text-align:center;border:0;border-radius:0.5rem;background-color:#EFEEE8;color:#D8D6CA;padding:0.5rem 1.5rem;margin:0 1rem;width:100%}.template12-page section.aboutus-home-section .aboutus-home-button.selected{color:white}.template12-page section.aboutus-home-section .aboutus-content{text-align:center}@media only screen and (max-width: 991px){.template12-page section.aboutus-home-section .aboutus-button-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.template12-page section.aboutus-home-section .aboutus-home-button{margin:0}}.template12-page section.project-home-section .project-image-container{position:relative;aspect-ratio:16/9;margin:0 1.5rem;width:400px;height:220px;padding-bottom:20px}.template12-page section.project-home-section .project-image-container img{width:100%;height:100%;opacity:0.6;transition:opacity 0.4s ease}.template12-page section.project-home-section .project-image-container .title-container{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;border-radius:0.5rem;width:80%;background:rgba(255,255,255,0.9)}.template12-page section.project-home-section .project-image-container.selected{aspect-ratio:4/3}.template12-page section.project-home-section .project-image-container.selected img{opacity:1;transform:scale(1.15)}.template12-page section.project-home-section .project-image-container.selected .title-container{display:block}.template12-page section.catalog-home-section .text-button.selected{color:black}.template12-page section.catalog-home-section .catalog-image-container{position:relative;aspect-ratio:16/9;margin:0 1.5rem;width:400px;height:220px;padding-bottom:20px}.template12-page section.catalog-home-section .catalog-image-container img{width:100%;height:100%;opacity:0.6;transition:opacity 0.4s ease}.template12-page section.catalog-home-section .catalog-image-container .title-container{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;border-radius:0.5rem;width:80%;background:rgba(255,255,255,0.9)}.template12-page section.catalog-home-section .catalog-image-container.selected{aspect-ratio:4/3}.template12-page section.catalog-home-section .catalog-image-container.selected img{opacity:1;transform:scale(1.15)}.template12-page section.catalog-home-section .catalog-image-container.selected .title-container{display:block}.template12-page section.aboutus-section .aboutus-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;height:100%;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;border-radius:1rem}.template12-page section.aboutus-section .aboutus-card .title{font-weight:600;margin-bottom:2rem;font-size:1.5rem}.template12-page section.cidb-grade-section .grade-category-card{padding:2rem;border-radius:1rem;margin-bottom:1rem}.template12-page section.cidb-grade-section .grade-category-card .grade-title{font-weight:600}.template12-page section.team-section .member-container{position:relative;overflow:hidden;box-shadow:0 5px 10px 0 rgba(0,0,0,0.08);border-radius:1rem;margin-bottom:2rem}.template12-page section.team-section .member-container img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;border-radius:1rem 0 1rem 0}.template12-page section.team-section .member-container .member-name{font-weight:600;margin-bottom:0.5rem}.template12-page section.team-section .member-container .member-title{color:#CACFD2}.template12-page section.team-section .member-container .member-desc-container{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.4);width:100%;height:100%;color:white;padding:1rem;transform:translateY(100%);transition:transform 0.3s ease-in-out}.template12-page section.team-section .member-container:hover .member-desc-container{transform:translateY(0)}.template12-page section.team-section .member-container:not(:hover) .member-desc-container{transform:translateY(100%)}.template12-page section.catalog-section button.text-button span{font-size:1.5rem}.template12-page section.catalog-section .catalog-content{display:flex;flex-direction:column}.template12-page section.catalog-section .catalog-content .catalog-card-container{background-color:transparent;aspect-ratio:4/3;margin-bottom:2rem}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-wrapper{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;box-shadow:0 5px 10px 0 rgba(0,0,0,0.08)}.template12-page section.catalog-section .catalog-content .catalog-card-container:hover .catalog-card-wrapper{transform:rotateY(180deg)}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-front,.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-front img{aspect-ratio:4/3;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-front .card-content{position:absolute;top:0;right:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-front .card-content .content-container{background-color:rgba(255,255,255,0.8);color:black;border-radius:1rem;padding:0.25rem 1rem;text-align:center}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-back{display:flex;flex-direction:column;padding:2rem;background-color:rgba(0,0,0,0.7);color:white;transform:rotateY(180deg);overflow:scroll}.template12-page section.catalog-section .catalog-content .catalog-card-container .catalog-card-back span:first-child{font-weight:600;text-align:center;margin-bottom:1rem}.template12-page section.project-section .project-card{position:relative;display:flex;box-shadow:0 4px 21px -12px rgba(0,0,0,0.66);border-radius:10px;margin-bottom:2rem;overflow:hidden}.template12-page section.project-section .project-card:nth-child(2n+0){flex-direction:row-reverse}.template12-page section.project-section .project-card .project-image-container{display:contents}.template12-page section.project-section .project-card .project-image-container img{width:100%;max-width:300px;max-height:100%;object-fit:cover;position:relative;transition:transform 0.3s ease}.template12-page section.project-section .project-card:hover .project-image-container img{transform:scale(1.1)}.template12-page section.project-section .project-card .project-content{padding:2rem 3rem;position:relative;display:flex;flex-direction:column;flex-grow:1}.template12-page section.project-section .project-card .project-content:before{background:white;content:"";position:absolute;display:block;top:-22%;height:130%;width:3rem}.template12-page section.project-section .project-card .project-content .project-title{font-size:1.5rem;font-weight:600}.template12-page section.project-section .project-card:nth-child(2n+0) .project-content:before{right:-12px !important;transform:rotate(-4deg)}.template12-page section.project-section .project-card:nth-child(2n+1) .project-content:before{left:-12px !important;transform:rotate(4deg)}.template12-page section.project-section .project-card .project-bar{width:50px;height:4px;margin:10px 0;border-radius:5px;background-color:#424242;transition:width 0.2s ease}.template12-page section.project-section .project-card:hover .project-bar{width:100px}.template12-page section.project-section .project-card .project-label{font-weight:500;margin-bottom:4px;color:grey;font-size:14px}@media only screen and (max-width: 991px){.template12-page section.project-section .project-card{flex-direction:column !important}.template12-page section.project-section .project-card .project-image-container img{max-width:100%;height:300px;max-height:300px}.template12-page section.project-section .project-card .project-content{padding:2rem}.template12-page section.project-section .project-card .project-content:before{display:none}}.template12-page section.career-section .career-card{position:relative;display:flex;box-shadow:0 4px 21px -12px rgba(0,0,0,0.66);border-radius:10px;margin-bottom:2rem;overflow:hidden}.template12-page section.career-section .career-card:nth-child(2n+0){flex-direction:row-reverse}.template12-page section.career-section .career-card .career-image-container{display:contents}.template12-page section.career-section .career-card .career-image-container img{width:100%;max-width:300px;max-height:100%;object-fit:cover;position:relative;transition:transform 0.3s ease}.template12-page section.career-section .career-card:hover .career-image-container img{transform:scale(1.1)}.template12-page section.career-section .career-card .career-content{padding:2rem 3rem;position:relative;display:flex;flex-direction:column;flex-grow:1}.template12-page section.career-section .career-card .career-content:before{background:white;content:"";position:absolute;display:block;top:-22%;height:130%;width:3rem}.template12-page section.career-section .career-card .career-content .career-title{font-size:1.5rem;font-weight:600}.template12-page section.career-section .career-card:nth-child(2n+0) .career-content:before{right:-12px !important;transform:rotate(-4deg)}.template12-page section.career-section .career-card:nth-child(2n+1) .career-content:before{left:-12px !important;transform:rotate(4deg)}.template12-page section.career-section .career-card .career-bar{width:50px;height:4px;margin:10px 0;border-radius:5px;background-color:#424242;transition:width 0.2s ease}.template12-page section.career-section .career-card:hover .career-bar{width:100px}.template12-page section.career-section .career-card .career-label{font-weight:500;margin-bottom:4px;color:grey;font-size:14px}@media only screen and (max-width: 991px){.template12-page section.career-section .career-card{flex-direction:column !important}.template12-page section.career-section .career-card .career-image-container img{max-width:100%;height:300px;max-height:300px}.template12-page section.career-section .career-card .career-content{padding:2rem}.template12-page section.career-section .career-card .career-content:before{display:none}}.template12-page section.contact-us-section ul.contact-list li.contact-item{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}.template12-page .whatsapp-float{position:fixed;bottom:20px;right:20px;background-color:#25D366;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:10px;z-index:1000;display:flex;align-items:center;justify-content:center}.template12-page .whatsapp-float img{width:50px;height:50px;border-radius:50%;display:block}

/*# sourceMappingURL=companyProfileTemplate12.css.map */