.title-14,.title-16,.title-18,.title-20{font-weight:700}.section-business-impact .business-impact-list li::before,.section-client-overview .mission-list li::before{content:'';width:24px;height:24px;display:inline-block;background-size:24px;background-repeat:no-repeat;background-position:center}.font-barlow{font-family:Barlow}.font-tajawal{font-family:Tajawal}ol,ul{margin-bottom:0}h1.title-36::before{content:'';position:absolute;display:inline-block;width:44.26px;height:5px;top:45px;background-color:#f7cc49}.md-none,h2::before,h3::before{display:none}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-10{margin-bottom:40px}.title-14{font-size:14px;line-height:17.5px}.title-16{font-size:16px;line-height:20px}.title-18{font-size:18px;line-height:22.5px}.title-20{font-size:20px;line-height:25px}.title-36,.title-36-top-hero{font-size:36px;font-weight:700}.title-36-top-hero{line-height:45px}.title-36{line-height:150%}.title-60{font-weight:700;font-size:60px;line-height:60px}.body-base-14{font-weight:400;font-size:14px;line-height:17.5px}.body-base-16{font-weight:400;font-size:16px;line-height:24px}.body-base-18-500{font-weight:500;font-size:18px;line-height:27px}.body-base-20,.body-base-20-500{font-size:20px;line-height:30px}.body-base-20{font-weight:400}.body-base-20-500{font-weight:500}.body-base-24{font-weight:500;font-size:24px;line-height:24px}.body-base-24-400{font-weight:400;font-size:24px;line-height:24px}.color-ffffff,.text-white,.text-white:hover{color:#fff}.color-0E0C0A{color:#0e0c0a}.color-000000{color:#000}.md-block{display:block}.img-container{width:100%;display:flex;justify-content:center}.section-container{padding:60px 0;margin-bottom:0}.hero{background-image:url(/case-study/tokoparts/img/bg-top-hero.png);background-size:cover;background-repeat:no-repeat;min-height:530px}.hero-container,.section-business-impact .section-inner-wrapper .content-text-wrapper,.section-business-impact .section-inner-wrapper .img-container,.section-key-third-party-integration .section-inner-wrapper .content-text-wrapper,.section-key-third-party-integration .section-inner-wrapper .img-container,.section-project-snapshot .content-text-wrapper{width:100%}.hero-content-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;text-align:left}.hero .img-hero-graphics-top{position:absolute;top:0;right:0}.hero .img-hero-graphics-bottom{position:absolute;bottom:0;left:0}.content-wrapper.has-hero-bg .hero .container{margin-top:0}.title-content{display:table-cell;vertical-align:middle;text-align:left;max-width:547px}.img-content{display:table-cell;vertical-align:bottom;justify-content:end}.img-content .img-container-top{width:120%;position:relative;transform:translateX(20%)}.hero-content-container h1{padding:0}.col-article-right{padding-top:120px}.section-business-impact .section-inner-wrapper,.section-key-third-party-integration .section-inner-wrapper,.section-managing-requirements-change .section-inner-wrapper,.section-project-snapshot .section-inner-wrapper{display:flex;justify-content:space-between;align-items:center;gap:40px}.section-project-snapshot .project-snapshot-item{padding:16px 0;border-bottom:1px solid #e6edf2;width:100%}.section-key-third-party-integration .section-inner-wrapper .key-third-party-integration-item-title,.section-project-snapshot .project-snapshot-item .project-snapshot-item-title{font-weight:700;font-size:12px;line-height:20px;color:#0e0c0a;text-transform:uppercase}.section-key-third-party-integration .section-inner-wrapper .key-third-party-integration-item-content,.section-project-snapshot .project-snapshot-item .project-snapshot-item-content{font-size:16px}.section-client-overview{background-image:url(/case-study/tokoparts/img/bg-client-overview.png);background-size:cover;background-repeat:no-repeat;background-position:center right;position:relative}.section-client-overview .card-client-overview{max-width:60%;height:730px;background:rgba(0,0,0,.7);box-shadow:0 0 35px 10px rgba(0,0,0,.2);box-sizing:border-box;border-top-right-radius:400px;border-bottom-right-radius:400px;padding-left:200px}.section-client-overview .article-client-overview{width:100%;position:absolute;top:108px}.section-client-overview hr{margin-top:24px;margin-bottom:24px}.section-client-overview .mission-list{list-style:none;color:#fff;padding-left:0;margin-top:8px}.section-client-overview .mission-list li{margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-client-overview .mission-list li::before{background-image:url(/case-study/tokoparts/img/icon/checkbox-circle-fill.svg)}.section-project-timeline .project-timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.section-project-timeline .project-timeline-grid .project-timeline-grid-item{border-radius:10px;padding:30px 16px;border:1px solid #e6edf2;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:32px;text-align:center}.section-agile-team-composition .img-agile-team{margin:94px auto 40px;display:block}.section-agile-team-composition .agile-team-composition-desc{font-size:16px;line-height:24px;color:#0e0c0a;text-align:center;max-width:712px;margin:0 auto}.section-collaboration-model .collaboration-model-grid,.section-what-we-learned .grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.section-collaboration-model .collaboration-model-grid-item{border:1px solid #e6edf2;border-radius:10px;padding:30px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:32px}.section-collaboration-model hr{margin-top:80px;margin-bottom:0;border-top:1px solid #e7e7e7}.section-key-third-party-integration .section-inner-wrapper .key-third-party-integration-item{border-bottom:1px solid #e6edf2;padding:16px 0}.section-key-challenges{background:linear-gradient(0deg,rgba(255,255,255,0) -7.51%,#f3f3f3 92.41%)}.section-key-challenges .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.section-key-challenges .grid-item{position:relative;background-color:#fff;padding:32px 84px 32px 24px;border-radius:10px;border:1px solid #e6edf2;box-shadow:0 0 40px 5px rgba(20,99,168,.03);display:flex;align-items:start;gap:16px}.section-key-challenges .number-badge{position:absolute;top:0;right:0;background-color:#0e0c0a;color:#fff;width:47px;height:47px;border-top-right-radius:8px;border-bottom-left-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.section-business-impact{padding-bottom:0}.section-business-impact .business-impact-list{list-style:none;padding-left:0}.section-business-impact .business-impact-list li{font-size:16px;line-height:24px;color:#0e0c0a;margin-bottom:16px;display:flex;align-items:start;gap:8px}.section-business-impact .business-impact-list li::before{background-image:url(/case-study/tokoparts/img/icon/checkbox-circle-fill-black.svg);flex:none}.section-banner .section-inner-wrapper{background:linear-gradient(94deg,#3d3d3d 0,#060606 78.66%);border-radius:10px;padding:12px 32px;display:flex;justify-content:space-between;align-items:center;gap:40px}.section-banner .img-container{width:auto}.section-what-we-learned .grid-container .grid-item{background-color:#fff;padding:30px 32px;border-radius:10px;border:1px solid #e6edf2;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.section-hasil-sistem{background-image:linear-gradient(180deg,rgba(231,231,231,.2) 0,rgba(231,231,231,0) 100%)}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-stretch{align-items:stretch}.align-items-center{align-items:center}@media (max-width:991.98px){.title-60{font-size:24px;line-height:135%}.title-36-top-hero{font-weight:500;font-size:18px;line-height:22.5px}.title-36{font-size:20px}.md-block,.section-banner .img-container{display:none}.md-none{display:block}.img-fluid{width:100%}.mt-2{margin-top:16px}.mt-3,.mt-4,.mt-5{margin-top:24px}.mb-2{margin-bottom:16px}.mb-3,.mb-4,.mb-5{margin-bottom:24px}.hero{min-height:auto}.hero-content-container{height:max-content;padding:30px 0}.section-container{padding:30px 0}.col-article-right{padding-top:30px}.body-base-20-500{font-size:18px}.section-latar-belakang{padding:16px}.article-latar-belakang{position:inherit;background:#1a3D72B2;backdrop-filter:blur(20px);box-shadow:0 0 35px 10px #00000033;box-sizing:border-box;border-radius:8px;padding:16px 0}.hero .img-hero-graphics-bottom,.hero .img-hero-graphics-top{width:75px}.section-banner .section-inner-wrapper,.section-business-impact .section-inner-wrapper,.section-key-third-party-integration .section-inner-wrapper,.section-managing-requirements-change .section-inner-wrapper,.section-project-snapshot .section-inner-wrapper{flex-direction:column}.section-business-impact .section-inner-wrapper .content-text-wrapper,.section-managing-requirements-change .section-inner-wrapper .content-text-wrapper,.section-project-snapshot .section-inner-wrapper .content-text-wrapper{order:2}.section-business-impact .section-inner-wrapper .img-container,.section-managing-requirements-change .section-inner-wrapper .img-container,.section-project-snapshot .section-inner-wrapper .img-container{order:1}.section-client-overview .article-client-overview{position:relative;top:0}.section-collaboration-model .collaboration-model-grid,.section-key-challenges .grid-container,.section-what-we-learned .grid-container{grid-template-columns:repeat(1,1fr)}.section-project-timeline .project-timeline-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:991.99px) and (max-width:1200px){.card-latar-belakang{width:800px;height:600px}}