.portofolio-listing{padding:90px 30px 70px 30px}@media (max-width:768px){.portofolio-listing{padding:50px 20px}}.portofolio-listing .row{display:flex;flex-wrap:wrap;--bs-gutter-x:1.9rem}.portofolio-listing [class^=col-]{display:flex;margin-bottom:30px}.portofolio-listing .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%}.portofolio-listing .box:hover .photo{transform:scale(1.05)}.portofolio-listing .box a[data-breakout]::after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.portofolio-listing [class^=col-]:nth-child(2) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 calc(100% - 20px))}.portofolio-listing [class^=col-]:nth-child(3) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 60px),0 calc(100% - 40px))}.portofolio-listing [class^=col-]:nth-child(5) .photo{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 calc(100% - 20px))}.portofolio-listing .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}.portofolio-listing .photo img{object-fit:cover;object-position:center center;width:100%;height:300px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.portofolio-listing .content{padding:2.5rem;flex-grow:1;display:flex;flex-direction:column}@media (max-width:768px){.portofolio-listing .content{padding:1.5rem}}.portofolio-listing .content h2{margin-bottom:20px;font-size:1.5rem;font-weight:500;color:#eb7328}.portofolio-listing .content a{color:#eb7328}.portofolio-listing .content p{margin-bottom:0;font-size:1rem;line-height:1.5rem;color:#333}.portofolio-details .banner{position:relative;padding:100px 10px;height:500px;max-height:500px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.portofolio-details .banner::before{position:absolute;content:"";background:#000;width:100%;height:100%;left:0;top:0;opacity:.6;z-index:1}.portofolio-details .banner img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:blur(1px)}@media (max-width:768px){.portofolio-details .banner img{filter:blur(0px)}}.portofolio-details .banner h1,.portofolio-details .banner p{z-index:2}.portofolio-details .banner h1{font-weight:700;margin-bottom:15px}.portofolio-details .banner p{margin-bottom:0}.portofolio-details strong{font-weight:500}.portofolio-details .content{padding:70px 0 60px 0}.portofolio-details .content h2{font-weight:600;margin-bottom:28px}.portofolio-details .content a{color:#eb7328}.portofolio-details .content ul{list-style:none;padding:0 0 0 15px;margin:0 0 20px 0}@media (max-width:768px){.portofolio-details .content ul{padding-left:0}}.portofolio-details .content ul li{display:flex;flex-direction:row;margin-bottom:10px}.portofolio-details .content ul svg{width:27px;margin-right:6px;fill:#eb7328}.portofolio-details .content .gallery-item{display:flex;flex-direction:column;width:fit-content;height:100%;padding:15px 10px;background:#fff;border-radius:.75rem;border:1px solid #f7f7f7;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;font-size:1.1rem;font-weight:500;color:#eb7328}.portofolio-details .content .gallery-item img{margin-bottom:15px}.portofolio-details .orange-line{position:relative;display:inline-block;padding-bottom:12px}.portofolio-details .orange-line::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background-color:#eb7328}