@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);:root{--mainColor:#2192ff;--secondColor:#205295;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Open Sans,sans-serif}ul{list-style:none}a{color:inherit;text-decoration:none}.main-title{font-size:38px;font-weight:700;margin-bottom:80px;position:relative;text-align:center}.main-title:before{background-color:#fff;background-color:var(--white);border-radius:40px;bottom:-8px;content:"";height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:79px}.bill-component{display:flex;justify-content:center;margin-bottom:20px;padding-bottom:10px;position:relative}.bill-component:before{background-color:#777;bottom:0;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90%}.bill-component .bill-img{flex:0 0 20%}.bill-component .bill-img img{max-width:100%}.bill-component .bill-info{flex:0 0 85%;padding-left:20px}.bill-component .bill-name{color:var(--mainColor);font-size:30px;font-weight:700;margin-bottom:10px}.bill-component .bill-date-category,.bill-component .bill-price-status{display:flex;flex-direction:column}.bill-component .bill-category,.bill-component .bill-price{margin-bottom:5px}.bill-component .bill-category,.bill-component .bill-date,.bill-component .bill-price,.bill-component .bill-status{font-size:18px;font-weight:500}.bill-component span{color:var(--mainColor);font-size:22px;font-weight:700}.bill-component .bill-details{display:flex;justify-content:space-between}.bill-component .view-btn{display:block;font-size:20px;font-weight:700;margin-left:auto;margin-top:15px;max-width:300px;padding:8px 60px}@media (max-width:599px){.bill-component{flex-direction:column;margin-bottom:35px}.bill-component .bill-info{flex:0 0 100%;padding:0 32px}.bill-component .bill-img{text-align:center}.bill-component .bill-details{flex-direction:column}.bill-component .view-btn{display:block;font-size:16px;font-weight:700;margin-left:auto;margin-top:15px;max-width:300px;padding:8px 40px}}@media (min-width:600px){.bill-component .bill-img{flex:0 0 10%}}@media (min-width:900px){.bill-component .bill-details{flex-direction:column}.bill-component .bill-date-category,.bill-component .bill-price-status{flex-direction:row;justify-content:space-between}.bill-component .bill-category,.bill-component .bill-price{margin-bottom:0}}.main{background-color:var(--mainColor);color:var(--white);padding:5px 0;position:relative}.header{align-items:center;display:flex;justify-content:space-between}.logo img{max-width:100%}.log-reg .btn{background-color:var(--white);font-weight:700;margin:0 10px;padding:6px 12px}.log-reg .btn:hover{color:var(--white)}.nav-bar .links .list-item{cursor:pointer;font-weight:500;text-transform:uppercase;transition:.3s}.nav-bar .links .list-item:hover{color:var(--secondColor)}.profile{position:relative}.menu-icon,.profile-icon{cursor:pointer;transition:.3s}.menu-icon:hover,.profile-icon:hover{color:var(--secondColor)}.menu-icon{display:none!important}.profile-menu{background-color:var(--mainColor);padding:5px 10px;position:absolute;right:0;top:54px;width:130px}.profile-menu .profile-menu-item{color:var(--white);cursor:pointer;font-weight:700;padding:10px 0;transition:.3s}.profile-menu .profile-menu-item:hover{color:var(--secondColor)}@media (max-width:599px){.logo{max-width:80px}.log-reg .btn{font-size:12px;margin:0 5px;padding:6px 8px}.nav-bar{background-color:var(--mainColor);position:absolute;top:100%;transition:.3s;width:100%;z-index:50}.nav-bar .links .list-item{padding:16px}.menu-icon{display:block!important}}@media (min-width:600px){.logo{margin-right:20px;max-width:80px}.log-reg .btn{font-weight:700;margin:0 10px;padding:6px 12px}.nav-bar{display:block!important;flex-grow:1}.nav-bar .links{display:flex}.nav-bar .links .list-item{font-size:16px;margin:0 10px}}@media (min-width:900px){.logo{margin-right:50px}.nav-bar .links .list-item{font-size:18px;margin:0 20px}}.bill{border-radius:15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);font-size:18px;font-weight:500;margin:50px auto auto;max-width:1150px;padding:30px;position:relative}.bill .bg-logo{opacity:.5;position:absolute;right:0;top:0;z-index:-1}.bill .bill-desc{display:flex}.bill .bill-img{margin-right:15px}.bill .bill-img img{max-width:100%}.bill .bill-info{flex:0 0 75%}.bill .bill-name{color:var(--mainColor);font-size:50px;font-weight:700;margin-bottom:20px}.bill .bill-data,.bill .bill-date,.bill .bill-payment{display:flex;flex-direction:column}.bill .bill-date,.bill .bill-payment{margin-bottom:35px}.bill .bill-data .bill-category,.bill .bill-data .service-provider,.bill .bill-date .bill-issued-date,.bill .bill-date .bill-payment-date,.bill .bill-payment .bill-price,.bill .bill-payment .bill-status{flex:0 0 50%}.bill .bill-data .bill-category,.bill .bill-date .bill-issued-date,.bill .bill-payment .bill-price{margin-bottom:35px}.bill .bill-data .bill-category span,.bill .bill-data .service-provider span,.bill .bill-date .bill-issued-date span,.bill .bill-date .bill-payment-date span,.bill .bill-payment .bill-price span,.bill .bill-payment .bill-status span{color:var(--mainColor);font-size:22px;font-weight:700}.bill .separator{background-color:var(--mainColor);height:1px;margin:35px auto;width:100%}.bill .dis-pay-btn,.bill .pay-btn{background-color:var(--mainColor);font-size:20px;font-weight:700;padding:5px;width:100%}.bill .dis-pay-btn{background-color:#e0e0e0}@media (max-width:599px){.bill .bill-desc{flex-direction:column}.bill .bill-img{text-align:center}}@media (min-width:600px){.bill .bill-payment{flex-direction:row}.bill .bill-payment .bill-price{margin-bottom:0}}@media (min-width:900px){.bill .bill-img{margin-right:25px}.bill .bill-data,.bill .bill-date{flex-direction:row}.bill .bill-data .bill-category,.bill .bill-date .bill-issued-date{margin-bottom:0}}.success-container{background-color:#eeeeeead;height:100%;padding:0 24px;position:absolute;transition:.3s .4s;width:100%;z-index:50}.success-container .success-box{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin:200px auto auto;max-width:700px;padding:60px 16px;position:relative;text-align:center}.success-container .success-box .success-img{margin:auto;width:50%}.success-container .success-box .success-img img{width:100%}.success-container .success-box .close-btn{color:red;cursor:pointer;position:absolute;right:8px;top:8px}.success-container .success-box .success-text{color:var(--mainColor);font-size:24px;font-weight:700;margin-top:20px}.bills-page{display:flex;margin-bottom:50px;margin-top:50px}.bills-page .filter-btn{background-color:var(--mainColor);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgb(0 0 0/6%);color:#fff;cursor:pointer;padding:8px;right:-51px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5}.bills-page .filter-btn,.filters{border-radius:0 8px 8px 0;position:absolute}.filters{background-color:#fff;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;flex-direction:column;padding:8px 12px;transition:.3s;z-index:1}.bills-page .filters .filter-title{align-items:center;color:var(--mainColor);display:flex;font-size:26px;font-weight:700;margin-bottom:20px}.bills-page .filters .filter-title .filter-icon{margin-right:4px}.bills-page .filters .category-filter,.bills-page .filters .date-filter,.bills-page .filters .status-filter{margin-bottom:15px}.bills-page .filters .filter-container{padding-left:20px}.bills-page .filters .apply-btn{margin-bottom:15px}.bills-page .bill-container{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);flex:0 0 100%;height:80vh;margin-left:auto;margin-right:auto;overflow-y:scroll;padding:30px 16px}.bill-container::-webkit-scrollbar{width:8px}.bill-container::-webkit-scrollbar-thumb{background-color:var(--mainColor);border-radius:8px}.bills-page .bill-container .no-bills{text-align:center}.bills-page .bill-container .no-bills img{max-width:100%;opacity:.3}@media (min-width:900px){.bills-page .filter-btn{display:none}.filters{left:0!important;position:relative}.bills-page .bill-container{flex:0 0 65%}}.contact-us-container .poster{align-items:center;display:flex;flex-direction:column}.contact-us-container .poster .poster-desc,.contact-us-container .poster .poster-img{flex:0 0 50%}.contact-us-container .poster .poster-desc{margin-top:50px}.contact-us-container .poster .poster-title{color:var(--mainColor);font-size:44px;font-weight:700;margin-bottom:20px;text-align:center}.contact-us-container .poster .calls-emails{color:var(--mainColor);font-size:28px;font-weight:500;margin-bottom:20px;text-align:center}.contact-us-container .poster .poster-img img{max-width:100%}@media (min-width:1200px){.contact-us-container .poster{flex-direction:row}.contact-us-container .poster .poster-desc{margin-top:0}.contact-us-container .poster .poster-title{font-size:46px}}.home{display:flex;flex-direction:column;padding:50px 0}.home .bills,.home .transfers{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:16px}.home .bills{margin-bottom:30px}.home .bills,.home .transfers{flex:0 0 100%}.home .sec-title{color:var(--mainColor);font-size:36px;font-weight:700;margin-bottom:30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home .sec-title:before{background-color:var(--mainColor);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.home .no-bills,.home .no-transfers{text-align:center}.home .no-bills img,.home .no-transfers img{opacity:.3}.home .no-bills img{max-width:100%}.home .no-transfers img{max-width:65%}.home .bills-container,.home .transfers-container{height:64vh;overflow-y:scroll;padding-top:5px}.home .bills-container::-webkit-scrollbar,.home .transfers-container::-webkit-scrollbar{width:8px}.home .bills-container::-webkit-scrollbar-thumb,.home .transfers-container::-webkit-scrollbar-thumb{background-color:var(--mainColor);border-radius:8px}.home .bills-container .bill-item,.home .transfers-container .transfer-item{cursor:pointer;display:flex;margin-bottom:25px;padding-bottom:10px;position:relative;transition:.3s}.home .bills-container .bill-item{padding-top:5px}.home .transfers-container .transfer-item{align-items:center}.home .bills-container .bill-item:before,.home .transfers-container .transfer-item:before{background-color:#777;bottom:0;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;width:90%}.home .bills-container .bill-item:hover,.home .transfers-container .transfer-item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.home .bills-container .bill-item:hover:before,.home .transfers-container .transfer-item:hover:before{background-color:var(--mainColor)}.home .bills-container .bill-item .bill-img,.home .transfers-container .transfer-item .transfer-img{flex:0 0 20%}.home .bills-container .bill-item .bill-img img,.home .transfers-container .transfer-item .transfer-img img{max-width:100%}.home .bills-container .bill-item .bill-info{flex:0 0 70%;padding-left:20px}.home .transfers-container .transfer-item .transfer-info{display:flex;flex:0 0 80%;flex-direction:column;justify-content:space-between;padding-left:20px}.home .bills-container .bill-item .bill-name,.home .transfers-container .transfer-item .transfer-name{color:var(--mainColor);font-size:30px;font-weight:700;margin-bottom:10px}.home .transfers-container .transfer-item .transfer-name{font-size:22px}.home .bills-container .bill-item .bill-price-status{display:flex;flex-direction:column}.home .bills-container .bill-item .bill-price{margin-bottom:5px}.home .bills-container .bill-item .bill-price,.home .bills-container .bill-item .bill-status,.home .transfers-container .transfer-item .transfer-price{font-size:18px;font-weight:500}.home .transfers-container .transfer-item .transfer-price .transfer-date{margin-top:10px}.home .bills-container .bill-item span,.home .transfers-container .transfer-item span{color:var(--mainColor);font-size:22px;font-weight:700}@media (min-width:600px){.home .bills-container .bill-item .bill-img,.home .transfers-container .transfer-item .transfer-img{flex:0 0 10%}.home .bills-container .bill-item .bill-price-status{flex-direction:row;justify-content:space-between}.home .bills-container .bill-item .bill-price{margin-bottom:0}.home .transfers-container .transfer-item .transfer-info{align-items:center;flex-direction:row}}@media (min-width:900px){.home{flex-direction:row;justify-content:space-between}.home .bills{flex:0 0 59%;margin-bottom:0}.home .transfers{flex:0 0 39%}.home .transfers-container .transfer-item .transfer-info{align-items:start;flex-direction:column}}@media (min-width:1200px){.home .transfers-container .transfer-item .transfer-info{align-items:center;flex-direction:row}}.recharge-container{background-color:#eeeeeead;height:100%;padding:0 24px;position:absolute;transition:.3s;width:100%;z-index:50}.recharge{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin:200px auto auto;max-width:500px;padding:32px 16px;position:relative;text-align:center}.recharge .close-btn{color:red;cursor:pointer;position:absolute;right:8px;top:8px}.recharge .title{color:var(--mainColor);font-size:36px;font-weight:700;margin:auto auto 50px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.recharge .title:before{background-color:var(--mainColor);bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%}.recharge .input-field{width:80%}.recharge .recharge-btn{background-color:var(--mainColor);font-size:16px;font-weight:700;margin-top:20px;padding:10px 0;width:80%}@media (max-width:599px){.recharge .title{font-size:22px}}.landing-sec{margin:50px 0}.content,.landing-sec{align-items:center;display:flex;justify-content:center}.content{color:var(--mainColor);flex-direction:column;text-align:center}.content .main-text{font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap}.content .secondary-text{font-size:24px;font-weight:600;overflow:hidden;white-space:nowrap}.landing-img img{max-width:100%}.services{background-color:var(--mainColor);color:var(--white);padding:50px 0}.serv-item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.serv-item.reverse{flex-direction:column-reverse}.serv-item .serv-content,.serv-item .serv-img{flex:0 0 100%}.serv-item .serv-content .serv-title{font-size:36px;margin-bottom:20px}.serv-item .serv-content .serv-desc{font-size:18px;line-height:2}.serv-item .serv-img{text-align:center}.serv-item .serv-img img{max-width:100%}.how-to-use{padding:50px 0}.how-to-use .main-title:before{background-color:var(--mainColor)}.htw-container{flex-wrap:wrap}.htw-container,.htw-item{align-items:center;display:flex;justify-content:center}.htw-item{flex:0 0 100%;flex-direction:column;margin-bottom:50px}.htw-item .htw-img{margin-bottom:15px}.htw-item .htw-desc{color:var(--mainColor);font-size:22px;font-weight:600}.contact-us{background-color:var(--mainColor);color:var(--white);padding:50px 0}.contact-us .input-field{margin-bottom:25px!important;width:100%}.contact-us .input-field input,.contact-us .input-field label{color:#fff}.contact-us .input-field input::-webkit-input-placeholder{color:#fff}.contact-us .input-field input::placeholder{color:#fff}.footer{padding:20px 0}.footer-content{color:var(--mainColor);font-size:18px;font-weight:700;text-align:center}@media (max-width:599px){.landing-sec{flex-direction:column;margin-top:20px}.content,.landing-img{flex:0 0 100%}.content{margin-bottom:20px}.content .main-text{font-size:26px;line-height:40px}}@media (min-width:600px){.landing-sec{flex-direction:column;margin-top:20px}.content,.landing-img{flex:0 0 100%}.content{margin-bottom:20px}.content .main-text{font-size:40px;line-height:60px}.htw-item{flex:0 0 50%}}@media (min-width:900px){.content .main-text{font-size:48px;line-height:80px}.serv-item{flex-direction:row!important;padding:0}.serv-item .serv-content,.serv-item .serv-img{flex:0 0 50%}.htw-container{justify-content:space-between}.htw-item{flex:0 0 auto;margin-bottom:0}}@media (min-width:1200px){.landing-sec{flex-direction:row;margin:110px 0}.content,.landing-img{flex:0 0 50%}.content{margin-bottom:0}.content .main-text{line-height:95px}}.login-container{align-items:center;display:flex;justify-content:center;padding-top:50px}.login .form{align-items:center;border-radius:15px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;flex:0 0 60%;flex-direction:column;justify-content:center;padding:50px 0}.login .form .icon{color:var(--mainColor);font-size:120px;margin-bottom:30px}.login .form .box{align-items:flex-end;display:flex;margin-bottom:30px;width:80%}.login .input-field{width:100%}.login .input-field input,.login .input-field label{color:var(--mainColor)}.login .login-btn{background-color:var(--mainColor);font-size:16px;font-weight:700;padding:10px 0;width:80%}.login .login-img{display:none}.login .login-img img{max-width:100%}@media (max-width:599px){.login .form{flex:0 0 100%}}@media (min-width:900px){.login-container{justify-content:space-between}.login .form,.login .login-img{flex:0 0 48%}.login .login-img{display:block}}.succ-register{align-items:center;display:flex!important;flex-direction:column;justify-content:center;padding:50px 0}.succ-register .succ-img{margin-bottom:30px;max-width:220px}.succ-register .succ-img img{max-width:100%}.succ-register .succ-desc{color:var(--mainColor);font-size:26px;font-weight:700;margin-bottom:30px}.succ-register .go-to-btn{background-color:var(--mainColor);font-size:16px;font-weight:700;padding:10px 20px}@media (min-width:900px){.succ-register{padding:80px 0}.succ-register .succ-img{max-width:300px}.succ-register .succ-desc{font-size:30px}}.transfer-money{padding:50px 0}.transfer-money .send-balance-container{display:flex;flex-direction:column}.transfer-money .latest-transfer,.transfer-money .send-balance-container .balance,.transfer-money .send-balance-container .send-money{border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:16px}.transfer-money .send-balance-container .send-money{flex:0 0 59%;margin-bottom:25px}.transfer-money .send-balance-container .balance{flex:0 0 39%;margin-bottom:25px}.transfer-money .latest-transfer .title,.transfer-money .send-balance-container .balance .title,.transfer-money .send-balance-container .send-money .title{color:var(--mainColor);font-size:36px;font-weight:700;margin-bottom:30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transfer-money .send-money .send-info{align-items:center;display:flex;flex-direction:column}.transfer-money .send-money .send-info .input,.transfer-money .send-money .send-info .send-btn{font-size:18px;margin-bottom:25px;width:70%}.transfer-money .balance .balance-amount{font-size:30px;font-weight:500;margin-bottom:50px;text-align:center}.transfer-money .balance .balance-amount span{font-size:70px;font-weight:700}.transfer-money .balance .recharge-btn{display:block;margin:auto;width:70%}.transfer-money .balance .recharge-btn,.transfer-money .send-money .send-info .send-btn{font-size:20px;font-weight:700;padding:8px 0}.transfer-money .latest-transfer .transfer-item{align-items:center;display:flex;margin-bottom:25px;padding-bottom:10px;position:relative}.transfer-money .latest-transfer .transfer-item:before{background-color:#777;bottom:0;content:"";height:1px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;width:90%}.transfer-money .latest-transfer .transfer-item .transfer-img{margin-right:20px}.transfer-money .latest-transfer .transfer-item .transfer-img img{max-width:100%}.transfer-money .latest-transfer .transfer-item .transfer-info{display:flex;flex:0 0 80%;flex-direction:column;padding-left:20px}.transfer-money .latest-transfer .transfer-item .transfer-name{color:var(--mainColor);font-size:24px;font-weight:700;margin-bottom:10px;margin-right:70px}.transfer-money .latest-transfer .transfer-item .transfer-price{display:flex;font-size:18px;font-weight:500}.transfer-money .latest-transfer .transfer-item .transfer-price .transfer-date{margin-left:70px}.transfer-money .latest-transfer .transfer-item span{color:var(--mainColor);font-size:22px;font-weight:700}@media (max-width:599px){.transfer-money .latest-transfer .transfer-item .transfer-name{font-size:22px}.transfer-money .latest-transfer .transfer-item .transfer-info{padding-left:0}.transfer-money .latest-transfer .transfer-item .transfer-price .transfer-date{margin-left:0}}@media (min-width:900px){.transfer-money .send-balance-container{flex-direction:row;justify-content:space-between}.transfer-money .latest-transfer .transfer-item .transfer-info{flex-direction:row}.transfer-money .latest-transfer .transfer-item .transfer-name{margin-bottom:0}}
/*# sourceMappingURL=main.c5dc9da1.css.map*/