@import"https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap";button{border-radius:.3rem;border:1px solid transparent;padding:.9rem 1.2em;font-size:01rem;font-weight:500;cursor:pointer;transition:border-color .25s;width:100%;min-width:fit-content;font-family:Familjen Grotesk;height:100%}.button:hover{border-color:#000}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary{background-color:#607ea6;color:#fff}.button:disabled,.button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666;cursor:not-allowed}.cancel{background-color:#f44336;color:#fff}.secondary{color:#607ea6;background-color:transparent;border:2px #607ea6 solid}.content{display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif;padding:10px 40px}.links{display:flex;gap:20px;align-items:center}.link{text-decoration:none}.link>a{text-decoration:none;color:#1a1a1a;font-size:20px}.logo-text{font-size:20px;color:var(--blue)}.cart{display:flex;align-items:center}.cart-link{text-decoration:none;color:#1a1a1a;font-size:20px;display:flex;align-items:center;gap:8px}.cart-item-count{position:absolute;top:-10px;right:-5px;background-color:#295e73;color:#fff;border-radius:50%;padding:1px 4px;font-size:10px}.btn-cart{position:relative}.user-nav-dropdown{position:relative;display:inline-block;font-family:Arial,sans-serif}.profile-label{cursor:pointer;font-size:19.5px;color:#1a1a1a;display:flex;align-items:center}.dropdown-arrow{margin-left:5px}.dropdown-content{display:flex;flex-direction:column;align-items:center;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;padding:10px;border-radius:8px;left:50%;transform:translate(-50%)}.dropdown-content span{margin-bottom:10px}.accordion{display:flex;flex-direction:column;width:100%}.accordion-item{margin:5px 0;width:100%}.accordion-link{text-decoration:none;color:#000;font-size:14px;padding:10px;display:block;font-family:Arial,sans-serif;text-align:center;background-color:#f0f0f0;transition:background-color .3s,color .3s}.accordion-link:hover{background-color:#fff;color:#000}.footer{text-align:center;font-family:Arial,sans-serif;color:#023859;width:100vw;position:absolute;bottom:0;left:0;font-size:12px;padding-bottom:10px}*{margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.app_body{flex:1;padding-bottom:2.5rem}.default_boxshadow{box-shadow:2px 2px 20.5px #00000040;border-radius:8px}:root{--green: #426b1f}:root{--blue: #023859;--gray: #6d6d6d;--light-gray: #dadada}.home_container{display:flex;justify-content:center;align-items:center}.home_content{display:flex;justify-content:center;align-items:center;flex-direction:column;width:70%}.home_header>h1{margin-top:10px;font-family:sans-serif;font-size:40px;color:var(--blue)}.home_products{margin-top:30px;display:flex;justify-content:space-around;width:100%}.cart_btn{margin-top:30px}.product_container{border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;text-align:center;padding:20px}.product_image{height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.product_image img{max-width:100%;max-height:100%;object-fit:contain}.product_title{font-size:1.5rem;color:#333;margin-bottom:10px}.product_details{display:flex;justify-content:space-around;align-items:center;margin-bottom:10px}.product_speed,.product_price,.product_plan{font-size:1rem;color:#666}.product_btns{margin-top:10px}.login_container{margin-top:60px;display:flex;font-family:Arial,sans-serif;flex-flow:column wrap;align-items:center}.login_header{margin-bottom:25px;display:flex;justify-content:center}.login_form_container{width:100%}.login_form_container>form{width:100%}.login_form_elem{margin-bottom:20px;width:100%}.login_content{min-width:300px}.login_tn{margin-bottom:10px}.btm_ext_txt{margin-top:10px;text-align:center;font-size:12px}.google-btn{margin-top:40px}.input_container{padding:.5rem 1rem;gap:.75rem;margin-top:10px;border-radius:8px;border:1px solid #b1b1b1;display:flex;padding:10px 24px 10px 18px;align-items:center;gap:12px;align-self:stretch}.input_container>input{width:100%;border:none;outline:none}.input_container>input:focus{outline:none}.input_label{color:#000;font-family:Familjen Grotesk;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.input_error{color:#ff3d00;font-family:Familjen Grotesk;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.google_btn_container>button{display:flex;padding:.4rem 0px;font-size:14px;line-height:1.25rem;font-weight:700;text-align:center;vertical-align:middle;align-items:center;border-radius:.2rem;border:1px solid rgba(0,0,0,.25);gap:.75rem;color:#413f3f;background-color:#fff;cursor:pointer;transition:all .6s ease;margin:0 auto;padding:.4rem 1rem;justify-content:center}.google_btn_container{text-align:center}.button svg{height:20px}button:hover{transform:scale(1.02)}button:disabled,button[disabled]{border:1px solid #999999;background-color:#ccc;color:#666;cursor:not-allowed}.facebook-button{line-height:1.25rem;font-weight:700;text-align:center;vertical-align:middle;align-items:center;display:flex;background-color:#4267b2;font-family:Arial,sans-serif;color:#fff;padding:.4rem 1rem;font-size:14px;border-radius:.2rem;border:1px solid rgba(0,0,0,.25);gap:.75rem;cursor:pointer;transition:all .6s ease;margin:0 auto;justify-content:center}.facebook-button:hover{background-color:#365899}.twitter-button{line-height:1.25rem;font-weight:700;text-align:center;vertical-align:middle;align-items:center;display:flex;font-family:Arial,sans-serif;background-color:#1da1f2;color:#fff;padding:.4rem 1rem;font-size:14px;border-radius:.2rem;border:1px solid rgba(0,0,0,.25);gap:.75rem;cursor:pointer;transition:all .6s ease;margin:0 auto;justify-content:center}.twitter-button:hover{background-color:#0d95e8}.signup_container{padding:10px 70px}.btm_ext_txt span{color:#7c7c7c;font-size:19px;font-family:Familjen Grotesk;font-weight:600;text-transform:capitalize;line-height:19px;word-wrap:break-word}.btm_ext_txt a{color:#607ea6;font-size:20px;font-family:Poppins;font-weight:600;text-transform:capitalize;line-height:20px;word-wrap:break-word}.usr_crt_frm_prsnl,.usr_crt_frm_rica{display:grid;row-gap:15px;margin-top:15px}.usr-crt-2-items{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.usr_prsnl_btn{margin-top:20px}.del-addr-form{display:grid;row-gap:15px;margin-top:15px}.del-addr-2-items{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.container_card_header{display:flex;align-items:center;gap:1rem;border-bottom:2px solid #e1e1e1;margin:0 50px 20px;height:60px;color:#393939;font-family:Familjen Grotesk;font-size:32px;font-style:normal;font-weight:500;line-height:24px}.container_card_header_items{width:100%;color:#295e73;font-size:30;font-family:Familjen Grotesk;font-weight:600}.container_card_header_icon{color:#a3a1a1}.container_card_header_items>*{display:flex;width:100%;justify-content:space-between}.container_card_body{margin:0 50px}.container_card_body_item{display:flex;align-items:center;gap:20px;padding:30px 0;border-bottom:2px dotted #e1e1e1}.container_card_footer{display:flex;margin:20px 50px 23px}.container_card{height:fit-content}@media only screen and (max-width: 480px){.default_page_stp{padding-left:.5rem;padding-right:.5rem}.container_card_footer{display:flex;flex-flow:column!important;height:max-content;gap:10px}.container_card_header,.container_card_body{margin:0 20px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.container_card_body{margin:0 20px}.container_card_footer{display:flex;flex-flow:column!important;height:max-content;gap:10px}}.cart_container{padding:10px 300px;font-family:Familjen Grotesk}.cart_content{padding:20px}.cart_body{display:grid;grid-template-columns:.7fr .3fr;gap:30px}.cart_items{display:flex;flex-flow:column wrap;gap:20px}hr{margin-top:20px;margin-bottom:10px}.cart_header>h1{font-size:36px;color:#295e73}.cart_header>span{font-size:30px}.empty_cart{text-align:center;padding:40px;display:flex;flex-flow:column;justify-content:center;align-items:center}.add_more_text{color:#607ea6;font-size:20px;font-family:Familjen Grotesk;font-weight:600;word-wrap:break-word}.empty_cart h3{margin-top:20px;margin-bottom:20px}.cart_item_container{display:flex;border:1px solid #e6e6e6;box-shadow:0 0 3.200000047683716px #00000040;border-radius:8px;padding:10px 11px;height:244px}.cart_item_container span{font-weight:bolder;font-size:20px}.cart_item_right{width:250px;height:208px}.cart_item_right>img{width:100%;height:100%}.cart_item_left{width:100%;padding:0 70px 0 40px;display:flex;justify-content:space-between;align-items:center}.cart_item_left_input{width:380px}.cart_item_left_top{display:flex;justify-content:space-between}.cart_item_service_name{color:#000;font-size:20px;font-family:Familjen Grotesk;font-weight:400;line-height:20px;word-wrap:break-word}.cart_del_icon{display:flex;flex-flow:column;gap:10px;justify-content:center;align-items:center}.cart_del_icon span{color:#000;font-size:25px;font-family:Familjen Grotesk;font-weight:600;line-height:20px;word-wrap:break-word}.cart_item_left_bottom{display:flex;align-items:center;justify-content:space-between}:root{--green: #426b1f;--gray: #6d6d6d;--light-gray: #dadada}.order_summary_container{display:flex;font-family:Familjen Grotesk;border:1px solid #e6e6e6;box-shadow:0 0 3.200000047683716px #00000040;border-radius:8px;padding:20px}.order_summary_content{width:100%}.order_summary_title{margin-bottom:20px;font-size:20px}.order_summary_item{display:flex;justify-content:space-between;margin-bottom:20px}.profile-container{padding:10px 70px;font-family:Familjen Grotesk}.profile-header{text-align:center;font-size:16px;color:#295e73;display:flex;justify-content:center}.profile-section{margin-top:20px;border-radius:8px;background:#fff;box-shadow:0 0 3.200000047683716px #00000040;display:grid;padding:20px 39px;gap:0px}.section-header-title{display:flex;align-items:center;text-align:center;border-bottom:2px #f6f6f6 solid;justify-content:space-between}.profile-section h1{font-size:20px;color:#295e73;padding-bottom:0;margin-bottom:20px}.profile-info{display:grid;gap:10px}.profile-box{margin-top:25px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.profile-info-key{color:#000;font-size:20px;font-family:Familjen Grotesk;font-weight:400;word-wrap:break-word}.profile-info-value{flex-basis:60%;color:#000;font-size:20px;font-family:Familjen Grotesk;font-weight:400;word-wrap:break-word}.delivery_address_content{justify-content:center;width:50%;font-family:Arial,sans-serif;color:#295e73;margin:auto}.delivery_address_header{font-size:11px}.delivery_address_content_container>form{display:grid;padding:10px;color:#000;gap:10px}.create_order_btn{width:200px;margin:20px auto}.orders-container{padding:10px 70px}.primary-table{width:100%;border-collapse:collapse;margin-bottom:20px}.primary-table th,.primary-table td{padding:12px 15px;text-align:left}.primary-table th{color:#fff;font-family:Familjen Grotesk;font-size:22px;font-style:normal;font-weight:500;line-height:normal;background:#295e73;border:2px solid #fff;height:20px;flex-shrink:0}.primary-table tr:nth-child(2n){background-color:#f4f4f4}.primary-table tr:hover{background-color:#e9e9e9}.primary-table td{vertical-align:middle;color:#000;font-family:Familjen Grotesk;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.primary-table td:last-child{text-align:center}.primary-button{background-color:#295e73;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease;font-size:14px}.primary-button:hover{background-color:#0056b3}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{background-color:#607ea6;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:4px;margin:0 5px;transition:background-color .3s ease;font-size:14px;width:100px}.pagination button:disabled{background-color:#bebebe;cursor:not-allowed}.pagination span{margin:0 10px;font-size:14px;color:#000}.status-wrapper-container{border-radius:63px;display:flex;padding:5px 10px;color:#fff;font-family:Familjen Grotesk;font-size:16px;font-style:normal;font-weight:500;line-height:normal;width:max-content}.initial{background:#2aa3ef}.cancelled{background:#ed3900}.approved{background-color:#33bfa3}.order-details-container{padding:10px 70px}.order-details-top-container{margin-top:20px;border-radius:8px;background:#fff;box-shadow:0 0 7.4px #00000040;padding:20px 39px;display:grid;grid-template-columns:1fr 2fr 1fr 0fr;gap:0px}.order-details-bottom-container{margin-top:20px;border-radius:8px;background:#fff;box-shadow:0 0 7.4px #00000040;padding:20px 39px;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.order-txt-label{color:#000;font-family:Familjen Grotesk;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.order-item{display:grid;grid-template-columns:1fr 1fr;margin-bottom:30px;min-height:30px}.order-line-details{display:flex}.order-details-btn-cont{margin-top:22px;display:flex;justify-content:flex-end}.order-details-btn{width:282px}.order-item-small{margin-bottom:20px}.order-details-price{color:#000;font-family:Familjen Grotesk;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.service-container{padding:10px 70px}.service-table-cell:nth-child(1){text-align:center}.service-table-cell:nth-child(2){text-align:center}.service-table-cell:not(:last-child){border-right:1px solid #ddd}.service-table-cell h2{margin:0;font-size:16px;text-align:center}.service-table-body{overflow-y:auto;max-height:400px}.service-table-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;cursor:pointer;transition:background-color .3s ease}.service-table-row:hover{background-color:#f4f4f4}.service-details-container{height:100vh;padding:10px 40px}.service-sidebar{grid-area:sidebar}.service-sidebar-header{text-align:center;line-height:25px}.service-sidebar-serv-name{font-size:20px}.service-actions{grid-area:action_buttons}.service-details-info{gap:20px;grid-area:service_details_info}.service-details-content{display:grid;grid-template-areas:"sidebar service_details_info action_buttons" "sidebar service_details_info action_buttons";gap:30px;margin-top:20px;width:100%;grid-template-columns:1.5fr 3fr 1fr;height:100%}.service-details-header h1{text-align:center;margin-bottom:20px;color:#295e73;font-size:24px}.service-details-column h1{font-size:18px;margin:10px 0}.btn-cont{margin-top:20px}.container_item{display:flex;align-items:center;gap:20px;padding:30px 0;border-bottom:2px dotted #e1e1e1}.service_detail_sidebar-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.service-detail-sidebar-label{color:#000;font-family:Familjen Grotesk;font-size:19px;font-style:normal;font-weight:400;line-height:normal}.service-detail-sidebar-value{color:#454545;font-family:Familjen Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:normal;text-align:end}.underline>p{text-decoration:underline}.staticFormText_text{border-radius:8px;border:0px #b1b1b1;padding:10px 24px 10px 18px;background:#f2f3f8;color:#545454;font-family:Familjen Grotesk;font-size:17px;font-style:normal;font-weight:500;line-height:24px}.staticFormText_label{margin-bottom:13px;color:#000;font-family:Familjen Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px}.staticFormText_container{width:100%}.service-detail-gauge-list{display:flex;justify-content:space-between}.service-detail-gauge-item{height:300px;width:300px}.wallet-name-cont{font-family:Familjen Grotesk;margin-top:20px}.service-details-primary-balance{padding-top:36px;font-family:Familjen Grotesk;font-size:26px;font-style:normal;font-weight:600;line-height:normal}.service-details-primary-balance-items{padding-top:10px;display:flex;margin-bottom:40px}.service-details-primary-balance-item{min-width:289px;margin-right:18px}.service-details-topup-container{border-radius:3px;height:150px;width:150px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.Voice{border:5px solid #24d0f2}.Data{border:5px solid #9d4c6e}.SMS{border:5px solid #4b6c73}.service-detail-topup-txt{color:#000;font-family:Familjen Grotesk;font-size:25px;font-style:normal;font-weight:600;line-height:24px}.service-detail-value-txt{font-family:Familjen Grotesk;font-size:20px;font-style:normal;font-weight:700;line-height:24px}.service-detail-exp-txt{color:#000;font-family:Familjen Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px}.service-details-topup-items{display:grid;grid-template-columns:1fr 1fr 1fr}.service-details-topup-items-boxes{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px}.unprepaid-service-cont{display:grid;grid-template-columns:1fr 1fr;font-family:Familjen Grotesk}.unprepaid-service-left{margin-top:30px}.unprepaid-service-left-item{margin-bottom:50px}.unprepaid-service-right{display:flex;flex-direction:column;align-items:left}.piechart-title>p{color:#000;font-size:17px;font-family:Familjen Grotesk;font-weight:400;line-height:24px;word-wrap:break-word;margin-bottom:24px}.piechart-title{padding-left:100px;margin-bottom:20px}.account-page{font-family:Arial,sans-serif;color:#333;padding:10px 70px;font-family:Familjen Grotesk}.paymentPage{max-width:800px;margin:10px auto;padding:10px;font-family:Arial,sans-serif;color:#333;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.paymentHeader{margin-bottom:20px;font-size:24px;font-weight:700;color:#295e73;text-align:center}.paymentButtons{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.paymentText{font-size:18px;margin-bottom:10px;text-align:center}.paymentButton{background-color:#f4f4f4;border:1px solid #ddd;padding:8px;text-align:center;font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:10px;width:240px;justify-content:center;transition:background-color .3s}.paymentButton:hover{background-color:#e1e1e1}.paymentIcon{width:24px;height:24px}.googlePayIcon{color:#4285f4}.creditCardIcon{color:#000}.backLink{margin-top:20px;font-size:16px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px}.backLink a{text-decoration:none;color:#607ea6;margin-left:5px}.backLink a:hover{text-decoration:underline}.backIcon{width:20px;height:20px;color:#607ea6}:root{--blue: #295e73;--gray: #6d6d6d;--light-gray: #dadada}.support-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a}.support-header{text-align:center;margin-bottom:30px;font-size:26px;color:var(--blue)}.support-text{text-align:center;margin-bottom:30px;font-size:18px;color:var(--gray)}.support-section{margin-bottom:40px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.support-section-header{font-size:22px;color:var(--blue);border-bottom:2px solid var(--light-gray);padding-bottom:10px;margin-bottom:20px}.support-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px;font-family:Arial,sans-serif}.form-label{font-weight:700;color:var(--blue);margin-bottom:5px}.form-input{width:730px;padding:10px;border:1px solid var(--light-gray);font-family:Arial,sans-serif;border-radius:4px}.form-button{background-color:#607ea6;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.faq-list{list-style-type:none;padding:0}.faq-item{margin-bottom:20px}.faq-question{font-size:18px;font-weight:700;color:var(--blue)}.faq-answer{font-size:16px;color:var(--gray);margin-top:5px}.paymentFormHeader{margin-bottom:20px;font-size:24px;font-weight:700;text-align:center;color:#295e73;font-family:Arial,sans-serif}h4.payHead{font-family:Arial,sans-serif;font-size:14px;color:#09f;border:2px solid #09f;border-radius:4px;padding:5px 8px;cursor:pointer}.wpwl-container{display:none}.payment-status-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.payment-status-content{text-align:center;background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%;font-family:Arial,sans-serif}.payment-status-content h1{color:#295e73}.payment-status-icon{font-size:60px;margin-bottom:20px}.payment-status-icon.success{color:#28a745}.payment-status-icon.failed{color:#dc3545}.payment-status-icon.pending{color:#ffc107}.payment-status-btn{margin-top:30px}