@charset "UTF-8";@font-face{font-display:swap;font-family:Montserrat;font-weight:700;src:url(../../../../external.html?link=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}.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}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}.download-dana-modal__content{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__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}}.hero-personal{background-color:#116cc2;overflow:hidden;position:relative}.hero-personal .video-section{position:relative}.hero-personal .video-section:before{background:linear-gradient(180deg,#0F66BF 4.23%,rgba(16,72,158,0) 26.69%);content:"";display:block;height:500px;left:0;position:absolute;right:0;top:0;width:100%;z-index:3}.hero-personal .video-section .background-video{width:100%}.hero-personal .video-section .background-mbl{display:none;position:relative;width:100%}.hero-personal .video-section .background-mbl .bg-back{height:660px;object-fit:cover;object-position:center;width:100%}.hero-personal .video-section .background-mbl .bg-subject{bottom:1px;left:60%;max-width:600px;position:absolute;transform:translate(-60%);width:110%}.hero-personal .video-section:after{background:linear-gradient(0deg,#116CC2 14.23%,rgba(22,138,214,0) 76.69%);bottom:0;content:"";display:block;height:500px;left:0;position:absolute;right:0;width:100%;z-index:1}@media (max-width: 1024px){.hero-personal .video-section .background-video{display:none;width:100%}.hero-personal .video-section .background-mbl{display:block}.hero-personal .video-section:after{background:linear-gradient(0deg,#116CC2 4.23%,rgba(22,138,214,0) 46.69%)}}@media (max-width: 640px){.hero-personal .video-section .background-video{display:none;width:100%}.hero-personal .video-section .background-mbl{display:block}.hero-personal .video-section .background-mbl .bg-subject{left:10%;max-width:110%;transform:translate(-10%)}.hero-personal .video-section:before{background:linear-gradient(180deg,#0F66BF 4.23%,rgba(16,72,158,0) 27.69%)}}@media (max-width: 480px){.hero-personal .video-section .background-mbl .bg-back{height:500px}.hero-personal .video-section:before{background:linear-gradient(180deg,#0F66BF 4.23%,rgba(16,72,158,0) 17.69%)}}@media (max-width: 320px){.hero-personal .video-section .background-mbl .bg-back{height:400px}}.hero-personal .hero-tagline{bottom:0;left:50%;position:absolute;text-align:center;transform:translate(-50%);z-index:5}.hero-personal .hero-tagline .hero-tagline-img{display:inline-block;margin-bottom:25px;max-width:633px;width:100%}@media (max-width: 1024px){.hero-personal .hero-tagline{padding:0 22px;width:100%}.hero-personal .hero-tagline .hero-tagline-img{margin-bottom:16px}}.hero-personal .secure-section{background:linear-gradient(180deg,#116CC2 0%,#054F92 100%);padding:32px 0;text-align:center}.hero-personal .secure-text{color:#fff;margin-bottom:27px}.hero-personal .secure-logo img{height:68px}.hero-personal .secure-logo img:first-child{margin-right:40px}.hero-personal .button-wrap{display:none}.hero-personal .button-wrap button{background-color:#fff;border-radius:100px;color:#118ee9;display:inline-block;font-weight:700;margin-bottom:40px}@media (max-width: 1024px){.hero-personal .button-wrap{display:block}.hero-personal .secure-section{padding:0 0 32px}}@media (max-width: 640px){.hero-personal .button-wrap button{max-width:100%;width:100%}}@media (max-width: 320px){.hero-personal .secure-logo img{height:48px}}