@charset "UTF-8";.rc-pagination{font-size:14px;margin:16px 0 0;padding:4px 0;text-align:center}.rc-pagination ul,.rc-pagination ol{list-style:none;margin:0;padding:0}.rc-pagination:after{clear:both;content:" ";display:block;height:0;overflow:hidden;visibility:hidden}.rc-pagination-total-text{display:inline-block;height:32px;line-height:30px;margin-right:8px;vertical-align:middle}.rc-pagination-item{background-color:#fff;border:1px solid #d9d9d9;border-radius:25px;cursor:pointer;display:inline-block;font-family:arial;height:32px;line-height:30px;list-style:none;margin-right:8px;min-width:32px;outline:0;text-align:center;user-select:none;vertical-align:middle}.rc-pagination-item a{color:#727272;display:block;padding:0 6px;transition:none}.rc-pagination-item a:hover{text-decoration:none}.rc-pagination-item:focus,.rc-pagination-item:hover{border-color:#118ee9;transition:all .3s}.rc-pagination-item:focus a,.rc-pagination-item:hover a{color:#118ee9}.rc-pagination-item-active{background:#118ee9;border-color:#118ee9;font-weight:500}.rc-pagination-item-active a{color:#fff}.rc-pagination-item-active:focus,.rc-pagination-item-active:hover{border-color:#118ee9}.rc-pagination-item-active:focus a,.rc-pagination-item-active:hover a{color:#fff}.rc-pagination-jump-prev,.rc-pagination-jump-next{outline:0}.rc-pagination-jump-prev button,.rc-pagination-jump-next button{background:transparent;border:none;color:#666;cursor:pointer}.rc-pagination-jump-prev button:after,.rc-pagination-jump-next button:after{content:"\2022\2022\2022";display:block}.rc-pagination-prev,.rc-pagination-jump-prev,.rc-pagination-jump-next{margin-right:8px}.rc-pagination-prev,.rc-pagination-next,.rc-pagination-jump-prev,.rc-pagination-jump-next{border-radius:2px;color:#000000d9;cursor:pointer;display:inline-block;font-family:arial;height:32px;line-height:32px;list-style:none;min-width:32px;text-align:center;transition:all .3s;vertical-align:middle}.rc-pagination-prev,.rc-pagination-next{outline:0}.rc-pagination-prev button,.rc-pagination-next button{color:#000000d9;cursor:pointer;position:relative;user-select:none}.rc-pagination-prev button:after,.rc-pagination-next button:after{background:url(https://a.m.dana.id/danaweb/v3/arrow-bottom-grey.svg);background-position:center;background-repeat:no-repeat;background-size:16px 8px;content:"";height:24px;pointer-events:none;position:absolute;right:2px;top:2px;width:24px}.rc-pagination-prev:hover button,.rc-pagination-next:hover button{border-color:#118ee9}.rc-pagination-prev .rc-pagination-item-link,.rc-pagination-next .rc-pagination-item-link{background-color:#fff;border-radius:2px;display:block;font-size:12px;height:100%;outline:none;text-align:center;transition:all .3s;width:100%}.rc-pagination-prev:focus .rc-pagination-item-link,.rc-pagination-prev:hover .rc-pagination-item-link,.rc-pagination-next:focus .rc-pagination-item-link,.rc-pagination-next:hover .rc-pagination-item-link{border-color:#118ee9;color:#118ee9}.rc-pagination-prev button:after{transform:rotate(90deg)}.rc-pagination-next button:after{transform:rotate(-90deg)}.rc-pagination-slash{margin:0 10px 0 5px}.rc-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast: none){.rc-pagination-options *::-ms-backdrop,.rc-pagination-options{vertical-align:top}}.rc-pagination-options-size-changer.rc-select{display:inline-block;margin-right:8px;width:auto}.rc-pagination-options-quick-jumper{display:inline-block;height:28px;line-height:28px;vertical-align:top}.rc-pagination-options-quick-jumper input{margin:0 8px;width:50px}.rc-pagination-simple .rc-pagination-prev,.rc-pagination-simple .rc-pagination-next{height:24px;line-height:24px;vertical-align:top}.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link,.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link{background-color:transparent;border:0;height:24px}.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link:after,.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link:after{height:24px;line-height:24px}.rc-pagination-simple .rc-pagination-simple-pager{display:inline-block;height:24px;margin-right:8px}.rc-pagination-simple .rc-pagination-simple-pager input{background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;height:100%;margin-right:8px;outline:none;padding:0 6px;text-align:center;transition:border-color .3s}.rc-pagination-simple .rc-pagination-simple-pager input:hover{border-color:#118ee9}.rc-pagination-disabled,.rc-pagination-disabled:hover,.rc-pagination-disabled:focus{cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item-link,.rc-pagination-disabled:hover .rc-pagination-item-link,.rc-pagination-disabled:focus .rc-pagination-item-link{border-color:#d9d9d9;color:fade(#000,25%);cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item{background:hsv(0,0,96%);border-color:#d9d9d9;cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item a{background:transparent;border:none;color:#727272;cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item-active{background:#000;border-color:transparent}.rc-pagination-disabled .rc-pagination-item-active a{color:#fff}.rc-pagination-disabled .rc-pagination-item-link{background:hsv(0,0,96%);border-color:#d9d9d9;color:fade(#000,25%);cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item-link-icon{opacity:0}.rc-pagination-disabled .rc-pagination-item-ellipsis{opacity:1}@media only screen and (max-width: 992px){.rc-pagination-item-after-jump-prev,.rc-pagination-item-before-jump-next{display:none}}@media only screen and (max-width: 576px){.rc-pagination-options{display:none}}.modal{height:0;opacity:0;transition:opacity .3s ease}.modal--visible{display:block;height:auto;opacity:1}.modal__mask{background-color:#00000080;display:table;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal__wrapper{display:table-cell;vertical-align:middle}@media (max-width: 640px){.modal__wrapper{padding:16px}}.modal__container{border-radius:16px;margin:0 auto;padding:0;transition:all .3s ease}.modal__body{box-sizing:unset;height:100%;position:relative}.modal__close{bottom:auto;position:absolute;width:100%}.modal__close button{align-items:center;background-color:transparent;color:#fff;display:flex;gap:10px;margin:auto}.modal__close button label{cursor:pointer;font-size:20px}.web-animate .anim{transition:.4s}.web-animate .anim-breakpoint{overflow:hidden}.web-animate .anim-breakpoint .anim{transition:.4s;transition-delay:.2s;transition-property:opacity,transform}.web-animate .anim-breakpoint:not(.anim-active) .anim{opacity:0;transition:.4s;transition-delay:.2s;transition-property:opacity,transform}.web-animate .anim-breakpoint:not(.anim-active) .anim-fmtop{transform:translateY(-50%)}.web-animate .anim-breakpoint:not(.anim-active) .anim-fmbottom{transform:translateY(50%)}.web-animate .anim-breakpoint:not(.anim-active) .anim-fmleft{transform:translate(-50%)}.web-animate .anim-breakpoint:not(.anim-active) .anim-fmright{transform:translate(50%)}.webhc-box{width:100%;background-color:#fff;border-radius:24px;padding:24px}.webhc-box .webhc-title{font-style:normal;font-weight:700;line-height:120%;font-size:33px;margin-top:0;margin-bottom:12px}@media (max-width: 640px){.webhc-box .webhc-title{font-size:27px}}.webhc-popular-article{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f5f5f5;transition:.4s;cursor:pointer}.webhc-popular-article:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0px}.webhc-popular-article .label{font-size:17px;color:#118ee9;margin-bottom:8px}.webhc-popular-article .title{font-size:17px;line-height:1.5}.webhc-popular-article:hover{background-color:#f5f5f5;transition:.4s}.webhc-highlight-content{width:100%;border-radius:24px;position:relative;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.webhc-highlight-content .highlight-content button{background-color:#fff;color:#118ee9;border:2px solid #118ee9;border-radius:100px;font-size:21px;padding:11px 24px;font-weight:700}.webhc-highlight-content.full .highlight-content{margin-left:30px}.webhc-highlight-content.full .highlight-content .title{font-size:41px;font-weight:700;color:#fff;margin-bottom:24px}.webhc-highlight-content.full .highlight-content .text{font-size:33px;color:#fff}.webhc-highlight-content.half{width:50%}.webhc-highlight-content.half:before{padding-top:100%;content:"";display:block}.webhc-highlight-content.half .image{position:absolute;bottom:0;right:0;width:50%}.webhc-highlight-content.half .image img{width:100%}.webhc-highlight-content.half .highlight-content{position:absolute;top:20px;left:0;padding:0 20px}.webhc-highlight-content.half .highlight-content .title{font-size:33px;font-weight:700;color:#fff;margin-bottom:14px}.webhc-highlight-content.half .highlight-content .text{font-size:21px;color:#fff;margin-bottom:14px;line-height:1.5}@media (max-width: 1024px){.webhc-highlight-content.half,.webhc-highlight-content.full{width:100%!important}.webhc-highlight-content.half .image,.webhc-highlight-content.full .image{position:absolute;bottom:0;right:0;width:30%}.webhc-highlight-content.half .image img,.webhc-highlight-content.full .image img{width:100%}.webhc-highlight-content.half .highlight-content,.webhc-highlight-content.full .highlight-content{position:absolute;top:20px;left:0;padding:0 20px;margin:0}.webhc-highlight-content.half:before,.webhc-highlight-content.full:before{padding-top:50%;content:"";display:block}}@media (max-width: 640px){.webhc-highlight-content.half .highlight-content button,.webhc-highlight-content.full .highlight-content button{font-size:17px;padding:11px 16px}.webhc-highlight-content.half .highlight-content .title,.webhc-highlight-content.full .highlight-content .title{font-size:21px}.webhc-highlight-content.half .highlight-content .text,.webhc-highlight-content.full .highlight-content .text{font-size:17px}}.webhc-topic-box{background-color:#fff;border-radius:12px;position:relative;cursor:pointer}.webhc-topic-box:before{content:"";display:block;padding-top:100%}.webhc-topic-box .inner-box{position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;padding:0 16px}.webhc-topic-box .inner-box>img{width:56px;height:56px;object-fit:contain;object-position:center;margin-bottom:12px}.webhc-topic-box .inner-box>.text{font-size:17px}.webhc-subtopic-menus{padding:24px;background-color:#fff;border-radius:24px}.webhc-subtopic-menus .subtopic-title{width:100%;text-align:left;margin-bottom:24px;font-size:27px;font-weight:700}.webhc-subtopic-menus .subtopic-list .subtopic{padding:12px 8px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:flex-start;align-items:center;width:100%;cursor:pointer}.webhc-subtopic-menus .subtopic-list .subtopic .icon{display:block;width:32px;height:32px;object-fit:contain;object-position:center;margin-right:8px}.webhc-subtopic-menus .subtopic-list .subtopic .label{font-size:17px;color:#727272}.webhc-subtopic-menus .subtopic-list .subtopic.active{background-color:#f5f5f5}.webhc-subtopic-menus .subtopic-list .subtopic.active .label{color:#313131}@media (max-width: 1024px){.webhc-subtopic-menus{display:none}}.webhc-home-services{width:100%;padding:24px 32px;border-radius:24px;background-color:#fff;margin-bottom:24px}.webhc-home-services .title-box{width:100%;font-size:27px;font-weight:700;margin-bottom:12px}.webhc-home-services .home-services{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}.webhc-home-services .home-services .topic-box{width:150px;padding:12px 0;text-align:center;cursor:pointer}.webhc-home-services .home-services .topic-box img{display:inline-block;width:48px;height:48px;object-fit:contain;object-position:center;margin-bottom:8px}.webhc-home-services .home-services .topic-box .text{transition:.4s;font-size:17px;color:#727272}.webhc-home-services .home-services .topic-box:hover .text{transition:.4s;color:#313131}.webhc-article-list{width:100%;padding:24px;border-radius:24px;background-color:#fff}.webhc-article-list .head-article-list{display:flex;margin-bottom:12px}.webhc-article-list .head-article-list .back-button{background-color:transparent;margin-right:8px}.webhc-article-list .head-article-list .back-button .icon-back{background-color:#313131;width:24px;transform:rotate(180deg)}.webhc-article-list .head-article-list .title-box{font-size:27px;font-weight:700}.webhc-article-list .body-article-list .article-link{margin-bottom:12px;padding:12px 0;line-height:1.5;color:#727272;display:block;width:100%;overflow:hidden;position:relative;border-bottom:1px solid #f5f5f5;cursor:pointer}.webhc-article-list .body-article-list .article-link:last-child{margin-bottom:0;border-bottom:0px}.webhc-article-list .body-article-list .article-link span{position:relative;z-index:1}.webhc-article-list .body-article-list .article-link:hover{color:#313131}.webhc-article-content{font-style:normal;font-weight:500;line-height:140%;font-size:21px;line-height:1.5;color:#313131}@media (max-width: 640px){.webhc-article-content{font-size:17px}}.webhc-article-content img{max-width:100%;height:auto}.webhc-home-section{padding:40px 0;display:flex}@media (max-width: 1024px){.webhc-home-section{display:block}}.webhc-home-header{padding:24px 0}.webhc-home-banner{margin-bottom:24px}.webhc-home-topic{width:calc(100% - 420px)}.webhc-home-topic .video-diana-wrap{position:relative;border-radius:12px;overflow:hidden;margin-bottom:24px}.webhc-home-topic .video-diana-wrap:before{content:"";display:block;padding-top:55%}.webhc-home-topic .video-diana-wrap .ratio-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.webhc-home-topic .video-diana{width:100%;height:100%}.webhc-home-topic .howto-diana{width:100%}@media (max-width: 1024px){.webhc-home-topic{width:100%;margin-bottom:24px}}.webhc-home-article{padding-left:24px;width:420px}@media (max-width: 1024px){.webhc-home-article{padding-left:0;width:100%}}.webhc-home-highlight{display:flex;margin-bottom:65px;flex-wrap:wrap;gap:24px}.webhc-home-highlight>.half{width:calc(50% - 12px)}.webhc-tips-section{padding-bottom:40px}.webhc-content-grid{display:flex;padding-bottom:40px}@media (max-width: 1024px){.webhc-content-grid{flex-wrap:wrap}}.webhc-content-submenu{width:100%;max-width:345px}@media (max-width: 1024px){.webhc-content-submenu{max-width:100%;margin-bottom:24px}}.webhc-content-topic{width:calc(100% - 345px);padding-left:24px}@media (max-width: 1024px){.webhc-content-topic{width:100%;padding:0}}*{box-sizing:border-box}button{border:none;cursor:pointer}a{text-decoration:none}.main{margin-top:84px}@media (max-width: 1024px){.main{margin-top:68px}}.web-container{margin:0 auto;max-width:1080px;padding:0 44px;width:100%}@media (max-width: 640px){.web-container{padding:0 24px}}.web-section{padding-left:44px;padding-right:44px}@media (max-width: 640px){.web-section{padding-left:24px;padding-right:24px}}.web-section .web-container{margin:0 auto;max-width:1080px;padding:0;width:100%}@media (max-width: 640px){.web-section .web-container{padding:0}}.global__section-small-title{color:#727272;font-size:20px;font-weight:400;letter-spacing:.04em;line-height:24px;margin:0 auto 48px}html{scroll-behavior:smooth}.background-white{background-color:#fff}.background-gradient-greyaqua{background:linear-gradient(180deg,#f5f5f5 0%,#E9F5FE 100%)}.background-grey{background:#f5f5f5}.background-aqua{background:#E9F5FE}.bg-blue-30{background-color:#18c1ff}.bg-blue-50{background-color:#118ee9}.bg-blue-70{background-color:#084a7a}.download-dana-modal .bottomTagline{font-size:14px;font-weight:400;line-height:19.6px;text-align:left;color:#727272}.download-dana-modal .modalCloseButton{position:relative;top:-16px;height:32px;text-align:right;width:100%}.download-dana-modal .modalCloseButton img{display:inline-block}.download-dana-modal .modalCloseButton:hover{opacity:.6}.download-dana-modal .download-container{border-radius:8px;margin-bottom:20px;background:#F5F5F5;width:100%;display:flex;padding:16px}.download-dana-modal .hide{display:none}.download-dana-modal__submit{background-color:#118ee9;border-radius:40px;color:#fff;font-size:16px;font-weight:700;line-height:24px;width:100%;height:44px;margin-top:0;margin-bottom:16px}.download-dana-modal__submit.disabled{background-color:#e3e3e3;cursor:not-allowed}.download-dana-modal__submit.disabled .icon-arrow{background-color:#939393}.download-dana-modal__select-form-caption{margin-top:-10px;margin-bottom:16px;color:#727272;text-align:left;font-size:14px}.download-dana-modal__form-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:16px;gap:16px}.download-dana-modal__form-container label{color:#727272}.download-dana-modal__form-container.select-form{align-content:left;text-align:left;justify-content:flex-start;gap:10px}.download-dana-modal__form-container.select-form .form-control-2{min-width:320px;text-align:left}.download-dana-modal__form-container .form-control{color:#727272;width:100%;font-size:14px;justify-content:start;align-items:flex-start;display:flex;flex-direction:column}.download-dana-modal__form-container .form-control input::-webkit-outer-spin-button,.download-dana-modal__form-container .form-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.download-dana-modal__form-container .form-control input[type=number]{-moz-appearance:textfield}.download-dana-modal__form-container .form-control input{width:100%;padding:10px;margin:10px 0;border:.1px solid #ccc}@media (max-width: 1024px){.download-dana-modal__form-container{display:block}.download-dana-modal__form-container .form-control:first-child,.download-dana-modal__form-container .form-control-2:first-child{margin-bottom:8px}}.download-dana-modal__content{max-height:calc(100vh - 32px)!important;overflow-y:scroll!important;-ms-overflow-style:none;scrollbar-width:none;align-items:center;background-color:#fff;border-radius:16px;margin:auto;overflow:hidden;padding:40px 57px;text-align:center;width:fit-content}.download-dana-modal__content .download-container{height:auto;align-items:center;opacity:1;visibility:visible;transition:height 4s linear;transform:translateY(0);padding:16px;gap:16px}.download-dana-modal__content .download-container.hide{height:0px;opacity:0;visibility:hidden;transform:translateY(-25px);transition:height 4s linear}.download-dana-modal__content .download-container__content{height:100%;width:auto}.download-dana-modal__content .download-container__content .content-text{padding:2px;max-width:246px;font-size:17px;font-weight:500;line-height:23.8px;text-align:left}.download-dana-modal__content .download-container__barcode{margin-bottom:16px}@media (max-width: 640px){.download-dana-modal__content .download-container__store{display:table-cell}}.download-dana-modal__content .download-container__store .mobile-store{display:flex;flex-direction:column}.download-dana-modal__content .download-container__store img{display:inline-block;width:155px}.download-dana-modal__content .download-container__store img:first-child{margin-right:16px}@media (max-width: 640px){.download-dana-modal__content .download-container__store img:first-child{margin-right:0}}.download-dana-modal__title{font-size:41px;font-weight:700;line-height:120%}@media (max-width: 640px){.download-dana-modal__title{font-size:31px}}.download-dana-modal__caption{color:#727272;font-size:21px;font-weight:500;line-height:140%;margin:16px 0}@media (max-width: 640px){.download-dana-modal__caption{font-size:16px}}.download-dana-modal__barcode{margin-bottom:16px}@media (max-width: 640px){.download-dana-modal__store{display:table-cell}}.download-dana-modal__store img{display:inline-block;width:155px}.download-dana-modal__store img:first-child{margin-right:16px}@media (max-width: 640px){.download-dana-modal__store img:first-child{margin-right:0}}.download-dana-modal.dana-cicil .download-dana-modal__content{padding:40px 57px}@media (max-width: 640px){.download-dana-modal.dana-cicil .download-dana-modal__content{padding:40px 24px}}.web-barcode-box{align-items:center;background-color:#fff;border-radius:12px;display:inline-flex;margin-bottom:32px;max-width:350px;padding:12px;width:100%}.web-barcode-box img{display:inline-block;margin-right:16px}.web-barcode-box p{color:#118ee9;font-size:21px;font-weight:700;line-height:140%;text-align:left}@font-face{font-display:swap;font-family:Montserrat;font-weight:700;src:url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Bold.ttf) format("ttf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Bold.otf) format("otf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Bold.woff) format("woff"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-weight:500;src:url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Medium.ttf) format("ttf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Medium.otf) format("otf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Medium.woff) format("woff"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-weight:400;src:url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Regular.ttf) format("ttf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Regular.otf) format("otf"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Regular.woff) format("woff"),url(https://a.m.dana.id/resource/danaweb-v2/fonts/Montserrat-Regular.woff2) format("woff2")}body,a,div{font-family:Montserrat,sans-serif;font-weight:400}.webhc-merchant-section{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:40px}.webhc-merchant-section .text{font-style:normal;font-weight:500;line-height:140%;font-size:21px;width:100%;color:#727272}@media (max-width: 640px){.webhc-merchant-section .text{font-size:17px}}.webhc-merchant-section .content-wrap span{font-style:normal;font-weight:700;line-height:120%;font-size:27px;word-wrap:break-word}@media (max-width: 640px){.webhc-merchant-section .content-wrap span{font-size:21px}}.webhc-merchant-section .merchant-box{width:calc(50% - 12px);background-color:#fff;padding:40px;border-radius:24px}.webhc-merchant-section .merchant-box .content-wrap .icon-copy{display:inline-block;margin-left:8px;cursor:pointer}.webhc-merchant-section .merchant-box .content-wrap .icon-copy .svg-icon{background-color:#727272;transition:.4s}.webhc-merchant-section .merchant-box .content-wrap .icon-copy:hover .svg-icon{background-color:#313131;transition:.4s}.webhc-merchant-section .merchant-box .icon{background-color:#118ee9;width:56px;height:56px;margin-bottom:16px}.webhc-merchant-section .merchant-box .text{margin-bottom:16px}@media (max-width: 640px){.webhc-merchant-section .merchant-box{padding:16px;width:100%}}