@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(''),url(../../../css/fonts/Roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Gibson;font-style:normal;font-weight:400;src:local(''),url(../../../css/fonts/Gibson/Gibson-Regular.otf) format("opentype")}body{font-family:Roboto;font-size:1rem;line-height:26px}body h1,body h2{font-family:Gibson;font-size:1.625rem;line-height:34px}@media only screen and (min-width:480px){body h1{font-size:3.5rem;line-height:66px}body h2{font-size:2.5rem;line-height:50px}}body .box-header{font-family:Gibson;font-weight:500;letter-spacing:1px}.section-1{background-color:#F0F4F9}.section-1 .container{margin:20px auto}.section-1 .container .container-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:768px){.section-1 .container .container-banner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.section-1 .container .container-banner .left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-1 .container .container-banner .left .banner-badge .badge-pils{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:4px 12px;border:1px solid #09A9E8;border-radius:38px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-1 .container .container-banner .left .banner-badge .badge-pils .img-badge{padding:0 2px;width:15px;height:15px;background:url(../../../img/mobile_app_landing_page/section_1/train.png) center no-repeat}.section-1 .container .container-banner .left .banner-badge .badge-pils span{font-size:.75rem;color:#09A9E8}.section-1 .container .container-banner .left .banner-content h1,.section-1 .container .container-banner .left .banner-description span{color:#00479A}.section-1 .container .container-banner .left .banner-content{top:15px;margin:20px 0}.section-1 .container .container-banner .left .banner-description{margin:20px 0}.section-1 .container .container-banner .left .buttons-section{display:grid;margin:20px 0;width:100%}@media only screen and (max-width:991px){.section-1 .container .container-banner .left .buttons-section{grid-template-columns:repeat(2,1fr);grid-gap:15px;width:100%}.section-1 .container .container-banner .left .buttons-section div:nth-child(1),.section-1 .container .container-banner .left .buttons-section div:nth-child(2){grid-column:span 1}.section-1 .container .container-banner .left .buttons-section div:nth-child(n+3){grid-column:span 2}}@media only screen and (min-width:992px){.section-1 .container .container-banner .left .buttons-section{grid-template-columns:repeat(3,1fr);width:70%;grid-gap:15px}}.section-1 .container .container-banner .left .buttons-section .gplay{width:100%;height:50px;background:url(../../../img/icon/google_play_store_button.svg) center no-repeat;background-size:contain}.section-1 .container .container-banner .left .buttons-section .astore{width:100%;height:50px;background:url(../../../img/icon/apple_store_button.svg) center no-repeat;background-size:contain}.section-1 .container .container-banner .left .buttons-section .qrcode{width:100%;height:50px;background:url(../../../img/mobile_app_landing_page/section_1/show_qr_code.png) center no-repeat;cursor:pointer}.section-1 .container .container-banner .left .download-counter-section{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:480px){.section-1 .container .container-banner .left .download-counter-section{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}}.section-1 .container .container-banner .left .download-counter-section .download-counter-img{width:24px;height:24px;background:url(../../../img/mobile_app_landing_page/section_1/download_counter.png) center no-repeat}.section-1 .container .container-banner .left .download-counter-section .download-counter-value{color:#8CACD2;margin-left:10px}.section-1 .container .container-banner .right .banner-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-1 .container .container-banner .right .banner-img img{margin:auto}.section-2{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#FFF;padding:32px 0}.section-2 .container .container-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.section-2 .container .container-opinion .slides{display:block ruby;display:-webkit-inline-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.section-2 .container .container-opinion .slides .item,.section-2 .container .container-opinion .slides .item.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #CCDAEB;border-radius:5px;color:#8CACD2;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.section-2 .container .container-opinion .slides .item .msg,.section-2 .container .container-opinion .slides .item.active .msg{right:auto;padding:15px;font-weight:400}.section-2 .container .container-opinion .slides .item .username,.section-2 .container .container-opinion .slides .item.active .username{padding:15px}@media only screen and (min-width:480px){.section-2 .container .container-opinion .slides .item,.section-2 .container .container-opinion .slides .item.active{cursor:none}.section-2 .container .container-opinion .slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px}.section-2 .container .container-opinion .slides .slides{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.section-2 .container .container-opinion .slides .slides .item{border:1px solid #CCDAEB;border-radius:5px}.section-2 .container .container-opinion .slides .slides .item .msg,.section-2 .container .container-opinion .slides .slides .item .username{padding:15px}}.section-2 .container .dots-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:16px;gap:15px}.section-2 .container .dots-wrapper .dot{width:8px;height:8px;background:#F0F4F9;border-radius:50px;cursor:pointer}.section-2 .container .dots-wrapper .dot.active{width:8px;height:8px;background:#003777;border-radius:50px}.section-3{background:url(../../../img/mobile_app_landing_page/section_3/background_mobile.png) no-repeat;height:680px;width:100%;padding:50px 0}@media only screen and (min-width:480px){.section-2 .container .dots-wrapper{display:none}.section-3{background:url(../../../img/mobile_app_landing_page/section_3/background.png) center no-repeat;height:480px}}.section-3 .container .empty-box{display:none}@media only screen and (min-width:992px){.section-3 .container .empty-box{display:block}}.section-3 .container .box-right{width:100%;float:none;margin:250px auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section-3 .container .box-right .box{border:0 solid #FFF;border-radius:5px;background-color:#fff;gap:15px;padding:16px 12px;-webkit-box-shadow:0 4px 25px 0 rgba(0,0,0,.08);box-shadow:0 4px 25px 0 rgba(0,0,0,.08)}@media only screen and (min-width:480px){.section-3 .container .box-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:auto}.section-3 .container .box-right .box{padding:40px}}.section-3 .container .box-right .box .box-title{color:#262626;font-weight:500;padding:15px 0}.section-3 .container .box-right .box .box-desc{padding:15px 0}.section-4{background-color:#F0F4F9}.section-4 .container{margin-top:50px;margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:992px){.section-4 .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.section-4 .container .box-left{float:none;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.section-4 .container .box-left .box{border:0 solid #FFF;border-radius:5px;gap:15px}.section-4 .container .box-left .box .box-header{padding:15px 0}.section-4 .container .box-left .box .box-title{color:#262626;font-weight:500;padding:15px 0}.section-4 .container .box-left .box .box-desc{padding:15px 0}.section-4 .container .phone-img{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;float:none;margin:auto}@media only screen and (min-width:480px){.section-4 .container .box-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.section-4 .container .phone-img{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.section-5{background-color:#fff}.section-5 .container{display:grid;margin-top:50px;margin-bottom:50px}.section-5 .container div:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media only screen and (min-width:992px){.section-5 .container{display:block}}.section-5 .container .empty-box{display:none}@media only screen and (min-width:992px){.section-5 .container .empty-box{display:block}}.section-5 .container .box-right{float:none;-webkit-transform:translateY(0);transform:translateY(0);margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:480px){.section-5 .container .box-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.section-5 .container .box-right .box{border:0 solid #FFF;border-radius:5px;background-color:#fff;gap:15px}.section-5 .container .box-right .box .box-header{padding:15px 0}.section-5 .container .box-right .box .box-title{color:#262626;font-weight:500;padding:15px 0}.section-5 .container .box-right .box .box-desc{padding:15px 0}.section-5 .container .phone-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-6{background-color:#F3F3F3;padding:20px 0}.section-6 .container .lang-title{font-family:Gibson;margin:15px auto;text-align:center}.section-6 .container .lang-content{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;width:100%}@media only screen and (max-width:991px){.section-6 .container .lang-content{display:grid;grid-gap:20px}}.section-6 .container .lang-content .box-lang{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;padding-left:0;padding-right:0}@media only screen and (max-width:479px){.section-6 .container .lang-content .box-lang{margin-bottom:20px}}.section-6 .container .lang-content .box-lang .lang-item{width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background-color:#fff;border-radius:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px}.section-6 .container .lang-content .box-lang .lang-item .lang-flag{padding:7.5px}.section-6 .container .lang-content .box-lang .lang-item .lang-text{font-family:Gibson;padding:7.5px}.section-6 .container .lang-content .box-bok{background-color:#fff;border-radius:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:480px){.section-6 .container .lang-content .box-lang .lang-item{height:56px}.section-6 .container .lang-content .box-bok{height:164px}}@media only screen and (min-width:992px){.section-5 .container .box-right{-webkit-transform:translateY(50%);transform:translateY(50%)}.section-6 .container .lang-content .box-bok{height:131px}}.section-6 .container .lang-content .box-bok .box-bok-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:20px auto}.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-img{padding:10px}.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-img img{max-width:none;width:64px;height:64px}@media only screen and (min-width:480px){.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-img img{max-width:100%}}.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-content .box-bok-header{font-family:Gibson;font-weight:500;padding:5px}.section-6 .container .lang-content .box-bok .box-bok-item .box-bok-content .box-bok-desc{padding:5px;font-size:.875rem}.section-7{padding:20px 0}.section-7 .container .box-app-1-header{text-align:center}.section-7 .container .box-app-1-content .item:nth-child(odd){-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.section-7 .container .box-app-1-content{margin:20px 0;display:grid;gap:20px;width:100%}@media only screen and (min-width:554px){.section-7 .container .box-app-1-content{background:url(../../../img/mobile_app_landing_page/section_7/bg/background.png) center no-repeat;grid-template-columns:repeat(2,1fr);height:564px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.section-7 .container .box-app-1-content .item{max-width:316px;width:100%}}.section-7 .container .box-app-1-content .item{height:65px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-7 .container .box-app-1-content .item .app1-img{padding:8px;background-color:#F0F4F9;border:1px solid #F0F4F9;border-radius:6px 0 0 6px;-webkit-box-shadow:0 4px 25px 0 #F0F4F9;box-shadow:0 4px 25px 0 #F0F4F9}.section-7 .container .box-app-1-content .item .app1-img img{width:48px;height:48px}.section-7 .container .box-app-1-content .item .app1-text{height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;border:1px solid #F0F4F9;border-radius:0 6px 6px 0;font-weight:600;padding:0 8px;-webkit-box-shadow:0 4px 25px 0 #F0F4F9;box-shadow:0 4px 25px 0 #F0F4F9;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:250px;width:100%}.section-7 .container .box-app-1-content .item .app1-text p{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-7 .container .mobileImage{margin:20px 0;display:block}@media only screen and (min-width:554px){.section-7 .container .mobileImage{display:none}}.section-8{background:-webkit-gradient(linear,left top,right top,color-stop(.16%,#00479A),color-stop(100.1%,#004EBD));background:linear-gradient(90deg,#00479A .16%,#004EBD 100.1%)}.section-8 .container{margin-top:0;margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (min-width:480px){.section-8 .container{margin-top:50px}}@media only screen and (min-width:992px){.section-8 .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.section-8 .container .box-left{float:none;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:480px){.section-8 .container .box-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.section-8 .container .box-left .box{border:0 solid #FFF;border-radius:5px;gap:15px}.section-8 .container .box-left .box .box-header{color:#8CACD2;font-weight:500;padding:15px 0}.section-8 .container .box-left .box .box-title{color:#FFF;font-weight:500;line-height:50px;text-align:left;padding:15px 0}.section-8 .container .box-left .box .box-desc{color:#FFF;padding:15px 0}.section-8 .container .box-left .box .buttons-section{display:grid;margin:20px 0;width:100%}@media only screen and (max-width:991px){.section-8 .container .box-left .box .buttons-section{grid-template-columns:repeat(2,1fr);grid-gap:15px;width:100%}.section-8 .container .box-left .box .buttons-section div:nth-child(1),.section-8 .container .box-left .box .buttons-section div:nth-child(2){grid-column:span 1}.section-8 .container .box-left .box .buttons-section div:nth-child(n+3){grid-column:span 2}}@media only screen and (min-width:992px){.section-8 .container .box-left .box .buttons-section{grid-template-columns:repeat(3,1fr);grid-gap:15px}}.section-8 .container .box-left .box .buttons-section .gplay{width:100%;height:50px;background:url(../../../img/icon/google_play_store_button.svg) center no-repeat;background-size:contain}.section-8 .container .box-left .box .buttons-section .astore{width:100%;height:50px;background:url(../../../img/icon/apple_store_button.svg) center no-repeat;background-size:contain}.section-8 .container .box-left .box .buttons-section .qrcode{width:100%;height:50px;background:url(../../../img/mobile_app_landing_page/section_8/btn/show_qr_code_white.png) center no-repeat;cursor:pointer}.section-8 .container .phone-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;float:none;margin:auto}@media only screen and (min-width:480px){.section-8 .container .phone-img{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}