@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;--purple-color:#340241;--gray-color:#434343!important}.portfolio-v4 .banner{background-repeat:no-repeat;background-size:cover;background-position:center center;height:80vh;overflow:hidden}.portfolio-v4 .banner .img-mockup-banner{text-align:center;position:relative}.portfolio-v4 .banner .img-mockup-banner img{margin-top:50px;position:absolute;left:20%;right:53%;top:91%;bottom:-95%;width:550px;height:auto}.portfolio-v4 .banner .banner-tagline{font-family:var(--montserrat);margin-top:129px}.portfolio-v4 .banner .banner-tagline .logo{max-width:104px;max-height:92px}.portfolio-v4 .banner .banner-tagline .desc{margin-top:20px;color:#fff;max-width:365px;max-height:116px;font-weight:600;font-size:24px;line-height:30px}.portfolio-v4 .small-detail{margin-bottom:71px}.portfolio-v4 .small-detail .item-small{display:flex;flex-wrap:wrap;justify-content:space-evenly}.portfolio-v4 .about-project{font-family:var(--poppins);text-align:center;margin-bottom:93px}.portfolio-v4 .about-project .title h5{color:var(--purple-color);font-weight:700;font-size:32px}.portfolio-v4 .about-project .desc{margin-top:16px;max-width:560px;color:#434343!important;margin-left:auto;margin-right:auto}.portfolio-v4 .mockup-project{margin-bottom:124px}.portfolio-v4 .problem-focus{font-family:var(--poppins);margin-bottom:85px}.portfolio-v4 .problem-focus .title-problem h5{color:var(--purple-color);font-size:32px;font-weight:700;margin-top:55px}.portfolio-v4 .problem-focus .card-problem{border-radius:8px;width:100%;display:flex;padding:32px 1px 20px 27px;font-family:var(--poppins);margin-bottom:16px}.portfolio-v4 .problem-focus .card-problem .desc{margin-left:20px;max-width:321px;height:100%}.portfolio-v4 .problem-focus .card-problem .icon{width:72px;height:72px}.portfolio-v4 .problem-focus .card-problem .desc p{font-size:14px;font-style:italic;font-weight:400;line-height:21px}.portfolio-v4 .problem-focus .card-problem:first-child{border:1px solid #00f!important;background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v4 .problem-focus .card-problem:hover{background:#fff;box-shadow:12px 24px 40px rgba(45,77,173,.05)}.portfolio-v4 .problem-focus .solution{background-color:var(--purple-color);padding:42px 45px 75px 60px}.portfolio-v4 .problem-focus .solution h5{font-weight:700;font-size:32px;line-height:58px;color:#fff}.portfolio-v4 .problem-focus .solution .desc{margin-top:16px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.03em;color:#fff;margin-bottom:68px!important}.portfolio-v4 .problem-focus .solution .btn-press-release .btn-outline-white{border:1px solid #fff;border-radius:8px;text-decoration:none;color:#fff;padding:16px 36px}.portfolio-v4 .problem-focus .solution .btn-press-release .btn-outline-white:hover{background-color:#fff;color:var(--purple-color);border:1px solid #fff}.portfolio-v4 .result{font-family:var(--poppins)}.portfolio-v4 .result .icon-lamp{text-align:center;margin-bottom:20px}.portfolio-v4 .result .icon-lamp img{max-width:60px;max-height:60px}.portfolio-v4 .result .title{margin-bottom:20px}.portfolio-v4 .result .title h5{font-size:24px;color:var(--purple-color);font-weight:700;letter-spacing:.02em;text-align:center}.portfolio-v4 .result .desc{max-width:630px;margin-left:auto;margin-right:auto;margin-bottom:69px}.portfolio-v4 .result .desc p{font-weight:400;font-size:16px;line-height:24px;text-align:center;letter-spacing:.03em;color:#434343!important}.portfolio-v4 .result .result-number{display:flex;flex-wrap:wrap;text-align:center;padding-left:150px;padding-right:150px;position:relative}.portfolio-v4 .result .result-number .number{max-width:250px;margin-left:auto;margin-right:auto}.portfolio-v4 .result .result-number .number .count{font-size:48px;font-weight:500;font-size:48px;line-height:72px}.portfolio-v4 .result .result-number .audience .count::after{content:"+";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .attandance .count::after{content:"%";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .enhancement .count::after{content:"%";font-weight:500;font-size:44px}.portfolio-v4 .result .result-number .enhancement .count::before{content:"";width:20px;height:20px;position:absolute;margin-left:-30px;background-image:url("../../Assets/project/arrow-alt-circle-up 1.png");background-repeat:no-repeat}.portfolio-v4 .result .img-result{text-align:center}.portfolio-v4 .result .img-result img{width:517px;height:345px}@media(max-width:768px){.portfolio-v4 .banner .img-mockup-banner img{top:90px;left:30%;right:0;bottom:-90%}.portfolio-v4 .small-detail .item-small .items:first-child{width:100%}.portfolio-v4 .small-detail .item-small .items{width:50%;margin-bottom:25px}}@media(max-width:576px){.portfolio-v4 .banner .img-mockup-banner img{top:240px;left:10%}.portfolio-v4 .banner .banner-tagline{margin-top:80px;margin-left:20px}}