@font-face{font-family:Gotham;src:url(/font/gotham_black_regular.woff)}@font-face{font-family:Gotham Medium;src:url(/font/gotham_medium.otf)}html,body{height:100%;margin:0;padding:0;font-family:Montserrat,sans-serif}body>div{height:100%}html::-webkit-scrollbar{display:none}a{color:inherit;font-size:.75rem;font-weight:500;text-decoration:none}p{margin:0 0 10px;font-size:.75rem}h1,h2,h3,h4,h5,h6{margin:10px 0}*{box-sizing:border-box}.body{max-width:100%;padding:0}.splide__slide img{object-fit:cover;width:100%;height:300px;padding:0 1rem!important}.MuiDivider-root{color:#707070;font-size:12px}.splide__slide .slide-wrap{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s;transform:scale(.85)}.splide__slide.is-active .slide-wrap{transform:scale(1)}.section{text-align:center;max-width:1200px;margin:auto;padding:60px 40px;position:relative}legend.Mui-focused,label.Mui-focused{color:#0009!important}legend.Mui-focused.Mui-error,label.Mui-focused.Mui-error{color:#ff1744!important}.response-dialog .MuiDialog-paper h3,.response-dialog .MuiDialog-paper p{margin-top:0}.response-dialog .MuiDialog-paper .MuiDialogContent-root{padding:40px 50px}.page{background-position:50%;background-size:cover}.splide__pagination{bottom:-2rem}.splide__pagination .splide__pagination__page{background:0 0;border:1px solid #fff;margin:5px}.splide__pagination .splide__pagination__page.is-active{transform:scale(1)}.bg-custom{z-index:0;background-color:#313131;border-bottom:20px solid #cf2027;width:100%;height:25%;position:absolute;bottom:0}.card-link{text-decoration:none}.card-link span{color:#cf2027;text-decoration:underline}.language-list .MuiListItemIcon-root,.language-menu .MuiListItemIcon-root{min-width:auto;margin-right:10px}.services.page .grid-content{text-align:left;padding-left:30px}.services.page .grid-content h2{color:#cf2027;margin:0}.services.page .grid-content h5{margin:0 0 15px}.section-why{position:relative}.section-case .MuiGrid-container{margin-top:10px;margin-bottom:30px}.section-case .grid-wrap{position:relative;overflow:hidden}.section-case .grid-wrap .MuiBox-root{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.custom-menu .nav a{color:#c3c3c3;align-items:center;padding:20px 0;font-size:12px;font-weight:500;text-decoration:none;display:flex}.bg-custom-right{background-position:120% 0;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;bottom:-10%}.card-row{text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:space-between;min-height:320px;margin:2px;padding:10px 0 20px;display:flex;box-shadow:0 0 5px #0003}.card-column .card-row{min-height:360px;padding-bottom:0}.card-row .MuiCardContent-root{padding-bottom:0}.splide .splide__arrow{opacity:1;background:#d01e27;border-radius:0;width:36px;height:36px}.splide .splide__arrow svg{fill:#fff}.home-cases .splide .splide__arrow--prev{left:-3.5rem}.home-cases .splide .splide__arrow--next{right:-3.5rem}.splide .splide__arrow--prev{left:-1rem}.splide .splide__arrow--next{right:-1rem}.splide .splide__arrow:disabled{opacity:1;background-color:#cbcbcb}.section-red{color:#fff;text-align:center;background-color:#cf2027;padding:20px 0}.container-red div *{margin:0}.custom-button{text-transform:capitalize;box-shadow:none;min-width:200px;margin:10px 0;padding:8px 24px}.custom-button:hover{box-shadow:none}.custom-menu .nav a:hover{color:#cf2027}.custom-menu .nav a.active{color:#cf2027;border-bottom:2px solid #cf2027;font-weight:600}.responsiveImage{width:100%;height:auto}.fixedHeightImage{width:auto;max-width:100%;height:150px}.card-column{text-align:left;border-radius:10px;margin-top:100px;padding:30px 40px;overflow:visible;box-shadow:0 2px 10px #0003}.section-client:before{content:"";z-index:0;background-color:#cf2027;width:100%;height:120px;position:absolute;bottom:0;left:0}.card-column .grid-img{justify-content:center;display:flex;position:relative}.card-column h3{color:#cf2027;font-weight:700}.card-column .grid-img .MuiBox-root{position:absolute;top:-100px}.footer{color:#afafaf;background-color:#313131;max-width:100%;padding:60px 40px;position:relative}.footer-link p,.footer-link a{font-size:14px}.footer h5{color:#fff}.footer ul{padding-left:0;list-style:none}.footer a{color:#e0e0e0;text-decoration:none}.contact.page p{color:#707070;margin-top:0;margin-bottom:10px}.contact.page .MuiGrid-container{padding:80px 40px;position:relative;width:100%!important}.contact.page p a{color:#000;text-decoration:none}.title-team{text-align:center;color:#d02027;margin-top:60px;padding:60px;font-style:italic}.title-team h1{font-weight:700}.career.page{background-position:0 0;background-size:50%}.career.page .grid-content{padding:120px 40px;padding-left:60px!important}.career.page .grid-form{background:#f2f2f2;padding:120px 40px!important}.career.page .grid-form .MuiTextField-root{width:100%}.career.page .grid-form p{margin-bottom:0}.career.page .grid-form .form-section{margin-bottom:40px}.career.page .grid-form input,.career.page .grid-form .MuiSelect-select{background-color:#fff;padding:7px 14px;font-size:12px}.career.page .grid-form h3{margin-bottom:20px}.career.page .grid-content .MuiAccordion-root{box-shadow:0 0 10px -1px #0003}.career.page .grid-content .MuiAccordion-root .MuiAccordionSummary-root .MuiAccordionSummary-content{margin:15px 0}.career.page .grid-content .MuiAccordion-root .MuiAccordionSummary-root{padding:0 20px 0 30px}.career.page .grid-content .MuiAccordion-root .MuiAccordionDetails-root{padding:0 30px 20px}.career.page .grid-content .MuiAccordion-root h4,.career.page .grid-content .MuiAccordion-root p{margin-bottom:0}.about.page .splide .splide__arrow--next{right:0}.about.page .splide .splide__arrow--prev{left:0}.MuiDrawer-paper{width:240px}.team .img-team>span>span{display:none!important}.team .splide__slide img{padding:0!important}.team .img-team>span>img{width:auto!important;height:auto!important;position:relative!important}.MuiDrawer-paper .nav{flex-direction:column;margin:30px auto}.MuiDrawer-paper .nav a{text-align:center;color:#c3c3c3;margin:15px;padding-bottom:15px;font-size:14px;font-weight:600;text-decoration:none}.MuiDrawer-paper .nav a.active{color:#cf2027;border-bottom:2px solid #cf2027;font-weight:600}.home-cases .card-column{max-width:1100px;margin:60px auto 40px;padding-top:40px;padding-bottom:60px}.home-cases{max-width:100%;position:relative}.home-cases>h1,.home-cases>p{color:#fff}.home-cases>*{position:relative}.home-cases:before{content:"";background:#313131;width:100%;height:300px;position:absolute;top:0;left:0}.home-cases .case-wrapper{text-align:center;align-items:center}.home-cases .case-wrapper img{object-fit:contain;max-height:240px!important}.home-cases .case-wrapper .unset-img{margin:30px 0}.home-cases .case-wrapper h5{margin:0}.home-cases .case-wrapper h3{color:#000}.home-cases .case-wrapper h6{margin:0}.home-cases .case-wrapper{flex-direction:column;justify-content:space-between;height:100%;display:flex}.grid-para{text-align:center}.contact.page>span{width:100%!important;height:100%!important;position:absolute!important;top:2px!important;right:-30%!important}.custom-img{object-fit:contain;width:100%!important;height:unset!important;position:relative!important}.unset-img{width:100%}.unset-img>span{position:unset!important}.cases.page .unset-img img{-o-object-fit:contain;object-fit:contain;max-height:300px!important}.cases.page .unset-img{max-width:90%;margin:20px auto}.cases.page .case-wrapper h5{margin-bottom:0}.cases.page .case-wrapper h6{margin:0;font-weight:500}.survey.page{justify-content:center;align-items:center;height:100vh;display:flex}.survey.page .form-section label{text-align:left}.survey.page .section{max-width:800px}.survey.page .section h2{margin-bottom:20px;font-weight:600}.survey.page legend{text-align:left;margin-bottom:5px}.survey.page .checkbox-group{max-height:220px}.survey.page>div{width:100%}.survey.page .toggle-group button img{width:70%}.survey.page .toggle-group{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.survey.page .toggle-group button{border:1px solid #0003;border-radius:8px;width:40%;height:100px;margin:10px;box-shadow:0 0 10px #0000001a}.survey.page .toggle-group button.Mui-selected{background-color:#f5f5f5;border:2px solid #d02027!important}.prize-confirm img{width:fit-content}.prize-confirm hr{border-color:#000}.prize-confirm .MuiDialogContent-root{min-width:400px;padding:30px 30px 20px}.prize-confirm h3.hp{border-bottom:1px solid #ddd;padding:5px 0}.survey.page input.MuiInputBase-inputSizeSmall,.survey.page .MuiSelect-select{text-align:left;padding:7px 14px;font-size:12px}.bg_custom{background-position:10% 10px;background-repeat:no-repeat;background-size:cover;width:60%;height:100%;position:absolute;right:0}.bg-page{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:450px;display:flex}.app-card{position:absolute;top:50%}.bg_custom:after{content:"";border-top:100vh solid #fff;border-left:0 solid #0000;border-right:200px solid #0000;width:0;height:0;position:absolute;top:60px;left:0}@media (max-width:960px){.bg_custom{display:none}.section-why .section{padding-left:0;padding-right:0}.section-why .card-column{margin-top:160px;margin-left:30px;margin-right:30px;padding:30px 15px}.section-why .card-column .grid-img{height:100px}.section-why .card-column .grid-img .MuiBox-root{top:-150px}.section-why .card-column:nth-child(2n) .MuiGrid-container{flex-direction:column-reverse;padding-top:100px;display:flex}.section-why .card-column:nth-child(2n) .grid-img .MuiBox-root{top:-230px}.career.page .grid-form{padding:40px 20px 40px 40px!important}.career.page .grid-content{padding:120px 20px 60px 40px!important}}.section.services .MuiGrid-item .card-row{transition-property:box-shadow;transition-duration:.25s;transition-timing-function:ease-in-out}.section.services .MuiGrid-item:hover .card-row{box-shadow:0 0 0 2px #cf2027}.section.services .MuiGrid-item .card-row>div>span{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.section.services .MuiGrid-item:hover .card-row>div>span{transform:rotate(-12deg)}.section.services .MuiGrid-item .card-row h3,.section.services .MuiGrid-item .card-row p{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.section.services .MuiGrid-item:hover .card-row h3,.section.services .MuiGrid-item:hover .card-row p{transform:translateY(-10px)}.card-aplikasi .splide__slide .card-row>div>span{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.card-aplikasi .splide__slide:hover .card-row>div>span{transform:scale(1.1)rotate(-6deg)}.section-case .MuiGrid-item .grid-wrap{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.section-case .MuiGrid-item:hover .grid-wrap{transform:scale(1.1)}.section-case .MuiGrid-item .grid-wrap>span{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.section-case .MuiGrid-item:hover .grid-wrap>span{transform:scale(1.075)}.section-case .MuiGrid-item .grid-wrap h2{transition-property:transform;transition-duration:.25s;transition-timing-function:ease-in-out}.section-case .MuiGrid-item:hover .grid-wrap h2{transform:scale(1.2)}.promo-card .MuiPaper-root .MuiCardContent-root h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:14px;font-weight:600;line-height:normal;overflow:hidden}.promo-card .MuiPaper-root h6{margin-top:0;margin-bottom:0;font-weight:600}.promo-card .MuiPaper-root .MuiCardContent-root{text-align:left;padding:15px 15px 0}.promo-card .MuiPaper-root .MuiCardActions-root{padding:15px}a.promo-card{-webkit-text-decoration:unset;text-decoration:unset}.promo-card .MuiPaper-root{border:.5px solid #e30017}.partner-detail.page .section{text-align:left;max-width:900px;padding:60px 20px}.partner-detail.page .section .promo-title{margin:30px 0}.partner-detail.page .section .promo-title h2{margin:0;font-weight:600}.partner-detail.page .section .promo-title h5{color:gray}.partner-detail.page .section .promo-content ol,.partner-detail.page .section .promo-content ul{margin:0 0 20px;padding:0 0 0 15px;font-size:.75rem}.partner-detail.page .section .promo-content ul{padding-left:5px;list-style-type:" -"}.partner-detail.page .section .promo-content ul li{padding-left:5px}.partner-detail.page .section .promo-content p{margin-bottom:20px}.partner-detail.page .section .promo-content ul.promo-info{padding-left:0;list-style-type:none}.partner-detail.page .section .promo-content ul.promo-info li{padding-left:0}.partner-detail.page .section .promo-content ul.promo-info li span{min-width:80px;display:inline-block}@media (max-width:480px){.app-card{top:60%}.cases.page .section{padding:60px 20px}.cases.page .unset-img{max-width:90%}.cases.page .section h1{font-size:24px}.cases.page .section h3{font-size:14px}.services.page .section{padding:0}.services.page .section .MuiGrid-container{width:100%}.services.page .section .splide{width:96%}.services.page .grid-content{padding-left:20px;padding-right:20px}.section-red>div{flex-direction:column}.section-red>div>div{margin:0}.section-why .section{padding-left:0;padding-right:0}.section-why .card-column{margin-top:160px;padding:30px 15px}.section-why .card-column .grid-img{height:100px}.section-why .card-column .grid-img .MuiBox-root>span{width:100%!important}.section-why .card-column .grid-img .MuiBox-root{width:100%;top:-150px}.section-why .card-column:nth-child(2n) .MuiGrid-container{flex-direction:column-reverse;display:flex}.footer .footer-link{flex-direction:column}.footer .footer-link ul{margin-bottom:10px;margin-left:0}.page.about .section{text-align:left;padding:30px 20px}.page.about .section h1{font-size:18px}.title-team h1{font-size:24px}.career.page .grid-form{padding:40px 20px 40px 40px!important}.career.page .grid-content{padding:120px 20px 60px 40px!important}.grid-para{text-align:left;margin-top:15px}.contact.page>div{width:100%}.contact.page>span{display:none!important}.contact.page .MuiGrid-container{padding:80px 30px}.contact.page .MuiGrid-container>div{padding-left:0}.survey.page .checkbox-group{max-height:initial}.survey.page .toggle-group button{width:100%}.prize-confirm .MuiDialogContent-root{text-align:center;min-width:auto}.prize-confirm p{font-size:12px!important}.prize-confirm h3.hp{font-size:24px}.survey.page.height{height:auto}}