@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;transition:.3s ease}body{background-color:#f4f4f4}.homepage{display:flex;flex-direction:column;width:100%}.home{flex:1 1}.home-support-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;padding:20px}.home-support-form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.home-support-form h2{margin-bottom:20px}.home-support-form label{display:block;font-weight:500;margin-bottom:8px}.home-support-form input,.home-support-form textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.home-support-btn{font-size:1.1rem;width:100%}.home-back-to-home{margin-top:20px;text-align:center}.home-back-to-home a{align-items:center;color:#10ced6;display:flex;font-size:1.2rem;justify-content:center;text-decoration:none}.home-back-arrow{font-size:1.5rem;margin-right:8px}.home-back-to-home a:hover{text-decoration:underline}@media screen and (max-width:768px){.home-support-container{padding:10px}.home-support-form{padding:20px;width:90%}}.container{display:grid;grid-template-areas:"sidebar main";grid-template-columns:1fr 5fr;grid-template-rows:1fr;height:100vh}.main{grid-area:main}a{text-decoration:none}.icon,.sidebar-icon{cursor:pointer;font-size:2rem}.flex{display:flex}.flex,.grid{align-items:center}.grid{display:grid}.btn{background-color:#10ced6;border:none;border-radius:3rem;cursor:pointer;outline:none;padding:.4rem 1.5rem}.btn a{font-weight:500}img{height:auto;width:100%}input{font-size:100%}.support{background-color:#f4f4f4}.support-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding:20px}.support-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:30px;text-align:center;width:100%}.support-form h2{margin-bottom:20px}.support-form label{display:block;font-weight:500;margin-bottom:8px}.support-form input,.support-form textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.support-form .btn{font-size:1.1rem;width:100%}@media screen and (max-width:768px){.support-container{padding:10px}.support-form{padding:20px;width:90%}}.account{background-color:#f4f4f4}.acct{margin-top:40px}.account-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.profile-header{align-items:center;display:flex;margin-bottom:20px}.profile-image{border:2px solid #10ced6;border-radius:50%;height:50px;margin-right:15px;width:50px}h4{font-size:24px}.edit-profile-box,.general-settings,.update-password-box{margin-bottom:20px}h5{color:#0fa8b2;cursor:pointer;display:flex;font-size:18px;justify-content:space-between}.edit-profile-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.edit-profile-form .form-group label{font-weight:700;margin-bottom:5px}.edit-profile-form .form-group input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px}.password-field{margin-bottom:15px;position:relative}.password-field input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;width:100%}.toggle-icon{color:#10ced6;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}form button{background-color:#10ced6;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}form button:hover{background-color:#0ba1af}.general-settings ul{list-style-type:none;padding:0}.general-settings li{align-items:center;display:flex;margin-bottom:10px}.icon-text{margin-left:10px}.logout-button{background:#0000;border:1px solid #10ced6;border-radius:5px;color:#000;display:block;margin-top:20px;padding:10px;text-align:center}.logout-button:hover{background-color:#10ced6;color:#fff}@media (max-width:768px){.account-container{max-width:90%;padding:15px}.profile-header{align-items:flex-start;flex-direction:column}.profile-image{margin-bottom:10px}h4{font-size:20px;text-align:center;width:100%}.edit-profile-form .form-group input{font-size:14px}.password-field input{padding-right:30px}h5{font-size:16px}}@media (max-width:480px){.account-container{max-width:100%;padding:10px}.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-image{height:40px;width:40px}.profile-image,h4{margin-bottom:10px}h4{font-size:18px}.edit-profile-form .form-group label{font-size:14px}.edit-profile-form .form-group input{font-size:14px;padding:6px}form button{font-size:14px;padding:8px}.toggle-icon{right:5px}.logout-button{font-size:14px;padding:8px}.container{grid-template-areas:"main";grid-template-columns:1fr}}.dashboard{background-color:#f4f4f4;flex:1 1;font-family:Poppins,sans-serif;height:100vh;overflow:hidden}.dashboard,.slide{align-items:center;display:flex;justify-content:center}.slide{animation:slideIn 1s ease-in-out;height:100%;position:relative;width:100%}.slide-text{animation:typing 2s steps(22) 1s 1 normal both,blink .75s step-end infinite;border-right:4px solid #000000bf;font-size:3rem;overflow:hidden;text-transform:uppercase;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%{border-right-color:#000000bf}to{border-right-color:#0000}}@media (max-width:768px){.slide-text{font-size:2rem}}@media (max-width:480px){.slide-text{font-size:1.5rem}}.history{border-radius:10px;box-shadow:0 2px 5px #0000001a;margin:20px auto;max-width:auto;padding:20px}.history-header{align-items:center;color:#000;display:flex;justify-content:space-between}.history-header h1{color:#000;font-size:24px}.filter-icon{color:#10ced6;cursor:pointer;font-size:24px}.filter-options{color:#000;margin:10px 0}.filter-options p{margin-bottom:10px}.filter-button{background-color:#10ced6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:8px 12px}.filter-button.all{background-color:#000}.filter-button:hover{opacity:.8}.transaction-list{margin-top:20px}.transaction-item{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin:10px 0;padding:10px}.transaction-item p{color:#000;margin:5px 0}.wallet-icon{color:#10ced6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;max-width:500px;padding:20px;position:relative;width:90%}.close-modal-x-button{background:#0000;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.transaction-details-modal{padding:20px}.modal-wallet-icon{color:#10ced6;font-size:32px}.close-modal-button{background-color:#10ced6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.close-modal-button:hover{opacity:.8}@media (max-width:768px){.history{padding:15px}.history-header{align-items:flex-start;flex-direction:column}.history-header h1{font-size:20px;margin-bottom:10px}.filter-icon{font-size:20px}.filter-options{display:flex;flex-direction:column}.filter-button{margin-bottom:10px;text-align:center;width:100%}.transaction-item{font-size:16px;padding:15px}.modal-content{max-width:90%;padding:15px}.close-modal-x-button,.transaction-details-modal h2{font-size:20px}.close-modal-button{font-size:14px;padding:8px 12px}}@media (max-width:480px){.history{padding:10px}.filter-icon,.history-header h1{font-size:18px}.filter-button{font-size:12px;padding:6px 10px}.transaction-item{font-size:14px;padding:12px}.modal-content{max-width:95%;padding:10px}.close-modal-x-button,.transaction-details-modal h2{font-size:18px}.close-modal-button{font-size:12px;padding:6px 10px}}.wallet{background-color:#f4f4f4;margin-left:30px;padding-right:20px}.wallet-header{margin-bottom:20px;margin-top:25px}.wallet-box{align-items:center;background-color:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.wallet-balance p{color:#10ced6;font-size:18px;margin:0}.wallet-balance h2{font-size:32px;font-weight:700;margin:5px 0 0}.arrows{align-items:center;display:flex}.arrow{color:#10ced6;font-size:2rem;margin-left:15px}.arrow.down{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;font-size:3rem;padding:8px;transform:rotate(45deg)}.arrow.down:hover,.arrow.up{font-size:2rem}.arrow.up{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;padding:8px;transform:rotate(45deg)}.arrow.up:hover{font-size:3rem}.transaction-history{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.transaction-history h4{align-items:center;color:#000;display:flex;font-size:18px;justify-content:space-between}.transaction-history .see-all{color:#10ced6;cursor:pointer;font-size:14px}.transaction-history .see-all:hover{text-decoration:underline}.recent-transactions{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.recent-transactions .recent-transaction-item{border:1px solid #10ced6;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:5px;padding:10px 0}.recent-transaction-item p{margin-bottom:5px;padding-left:10px}.recent-transaction-item .wallet-icon{font-size:30px;padding-left:10px}.recent-transaction-item:nth-child(odd){background-color:#f9f9f9}.recent-transaction-item p:first-child{font-weight:700}.recent-transaction-item p:last-child{color:#888}.deposit-page,.send-money-page{padding:20px;text-align:center}.back-arrow{color:#10ced6;cursor:pointer;font-size:24px;margin-bottom:20px}.amount-box,.search-box,.styled-pin-box{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:10px;width:80%}.proceed-button{background-color:#10ced6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.proceed-button:hover{background-color:#0fa8b2}.popup-failed,.popup-success{border-radius:8px;color:#fff;font-size:16px;margin-top:20px;padding:10px}.popup-success{background-color:#4caf50}.popup-failed{background-color:#f44336}.navbar{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:1rem;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:#ffffffe6;box-shadow:0 2px 4px #0000001a}.mainlogo{cursor:pointer;justify-content:center}.mainlogo,.navBar{align-items:center;display:flex}.navBar{flex-grow:1;gap:1rem;justify-content:flex-end}.navbarBtns .btn a{font-weight:500;text-decoration:none}.loginBtn{background:none;border:1px solid #000}.loginBtn a{color:#000}.loginBtn:hover{background:#10ced6;border:none}.loginBtn:hover a{color:#fff}.signupBtn{background:#10ced6}.signupBtn a{color:#fff}.signupBtn:hover{background:none;border:1px solid #000}.signupBtn:hover a{color:#000}@media screen and (max-width:768px){.toggleNavbar{align-items:center;cursor:pointer;display:flex;margin-left:auto}.navBar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;top:60px;width:100%}.navBar.active{display:flex}.navbarBtns{align-items:center;flex-direction:column;width:100%}.btn{margin-top:1rem;width:100%}.closeNavbar{color:#000;cursor:pointer;position:absolute;right:1.5rem;top:1rem}.closeNavbar .icon{font-size:20px}.closeNavbar:hover .icon{color:#10ced6}}@media screen and (min-width:769px){.closeNavbar,.toggleNavbar{display:none}.navBar{display:flex}.navbarBtns{gap:1rem;justify-content:flex-end}}.home{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:20px;transition:background-image 1s ease-in-out}.homeContainer{padding:20px;text-align:center}.hometext{animation:slideIn 1s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:2.5rem;margin-bottom:10px}.subTitle{font-size:1.5rem;margin-bottom:20px}.homeBtn{background:none;border:1px solid;color:inherit;font-size:1rem;padding:10px 20px;transition:background-color .3s,color .3s,border-radius .3s}.homeBtn a{color:inherit;text-decoration:none}.homeBtn:hover{background:#000;border:none;color:#fff}.popup{animation:borderAnimation 2s infinite;background-color:#fff;border:2px solid #10ced6;border-radius:8px;box-shadow:0 5px 15px #0000004d;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1001}@keyframes borderAnimation{0%{border-color:#0000}50%{border-color:#10ced6}to{border-color:#0000}}.popupContent{padding:20px;position:relative;text-align:center}.popupContent p{color:#333;font-size:1rem;line-height:1.5;margin:0}.close{color:#333;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.close:hover{color:#10ced6}@media (max-width:480px){.title{font-size:1.5rem}.subTitle{font-size:1rem}.homeBtn{font-size:.8rem;padding:6px 12px}.homeContainer{padding:10px}.popup{max-width:320px;padding:15px;width:95%}.popupContent p{font-size:.9rem}}.hvw{background-color:#fff;padding:50px 20px}.heading h3{color:#333;font-size:2rem;margin-bottom:40px;text-align:center}.box{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.box div{background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1;max-width:300px;min-width:250px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.box div:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-10px)}.box h1{color:#333;font-size:1.5rem;margin:15px 0}.box p{color:#666;font-size:1rem;line-height:1.5}.icon{font-size:4.5rem;margin-bottom:20px;transition:color .3s ease,transform .3s ease}.box div:hover .icon{color:#333;transform:scale(1.1)}@media (max-width:768px){.box{align-items:center;flex-direction:column}.box div{margin-bottom:20px}.icon{font-size:4rem}}.wcv{background-color:#f0f0f0;padding:60px 20px;text-align:center}.heading h1{animation:fadeInDown 1s ease-in-out;color:#333;font-size:2.5rem;margin-bottom:40px}.context{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.context div{animation:fadeInUp 1s ease-in-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;flex:1 1;height:200px;max-width:300px;min-width:250px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.context div:hover{box-shadow:0 6px 12px #0003;transform:translateY(-10px)}.context h1{color:#10ced6;font-size:1.5rem;margin-bottom:15px;transition:transform .6s ease}.context p{color:#666;font-size:1rem;left:50%;line-height:1.6;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease;width:100%}.context div.flipped h1{transform:translateY(-200%)}.context div.flipped p{opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.context{align-items:center;flex-direction:column}.context div{margin-bottom:20px}.heading h1{font-size:2rem}.context h1{font-size:1.3rem}}.reviews-carousel{background-color:initial;margin:50px auto;max-width:800px;padding:20px;position:relative;width:100%}.reviews-title{margin-bottom:30px;text-align:center}.carousel-container{align-items:center;display:flex;height:450px;justify-content:center;overflow:hidden;position:relative}.reviewCard{background-color:#fff;border:2px solid #000;border-radius:15px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;height:400px;opacity:.5;padding:20px;position:absolute;text-align:center;transition:transform .5s ease,opacity .5s ease;width:250px}.reviewCard.active{opacity:1;transform:scale(1.2) translateX(0);z-index:2}.reviewCard.left{transform:translateX(-150%) rotate(-10deg);z-index:1}.reviewCard.right{transform:translateX(150%) rotate(10deg);z-index:1}.user-img{border:2px solid #000;border-radius:50%;height:80px;margin-bottom:15px;width:80px}.rating{color:#f39c12;margin-top:10px}.arrows-container{display:flex;justify-content:space-between;margin-top:20px}.arrow{background:none;border:none;cursor:pointer;font-size:24px;padding:10px;transition:color .3s ease}.arrow:hover{color:#10ced6}@media (max-width:768px){.reviewCard{height:350px;width:200px}.user-img{height:70px;width:70px}.reviewCard.active{transform:scale(1.1) translateX(0)}.reviewCard.left{transform:translateX(-120%) rotate(-8deg)}.reviewCard.right{transform:translateX(120%) rotate(8deg)}.arrows-container{justify-content:center}.arrow{font-size:20px;padding:5px}}.footer{background-color:#282c34;color:#fff;padding:40px 20px;position:relative;text-align:center}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:1200px;padding:20px}.footer-section{flex:1 1;margin:20px;min-width:250px}.mainlogo h1{color:#10ced6;font-size:30px}.mainlogo span{color:#000;font-size:20px}.footer-section h2{color:#10ced6;font-size:1.5em;margin-bottom:10px}.footer-section a,.footer-section p{color:#fff;font-size:1em;margin-bottom:10px;text-decoration:none}.footer-section .social-icons a{color:#fff;font-size:1.5em;margin:0 10px;transition:color .3s}.footer-section .social-icons a:hover{color:#10ced6}.footer-section{background:#0000}.support-button{background-color:initial;border:2px solid #10ced6;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.support-button:hover{background-color:#10ced6;color:#000}.footer-bottom{border-top:1px solid #10ced6;margin-top:20px;padding-top:20px}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column}.footer-section{margin:20px 0}}.create-pin-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.create-pin-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;position:relative;text-align:center;width:100%}.create-pin-modal input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:calc(100% - 22px)}.create-pin-modal button{background-color:#487bd2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.create-pin-modal button:hover{background-color:#365fbf}.success-message{color:#28a745;font-size:18px;font-weight:700;margin-top:20px}.error-message{color:#dc3545;font-size:16px}.sidebar{background-color:#2c3e50;display:flex;flex-direction:column;grid-area:sidebar;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease-in-out;width:250px;z-index:1000}.sidebar,.sidebar.active{transform:translateX(0)}.sidebar-toggle{color:#10ced6;cursor:pointer;display:none;font-size:2rem;left:20px;position:fixed;top:20px;transition:left .3s ease-in-out;z-index:1100}.sidebar.active~.sidebar-toggle{left:270px}.sidebarheader{align-items:center;background:#0000;color:#fff;display:flex;margin-bottom:20px;padding:20px}.logo{border:2px solid #10ced6;border-radius:50%;height:50px;margin-right:15px;width:50px}.user-welcome{display:flex;flex-direction:column}.user-welcome p{color:#fff;font-size:1.5rem;margin:0 0 5px}.user-welcome h2{color:#000;font-size:1rem;margin:0}.sidebarmain{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:15px}.iconmain{align-items:center;display:flex;gap:10px;padding:2px}.sidebar-icon{color:#fff;font-size:1.2rem}.sidebarmain h1{color:#fff;font-size:1rem}.sidebarmain a{border-radius:5px;padding:15px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.sidebarmain a:hover{background-color:#10ced6;color:#000}.sidebarmain a:hover .sidebar-icon,.sidebarmain a:hover h1{color:#000}#quit{border:2px solid #10ced6;border-radius:5px;margin-top:auto}#quit:hover{background-color:#10ced6;color:#000}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar-toggle{display:block}.sidebar.active~.sidebar-toggle{left:calc(100% + 20px)}}@media (min-width:769px){.sidebar-toggle{display:none}}.transfer-receipt{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.transfer-receipt h2{color:#28a745}.transfer-receipt p{margin:10px 0}.transfer-receipt button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.transfer-receipt button:hover{background-color:#0056b3}.inputcontent{border-bottom:5px solid #10ced6;border-radius:20px;display:flex;flex-direction:row;gap:10px;height:50px;margin-bottom:20px;outline:none;padding:5px;width:400px}.inputtext{background:#0000;border:none;font-size:1.2rem;outline:none}.iconcontainer{align-items:center;display:flex;justify-content:center;margin:10px}.inputcontent .icon{font-size:25px}.toggleIcon{color:#10ced6;cursor:pointer;font-size:20px;margin-left:40px;margin-top:10px;right:10px}.toggleIcon:hover{color:#000}.buttonlabel{border:1px solid #10ced6;border-radius:5px;margin-top:20px;padding:10px;width:50%}.buttonlabel:hover{background:#10ced6;color:#fff}.buttoncontainer{width:100%}.logincontainer{background-color:#f4f4f4;height:100vh;width:100%}.overlay{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;width:100%}.content{background-color:#fff;border-radius:8px;gap:20px;height:60%;padding:30px;width:30%}.content,.signup{align-items:center;display:flex;flex-direction:column}.signup{gap:10px;justify-content:center;margin-bottom:20px}.line{background-color:#10ced6;height:2px;width:70px}.content h1{color:#293847;font-family:"Noto Serif",serif;font-weight:700;text-align:center}.icon{color:#10ced6}.buttoncontainer{align-items:center;display:flex;gap:10px;justify-content:center}.react-modal{padding:20px;text-align:center}
/*# sourceMappingURL=main.3fce45f3.css.map*/