.doc-template__head{padding:32px 0;background-color:#f1f5f9}.doc-template__wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}.doc-template__info{flex:0 0 100%;width:100%;max-width:100%}.doc-template__search{flex:0 0 100%;width:100%;max-width:100%}.doc-template__search form.search{width:100%}.doc-template__search form.search .form-group{width:100%;position:relative;margin-bottom:0}.doc-template__search form.search .form-group .form-control{font-size:14px;line-height:20px;border:1px solid #d0d6dd;border-radius:6px;height:48px;padding:4px 100px 4px 12px;margin-bottom:0;min-height:40px}.doc-template__search form.search .form-group .btn.btn-black{position:absolute;right:4px;top:4px;background:#232933;color:#fff;border-radius:4px;padding:8px 16px;font-size:16px;line-height:22px;font-family:"Inter",sans-serif;font-weight:600;width:auto}.doc-template__outline{font-weight:600;margin-bottom:8px}.doc-template__title{font-size:32px;line-height:40px;margin-bottom:0;font-weight:700}.doc-template__wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-top:16px;padding-bottom:32px;flex-wrap:wrap}.doc-template__filter,.doc-template__content{flex:0 0 100%;width:100%;max-width:100%}.doc-template__filter{position:fixed;height:100dvh;width:100%;left:-100%;top:0;transition:left linear .2s}.doc-template__filter.active{left:0;transition:left linear .2s;z-index:101;background-color:#fff;padding:24px 16px}.doc-template__filter.active .filter{height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:16px}.doc-template__filter .filter__title{font-size:16px;line-height:24px;margin-bottom:16px;background:#fff;color:#232933;border:none;padding:0;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;font-weight:600}.doc-template__filter .filter__title .filter__close{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.doc-template__filter .filter__title::after{display:none}.doc-template__filter form.filter .form-accr{font-size:14px}.doc-template__filter form.filter .form-accr__title{font-weight:600;padding:16px 0;position:relative;border-top:1px dashed #d0d6dd;cursor:pointer}.doc-template__filter form.filter .form-accr__title::after{content:"";position:absolute;height:20px;width:20px;right:0;top:18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%2015L12%209L18%2015%22%20stroke%3D%22%23626B79%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;display:inline-flex;transform:rotate(180deg);transition:transform linear .2s}.doc-template__filter form.filter .form-accr .form-group{display:none}.doc-template__filter form.filter .form-accr .form-group__radio{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;align-items:center;padding:6px 8px}.doc-template__filter form.filter .form-accr .form-group__radio label{display:inline-flex;max-width:100%;margin:0}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio]{position:relative;flex:0 0 20px;width:20px;height:20px}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio]::before{content:"";width:20px;height:20px;display:inline-flex;border-radius:50%;border:1px solid #d0d6dd;background-color:#fff;left:0;top:0;transition:all linear .2s}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio]::after{content:"";width:12px;height:12px;display:none;border-radius:50%;background-color:#fff;left:4px;top:4px;position:absolute;transition:all linear .2s}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio]:checked::before{background-color:#4b61dd;border-color:#4b61dd;transition:all linear .2s}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio]:checked::after{display:inline-flex;transition:all linear .2s}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio].active::before{background-color:#4b61dd;border-color:#4b61dd;transition:all linear .2s}.doc-template__filter form.filter .form-accr .form-group__radio input[type=radio].active::after{display:inline-flex;transition:all linear .2s}.doc-template__filter form.filter .form-accr.active .form-accr__title::after{transform:rotate(0deg);transition:transform linear .2s}.doc-template__filter form.filter .form-accr.active .form-group{display:block}.doc-template__filter form.filter .form-accr.child{padding-left:16px}.doc-template__filter form.filter .form-accr.child .form-accr__title{color:#626b79;font-size:14px;border-top:none;border-bottom:1px dashed #d0d6dd}.doc-template__filter form.filter .form-accr.child .form-accr__title::after{transform:rotate(180deg);transition:transform linear .2s}.doc-template__filter form.filter .form-accr.child.active .form-accr__title{color:#4b61dd;border-bottom:none}.doc-template__filter form.filter .form-accr.child.active .form-accr__title::after{transform:rotate(0deg);transition:transform linear .2s}.doc-template__filter form.filter .form-accr.child.active .form-group{display:block;border-bottom:1px dashed #d0d6dd;margin-bottom:0px;padding-bottom:16px}.doc-template__filter form.filter .form-accr.child .form-group{display:none}.doc-template__content{display:flex;flex-wrap:wrap;width:100%;gap:16px;justify-content:flex-start;align-items:stretch}.doc-template__content .filter__sm{display:block;flex:0 0 100%;width:100%;max-width:100%;cursor:pointer}.doc-template__content .filter__sm .filter__title{font-size:14px;line-height:20px;color:#4b61dd;padding:8px 12px;background-color:#eaecfb;border:1px solid #4b61dd;border-radius:6px;position:relative}.doc-template__content .filter__sm .filter__title::after{content:"";position:absolute;height:20px;width:20px;right:12px;top:8px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.33301%205L13.333%2010L8.33301%2015%22%20stroke%3D%22%234B61DD%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;display:inline-flex}.doc-template__content .content__title{flex:0 0 100%;width:100%;max-width:100%;margin-bottom:16px}.doc-template__content .content__title .title{font-size:28px;line-height:36px;margin-bottom:4px;font-weight:600}.doc-template__content .content__title .counting{display:flex;width:100%;justify-content:flex-start;align-items:center;gap:8px;color:#232933}.doc-template__content .item{flex:0 0 100%;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px 16px 24px 16px;border:1px solid rgba(0,0,0,0);border-radius:16px;transition:all linear .2s}.doc-template__content .item.talenta .item__img{background-color:#a61c1c}.doc-template__content .item.jurnal .item__img{background-color:#60a5fa}.doc-template__content .item.klikpajak .item__img{background-color:#fbf3dd}.doc-template__content .item.klikpajak .item__img .title{color:#232933}.doc-template__content .item.qontak .item__img{background-color:#0b48b3;background-size:contain;background-position:bottom;background-repeat:no-repeat}.doc-template__content .item__img{display:flex;width:100%;max-height:188px;min-height:188px;height:100%;justify-content:space-between;align-items:flex-end;gap:24px;border-radius:18px;padding:10px 20px;margin-bottom:24px;flex:0 0 100%;width:100%;flex-wrap:wrap;position:relative}.doc-template__content .item__img .logo{width:20px;height:20px;position:absolute;top:20px;left:20px;display:inline-flex}.doc-template__content .item__img .title{font-size:14px;line-height:20px;margin-bottom:10px;color:#fff;font-weight:600;max-width:calc(100% - 131px - 24px);flex:0 0 100%;width:100%}.doc-template__content .item__img .img{max-height:188px;height:100%;max-width:131px;flex:0 0 100%;width:100%}.doc-template__content .item__img .img img{height:100%;object-fit:contain}.doc-template__content .item__img:hover{text-decoration:none}.doc-template__content .item__date{color:#626b79;font-size:16px;line-height:24px;font-weight:400;margin-bottom:4px}.doc-template__content .item__title{font-size:20px;line-height:28px;color:#232933;font-weight:600;margin-bottom:4px;flex:0 0 100%;width:100%}.doc-template__content .item__title h2,.doc-template__content .item__title .title{font-size:20px;line-height:28px;color:#232933;margin-bottom:0}.doc-template__content .item__desc{flex:0 0 100%;width:100%;color:#626b79;margin-bottom:16px}.doc-template__content .item__action{margin-top:auto;flex:0 0 100%;width:100%}.doc-template__content .item:hover{background-color:#f1f5f9;border-color:#d0d6dd;box-shadow:0px 10px 15px -3px rgba(0,0,0,.1),0px 4px 6px -2px rgba(0,0,0,.05);transition:all linear .2s}.doc-template__content .pagination{flex:0 0 100%;width:100%;max-width:100%;margin-top:32px;padding:32px 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.doc-template__content .pagination .page-numbers{font-size:16px;line-height:26px;color:#626b79;font-weight:600;padding:7px 10px;border-radius:50px;transition:all linear .2s;width:40px;height:40px;text-align:center}.doc-template__content .pagination .page-numbers.current,.doc-template__content .pagination .page-numbers:hover{background:#eaecfb;color:#4b61dd;text-decoration:none;transition:all linear .2s}.doc-template__content .pagination .prev,.doc-template__content .pagination .next{padding:7px 10px;border-radius:50px;transition:all linear .2s;width:40px;height:40px;align-items:center;justify-content:center;display:flex}.doc-template__content .pagination .prev:hover,.doc-template__content .pagination .next:hover{background:#eaecfb;transition:all linear .2s}.doc-template__content .pagination .prev:hover svg path,.doc-template__content .pagination .next:hover svg path{stroke:#4b61dd;transition:all linear .2s}.doc-template__content .pagination .prev.disabled,.doc-template__content .pagination .next.disabled{pointer-events:none}.doc-template__content .pagination .prev.disabled svg path,.doc-template__content .pagination .next.disabled svg path{stroke:#d0d6dd}.doc-template__content .blank{flex:0 0 100%;width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;padding:32px 0;flex-wrap:wrap}.doc-template__content .blank__img{display:inline-flex;height:120px;width:auto;margin-bottom:12px}.doc-template__content .blank__title,.doc-template__content .blank__desc{display:block;flex:0 0 100%;width:100%;max-width:100%;text-align:center}.doc-template__content .blank__title{font-size:20px;line-height:28px;margin-bottom:4px;color:#232933;font-weight:600}.doc-template__content .blank__desc{font-size:16px;line-height:24px;color:#626b79}@media screen and (min-width: 768px){.doc-template__content .item{max-width:calc(50% - 8px)}}@media screen and (min-width: 992px){.doc-template__head{padding:64px 0}.doc-template__info{max-width:calc(100% - 384px)}.doc-template__search{max-width:360px}.doc-template__wrapper{padding-top:48px;padding-bottom:64px;gap:24px}.doc-template__filter{position:sticky;top:0;left:0;height:auto;max-width:360px}.doc-template__filter .filter__title .filter__close{display:none}.doc-template__content{max-width:calc(100% - 384px)}.doc-template__content .filter__sm{display:none}.doc-template__content .content__title{margin-bottom:24px}.doc-template__content .content__title .title{font-size:32px;line-height:48px}.doc-template__content .item{max-width:100%}.doc-template__content .blank{padding:64px 0}.doc-template__content .blank__img{height:240px}}@media screen and (min-width: 1200px){.doc-template__info{max-width:680px}.doc-template__title{font-size:40px;line-height:56px}.doc-template__content .item{max-width:calc(50% - 8px)}}@media screen and (min-width: 1208px){.doc-template__content{max-width:800px}}/*# sourceMappingURL=doc-template-qontak.min.css.map */