.main-body{background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0) 100%),var(--colors-blue-blue-100,#dbedff)}.box-content{display:flex;flex-direction:column;padding-bottom:50px;padding-top:60px}.box-content .mpasi-head{line-height:32px;margin-bottom:16px;text-align:center}.box-content .mpasi-head h1{color:#003da6;font-size:48px;font-weight:750;letter-spacing:-2.88px}.box-content .mpasi-head span{color:#ef9625;font-size:48px;font-weight:750;letter-spacing:-2.88px}.box-content .mpasi-sub-head p{color:#071d4c;font-size:24px;font-weight:500;letter-spacing:.48px;line-height:28.8px;text-align:center}.container-section{margin-top:60px}.box-content .list-count{color:#003da6;font-size:32px;font-weight:750;letter-spacing:-1.92px;line-height:32px;text-align:center}.container-tabs{margin-bottom:2rem;padding:0 10rem}.box-content .box-product{align-items:center;justify-content:center;text-align:center}.box-content .box-product div .box-image{height:auto;margin:auto;width:320px}.box-content .box-product div .title{margin-bottom:16px;margin-top:24px}.box-content .box-product div .title h2{color:#003da6;font-size:32px;font-weight:750;letter-spacing:-1.92px;margin:0}.box-product .caption-tab{color:#071d4c;font-size:20px;font-weight:500;letter-spacing:.4px;line-height:24px;margin:24px 0}.box-content .box-product div .title span{font-weight:750}.box-content .box-product div .sub-title{color:#071d4c;font-size:16px;font-weight:500;letter-spacing:.32px;line-height:19.2px;margin:16px auto 24px;min-height:60px;width:296px}.btn-download{background-color:#003da6;border:none;border-radius:42px;color:#fffffc;font-size:20px;font-weight:700;letter-spacing:-.6px;line-height:20px;margin-bottom:24px;padding:12px 40px}.tabs{justify-content:space-evenly;margin:24px 0}.tab-content{display:none}.tab-content.active{display:block;gap:24px}.inner-content{align-items:start;display:flex;gap:24px;justify-content:center}.tab{background-color:transparent;border:none;border-bottom:1px solid #003da6;color:#353333;cursor:pointer;font-weight:700;letter-spacing:-.6px;line-height:20px;padding:16px 8px;position:relative;width:100%}.tab span{font-size:20px;opacity:.5}.tab.active{color:#003da6}.tab.active span{opacity:1}.tab.active:after{background:url(../images/mpasi/tab-line.png) no-repeat;background-size:cover;bottom:0;content:"";height:8px;left:0;opacity:1!important;position:absolute;width:100%}.box-banner{position:relative}.banner-footer{border-radius:24px}.box-text-content{color:#fff;height:100%;padding:56px 80px;position:absolute;top:0;width:100%}.source{color:#071d4c;font-size:16px;font-weight:500;letter-spacing:.32px;line-height:19.2px;margin:24px 0 0;text-align:center}.button-footer-banner,.sub-title-footer-banner,.title-footer-banner{max-width:475px;width:100%}.button-footer-banner h2,.sub-title-footer-banner h2,.title-footer-banner h2{color:#fff;font-size:40px;font-weight:700;letter-spacing:-2.4px;line-height:40px;margin-bottom:12px}.button-footer-banner p,.sub-title-footer-banner p,.title-footer-banner p{color:#fff;font-size:20px;font-weight:500;letter-spacing:.4px;line-height:24px;margin-bottom:12px}.button-footer-banner button,.sub-title-footer-banner button,.title-footer-banner button{background-color:#fffffc;border:none;border-radius:42px;color:#004da9;font-size:20px;font-weight:700;letter-spacing:-.6px;line-height:20px;padding:12px 40px}@media screen and (max-width:1199px){.box-text-content{padding:24px 60px}.button-footer-banner,.sub-title-footer-banner,.title-footer-banner{max-width:375px}.button-footer-banner h2,.sub-title-footer-banner h2,.title-footer-banner h2{font-size:32px;line-height:100%}.button-footer-banner p,.sub-title-footer-banner p,.title-footer-banner p{font-size:16px;line-height:20px}.button-footer-banner button,.sub-title-footer-banner button,.title-footer-banner button{font-size:18px}}@media screen and (max-width:512px){body{overflow:hidden}.box-content .mpasi-head h1,.box-content .mpasi-head span{font-size:32px;letter-spacing:-2.4px;line-height:32px}.box-content .list-count{font-size:24px;letter-spacing:-1.44px;line-height:24px}.box-text-content{padding:32px 24px}.title-footer-banner h2{font-size:28px;letter-spacing:-1.92px}.sub-title-footer-banner p{letter-spacing:.32px;line-height:19.2px}.tab.active:after{background:url(../images/mpasi/tab-line-m.png) no-repeat;background-size:cover;max-width:100%}.box-content .box-product div .box-image{width:100%}.custom-card-mobile{width:181px}.box-product .caption-tab{font-size:16px;letter-spacing:.32px;line-height:19.2px}.box-content .box-product div .title h2{font-size:24px;letter-spacing:-1.44px;line-height:24px}.box-content .box-product div .title span{font-size:14px;letter-spacing:-.42px}.box-content .box-product div .sub-title{width:100%}.box-content .box-product div .sub-title,.source{font-size:14px;letter-spacing:-.42px;line-height:16.8px}.inner-content-login{flex-direction:column}.custom-card-mobile-login{width:100%}.tab span{font-size:16px}.container-tabs{padding:0}.box-content .mpasi-sub-head p{font-size:18px;letter-spacing:.36px;line-height:21.6px}.banner-footer{height:428px;width:auto}.button-footer-banner button{font-size:16px}}@media screen and (max-width:375px){.custom-card-mobile{width:151px}}