:root{--primary-color:#5bb462;--primary-dark:#4f9c55;--secondary-color:#5a468d;--secondary-dark:#b1acbd;--overlay:#000000b3}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.base_container{flex:1 1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.2rem;line-height:1.2;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}a{text-decoration:none}@media screen and (max-width:490px){.bgcolor{height:100px}}.section__padding{padding:1rem 6rem}.section__margin{margin:1rem 6rem}.paddng_form{padding:1rem 4rem}@media screen and (max-width:700px){.section__padding{padding:.8rem 4rem}.section__margin{margin:2rem}}@media screen and (max-width:550px){.section__padding{padding:.5rem 2rem}.section__margin{margin:.5rem 2rem}}.navbar{background:#102437;color:#102437;justify-content:space-between;padding:1rem 6rem}.navbar,.navbar-links{align-items:center;display:flex}.navbar-links{flex:1 1;justify-content:flex-start}.navbar-links_logo{align-items:center;display:inline-block;flex-direction:row;justify-content:center;margin-right:2rem}.navbar-links_logo img{height:50px;margin-right:4px;width:auto}.navbar-links_logo h1{color:#fff;display:inline-flex;font-size:20px;font-weight:700;margin-top:13px;position:absolute}.navbar-links_container{display:flex;flex-direction:row}.navbar-sign{align-items:center;display:flex;justify-content:flex-end}.navbar-links_container p,.navbar-menu_container p,.navbar-sign p{color:#102437;cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:500;line-height:25px;margin:0 1rem;text-transform:capitalize}.navbar-menu_container button,.navbar-sign button{background:linear-gradient(90deg,#fdda24,#ff8f1c);border:1px solid #000;border-radius:5px;color:#fdda24;cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:500;line-height:25px;outline:none;padding:.5rem 1rem}.navbar-menu .navbar-menu_container button{background-color:#102437;border:none;color:#102437}.navbar-sign .sign-in-button{-webkit-text-fill-color:#0000;align-items:center;background-color:initial;background:linear-gradient(90deg,#fdda24,#ff8f1c);-webkit-background-clip:text;border:1px solid #fdda24;border-radius:5px;cursor:pointer;display:flex;font-size:16px;padding:10px 20px;position:relative;text-align:center;text-decoration:none;transition:background .3s ease}.navbar-sign .sign-in-button:before{background:linear-gradient(90deg,#fdda24,#ff8f1c);border-radius:5px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.navbar-sign .sign-in-button:hover{-webkit-text-fill-color:#102437;background:linear-gradient(90deg,#fdda24,#ff8f1c);-webkit-background-clip:border-box;border:none;color:#102437}.navbar-sign .user-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fdda24,#ff8f1c);-webkit-background-clip:text;margin-right:8px}.navbar-menu{display:none;margin-left:1rem;position:relative}.navbar-menu svg{cursor:pointer}.navbar-menu_container{align-items:flex-end;background:#fff;border-radius:5px;box-shadow:0 0 5px #0003;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1rem;min-width:210px;padding:2rem;position:absolute;right:0;text-align:end;top:40px;z-index:1}.navbar-menu_container p{margin:1rem 0}.navbar-menu_container-links-sign{display:none}@media screen and (max-width:1050px){.navbar-links_container{display:none}.navbar-menu{display:flex}}@media screen and (max-width:700px){.navbar{padding:1rem 4rem}}@media screen and (max-width:550px){.navbar{padding:1rem}.navbar-sign{display:none}.navbar-menu_container{top:20px}.navbar-menu_container-links-sign{display:block}.navbar-links_logo h1{font-size:14px}.navbar-links_logo img{height:40px}}.footer{align-items:center;background:#102437;color:#fff;display:flex;flex-wrap:nowrap;height:auto;justify-content:center;margin-top:30px;padding:27px;position:relative;text-align:center;width:100%}.footer p{font-size:12px}.footer a{color:#fff}.main{display:flex;flex-direction:column}.main_header h1{color:#102437}.main_header h1,.main_header h1 span{font-size:45px;font-weight:900;width:600px}.main_header h1 span{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(125deg,#fdda24,#ff8f1c);-webkit-background-clip:text;background-clip:text;border:none}.main_content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;padding-top:20px}.main_form{margin:20px;width:100%}.main_text{line-height:20px;max-width:750px;text-align:justify}.main_text .mission{display:block;font-size:18px;padding:10px;text-align:center}.pro{margin:auto;max-width:400px;width:100%}.protection{background:#fff;border-radius:100px;display:flex;flex-direction:row;height:20px;justify-content:space-evenly;margin-top:30px;padding:40px;text-align:start}.pro1,.pro2{align-items:center;display:inline-flex;justify-content:center}.icon,.pro1,.pro2{flex-direction:row}.icon{color:#102437;display:block;height:30px;padding:5px;width:30px}.pro1 .data h3,.pro2 .data h3{color:#102437;font-size:11px;font-weight:800;line-height:18px}.pro1 .data span,.pro2 .data span{color:#102437;font-size:10px;font-weight:400}@media screen and (max-width:1050px){.main_content{flex-direction:column-reverse}.main_header h1{font-size:38px}.main_form{align-items:center;display:flex;justify-content:center;margin:20px}}@media screen and (max-width:700px){.main_header h1,.main_header h1 span{font-size:35px}.main_form{margin:20px;padding:10px}}@media screen and (max-width:550px){.main_header h1{font-size:30px;margin-top:8px;width:300px}.main_header h1 span{font-size:30px}.main_form{padding:20px 40px}}@media screen and (max-width:490px){.main_form{padding:0 40px}.main_header h1{font-size:38px;margin-top:6px}.main_header h1 span{font-size:36px}}@media screen and (max-width:408px){.protection{height:20px;padding:40px}.icon{height:30px;width:30px}.pro1 .data h3,.pro2 .data h3{font-size:8px;line-height:13px}.pro1 .data span,.pro2 .data span{font-size:8px}}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-right:30px;margin-top:-90px;padding:20px 26px 17px 24px}.payment-form{display:flex;flex-direction:column}.payment-form,.payment-form h2{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:20px}.payment-form h2{color:#000;font-size:1.2rem}.form-row{display:flex;justify-content:space-between;margin-bottom:10px}.form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:5px;margin-right:10px}.form-group:last-child{margin-right:0}.form-group label{color:#9f9f9f;font-size:13px;font-weight:400;margin-bottom:5px;margin-left:10px}.form-group input,.form-group select{border:2px solid #e1e1e1;border-radius:50px;color:#333;font-size:13px;padding:10px;width:100%}.submit{background-color:#102437;border:none;border-radius:50px;color:#fdda24;cursor:pointer;font-size:1rem;height:50px;justify-content:end;padding:10px 30px;text-align:center;transition:background-color .3s ease;width:350px}.submit:hover{-webkit-text-fill-color:#102437;background:linear-gradient(90deg,#fdda24,#ff8f1c);-webkit-background-clip:border-box;border:none;color:#102437}.info_submit{background-color:#102437;border:none;border-radius:50px;color:#fdda24;cursor:pointer;font-size:1rem;height:50px;justify-content:end;padding:10px 30px;text-align:center;transition:background-color .3s ease;width:80%}.info_submit:hover{-webkit-text-fill-color:#102437;background:linear-gradient(90deg,#fdda24,#ff8f1c);-webkit-background-clip:border-box;border:none;color:#102437}p{font-size:14px;margin:0}.payment-options button{align-items:center;background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;justify-content:center;margin:5px;padding:10px}.buy-now:hover,.payment-options button:hover{background-color:#2ecc71}.payment-summary{margin-bottom:20px}.payment-summary p{font-size:16px;margin:5px 0}.payment-summary p strong{color:#555}.arrow{background:#0000000d;border-radius:50%;bottom:0;color:#2587be;font-size:20px;margin-top:15px;padding:9px;top:0}.arrow .vector{align-items:center;height:21px;justify-content:center;margin-top:3px;position:relative;text-align:center;width:25px}.price_unit{background:#0000000d;border-radius:4px;color:#2587be;height:37px;padding:10px;width:95%}.price_label,.price_unit{margin-left:10px}.select-wrapper{display:inline-block;position:relative;width:100%}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:.5px solid #e1e1e1;box-sizing:border-box;cursor:pointer;font-size:13px;line-height:1.5;padding:8px 35px 8px 10px;width:100%}.select-wrapper .dropdownarrow{color:#2587be;height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.modal{background-color:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border:1px solid #888;border-radius:8px;display:flex;flex-direction:column;flex-wrap:nowrap;margin:15% auto;max-width:500px;padding:20px;position:relative;width:80%}.modal-content h3{border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:10px}.close{color:#aaa;cursor:pointer;display:flex;float:right;font-size:28px;font-weight:700;margin:10px;padding-right:10px;position:absolute;right:0;top:0}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.info_content{border-bottom:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;line-height:20px;padding-bottom:20px;text-align:center}.info_content p{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;margin:5px;text-align:left}.info_content p,.info_content p strong{color:#555;font-size:14px;justify-content:space-between}.info_button{align-items:center;display:flex;flex-direction:column;text-align:center}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1050px){.form-container{margin-top:-25px}.price_div{display:flex;flex-direction:column}.arrow .vector{height:24px;position:relative;text-align:center;transform:rotate(90deg);width:24px}.direction{align-items:center;display:flex;justify-content:center}.form-row,.select-wrapper{flex-direction:column}.select-wrapper{display:flex;width:100%}.form-group{margin-right:0}}@media screen and (max-width:550px){.form-container{width:379px}.info_button p{font-size:10px}}@media screen and (max-width:450px){.form-container{width:300px}}.payment{justify-content:center}.payment,.payment_contain{align-items:center;display:flex}.content{align-items:center;background-color:#fff;border-radius:7px;box-shadow:2px 2px 10px #0000001a;justify-content:center;line-height:30px;margin-bottom:40px;padding:20px;width:100%}.payname{padding-bottom:30px}.cardbtn{background-color:#007bff;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;height:50px;margin-right:15px;padding:11px 35px;text-align:center;transition:background-color .3s ease;width:194px}.cardbtn:hover{background-color:#0056b3}.success_content{background:#fff;border-radius:10px;line-height:28.5px;padding:20px}.success_content h2{align-items:center;justify-content:center;padding:10px;text-align:center}.success_content p{font-size:13px}.success_content .token_code{font-size:20px}.cancel-button{border:none;border-radius:5px;cursor:pointer;margin-left:20px;padding:10px 20px}.card-number-field{display:inline-block;position:relative;width:100%}input[type=text]{max-width:450px;padding-right:40px;width:100%}.card-type-logo{height:auto;max-width:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.submit-button{background-color:#007bff;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:12px;height:35px;margin-right:-1px;padding:7px;text-align:center;transition:background-color .3s ease;width:100px}.cancel-button{background-color:#f44336;color:#fff}.loader{align-items:center;background:#fffc;color:#333;display:flex;font-size:24px;height:100%;justify-content:center}.loader,.payment-status{left:0;position:fixed;top:0;width:100%}.payment-status{padding:10px;text-align:center;z-index:4}.payment-status.success{background-color:#d4edda;color:#155724}.payment-status.failure{background-color:#f8d7da;color:#721c24}@media screen and (max-width:700px){.content{font-size:13px;width:400px}.cardbtn{font-size:10px;height:33px;padding:7px;width:112px}.payname{font-size:15px}}@media screen and (max-width:550px){.content{width:370px}}@media screen and (max-width:490px){.content{width:300px}}@media screen and (max-width:408px){.content{width:250px}}.container{padding:20px;text-align:center}.title-container{align-items:center;display:flex;justify-content:end;margin-bottom:10px;padding-bottom:10px}.title{color:#2587be;font-size:25px}.logo{height:auto;width:90px}.receipt-container{background-color:#f9f9f9;border-radius:9px;box-shadow:0 4px 10px #0000001a;margin:auto;padding:20px;text-align:justify;width:50%}.receipt-content{border-bottom:1px solid #ccc;padding-bottom:20px;text-align:center}.reciept_footer{align-items:center;display:flex;font-size:8.5px;font-weight:700;justify-content:center;padding-top:10px;text-align:center}.footer-logo{height:auto;margin-right:8px;width:18px}.small-text{display:block;font-size:8px}.small-text strong{font-size:14px}.amount{color:#0fa016;flex-direction:column;justify-content:center}.amount,.text_message{align-items:center;display:flex;text-align:center}.text_message{border-bottom:1px solid #ccc;justify-content:space-between;margin-bottom:10px;padding-bottom:15px}.text_message span{display:inline;font-size:16px;position:relative}.amount span{border-bottom:none;color:#0fa016;font-size:24px;font-weight:600;text-align:center}.receipt-content h2{color:#333;margin-bottom:15px}.receipt-content p{align-items:center;color:#555;display:flex;flex-wrap:nowrap;font-size:14px;gap:10px;justify-content:space-between;margin:5px;text-align:left}.receipt-content p strong{color:#555;font-size:15px}.receipt-content p span .price{color:#0fa016;display:flex}.amount .date{color:#555;font-size:11px;text-align:center}.text_message .message{font-size:24px;font-weight:600;position:relative}.text_message .message .icon{color:#0fa016;display:inline;height:auto;width:auto}.receipt-content .token{background-color:#6da8ff1e;color:#2587be;padding:10px 0}.receipt-content .token strong{color:#000;font-size:25px}.receipt-content .token .tkn{color:#555;font-size:15px}.receipt-content .price strong{color:#555}.receipt-content .price .naira{color:#000;font-size:18px;font-weight:500}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.action-button{background-color:#102437;border:none;border-radius:5px;color:#fdda24;cursor:pointer;font-size:16px;padding:10px 20px}.action-button:hover{-webkit-text-fill-color:#102437;background:linear-gradient(90deg,#fdda24,#ff8f1c);-webkit-background-clip:border-box;border:none;color:#102437}@media screen and (max-width:700px){.receipt-content p{font-size:11px}.title-container{margin-bottom:0;padding-bottom:5px}.logo{width:60px}.title{font-size:15px}.receipt-container{width:80%}.text_message .message{font-size:16px}.receipt-content .token strong{font-size:15px}.receipt-content .token{padding:5px 0}}@media screen and (max-width:490px){.receipt-content p{font-size:11px}.receipt-content p strong{font-size:10px}.receipt-content .small-text{font-size:8px}.receipt-content .token strong,.text_message .message{font-size:12px}.receipt-content .token .tkn{font-size:11px}.receipt-content .price .naira{font-size:12px;font-weight:500}}
/*# sourceMappingURL=main.32e30b48.css.map*/