.how-it-works-section{width:100%;height:100vh;margin-bottom:0;padding:15px}.how-it-works-section section{border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;align-items:flex-start;width:100%;height:100%;display:flex}.how-it-works-section section .title{color:#464646;opacity:.7;padding:30px 30px 20px;font-family:Nova Klasse,sans-serif;font-size:18px;font-weight:400;line-height:19px}.how-it-works-section section .how-it-works-parent{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:36px;flex:1;justify-content:space-between;align-items:center;gap:50px;width:100%;padding:0 60px;display:flex;position:relative;overflow:hidden}.how-it-works-section section .how-it-works-parent .preview-container{border:1px solid #e7e7e7;border-radius:36px;flex:1;justify-content:center;align-items:center;gap:10px;height:493px;padding:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:60px;height:100%;padding:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list{cursor:default;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover .wrap .pill{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover .wrap h3{color:#075143}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover p{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap{align-items:center;gap:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap .pill{opacity:0;background:linear-gradient(52.15deg,#0751434d 21.86%,#c4f9284d 69.71%,#0751434d 117.56%);border:1px solid #075143;border-radius:12px;width:20px;height:12px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap .pill.active{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap h3{color:#464646;font-size:18px;font-weight:600;line-height:20px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap h3.active{color:#075143}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list p{letter-spacing:-.08px;color:#464646;opacity:0;font-size:16px;font-weight:600;line-height:18px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list p.active{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .detail-content{flex-direction:column;align-items:flex-start;gap:30px;max-width:400px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .detail-content h2{letter-spacing:-.08px;color:#292929;font-family:Nova Klasse,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:32px}.how-it-works-section section .how-it-works-parent .details-container .detail-content p{color:#464646;font-size:18px;font-weight:600;line-height:20px}@media (min-width:769px) and (max-width:991px){.how-it-works-section{padding:12px}.how-it-works-section section{border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;align-items:flex-start;width:100%;height:100%;display:flex}.how-it-works-section section .title{color:#464646;opacity:.7;padding:30px 30px 20px;font-family:Nova Klasse,sans-serif;font-size:18px;font-weight:400;line-height:19px}.how-it-works-section section .how-it-works-parent{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:50px;width:100%;padding:0 60px;display:flex;position:relative;overflow:hidden}.how-it-works-section section .how-it-works-parent .preview-container{border:1px solid #e7e7e7;border-radius:36px;flex:1;justify-content:center;align-items:center;gap:10px;height:493px;padding:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:60px;height:100%;padding:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list{cursor:default;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover .wrap .pill{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover .wrap h3{color:#075143}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list:hover p{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap{align-items:center;gap:10px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap .pill{opacity:0;background:linear-gradient(52.15deg,#0751434d 21.86%,#c4f9284d 69.71%,#0751434d 117.56%);border:1px solid #075143;border-radius:12px;width:20px;height:12px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap .pill.active{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap h3{color:#464646;font-size:18px;font-weight:600;line-height:20px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list .wrap h3.active{color:#075143}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list p{letter-spacing:-.08px;color:#464646;opacity:0;font-size:16px;font-weight:600;line-height:18px}.how-it-works-section section .how-it-works-parent .details-container .lists-container .list p.active{opacity:1}.how-it-works-section section .how-it-works-parent .details-container .detail-content{flex-direction:column;align-items:flex-start;gap:30px;max-width:400px;display:flex}.how-it-works-section section .how-it-works-parent .details-container .detail-content h2{letter-spacing:-.08px;color:#292929;font-family:Nova Klasse,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:32px}.how-it-works-section section .how-it-works-parent .details-container .detail-content p{color:#464646;font-size:18px;font-weight:600;line-height:20px}}
.fund-your-wallet .first-frame{flex-direction:column;align-items:center;gap:23px;width:100%;padding-top:43px;display:flex}.fund-your-wallet .first-frame .txt-title{text-align:center;color:#464646;font-size:16px;font-weight:700;line-height:24px}.fund-your-wallet .first-frame .currencies{width:200px;height:220px;position:relative;overflow:visible}.fund-your-wallet .first-frame .currencies .currency{border-radius:36px;justify-content:center;align-items:center;width:200px;height:70px;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 6px #00000040}.fund-your-wallet .first-frame .currencies .currency .txt{text-align:center;color:#464646;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:700;line-height:36px}.fund-your-wallet .first-frame .currencies .currency.currency--ghs{background:#c4f928}.fund-your-wallet .first-frame .currencies .currency.currency--kes{background:#075143}.fund-your-wallet .first-frame .currencies .currency.currency--kes .txt{color:#fff}.fund-your-wallet .first-frame .currencies .currency.currency--naira{box-sizing:border-box;background:#f5f5ed;border:3px solid #075143}.fund-your-wallet .first-frame .wallet{z-index:2;background:#075143;border-radius:24px 24px 30px 30px;flex-direction:column;justify-content:flex-end;align-items:center;gap:15px;width:320px;height:154px;padding:0 0 15px;display:flex;position:relative;bottom:57px}.fund-your-wallet .first-frame .wallet .amount{background:#f5f5ed;border-radius:24px 24px 30px 30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100px;padding:10px;display:flex;box-shadow:0 2px 12px #00000026}.fund-your-wallet .first-frame .wallet .amount .txt{text-align:center;color:#464646;font-family:Nova Klasse,sans-serif;font-size:18px;font-weight:400;line-height:19px}.fund-your-wallet .first-frame .wallet p{text-align:center;color:#c4f928;opacity:.7;font-size:16px;font-weight:700;line-height:24px}@media (max-width:768px){.fund-your-wallet .first-frame{gap:18px;padding-top:32px}.fund-your-wallet .first-frame .currencies{width:160px;height:178px}.fund-your-wallet .first-frame .currencies .currency{border-radius:28px;width:160px;height:56px}.fund-your-wallet .first-frame .currencies .currency .txt{font-size:18px;line-height:28px}.fund-your-wallet .first-frame .wallet{border-radius:20px 20px 26px 26px;gap:12px;width:260px;height:130px;padding:0 0 12px;bottom:46px}.fund-your-wallet .first-frame .wallet .amount{border-radius:20px 20px 26px 26px;height:84px}.fund-your-wallet .first-frame .wallet .amount .txt{font-size:15px;line-height:17px}.fund-your-wallet .first-frame .wallet p{font-size:13px;line-height:20px}}
.destination-account-container{isolation:isolate;filter:drop-shadow(0 0 48px #0000000f);border:1px solid #075143;border-radius:50px;flex-direction:column;align-items:flex-start;gap:6px;width:420px;height:312px;margin:auto;padding:12px;display:flex;position:relative}.destination-account-container .cursor-dot{pointer-events:none;z-index:20;background:#fff;border-radius:50%;width:36px;height:36px;position:absolute;top:0;left:0}.destination-account-container .destination-wrapper{background:#075143;border-radius:36px;flex-direction:row;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:18px;display:flex;position:relative;overflow:hidden}.destination-account-container .destination-wrapper .list-destination{width:100%}.destination-account-container .destination-wrapper p{text-align:center;letter-spacing:.01em;color:#fff;font-size:16px;font-weight:600;line-height:20px}.destination-account-container .wallet-item{background:#075143;border-radius:36px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:102px;padding:18px;display:flex;position:relative}.destination-account-container .wallet-item p{text-align:center;letter-spacing:.02em;color:#fff;font-family:Nova Klasse,sans-serif;font-size:16px;font-weight:400;line-height:24px}.destination-account-container .wallet-item.wallet-item--chinese{min-height:102px}@media (max-width:768px){.destination-account-container .destination-wrapper{gap:8px;padding:14px}.destination-account-container .destination-wrapper p{font-size:13px;line-height:18px}.destination-account-container .wallet-item{height:80px;padding:14px}.destination-account-container .wallet-item.wallet-item--chinese{min-height:80px}.destination-account-container .wallet-item p{font-size:13px;line-height:20px}}
.recipient-container{isolation:isolate;filter:drop-shadow(0 0 48px #0000000f);border:1px solid #075143;border-radius:50px;flex-direction:column;align-items:flex-start;gap:6px;width:420px;height:90px;margin:auto;padding:12px;display:flex;position:relative;overflow:hidden}.recipient-container--success{border-radius:36px;justify-content:center;align-items:center}.recipient-container .cursor-dot{pointer-events:none;z-index:20;background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:0;left:0}.recipient-container .select-field{background:#075143;border-radius:36px;flex-shrink:0;align-items:center;gap:12px;width:100%;height:66px;padding:18px;display:flex;position:relative;overflow:hidden}.recipient-container .select-field__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.recipient-container .select-field__icon svg{width:24px;height:24px}.recipient-container .select-field__arrow{color:#075143;flex-shrink:0;margin-left:auto;font-size:18px;font-weight:600}.recipient-container .select-field p{color:#fff;flex:1;font-size:16px;font-weight:500;line-height:24px}.recipient-container .recipient-row{background:#075143;border-radius:36px;flex-shrink:0;align-items:center;gap:12px;width:100%;height:66px;padding:18px;display:flex}.recipient-container .recipient-row__icon{border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.recipient-container .recipient-row p{color:#fff;font-size:16px;font-weight:500;line-height:24px}.recipient-container .send-row{background:#c4f928;border-radius:36px;flex-shrink:0;align-items:center;gap:12px;width:100%;height:66px;padding:18px;display:flex}.recipient-container .send-row__icon{border:1.5px solid #07514366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.recipient-container .send-row p{color:#075143;font-size:16px;font-weight:500;line-height:24px}.recipient-container .success-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex}.recipient-container .success-circle{background:#ffffff03;border:2px solid #c4f92866;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.recipient-container .success-text{color:#464646;text-align:center;font-size:16px;font-weight:500;line-height:24px}@media (max-width:768px){.recipient-container{gap:5px;padding:10px}.recipient-container .select-field{gap:8px;padding:14px}.recipient-container .select-field p{font-size:13px;line-height:20px}.recipient-container .select-field__icon svg{width:20px;height:20px}.recipient-container .recipient-row{gap:8px;padding:14px}.recipient-container .recipient-row__icon{width:30px;height:30px}.recipient-container .recipient-row p{font-size:13px;line-height:20px}.recipient-container .send-row{gap:8px;padding:14px}.recipient-container .send-row__icon{width:30px;height:30px}.recipient-container .send-row p{font-size:13px;line-height:20px}.recipient-container .success-circle{width:64px;height:64px}.recipient-container .success-text{font-size:14px}.recipient-container .success-screen{gap:14px}}
.how-it-works-mobile{width:100%;padding:10px}.how-it-works-mobile section .title{color:#464646;padding:20px 30px 10px;font-family:Nova Klasse,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:13px}.how-it-works-mobile section .how-it-work-parents,.how-it-works-mobile section .how-it-work-parents .work-container{flex-direction:column;align-items:flex-start;gap:5px;width:100%;display:flex}.how-it-works-mobile section .how-it-work-parents .work-container .list{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:57px;padding:20px;display:flex;position:relative;overflow:hidden}.how-it-works-mobile section .how-it-work-parents .work-container .list:hover .wrap .pill{opacity:1}.how-it-works-mobile section .how-it-work-parents .work-container .list:hover .wrap h3{color:#075143}.how-it-works-mobile section .how-it-work-parents .work-container .list:hover p{opacity:1}.how-it-works-mobile section .how-it-work-parents .work-container .list .wrap{align-items:center;gap:10px;display:flex}.how-it-works-mobile section .how-it-work-parents .work-container .list .wrap .pill{opacity:0;background:linear-gradient(52.15deg,#0751434d 21.86%,#c4f9284d 69.71%,#0751434d 117.56%);border:1px solid #075143;border-radius:12px;width:20px;height:12px}.how-it-works-mobile section .how-it-work-parents .work-container .list .wrap .pill.active{opacity:1}.how-it-works-mobile section .how-it-work-parents .work-container .list .wrap h3{color:#075143;font-size:14px;font-weight:600;line-height:20px}.how-it-works-mobile section .how-it-work-parents .work-container .list .wrap h3.active{color:#075143}.how-it-works-mobile section .how-it-work-parents .work-container .list p{letter-spacing:-.08px;color:#464646;font-size:14px;font-weight:600;line-height:18px}.how-it-works-mobile section .how-it-work-parents .work-container .list p.active{opacity:1}.how-it-works-mobile section .how-it-work-parents .work-container .details-container{background:#f5f5ed;border:1px solid #e7e7e7;border-radius:20px;flex-direction:column;align-items:center;width:100%;display:flex}.how-it-works-mobile section .how-it-work-parents .work-container .details-container .detail-component{width:100%;padding:60px 20px 40px}.how-it-works-mobile section .how-it-work-parents .work-container .details-container .detail-content{flex-direction:column;gap:20px;width:100%;padding:0 30px 30px;display:flex}.how-it-works-mobile section .how-it-work-parents .work-container .details-container .detail-content h2{text-align:center;letter-spacing:-.08px;color:#292929;font-family:Nova Klasse,sans-serif;font-size:18px;font-weight:400;line-height:19px}.how-it-works-mobile section .how-it-work-parents .work-container .details-container .detail-content p{text-align:center;color:#464646;font-size:15px;font-weight:600;line-height:18px}