.homepage .banner{position:relative;width:100%;height:700px;overflow:hidden;z-index:1;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s}.homepage .banner .carousel{height:100%;z-index:2}.homepage .banner .carousel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:3}.homepage .banner .slide{padding-top:300px;padding-bottom:250px}.homepage .banner img{position:absolute;top:0;left:50%;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateX(-50%);filter:blur(1px)}.homepage .banner .text{position:absolute;top:50%;left:50%;width:100%;padding:0 20px;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:5}.homepage .banner .text h2{font-size:3rem;margin-bottom:1rem;font-weight:600}@media (max-width:768px){.homepage .banner .text h2{font-size:2.5rem}}.homepage .banner .text p{font-size:1.5rem;max-width:600px;margin:0 auto}.homepage .banner .text span{color:#eb7328}.homepage .banner .shape .bottom-shape,.homepage .banner .shape .top-shape-1,.homepage .banner .shape .top-shape-2{position:absolute;z-index:4;top:0;left:0;background:#eb7328}.homepage .banner .shape .top-shape-1{width:660px;height:110px;clip-path:polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%)}.homepage .banner .shape .top-shape-2{width:715px;height:150px;opacity:.7;clip-path:polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%)}.homepage .banner .shape .bottom-shape{width:100%;height:30px;top:auto;bottom:0;clip-path:polygon(0% 100%,100% 0%,100% 100%,0% 100%,0% 0%)}.development-phases{padding:80px 0 30px 0;background:#fbfbfb;border-bottom:1px solid #eaeaea}.development-phases .title{text-align:center}.development-phases h2{margin-bottom:20px;font-size:2.5rem;color:#333}.development-phases p{margin-bottom:40px;font-size:1.1rem;color:#666}.development-phases .list{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}@media (max-width:768px){.development-phases .list{padding-top:30px}}.development-phases .list .item{display:flex;flex-direction:row;align-items:start;margin-bottom:50px}@media (max-width:768px){.development-phases .list .item{margin-bottom:5px}}.development-phases .list .item svg{width:80px;height:80px;fill:#eb7328;margin-right:25px;background:#fff;padding:12px;border-radius:10px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1)}@media (max-width:500px){.development-phases .list .item svg{width:60px;height:60px}}.development-phases .list .item .text{display:flex;flex-direction:column;justify-content:start;flex-grow:1;padding-right:20px}.development-phases .list .item h3{margin-bottom:15px;font-size:1.4rem}.development-phases .list .item p{font-size:1rem;color:#6e6e6e}.homepage .clients{padding:70px 0;background:#f8f8f8;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center}.homepage .clients h2{margin-bottom:15px;font-size:2.5rem;font-weight:600}.homepage .clients p{margin-bottom:40px;font-size:1.1rem;color:#444}.homepage .clients .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}@media (max-width:768px){.homepage .clients .logos{gap:15px}}.homepage .clients .logos img{max-width:200px;height:auto;transition:transform .3s;background:#fff;padding:10px 15px;border-radius:10px}@media (min-width:992px){.homepage .clients .logos img{filter:grayscale(1);transition:transform .3s,filter .2s}}.homepage .clients .logos img:hover{transform:scale(1.07)}@media (min-width:992px){.homepage .clients .logos img:hover{filter:grayscale(0);transition:transform .3s,filter .2s}}.homepage .portofolio{padding:70px 30px 70px 30px}@media (max-width:768px){.homepage .portofolio{padding:50px 20px}}.homepage .portofolio .title{text-align:center}.homepage .portofolio .title h2{margin-bottom:15px;font-size:2.5rem;font-weight:600}.homepage .portofolio .title p{margin-bottom:40px;font-size:1.1rem;color:#555}.homepage .portofolio .row{display:flex;flex-wrap:wrap;--bs-gutter-x:1.9rem}.homepage .portofolio [class^=col-]{display:flex;margin-bottom:30px}.homepage .portofolio .box{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.1) 0 8px 10px -6px;display:flex;flex-direction:column;width:100%}.homepage .portofolio .box:hover .photo{transform:scale(1.05)}.homepage .portofolio .box a[data-breakout]::after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.homepage .portofolio [class^=col-]:nth-child(2) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 calc(100% - 20px))}.homepage .portofolio [class^=col-]:nth-child(3) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),0 calc(100% - 40px))}.homepage .portofolio [class^=col-]:nth-child(5) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 calc(100% - 20px))}.homepage .portofolio .photo{max-height:300px;height:300px;overflow:hidden;border-top-left-radius:.75rem;border-top-right-radius:.75rem;position:relative;will-change:transform;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0 100%);transition:transform .3s ease-in-out}.homepage .portofolio .photo img{object-fit:cover;object-position:center center;width:100%;height:300px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.homepage .portofolio .content{padding:2.5rem;flex-grow:1;display:flex;flex-direction:column}@media (max-width:768px){.homepage .portofolio .content{padding:1.5rem}}.homepage .portofolio .content h2{margin-bottom:20px;font-size:1.5rem;font-weight:500;color:#eb7328}.homepage .portofolio .content a{color:#eb7328}.homepage .portofolio .content p{margin-bottom:0;font-size:1rem;line-height:1.5rem;color:#333}.homepage .portofolio .view-all{text-align:center}.homepage .portofolio .view-all a{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#eb7328;color:#fff;border-radius:5px;text-decoration:none;font-size:1rem;transition:background-color .3s ease}.homepage .portofolio .view-all a:hover{background-color:rgb(204.9361702128,90.5531914894,19.0638297872)}