body,h1,h2,h3,h4,h5,h6{font-family:'Open sans',system-ui,Arial,sans-serif}body{color:#444}a{color:#222;text-decoration:none}a:hover{color:#C21010;text-decoration:none}.red-default{color:#C21010}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#C21010;width:40px;height:40px;border-radius:4px;transition:all 0.4s}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#57aae1;color:#fff}.back-to-top.active{visibility:visible;opacity:1}#header{transition:all 0.5s;padding:22px 0;background:#fff}#header.header-scrolled{box-shadow:0 2px 15px rgb(0 0 0 / .1);padding:12px 0}#header h1{font-size:24px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:1px}#header h1 a,#header h1 a:hover{color:#222;text-decoration:none}#header img,#header svg{padding:0;margin:0;max-height:40px;vertical-align:text-bottom}.navbar{padding:0}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:15px;font-weight:400;color:#555;white-space:nowrap;transition:0.3s}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color:#C21010}.navbar .contact,.navbar .contact:focus{background:#E64848;padding:8px 25px;margin-left:30px;border-radius:50px;color:#fff}.navbar .contact:hover,.navbar .contact:focus:hover{color:#fff;background:#C21010}.navbar .dropdown ul{display:block;position:absolute;left:30px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0 0 30px rgb(127 137 161 / .25);transition:0.3s;border-radius:4px}.navbar .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px}.navbar .dropdown ul a i{font-size:12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{color:#C21010}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px)}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.mobile-nav-toggle{color:#222;font-size:28px;cursor:pointer;display:none;line-height:0;transition:0.5s}.mobile-nav-toggle.bi-x{color:#fff}.navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgb(9 9 9 / .9);transition:0.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block!important;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:8px;background-color:#fff;overflow-y:auto;transition:0.3s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#222}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color:#C21010}.navbar-mobile .contact,.navbar-mobile .contact:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:0 15px;padding:0;z-index:99;opacity:1;visibility:visible;box-shadow:initial}.navbar-mobile .dropdown ul li{min-width:200px}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{color:#C21010}.navbar-mobile li.dropdown{background-color:#f8f9fa}.navbar-mobile .dropdown>.dropdown-active{display:block}#hero{width:100%;height:70vh;margin-top:70px}#hero h1{margin:0 0 10px 0;font-size:42px;font-weight:700;line-height:52px;color:#000}#hero h2{color:#484848;margin-bottom:50px;font-size:22px}#hero .btn-get-started{font-weight:600;font-size:14px;letter-spacing:1px;display:inline-block;padding:12px 32px;border-radius:50px;transition:0.3s;line-height:1;-webkit-animation-delay:0.8s;animation-delay:0.8s;margin-top:6px;color:#E64848;border:2px solid #E64848}#hero .btn-get-started:hover{background:#E64848;color:#fff;text-decoration:none}#hero .btn-get-started{font-size:16px;padding:10px 30px;transition:0.5s}#hero .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}#about .animated{animation:left-right 2s ease-in-out infinite alternate-reverse both}section{padding:60px 0;overflow:hidden}.section-bg{background-color:#f7fbfe}.section-title{text-align:center;padding-bottom:30px}.section-title h2{font-weight:700;text-transform:uppercase;color:#222}.section-title h2::before,.section-title h2::after{content:"";height:2px;background:#C21010;width:50px;display:inline-block}.section-title h2::before{margin:0 15px 10px 0}.section-title h2::after{margin:0 0 10px 15px}.section-title p{margin:15px 0 0 0}.clients{background:#f4f4f4;padding:10px 0;text-align:center}.clients img{filter:grayscale(100);transition:all 0.4s ease-in-out;display:inline-block}.clients img:hover{filter:none;transform:scale(1.1)}.about .content h3{font-weight:600;font-size:26px}.about .content ul{list-style:none;padding:0}.about .content ul li{padding-left:28px;position:relative}.about .content ul li+li{margin-top:10px}.about .content ul i{position:absolute;left:0;top:2px;font-size:20px;color:#C21010;line-height:1}.about .content p:last-child{margin-bottom:0}.case-studies{padding-top:20px}.case-studies .card{border:0;position:relative;background-size:cover}.case-studies .card-body{font-size:15px;z-index:10;background:#fff;padding:15px 28px;box-shadow:0 2px 15px rgb(0 0 0 / .1);transition:0.3s;transition:ease-in-out 0.4s;border-radius:5px}.case-studies .card-title{text-align:center}.case-studies .card-title a{color:#222}.case-studies .card-text{color:#5e5e5e}.case-studies .read-more a{color:#777;text-transform:uppercase;font-weight:600;font-size:12px;transition:0.4s}.portfolio .portfolio-item{margin-bottom:30px}.portfolio .portfolio-container{position:relative}.portfolio #portfolio-flters{padding:10px 0;margin:0 auto 20px auto;list-style:none;text-align:center;overflow-x:auto}.portfolio #portfolio-flters li{cursor:pointer;display:inline-block;padding:8px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#222;margin:0 2px 3px 2px;transition:all 0.3s ease-in-out;border-radius:3px;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.portfolio #portfolio-flters li:nth-child(odd){background-color:#fff}.portfolio #portfolio-flters li:hover,.portfolio #portfolio-flters li.filter-active{color:#fff;background:#E64848}.portfolio #portfolio-flters li:last-child{margin-right:0}.portfolio .portfolio-wrap{transition:0.3s;position:relative;overflow:hidden;z-index:1}.portfolio .portfolio-wrap::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;transition:all ease-in-out 0.3s;z-index:2;opacity:0}.offcanvas{transition:all ease-in-out 0.3s}.portfolio .portfolio-wrap .portfolio-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;transition:all ease-in-out 0.3s;display:flex;flex-direction:column;justify-content:space-around;padding:20px}.portfolio .portfolio-wrap .portfolio-info h4{font-size:20px;color:#fff;font-weight:600}.portfolio .portfolio-wrap .portfolio-info p{color:rgb(255 255 255 / .7);font-size:14px;text-transform:uppercase;padding:0;margin:0;font-style:italic}.portfolio .portfolio-wrap .portfolio-links{text-align:center;z-index:4}.portfolio .portfolio-wrap .portfolio-links a{color:#fff;display:inline-block;padding:2em;margin:-2em;font-size:28px;width:100%;transition:0.3s}.portfolio .portfolio-wrap:hover::before{opacity:1}.portfolio .portfolio-wrap img{transition:all 0.4s ease-in-out}.portfolio .portfolio-wrap:hover img{transform:scale(1.2)}.portfolio .portfolio-wrap:hover .portfolio-info{opacity:1}.portfolio .portfolio-wrap .bi-film{opacity:1;position:absolute;bottom:5px;right:10px}.portfolio-details{padding-top:40px}.portfolio-details .portfolio-info{padding:30px;box-shadow:0 0 30px rgb(34 34 34 / .08)}.portfolio-details .portfolio-info h3{font-size:22px;font-weight:700;border-bottom:1px solid #eee}.portfolio-details .portfolio-info h3,.portfolio-details .portfolio-info ul{margin-bottom:20px;padding:0 0 20px}.portfolio-details .portfolio-info ul{list-style:none;font-size:15px}.portfolio-details .portfolio-info ul li+li{margin-top:10px}.portfolio-details .portfolio-info a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq .faq-item{margin:20px 0;padding:20px 0;border-bottom:1px solid #eee}.faq .faq-item i{color:#E64848;font-size:18px;float:left;margin:0}.faq .faq-item h4{font-size:16px;line-height:26px;font-weight:500;margin:0 0 10px 32px}.faq .faq-item p{font-size:15px}.contact .contact-about h3{font-size:28px;margin:0 0 10px 0;padding:0;line-height:1;font-weight:700;letter-spacing:1px;color:#222}.contact .contact-about p{font-size:14px}.contact .info p{padding:0 0 10px 42px;line-height:30px;font-size:14px}.contact .info i{font-size:32px;color:#E64848;float:left;line-height:1}.contact .social-links{padding-bottom:20px}.contact .social-links a{font-size:18px;display:inline-block;background:#fff;color:#C21010;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:0.3s;border:1px solid #C21010}.contact .social-links a:hover{background:#C21010;color:#fff}#contactForm .form-group{margin-bottom:20px}#contactForm input,#contactForm textarea{border-radius:0;box-shadow:none;font-size:14px;padding:10px 15px}#contactForm input:focus,#contactForm textarea:focus{border-color:#C21010}#contactForm button[type=submit]{background:#E64848;border:0;padding:10px 24px;color:#fff;transition:0.4s;border-radius:50px}#contactForm button[type=submit]:hover{background:#C21010}.breadcrumbs{padding:15px 0;background:#f8f8f8;min-height:40px;margin-top:86px}.breadcrumbs h2{font-size:28px;font-weight:400;margin:0}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px}.breadcrumbs ol li+li{padding-left:10px}.breadcrumbs ol li+li::before{display:inline-block;padding-right:10px;color:#3c3c3c;content:"/"}#footer{background:#fff;box-shadow:0 0 12px 0 rgb(0 0 0 / .1);padding:60px 0;color:#222;font-size:14px}#footer .footer-links{margin-bottom:30px}#footer .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-links ul li{padding:6px 0;display:flex;align-items:center}#footer .footer-links a{padding-left:10px}#footer .footer-links a:first-child{padding-left:0}#footer .footer-links a:hover{color:#C21010}#footer .footer-links i{font-size:12px}.counts .content .count-box{padding:20px 0;width:100%}.counts .content .count-box i{display:block;font-size:36px;color:#C21010;float:left;line-height:1}.counts .content .count-box span{padding-bottom:4px;display:block;font-weight:700;color:#222}.counts .content .count-box span,.counts .content .count-box p{font-size:15px;margin-left:50px}section{opacity:0;transition:opacity 1s ease-in-out}section.visible{opacity:1}.fade-in{opacity:0;animation:fadeIn 1s forwards}@media screen and (min-width:577px){.case-studies .card{padding:330px 20px 20px 20px;width:3600px;height:509px;filter:grayscale(1);transition:0.3s}.case-studies .card:hover{filter:grayscale(0);filter:none;animation:animatedBackground 10s linear infinite}.case-studies .card .card-body{transition:opacity 0.5s ease-in-out;opacity:1}.case-studies .card .bi-x-circle{opacity:0;z-index:10;transition:opacity 0.5s ease-in-out}.case-studies .card:hover .bi-x-circle{opacity:1}.case-studies .card:hover .card-body{opacity:1}.hidden-card-body{opacity:0!important}.case-studies .read-more a:hover{text-decoration:underline}.case-studies .card:hover .card-body{background:rgb(0 0 0 / .4)}.case-studies .card:hover .read-more a,.case-studies .card:hover .card-title,.case-studies .card:hover .card-title a,.case-studies .card:hover .card-text{color:#fff}}@media screen and (max-width:768px){#hero h1{font-size:26px;line-height:34px}#hero h2{font-size:16px;line-height:22px}}@media (max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}#header img,#header svg{width:60px;height:31px}#header h1{font-size:22px}#hero{height:100vh;margin-top:inherit}#hero .animated,#about .animated{-webkit-animation:none;animation:none}#hero .hero-img{text-align:center}.case-studies .card{padding:327px 0 0 0}.case-studies .card-body{border-top-left-radius:0;border-top-right-radius:0;font-size:14px;padding:15px}}@media (max-width:992px){.breadcrumbs{margin-top:72px}.breadcrumbs .container{margin-top:10px}}@media (max-width:1024px){#hero{background-attachment:fixed}}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}@media (max-height:600px){#hero .animated{width:50vh}#hero h2{margin-bottom:30px}}@media screen and (max-width:576px){.clients img{width:75%;padding:8px 0}section{padding:40px 0 20px 0}.section-title h2{display:flex;align-items:center;justify-content:center;margin:0}.section-title h2::before,.section-title h2::after{width:initial;flex:1}.section-title h2::before{margin-right:15px}.section-title h2::after{margin-left:15px}.section-title h2::before,.section-title h2::after{margin-bottom:0}.portfolio #portfolio-flters{padding:0 10px;min-height:70px}.portfolio #portfolio-flters.fixed-top{border-radius:0!important;margin-top:-1px;padding-right:calc(var(--bs-gutter-x) * .5 + 10px);padding-left:calc(var(--bs-gutter-x) * .5 + 10px)}.portfolio #portfolio-flters li{line-height:1.5;min-height:42px}.counts .content .count-box span{padding-bottom:0}.counts .content .count-box span,.counts .content .count-box p{line-height:inherit;font-size:inherit;margin-left:40px}.counts .content .count-box i,.contact .info i{font-size:30px}.case-studies .card{border-bottom-left-radius:0;border-bottom-right-radius:0;padding:calc(480 / 676 * 100%) 0 0 0;width:100%;height:calc(480 / 676 * 100%);background-size:contain}.case-studies .card-body h5{font-size:18px}}@keyframes fadeIn{to{opacity:1}}@keyframes animate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animatedBackground{from{background-position:0 0}to{background-position:-1200px 0}}@keyframes up-down{0%{transform:translateY(10px)}100%{transform:translateY(-10px)}}@keyframes left-right{0%{transform:translateX(10px)}100%{transform:translateX(-10px)}}.print-only{display:none}@media print{@page{size:A4}html,body{width:210mm}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:100%;float:none}.print-only,.d-lg-none{display:block!important}.order-lg-first{order:-1}.order-lg-last{order:1}.container{max-width:unset}section,#case-studies.case-studies .section-title{padding-bottom:0}section,.visible,.fade-in{opacity:1!important}#breadcrumbs{padding:0}.no-print,.back-to-top,#footer,#navbar,#case-studies div.read-more,#contactForm,#hero .text-center,#breadcrumbs li:first-child{display:none!important}#header,#case-studies div.card-body,.portfolio-info,#footer{box-shadow:none!important}.breadcrumbs ol li:first-child+li::before{content:""}#case-studies.case-studies,#case-studies.case-studies .col-md-6:last-child,#contact,#pasban-jabar .portfolio-info,#mob .portfolio-info,#roadshow .portfolio-info,#maped .portfolio-info,#jabar-lautan-kopi .portfolio-info h3:nth-child(3),#entrepreneurship .portfolio-info h3:nth-child(3){page-break-before:always;padding-top:25mm}#case-studies.case-studies div.col-md-6{width:50%}#case-studies.case-studies .card{padding:280px 0 0 0;background-size:contain;background-repeat:no-repeat}#case-studies.case-studies .card-body,#case-studies.case-studies .card-text{padding-bottom:0;margin:0}#case-studies>div>div>div.col-lg-8{margin-top:0}#hero{margin:0;height:85vh}#about .container.counts .col-md-6{width:50%}#about .img-fluid{width:460px}#portfolio-flters li:first-child,#portfolio-flters>li[data-filter=".filter-vdeo"],#portfolio-flters>li[data-filter=".filter-posm"],#portfolio-flters>li[data-filter=".filter-btsc"]{display:none}#portfolio-flters{margin:0!important}.portfolio-container{position:static;display:flex;flex-wrap:wrap;gap:4px}.portfolio-item{position:static;display:block;width:calc(25% - 12px)!important;padding:0px!important;margin:5px!important;box-sizing:border-box;page-break-inside:avoid}.portfolio-wrap{padding:0}.portfolio-wrap img{width:100%;height:auto}.position-absolute{position:relative!important}}