@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";body{font-family:Poppins,sans-serif;margin:0;padding:0;background:linear-gradient(#000000,#c40303,#ff0000)}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}ul{list-style-type:none}#mainLogo{position:absolute;top:4%;left:2%;margin:0;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:small;cursor:pointer}#mainLogo h1{position:relative;margin:5% 0 0;color:#e7e3e3}#mainLogo h1:hover{color:#ff0a0a}#mainLogo h1 span{position:relative;margin:0;color:#ff0a0a}#mainLogo h1 span:hover{color:#e7e3e3}#eDashboard{position:absolute;width:100%;height:100%;margin:0;padding:0;background:linear-gradient(#000000,#bb0c0c,#ff0000);display:flex;flex-direction:column;overflow:hidden}#eHeader{position:relative;display:flex;width:100%;height:10%;margin:0;justify-content:space-around;padding-top:1%}#eLogo{position:relative;height:90%;width:10%;margin:0;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:small;cursor:pointer}#eLogo h1{position:relative;margin:8% 0 0;color:#e7e3e3}#eLogo h1:hover{color:#ff0a0a}#eLogo h1 span{position:relative;margin:0;color:#ff0a0a}#eLogo h1 span:hover{color:#e7e3e3}#eRoutes{position:relative;height:100%;width:80%;margin:0;display:flex;padding:0;flex-direction:row;justify-content:space-evenly;color:solid rgb(255,251,251);gap:-9px}.eDashRoute{position:relative;height:60%;width:90px;text-align:center;padding:0;margin-bottom:10%}.eDashRoute h2{position:relative;border-bottom:.8px solid rgb(128,128,128);border-radius:8px;width:122%;padding-top:0%;margin-top:24%;color:#fcfcfc}.eDashRoute h2:hover{color:#d8d3d3;border-top:.9px solid rgb(99,97,97);border-bottom:navy}#eProfile{position:relative;background-color:#ffffff6b;background-image:url(/assets/prof-2aaba293.png);background-repeat:no-repeat;background-size:contain;height:55%;width:3%;margin:.9% 1% 0 0;border-radius:50%;text-align:center;color:#a1a1a1;cursor:pointer;border:5px sold #d8d3d3}#eProfile:hover{background-color:#fff;background-image:url(/assets/prof-2aaba293.png)}#ePdetails{position:absolute;height:19%;width:10%;background:rgba(197,192,192,.541);top:2%;left:88%;margin:0;border-radius:16px;justify-content:space-around;display:flex;flex-direction:column;align-items:center;cursor:pointer}#ePdetails div{position:relative;width:75%;height:30%;padding:1% 0 0;text-align:center;border-radius:5px;border:none;background:rgba(255,255,255,.479);display:flex;flex-direction:column;justify-content:center}#ePdetails .eTabsClick:hover{background:rgb(41,240,41);color:#fff}#ePLogout:hover{background:rgba(252,4,4,.753);color:#fff}#eMain{position:relative;display:flex;flex-direction:row;height:90%;margin:0;padding:1%;justify-content:space-between}#eSidebar{border:1px solid black;position:relative;height:98%;width:8%;border-radius:15px;background:rgba(119,119,119,.418);display:flex;flex-direction:column;align-items:center}.eTabs{position:relative;width:80%;height:12%;background:rgb(21,27,32);margin-top:10%;border-radius:20px;color:#fff;text-align:center;cursor:pointer}.eTabLong{position:relative;width:80%;height:40%;background:rgb(21,27,32);margin-top:10%;border-radius:20px;color:#fff;text-align:center;display:flex;flex-direction:column;cursor:pointer;align-items:center}.eIconsTab{position:relative;font-size:45px;margin-top:18%}.eLongDate{margin-top:15%;padding-top:13%;border-top:4px solid white;width:80%}#eTabTime{background:rgb(21,27,32);width:80%;margin-top:13%;border-radius:20px;color:#fff;text-align:center;display:flex;flex-direction:column;cursor:pointer;align-items:center;height:25%}.eTabs:hover{background:rgb(7,166,230);color:#000}#eContent{position:relative;height:98%;width:91%;border-radius:15px;background:rgba(0,0,0,0);display:flex;flex-direction:column;justify-content:space-between}#ePie{position:relative;height:50%;width:100%;border-radius:15px;display:flex;padding:0;margin:0;justify-content:space-between}.eCategory{position:relative;width:32%;height:100%;background:rgb(21,27,32);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between}#eCatTotal{position:relative;width:66%;height:100%}#eContentBtm{position:relative;width:100%;height:48%;display:flex;justify-content:space-between}.dashCalender{height:100%;background:rgb(21,27,32);width:45%;color:#fff;border-radius:15px}#eGreet{background:none}.eCatGreet{border-radius:15px;position:relative;width:100%;height:48%;color:#fff;background:rgb(21,27,32);display:flex;flex-direction:column;justify-content:space-evenly;padding-left:2%}.eGTxt{padding:0;margin:2% 0 0 3%}#eDashVol{position:relative;width:54%;height:100%;background:rgb(21,27,32);border-radius:15px}.eRemSavings{margin:0;display:flex;justify-content:left;padding:0 0 0 2%}.eRemSavings p{padding:0;align-self:center;font-size:large;margin:0 0 0 2%}.eRemSavingsName{font-weight:500}#eCatHeader{padding:0;margin:0 0 0 30%;text-decoration:underline}.gSims-container{display:flex;flex-direction:row;height:700px;position:relative;overflow-x:scroll;justify-content:center;overflow:hidden}#gBTN{color:#ccc;position:absolute;top:50%;right:16%;width:150px;height:70px;background:#161a1b;border-radius:15px}#gBTN:hover{color:#30383a}.gSim{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;padding:20px;margin:10px;cursor:pointer;transition:background-color .3s ease;position:relative;width:250px;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid white}#sim1{background-image:url(/assets/Telecom-18ea029b.PNG)}#sim2{background-image:url(/assets/Airtel2-50e25000.jpg)}#sim3{background-image:url(/assets/Safaricom-0ab670e4.PNG)}#sim4{background-image:url(/assets/Telecom-18ea029b.PNG)}#sim5{background-image:url(/assets/Airtel2-50e25000.jpg)}#sim6{background-image:url(/assets/Safaricom-0ab670e4.PNG)}.gSim:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;opacity:0;transition:opacity .3s ease}.gSim:hover:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-align:center;z-index:2;opacity:0;transition:opacity .5s ease}.gSim:hover:before,.gSim:hover:after{opacity:1}.gSim img{width:100%;height:auto;transition:transform .3s ease}.gSim:hover img{transform:scale(1.05)}.gSim h2{margin:0;font-size:16px;color:#030303}.gModal{overflow:auto;max-height:80vh;background-color:#bbb;padding:20px;border-radius:4px;box-shadow:0 0 10px #000;max-width:400px;width:80%;text-align:left;display:flex;flex-direction:column}.gModal ul{list-style-type:none;padding:0;margin:0;max-height:200px;color:#fff;overflow-y:auto}.gModal ul li{margin-bottom:5px}.gModal form{position:relative;width:87%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:5%}.gSim-form{max-width:400px;margin:20px auto;padding:20px;background-color:#485855;border-radius:8px;right:0px}.gSim-form h3{margin:0 0 20px}.gSim-form form{display:flex;flex-direction:column}.gSim-form label{font-weight:700;margin-bottom:10px}.gSim-form input{padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}.gSim-form button{padding:10px 20px;background-color:#161a1b;color:#fff;border:none;border-radius:4px;cursor:pointer}.gSim-form button:hover{background-color:#30383a}#gSimsHome{position:absolute;margin:0;padding:0;width:100vw;height:100vh;background:linear-gradient(#020202,#df0303);justify-content:center;align-items:center;overflow:hidden}#gCategoryDropDown select{margin-bottom:5px;border-radius:4px;width:57%;height:30px}#gInputTransaction input{margin-bottom:5px;border-radius:4px;border:1px solid #ccc;width:50%;height:20px}#gAddNewSim select{padding:10px;margin-bottom:5px;border-radius:4px;border:1px solid #ccc;width:100%}#gDetails-title{color:#fff;margin-top:2%;border-bottom:5px solid white}.gHead{text-align:center;margin-bottom:20px;color:#ccc}.gCards-container{display:flex;flex-direction:row;height:700px;position:relative;overflow-x:scroll;justify-content:center;overflow:hidden}#gBTN{color:#ccc;position:absolute;top:70%;right:20%;width:120px;height:60px;background:#161a1b;border:none;border-radius:15px}#gBTN:hover{color:#000;background:white}.gCard{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQRTNEd5sKb55zKWOUrVgj0p6zPln3BARs4d3QyMGgyK3IAAToEEzAuTuNZtKE9eTJXMgI&usqp=CAU);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;padding:20px;margin:10px;cursor:pointer;transition:background-color .3s ease;position:relative;width:250px;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gCard:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;opacity:0;transition:opacity .3s ease}.gCard:hover:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-align:center;z-index:2;opacity:0;transition:opacity .5s ease}.gCard:hover:before,.gCard:hover:after{opacity:1}.gCard img{width:100%;height:auto;transition:transform .3s ease}.gCard:hover img{transform:scale(1.05)}.gCard h2{margin:0;font-size:16px}#card1{background-image:url(/assets/Coop-ca500348.PNG)}#card2{background-image:url(/assets/Barclays-4a04b543.PNG)}#card3{background-image:url(/assets/Equity-6850b645.PNG)}#card4{background-image:url(/assets/KCB-3b4cd8e0.png)}.gTransaction-details{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:9999}.gModal{background-color:#485855;padding:40px;border-radius:4px;box-shadow:0 0 10px #000;max-width:400px;width:80%;text-align:left;height:60%;justify-content:space-evenly;display:flex;flex-direction:column}.gModal h3{margin:0 0 10px;text-align:center;color:#000;text-decoration:underline}.gModal ul{list-style-type:none;padding:0;margin:0 0 10px 35%;color:#fff}.gModal li{margin-bottom:5px}.gModal form{position:relative;width:87%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:5%;height:15%;align-self:center}.gModal form div{justify-content:space-evenly;position:relative;display:flex;width:100%;gap:-10%}.gModal form div input{border-radius:7px;text-align:center}#gModal-btns{display:flex;justify-content:center;gap:20px;margin-top:2%}#gHead-title{color:#fff;margin-top:2%;border-bottom:5px solid white;width:8%;margin-left:45%}.gCard-form{max-width:400px;margin:20px auto;padding:20px;background-color:#485855;border-radius:8px;right:0px}.gCard-form h3{margin:0 0 20px}.gCard-form form{display:flex;flex-direction:column}.gCard-form label{font-weight:700;margin-bottom:10px}.gCard-form input{padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}.gCard-form button{padding:10px 20px;background-color:#161a1b;color:#fff;border:none;border-radius:4px;cursor:pointer}.gCard-form button:hover{background-color:#a9afb1}#gCardsHome{position:absolute;margin:0;padding:0;width:100vw;height:100vh;background:linear-gradient(#020202,#df0303);justify-content:center;align-items:center;overflow:hidden}#gHelp{position:absolute;top:78%;left:15%;color:#ffffff8a;display:flex;flex-direction:row;padding:1% 0;justify-content:start;align-items:left;text-align:left;width:28%;gap:5px}#gHelp span,#gHelp p{padding:0;margin:0}#gAmount{padding:10px}.card-transaction-table{margin-top:20px}.card-transaction-table h2{font-size:24px;margin-bottom:10px}.card-transaction-table table{width:100%;border-collapse:collapse;border:1px solid #ccc}.card-transaction-table th,.card-transaction-table td{padding:10px;text-align:left;border-bottom:1px solid #ccc}.card-transaction-table th{font-weight:700}.card-transaction-table tbody tr:nth-child(even){background-color:#f2f2f2}.card-transaction-table button{margin-top:20px;padding:10px 20px;background-color:#f1f1f1;border:none;border-radius:4px;font-size:16px;cursor:pointer}.card-transaction-table button:hover{background-color:#ddd}#eSub{position:absolute;width:100%;height:100%;background:linear-gradient(#2c0000,#960606);display:flex;flex-direction:row;overflow:hidden;justify-content:space-evenly;margin:0;padding:0}#eBasic,#ePremium{position:relative;height:80%;width:30%;background:white;margin-top:5%;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between}.eTopSub,.eMiddleSub,.eBottomSub{position:relative;width:100%;display:flex;flex-direction:column;text-align:center}.eTopSub,.eBottomSub{height:20%;justify-content:center}.eMiddleSub{height:50%;padding-top:0%}li,ul,ol,a{padding:0;margin:0;text-decoration:none;color:inherit}.eButtonSub{position:relative;border:1px solid rgba(0,0,0,.726);border-radius:10px;width:30%;height:100%;text-align:center;background-color:#0ff;padding-top:2%;margin-left:35%;color:#000;font-size:large;cursor:pointer}.eButtonSub:hover{background-color:#109610;color:#fff}@media only screen and (max-width: 500px){#eSub{flex-direction:column;justify-content:space-between;align-items:center}#eBasic,#ePremium{position:relative;height:80%;width:70%;background:white;margin-top:2%;border-radius:30px;display:flex;flex-direction:column;justify-content:space-around}}@media only screen and (max-width: 1000px){#eSub{flex-direction:column;justify-content:space-between;align-items:center}#eBasic,#ePremium{position:relative;height:80%;width:55%;background:white;margin-top:5%;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between}}#eSignPage{position:absolute;width:100%;height:100%;background:linear-gradient(#2c0000,#960606);display:flex;flex-direction:column;overflow:hidden;justify-content:center;align-items:center;margin:0;padding:0}#eSignDiv{position:relative;width:80%;height:80%;background:white;border-radius:25px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.eSign{position:relative;width:47%;height:93%;border-radius:20px}#eSign1{background-color:#32dbdb;background-image:url(/assets/moneyBg-0bdcf053.png);background-position:center;background-repeat:no-repeat}#eSign2{text-align:center;background:rgba(0,0,0,.116)}#eSignH3{text-align:left;margin-left:10%}#eSignForm{position:relative;display:flex;flex-direction:column;width:100%;height:76.5%;justify-content:space-around;align-items:center;margin:0;border-radius:15px}.eInput{position:relative;height:8%;width:80%;border-radius:10px;border:none;padding-left:5px}#eSignBtn{width:70%}#eSignBtn:hover{background-color:#32dbdb}#eSignTxt{color:#0000008c;font-size:small}@media only screen and (max-width: 500px){#eSignDiv{position:relative;width:80%;height:90%;background:white;border-radius:25px;display:flex;flex-direction:column;justify-content:space-around}.eSign{position:relative;width:95%;border-radius:20px}#eSign1{background-color:#32dbdb;background-image:url(/assets/moneyBg-0bdcf053.png);background-size:contain;background-position:center;height:10%}#eSign2{text-align:center;background:rgba(0,0,0,.116);height:85%}}@media only screen and (max-width: 1000px){#eSignDiv{position:relative;width:90%;height:90%;display:flex;flex-direction:column;justify-content:space-around}#eSign1{background-color:#32dbdb;background-image:url(/assets/moneyBg-0bdcf053.png);background-size:contain;background-position:center;background-repeat:inherit;height:15%;width:90%}#eSign2{text-align:center;background:rgba(0,0,0,.116);height:81%;width:90%}}#gLogPage{position:relative;max-width:450px;margin:15% auto 0;padding:50px;border:1px solid #817676;border-radius:5px;background-color:#f8f8f8;height:250px;align-content:flex-end}#gLogInTxt2{width:50%;height:20%;margin-left:25%;border-radius:15px;background:rgba(220,220,220,.74)}#gLogInTxt2:hover{background:rgb(77,179,238);color:#fff}#gLogPage h2{margin-bottom:20px;text-align:center}#gLogPage p{margin-bottom:10px;text-align:center}#gLogPage form{display:flex;flex-direction:column;position:relative;width:100%;height:100%;justify-content:space-around;align-items:center;margin:0;border-radius:15px;max-width:100%}#gLogPage label{margin-bottom:5px}.gInput{position:relative;height:30px;width:450px;border-radius:10px;border:none;padding-left:5px;justify-content:space-between}#gLogPage button{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;width:450px}#gLogPage button:hover{background-color:#45a049}#gloginHome{position:absolute;margin:0;padding:0;width:100vw;height:100vh;background:linear-gradient(#2c0000,#5e0707);justify-content:center;align-items:center}.ePassRst{padding:5% 0 0;margin:5px 0 0;color:#0000009d}.ePassReset{color:#2fc2f3;cursor:pointer}.ePassReset:hover{text-decoration:underline;font-weight:500}.ePassResetMain{position:absolute;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.ePassResetContainer{height:60%;width:33%;background:white;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.ePassResetContainer div{width:80%;text-align:center;display:flex;flex-direction:column}.ePassResetBody{height:75%;justify-content:center}#ePassResetForm{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-radius:15px;background:#dad8d8}#ePassResetForm *{width:90%;height:10%;text-align:center;border-radius:8px}#ePassResetForm button{width:45%;cursor:pointer}#eSavingsMain{position:absolute;top:0;left:0;margin:0;padding:0;width:100vw;height:100vh}#eSavingsContent{position:absolute;width:90%;height:53%;top:15%;left:5%;display:flex;overflow-x:scroll;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #8080802a;border-radius:10px}::-webkit-scrollbar-thumb{background:rgb(0,238,255);border-radius:15px}.eSavings{border:1px solid black;margin-left:4%;margin-right:1%;width:19%;background:white;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:95%;border-radius:15px;box-shadow:9px 9px 2px #add8e69c}.eSaveDetails{text-align:center;margin:0}.eSaveDetails,.eSaveDetails h2{padding:0;border-bottom:1px solid black}.eSaveDetails h2{margin:0;margin-bottom:1}.eSaveDetails p{text-align:left}.eSaveDetails p span{font-weight:700}.eSaveOptions{width:90%;margin:0;display:flex;justify-content:space-evenly;height:10%;padding:0}.eSaveEdit{border:.1px solid black;height:100%;width:42%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:lightblue;border-radius:8px;cursor:pointer}.eSaveEdit:hover{background:rgb(243,41,41);color:#fff}#eSaveUP:hover{background:rgb(41,243,41);color:#000}#eSavingsAdd{position:absolute;right:10%;bottom:15%;width:8%;height:6%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgb(71,71,71);color:#fff;border-radius:9px;cursor:pointer}#eSavingsAdd:hover{background:rgb(38,196,38);color:#000}#eSavingsNew{position:absolute;right:20%;bottom:15%;width:8%;height:6%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgb(71,71,71);color:#fff;border-radius:9px;cursor:pointer}#eSavingsNew:hover{background:rgb(38,196,38);color:#000}#eSavingsTitle{position:absolute;top:1%;left:45%;border-bottom:3px solid rgba(255,255,255,.397);color:#fff}.eNewSave{position:absolute;height:100vh;width:100vw;background:rgba(0,0,0,.671);display:flex;flex-direction:column;align-items:center;justify-content:center}.eNewSaveContent{position:relative;width:50%;height:85%;background:white;border:1px solid black;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.eNewSaveHeader{width:90%;display:flex;justify-content:center}.eNewSaveHeader h1{border-bottom:2px solid black}.eNewSaveBody{width:90%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.eNewSaveForm{border:1px solid black;height:70%;padding:10%;display:flex;flex-direction:column;width:60%;justify-content:space-evenly;align-items:center;border-radius:15px;background:rgba(46,46,46,.432)}.eNewSaveForm *{width:95%;height:14%;text-align:center;font-size:large;border-radius:15px;border:none}.eNewSaveForm button{width:50%;font-weight:700}.eNewSaveForm button:hover{background:rgb(35,240,35);color:#fff}