@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600&family=Montserrat:wght@600&family=Poppins:wght@400;500;600;700&display=swap);:root{--montserrat:'Montserrat',sans-serif;--poppins:'Poppins',sans-serif;--inter:'Inter',sans-serif;--pink-color:#F5516D;--green-color:#456D44;--gray-color:#434343!important;--second-green-color:#51AF6D}.second-green-color{color:var(--second-green-color)!important}.title-problem-solution{font-size:24px;font-weight:800;letter-spacing:.02em}.portfolio-v3 .banner-bg{height:100%;background-size:cover;background-repeat:no-repeat;overflow:hidden}.portfolio-v3 .banner-bg .img-mockup{width:100%;height:578px;position:relative}.portfolio-v3 .banner-bg .img-mockup img{bottom:0;position:absolute}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura{width:60%;height:578px;position:relative}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura img{position:absolute;top:50px!important;left:80px!important}.portfolio-v3 .banner-bg .banner-tagline{margin-top:180px;margin-left:20px}.portfolio-v3 .banner-bg .banner-tagline .logo img{width:142px;height:71px}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura{max-width:142px}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura img{width:100%}.portfolio-v3 .banner-bg .banner-tagline .desc{width:365px}.portfolio-v3 .banner-bg .banner-tagline .desc span{color:#fff;font-family:var(--montserrat);font-weight:600;font-size:24px}.portfolio-v3 .small-detail .item-small{display:flex;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row}.portfolio-v3 .small-detail .item-small .items strong{font-family:var(--inter);font-size:18px;font-weight:500}.portfolio-v3 .small-detail .item-small .items p{font-family:var(--inter);font-size:14px;font-weight:300}.portfolio-v3 .profile .content{background-color:var(--pink-color);padding:17px 42px 48px 17px}.portfolio-v3 .profile .content .logo{position:relative}.portfolio-v3 .profile .content .logo img{width:142px;height:71px}.portfolio-v3 .profile .content .title{margin-bottom:20px;margin-top:-20px}.portfolio-v3 .profile .content .title h4{font-family:var(--poppins);font-weight:700;font-size:24px;text-align:center;color:#fff}.portfolio-v3 .profile .content .desc{color:#fff;font-family:var(--poppins);font-weight:400;text-align:center;padding:2px 200px 2px 200px}.portfolio-v3 .about-project{margin-top:74px;margin-bottom:32px}.portfolio-v3 .about-project h3{margin-bottom:16px;font-family:var(--poppins);color:var(--green-color);font-weight:700;font-size:24px}.portfolio-v3 .about-project.angkasa-pura h3{margin-bottom:16px;font-family:var(--poppins);color:var(--second-green-color);font-weight:700;font-size:24px}.portfolio-v3 .about-project p{color:#434343!important;font-size:16px;line-height:24px;font-family:var(--poppins)}.portfolio-v3 .mockup-project{margin-bottom:124px}.portfolio-v3 .problem-focus{margin-bottom:85px}.portfolio-v3 .problem-focus .card-problem{border-radius:8px;width:100%;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v3 .problem-focus .card-problem .desc{margin-left:20px;max-width:321px;height:100%}.portfolio-v3 .problem-focus .card-problem .icon{width:72px;height:72px}.portfolio-v3 .problem-focus .card-problem .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v3 .problem-focus .card-problem.v2{border:1px solid #434343!important;border-radius:8px;width:100%;height:148px;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v3 .problem-focus .card-problem.v2 .desc{margin-left:20px;max-width:358px;height:100%}.portfolio-v3 .problem-focus .card-problem.v2 .icon{width:72px;height:72px}.portfolio-v3 .problem-focus .card-problem.v2 .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v3 .problem-focus .card-problem:first-child{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v3 .problem-focus .card-problem:hover{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v3 .problem-focus .side-right{font-family:var(--poppins)}.portfolio-v3 .problem-focus .side-right h5{color:var(--green-color);font-weight:700;font-size:24px;margin-bottom:32px}.portfolio-v3 .problem-focus .side-right p{color:#434343!important;margin-bottom:155px}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink{background-color:var(--pink-color);padding:16px 36px;border-radius:8px;text-decoration:none;color:#fff;font-family:var(--inter);font-style:normal;font-weight:600;font-size:18px;line-height:28px;border:1px solid var(--pink-color)}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink:hover{color:var(--pink-color);background-color:#fff;border:1px solid var(--pink-color)}.portfolio-v3 .problem-focus .side-right .btn-example .btn-pink:focus{color:#fff;background-color:var(--pink-color);border:1px solid var(--pink-color)}.portfolio-v3 .solution{margin-bottom:85px}.portfolio-v3 .solution .content-solution{background-color:var(--green-color);padding:42px 60px}.portfolio-v3 .solution .content-solution h5{color:#fff;font-weight:700;margin-bottom:32px}.portfolio-v3 .solution .content-solution p{max-width:100%;color:#fff;font-size:16px;margin-bottom:38px;line-height:24px}.portfolio-v3 .solution .content-solution .btn-press-release .btn-outline-green{text-decoration:none;border:1px solid #fff;border-radius:8px;padding:16px 36px;color:#fff;font-family:var(--inter)}.portfolio-v3 .solution .content-solution .btn-press-release .btn-outline-green:hover{background-color:#fff;color:var(--green-color)}.portfolio-v3 .result{font-family:var(--poppins)}.portfolio-v3 .result .icon-lamp{text-align:center;margin-bottom:20px}.portfolio-v3 .result .icon-lamp img{max-width:60px;max-height:60px}.portfolio-v3 .result .title{margin-bottom:20px}.portfolio-v3 .result .title h5{font-size:24px;color:var(--green-color);font-weight:700;letter-spacing:.02em;text-align:center}.portfolio-v3 .result .desc{padding-left:230px;padding-right:230px;margin-bottom:69px}.portfolio-v3 .result .desc p{font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#434343!important}.portfolio-v3 .result .img-result{text-align:center}.portfolio-v3 .result .img-result img{width:565px;height:550px}@media(max-width:768px){.portfolio-v3 .banner-bg .img-mockup img{left:12px}.portfolio-v3 .banner-bg .banner-tagline{margin-top:-8px;text-align:center;margin-bottom:70px}.portfolio-v3 .banner-bg .img-mockup.angkasa-pura img{top:20rem}.portfolio-v3 .banner-bg .banner-tagline .logo.angkasa-pura img{margin-top:10rem}.portfolio-v3 .banner-bg .banner-tagline .desc{width:100%}.portfolio-v3 .small-detail .item-small .items:first-child{width:100%}.portfolio-v3 .small-detail .item-small .items{width:50%;margin-bottom:25px}.portfolio-v3 .profile .content .logo{text-align:center}.portfolio-v3 .profile .content .title{margin-top:20px}.portfolio-v3 .profile .content{padding:42px 20px 42px 20px}.portfolio-v3 .profile .content .desc{text-align:center;padding:0}.portfolio-v3 .problem-focus .side-right p{margin-bottom:50px}.portfolio-v3 .result .desc{padding:0}}