body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgba(0,0,0,.87)!important}body,html{font-size:14px}html{background:#fff}@media(max-width:768px){html{font-size:12px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}small{font-size:85%!important}.grecaptcha-badge{visibility:hidden}.btn-success{background:linear-gradient(90deg,#1d4289,#00b74f 76.56%);border-radius:8px;border:none}.btn-outline-success,.btn-success{padding-left:25px;padding-right:25px;font-weight:500;height:44px!important}.btn-outline-success{border-radius:8px}.btn-outline-success:hover{background:linear-gradient(90deg,#1d4289,#00b74f 76.56%)}.btn-outline-secondary,.btn-secondary{border-radius:8px;padding-left:25px;padding-right:25px;font-weight:500;height:44px!important}.btn-success:disabled{opacity:.8}.modal-center{top:100px}.modal-content{border-radius:16px}@media(min-width:576px){.modal-dialog{max-width:576px}}@media(min-width:900px){.wide-modal{max-width:800px!important}}.btn-outline-success:hover img,.btn-success:hover img{filter:contrast(0) brightness(1050%)}.btn-outline-success:hover{background-color:#129c4f;border-color:#129c4f}.btn:focus{box-shadow:none!important}.col-20{width:20%}.pr-10{padding-right:6rem}@media(max-width:768px){.pr-10{padding-right:15px}}.mr-15{margin-right:9rem}.w-md-80{width:80%}@media(max-width:768px){.w-md-80{width:100%}}.w-md-40{width:40%}@media(max-width:768px){.w-md-40{width:100%}}.bg-white-1{background:#fff}.flex-row-reverse-mobile{flex-direction:row}@media(max-width:768px){.flex-row-reverse-mobile{flex-direction:row-reverse}}.border-dot{border:1px dotted #6c6c6c}.border-top-strong{border-top:1px solid #151414}.border-strong{border:1px solid #151414}.border-bottom-dot{border-bottom:1px dotted #6c6c6c}.border-right-dot{border-right:1px dotted #6c6c6c}.border-top-dot{border-top:1px dotted #6c6c6c}.border-bottom-dashed{border-bottom:1px dashed #dfe2e3}.border-dash{border:1px dashed #dfe2e3}.border-vpbank{border:1px solid #00b74f}.text-danger2{color:#e36b67!important}@media(max-width:768px){.wrap-mobile{flex-wrap:wrap-reverse}}.mg-b-8{margin-bottom:4px}.mw-20px{min-width:20px}.mw-50,.mw-66{max-width:50%}.text-decoration-underline{text-decoration:underline}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey;border-radius:10px}body::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#d8d8d8}body ul{list-style-image:url(/static/media/list_style.9aafa08a.svg)}body .listcard{margin-left:18px;list-style-image:url(/static/media/logoIcon.9a476443.svg)}.scrollbar::-webkit-scrollbar{width:4px}.scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey;border-radius:10px}.scrollbar::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}.scrollbar::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.scrollbar ul{list-style-image:url(/static/media/list_style.9aafa08a.svg)}.background{background-color:#ebebeb}.background-top{background-color:#325340}.switch-wrapper{position:relative}.switch-wrapper>div{position:absolute;width:100vw}.color-vpbank{color:#00b74f}h6{font-weight:400!important;font-size:1.1rem!important}.cursor-pointer{cursor:pointer}.w-48{width:48px!important}.h-44{height:44px!important}.round{border-radius:8px}.round2{border-radius:16px}.oneline{white-space:nowrap;overflow:hidden}.modal-bieuphi .modal-content{border-radius:16px;border:1px solid #00b74f;font-size:1rem;background:linear-gradient(180deg,#00b74f 28%,#090979 0,#fff 0)}.border-md-left{border-left:1px solid #d2fadf}.border-md-right{border-right:1px solid #d2fadf}.border-md-bottom{border-bottom:1px solid #d2fadf}.border-md-top{border-top:1px solid #d2fadf}.fw600{font-weight:600}.fw500{font-weight:500}.fw400{font-weight:400}.fw700{font-weight:700}.step2-table-containter{border-radius:16px;border:1px solid #00b74f}.step3-term{height:200px;overflow-y:auto;border:1px solid #a7adb2}.step3-term::-webkit-scrollbar{width:4px}.step3-term::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey;border-radius:10px}.step3-term::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}.step3-term::-webkit-scrollbar-thumb:hover{background:#d8d8d8}.webcam-container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;margin:auto;overflow:hidden}.webcam-container .webcam-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.webcam-container video{z-index:1;position:absolute;background:#000;top:16px;left:16px;width:calc(100% - 32px);min-height:calc(100% - 32px)}@media(max-width:768px){.webcam-container video{transform:translate(-50%,-50%);top:50%;left:50%;width:calc(100% - 28px);object-fit:contain}}.facing-btn{top:40px;transform:translate(100%,-50%)}.webcam-record-container{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;margin:auto;overflow:hidden}.webcam-record-container .webcam-frame{position:absolute;top:0;left:0;width:100%;min-height:100%;z-index:2}.webcam-record-container video{width:100%;height:auto;z-index:1;position:absolute;top:0;left:50%;transform:scaleX(-1) translate(50%)}@media(max-width:768px){.webcam-record-container video{border-radius:16px}}.capture-confirm{background:#fafafa;border-radius:14px}.handing-capture{width:64px;height:64px;background:#e10600;outline:8px solid rgba(225,6,0,.25);border-radius:50%;font-size:32px;line-height:59px;color:#fff}.img-confirm{width:406px;height:auto}.noti-modal{border-radius:16px}.detail{background-image:url(/static/media/detail-bg.a3fe4dc0.svg);background-size:cover;background-position:top}.detail ul{list-style-image:url(/static/media/check2.6e0dce4b.svg)}.contract-modal{max-width:unset}.tin-input{margin-left:.2em;width:1em;height:1em;border:1px solid #000!important}.name-input{width:2.5em;height:2.5em;border:1px solid #000!important}.name-input,.name-input2{text-align:center;font-weight:700}.name-input2{width:2em;height:2em;margin-right:4px;border:none;border-bottom:1px solid #000!important}.title{top:0;left:0}.detail-digitalbank{border-radius:8px;padding:2px 5px;font-weight:500;color:#28a745;border:1px solid #28a745;line-height:1.8}.detail-digitalbank:hover{background:linear-gradient(90deg,#1d4289,#00b74f 76.56%)}@media(max-width:768px){.finger{height:16px}}.card-benefit ul{list-style-image:url(/static/media/vpbfavicon.1dbbcc4b.svg);padding-inline-start:30px}.card-benefit .card-benefit2 ul{list-style-image:url(/static/media/list_style.9aafa08a.svg)}.modal-bieuphi2{background:transparent}.modal-bieuphi2 .modal-content{background:transparent;border:none}.bg-bieuphi{background:#f5fffa}.row-bieuphi{border:1px solid #00b74f;border-radius:16px}.row-bieuphi>div:nth-child(odd){background:#f5fffa}.row-bieuphi>div:nth-child(2n){background:#fff}.row-bieuphi>div:first-child{border-radius:16px 16px 0 0}.row-bieuphi>div:nth-child(5){border-radius:0 0 16px 16px}.row-bieuphi2 ul{list-style-image:url(/static/media/check-bieuphi.85ec0fae.svg);margin:0}.custom-input{background-color:#f5f6f7;height:48px}.custom-input:focus{background-color:#fff}.w20{width:20%}@media(max-width:768px){.w20{width:50%}}.round4{border-radius:4px}.bg-gift{background:rgba(1,184,80,.05);width:-moz-fit-content;width:fit-content}.deco{text-decoration:underline;-webkit-text-decoration-color:#00b74f;text-decoration-color:#00b74f}.border-vpb{border:1px solid #00b74f}.btn-prime-check{border-radius:15px 0 0 15px;width:calc(50% + 5px)}.btn-prime-uncheck{border-radius:15px 0 0 15px;width:calc(50% - 5px);background:#fff;color:#6d767e}.btn-prime-uncheck:hover{background-color:#fff;color:rgba(109,118,126,.7)}.btn-diamond-check{border-radius:0 15px 15px 0;width:calc(50% + 5px)}.btn-diamond-uncheck{border-radius:0 15px 15px 0;width:calc(50% - 5px);background:#fff;color:#6d767e}.btn-diamond-uncheck:hover{background-color:#fff;color:rgba(109,118,126,.7)}.triangle{border-bottom:44px solid #fff;border-left:10px solid transparent}.triangle,.triangle2{position:absolute;left:calc(50% - 5px)}.triangle2{border-top:44px solid #fff;border-right:10px solid transparent}.ul-diamond{list-style-image:url(/static/media/vpbfavicon.1dbbcc4b.svg)}.item-diamond{background:#fafafa;border-radius:8px;width:46%;margin:2%;padding:10px}.item-diamond .middle{color:#1d4289}.color-new{color:#52a4de}.square-new{width:13px;margin-bottom:3px}@font-face{font-family:"Gilroy";font-display:auto;font-style:normal;font-weight:700;font-display:swap;src:local("Gilroy Bold"),local("Gilroy-Bold"),url(/static/media/SVN-Gilroy\ Bold.e46346e4.otf) format("opentype")}@font-face{font-family:"Gilroy";font-display:auto;font-style:normal;font-weight:600;font-display:swap;src:local("Gilroy SemiBold"),local("Gilroy-SemiBold"),url(/static/media/SVN-Gilroy\ SemiBold.ee43a489.otf) format("opentype")}@font-face{font-family:"Gilroy";font-display:auto;font-style:normal;font-weight:500;font-display:swap;src:local("Gilroy Medium"),local("Gilroy-Medium"),url(/static/media/SVN-Gilroy\ Medium.bc38048a.otf) format("opentype")}@font-face{font-family:"Gilroy";font-display:auto;font-style:normal;font-weight:400;font-display:swap;src:local("Gilroy Regular"),local("Gilroy-Regular"),url(/static/media/SVN-Gilroy\ Regular.6b1bcdc2.otf) format("opentype")}@font-face{font-family:"Gilroy";font-display:auto;font-style:normal;font-weight:300;font-display:swap;src:local("Gilroy Light"),local("Gilroy-Light"),url(/static/media/SVN-Gilroy\ Light.d1f6a130.otf) format("opentype")}body{font-family:"Gilroy";overflow-x:hidden}.new-sec1{background-image:url(/static/media/step1.470f6d05.jpg);height:47vw;background-size:cover}.new-sec1-mobile{background-image:url(/static/media/sec1.991da86d.png);height:169vw;background-size:cover}.down-new{width:8vw;height:8vw}@media(max-width:768px){.down-new{width:20vw;height:20vw}}h1.new{color:#fff;font-size:3vw;font-style:normal;font-weight:700;line-height:150%}@media(max-width:768px){h1.new{font-size:7vw}}h2.new{font-size:2.5vw;font-style:normal;line-height:150%}@media(max-width:768px){h2.new{font-size:6vw}}h3.new{font-size:1.5vw;font-style:normal;line-height:150%}@media(max-width:768px){h3.new{font-size:4vw}}.color-new{color:#183772}.border-img{border:8px solid #fff;border-radius:8px}.border-img img{padding:-2px;border:2px solid #fff}.new-sec2-div{border-radius:8px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.25)}.new-sec2-div img{width:15vw}@media(max-width:768px){.new-sec2-div img{width:25vw}}.new-sec5-div{border-radius:8px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.25)}.new-sec5-div img{border-radius:8px 8px 0 0}.position-absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.new-sec3{background:linear-gradient(180deg,rgba(193,236,255,0),#d2e6ff);height:47vw;background-size:cover;height:-moz-fit-content;height:fit-content}.new-sec5{background:linear-gradient(264deg,#00b74f -.65%,#1d4289 99.16%);height:-moz-fit-content;height:fit-content;background-size:cover}.new-sec7{background-color:#1d4289}.btn-dangky1{background-color:#fff;color:#00b74f}.btn-btn2{border:1px solid #fff;color:#2b343d;background-color:#fff;padding:15px 30px;border-radius:8px;width:calc(16vw + 1rem)}@media(max-width:768px){.btn-btn2{width:calc(40vw + 1rem)}}.btn-btn2:hover{color:#fff;background-color:#5d7084}.btn-btn3{border:1px solid #000;background-color:#1d4289;color:#fff;padding:15px 30px;border-radius:8px}.btn-btn3:hover{color:#1d4289;background-color:#dee4ea}.h-md-100{height:100%}@media(max-width:768px){.h-md-100{height:auto}}.outer{overflow-x:auto;scroll-snap-type:x mandatory;display:flex;scroll-behavior:smooth}.inner{display:flex;width:250vw}.col2{flex:0 0 65vw;padding:5vw;scroll-snap-align:start}.sidebar{width:400px;padding-left:50px;background:url(/static/media/bg.6fbb08ac.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;box-shadow:inset 0 -8px 16px rgba(0,0,0,.1);min-height:100vh;margin-left:-15px}.sidebar-item{height:24px;width:24px;border-radius:50%;line-height:24px}.sidebar-pre{background:url(/static/media/checked.7472a021.svg)}.sidebar-current{background:url(/static/media/current.bbbd7975.svg)}.sidebar-suf{background-color:#dfe2e3}.sidebar-line{border-left:1px solid #00b74f}.sidebar-line,.sidebar-line-2{height:20px;margin-left:12px;margin-bottom:1px}.sidebar-line-2{border-left:1px solid #a7adb2}.sidebar-line-mobile{border-top:1px solid #00b74f;width:20px;margin-top:12px}.sidebar-line-mobile-2{border-top:1px solid #a7adb2;width:20px;margin-top:12px}.header2{background-image:url(/static/media/vpbank-flower.56cb3b23.svg);background-position:100%;background-repeat:no-repeat;height:61px}@media(max-width:768px){.back-mobile{height:26px}}.loading_wrapper__1FIDL{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.4);z-index:10000}.loading_spinner__2q5Mr{width:45px;height:45px}.modal-header .close{position:absolute;top:6px;right:10px;font-size:20px!important}.modal-header{color:#00b74f}@media(max-width:768px){.modal-header .modal-title{width:100%;text-align:center}}.error{font-size:11px;color:red}.submit-btn{background-color:#129c4f;font-weight:500;font-size:16px;box-shadow:0 10px 20px 0 rgba(18,156,79,.1);padding:5px 23px}.submit-btn:hover{opacity:.7}.new-field{position:relative;margin-bottom:20px}.new-field input,.new-field select{background-color:#f5f6f7;height:48px!important}.new-field input:disabled{cursor:not-allowed}.new-field input:disabled,.new-field input:read-only{background:#ececec;border:1px solid #dde2e4}.congrat{margin-left:10px;margin-right:10px}.fan1{border-top-right-radius:100px;border-bottom-right-radius:100px;border:16px solid #ebebeb;border-left:0}.fan1,.fan2{width:16px;height:16px}.fan2{border-top-left-radius:100px;border-bottom-left-radius:100px;border:16px solid #ebebeb;border-right:0}.qr-modal{background-image:url(/static/media/background.3078d7b7.png);width:-moz-fit-content;width:fit-content}.qr-modal,.qr-modal .frame-qr{background-repeat:no-repeat;background-size:cover}.qr-modal .frame-qr{height:70vh;width:47.5vh;background-image:url(/static/media/frame.dcfaa595.png);position:relative}@media(max-width:768px){.qr-modal .frame-qr{width:88vw;height:130vw}}.qr-modal .frame-qr canvas{width:58%!important;height:auto!important;position:absolute;bottom:18%;right:50%;transform:translateX(50%)}.qr-modal .qr-export{background-image:url(/static/media/background.3078d7b7.png);background-repeat:no-repeat;background-size:cover}.qr-modal .qr-close{line-height:0;color:#fff;font-size:18px;cursor:pointer}.qr-modal .modal-content{background-color:transparent}