.AppLayout_mainContent__DMGRy{padding:3rem 0;width:min(85%,1280px);margin:0 auto}.cardInfoDesktop{padding:16px;display:none}.cardInfoMobile{padding:16px;display:block}@media (min-width:768px){.cardInfoDesktop{display:block}.cardInfoMobile{display:none}}.cardHeader{display:flex;justify-content:space-between}.bill{line-height:20px;color:#0d0d0d;font-size:16px;font-weight:700}.paidSts{color:#014c01;background-color:rgba(0,138,0,.1)}.paidSts,.unpaidSts{line-height:18px;padding:4px 8px;border-radius:384px;font-size:14px}.unpaidSts{background-color:rgba(235,97,0,.1);color:#665200}.invoiceDetails{margin:16px 0;display:flex;gap:8px}.imageCtn{display:flex;width:48px!important;height:48px;background-color:rgba(0,105,124,.1);border-radius:384px;align-items:center;justify-content:center}.image{width:32px;height:32px}.billPeriod{display:flex;flex-direction:column;text-align:start;width:100%}.payment{display:flex;flex-direction:row;justify-content:space-between}.dueDate{line-height:18px;font-size:14px;color:#0d0d0d}.month{justify-self:flex-start}.month,.totalPayment{line-height:32px;font-weight:700;font-size:24px;color:#0d0d0d}.helpTextCtn{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;align-items:center;height:19px}.helpText{font-size:14px;line-height:18px;color:#0d0d0d}.infoIcon{width:16px;height:16px}.remainingAmount{font-weight:700;font-size:14px;line-height:18px;color:#0d0d0d}.border1{background-color:#bebebe;height:1px;width:100%;margin:16px 0}.buttons{display:flex;flex-direction:column;gap:8px}.btnHeightMd{height:44px}.buttonsDesktop{display:flex;justify-content:space-between}.payBtn{flex:1}.payBtn,.payBtnDesktop{border:none;background-color:#e60000;color:#fff;border-radius:8px;cursor:pointer;line-height:20px;font-size:16px;padding:12px 0}.payBtnDesktop{width:169px;height:44px}.downloadInvoiceBtn{flex:1;padding:12px 0}.downloadInvoiceBtn,.downloadInvoiceBtnDesktop{background-color:transparent;border:2px solid #0d0d0d;border-radius:8px;line-height:20px;font-size:16px;color:#0d0d0d;cursor:pointer}.downloadInvoiceBtnDesktop{width:169px;height:44px}.desktopDetails{display:flex;flex-direction:column;gap:8px;text-align:start}.gapButtons{display:flex;gap:16px}.DesktopDueDate{display:flex;justify-content:space-between;align-items:center}.billPeriodDesktop{display:flex;flex-direction:column;gap:4px;flex:1}.invoiceDetailsDesktop{display:flex;gap:8px;align-items:center}.detailsDesktopText{font-weight:700}.dateDesktopDetails,.detailsDesktopText{color:#0d0d0d;font-size:16px;line-height:20px}.dateDesktopDetails{font-weight:400}.imageCtnDesktop{display:flex;width:58px!important;height:58px;background-color:rgba(0,105,124,.1);border-radius:384px;align-items:center;justify-content:center}.imageDesktop{width:34.8px;height:34.8px}.card{background-color:#fff;display:flex;flex-direction:column;flex:1;height:auto;border-radius:16px;border:1px solid #eee;max-width:100%}.spinner-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#e60000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.primary{background-color:#e60000}.primary,.secondary{border:none;color:#fff;width:100%;border-radius:8px;cursor:pointer;line-height:20px;font-size:16px}.secondary{background-color:#0d0d0d}.alternative{background-color:transparent;border:2px solid #0d0d0d;width:100%;border-radius:8px;line-height:20px;font-size:16px;color:#0d0d0d}.samll{height:32px}.medium{height:44px}.large{height:56px}.carousel{align-items:center;justify-content:center;margin:0 20px}.carousel,.featureCardCarosel{display:flex;flex-direction:column}.featureCardCarosel{background-color:#fff;padding:20px;border-radius:16px;width:260px;height:148px;gap:16px;align-items:flex-start;box-shadow:0 5px 27.1px 0 rgba(0,0,0,.07)}.carousel-controls{margin-top:16px;display:flex;justify-content:space-between;gap:16px}.activeBtn{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:384px}.activeIcon{height:48px;width:48px;transition:all .2s ease-in-out}.inActiveBtn,.inActiveBtnLeft{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:384px;border:none;transform:scaleX(-1) scaleY(-1)}.inActiveBtnLeft{height:48px;width:48px}.infoTextCarosel{color:#0d0d0d;font-family:var(--vodafone-exb);font-size:20px;line-height:28px;text-align:start}.activeIcon:hover path:first-child{fill:#262626}.activeIcon:hover path:last-child{stroke:#fff}.activeIcon:active path:first-child{fill:#7e7e7e}.activeIcon:active path:last-child{stroke:#fff}.paymentOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,5%,.4);display:flex;justify-content:center;align-items:center;z-index:1000}.paymentHeader{display:flex;flex-direction:row;justify-content:space-between;width:100%}.paymentVdfImg{height:48px;width:48px;margin:20px 0 0 20px}.paymentCancelImg{height:32px;width:32px;margin:12px 12px 0 0;cursor:pointer}.paymentModalTitle{padding:24px;text-align:center;align-items:center;color:#0d0d0d;line-height:32px;font-size:28px;font-weight:400}.paymentModalContent{text-align:center;font-family:var(--vodafone-lt);font-weight:400;line-height:26px;font-size:18px}.paymentModalBorder{background-color:#eee;height:1px;width:100%}.paymentBtnCnt{padding:24px;gap:16px;display:flex;flex-direction:row;justify-content:center;align-items:center}.paymentCancelBtn{background-color:#0d0d0d}.paymentCancelBtn,.paymentConfirmBtn{border-radius:8px;height:44px;flex:1;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:26px;align-items:center;justify-content:center;font-weight:400}.paymentConfirmBtn{background-color:#e60000}@media screen and (max-width:768px){.modal{background-color:#fff;display:flex;flex-direction:column;height:auto;border-radius:12px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);z-index:1001;margin:0 12px}}.modal{background-color:#fff;display:flex;flex-direction:column;width:694px;height:auto;border-radius:12px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);z-index:1001}.overlay{position:fixed;top:0;left:0;height:100%;background-color:hsla(0,0%,5%,.4);justify-content:center;align-items:center;z-index:1000}.header,.overlay{width:100%;display:flex}.header{flex-direction:row;justify-content:space-between}.vdfImg{height:48px;width:48px;margin:20px 0 0 20px}.cancelImg{height:32px;width:32px;margin:12px 12px 0 0;cursor:pointer}.modalTitle{padding:24px;text-align:center;align-items:center;color:#0d0d0d;line-height:32px;font-size:24px;font-weight:700}.modalContent{text-align:center;line-height:20px;font-size:16px}.btnCnt{padding:24px;gap:16px;display:flex;flex-direction:row;justify-content:center;align-items:center}.cancelBtnWhite{border:2px solid #000!important}.cancelBtnWhite,.confirmBtn{border-radius:8px;height:44px;flex:1;border:none;cursor:pointer;font-size:18px;line-height:26px;align-items:center;justify-content:center;font-weight:400}.confirmBtn{background-color:#e60000;color:#fff}.modalBorder{margin-top:16px;background-color:#eee;height:1px;width:100%}.mainIcon{width:96px}.mainIconContainer{display:flex;justify-content:center}@media screen and (max-width:768px){.modal{background-color:#fff;display:flex;flex-direction:column;height:auto;border-radius:12px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);z-index:1001;margin:0 12px}.mainIcon{width:84px}.btnCnt{flex-direction:column-reverse;padding:20px;margin-top:0}.cancelBtnWhite,.confirmBtn{width:100%;min-height:44px}}@media screen and (min-width:768px){.modalBorder{display:none}}.noBillCnt{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:32px 0;gap:16px;flex:1}.noBillImage{width:120px;height:120px}.noBillText{font-size:18px;line-height:26px;font-family:var(--vodafone-lt);font-weight:400;color:#262626}@media screen and (max-width:768px){.noBillCnt{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:32px 0;gap:8px;flex:1}}.headerHomepage{background-color:#ccc;height:56px;margin-bottom:16px}.background{width:100%;height:70vh;background-image:url(/roaming/_next/static/media/HeroImage.176e5c95.jpeg);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center}.Ctn{margin:0 0 0 60px;display:flex;flex-direction:column;justify-content:center;gap:24px}.text{line-height:48px;font-size:40px;font-family:var(--vodafone-exb);width:648px}.notification,.text{color:#fff;text-align:start}.notification{line-height:32px;font-size:28px;font-weight:700}.cartCtn{display:flex;flex-direction:row;justify-content:center;gap:16px;margin-top:-68px;flex:1;padding:0 20px}@media (max-width:768px){.cartCtn{display:none}}.featureCard{background-color:#fff;display:flex;flex-direction:column;flex:1;padding:20px;border-radius:16px;max-width:340px;gap:16px;align-items:flex-start;box-shadow:0 5px 27.1px 0 rgba(0,0,0,.07)}.infoText{color:#0d0d0d;font-family:var(--vodafone-exb);font-size:20px;line-height:28px;text-align:start}.homeBtn{width:198px;height:44px;background-color:#e60000;font-weight:400;font-size:16px;line-height:20px;color:#fff;border:none;border-radius:8px;margin:12px 0;cursor:pointer}.homeBtn:hover{background-color:#cf0000}.homeBtn:active{background-color:#b80000}.featureIcon{height:48px;width:48px}@media screen and (max-width:768px){.background{width:100%;height:46vh;background-image:url(/roaming/_next/static/media/HeroImage.176e5c95.jpeg);background-repeat:no-repeat;background-size:cover;background-position:68% 50%}.Ctn,.background{display:flex;align-items:center}.Ctn{margin:0;background:linear-gradient(90deg,#000,transparent);flex-direction:column;justify-content:center;gap:8px;height:100%}.text{font-size:20px;font-weight:400;font-family:var(--vodafone-exb);width:90%}.notification,.text{color:#fff;text-align:start;line-height:28px}.notification{font-size:18px;font-weight:700}.homeBtn{width:198px;height:44px;background-color:#e60000;font-weight:400;font-size:16px;line-height:20px;color:#fff;border:none;border-radius:8px;margin:24px 0}}.error-container{flex-direction:column;padding-top:10rem;padding-bottom:10rem;text-align:center}.error-container,.error-icon{display:flex;align-items:center;justify-content:center}.error-icon{width:64px;height:64px;background-color:#e60000;border-radius:50%;color:#fff;font-size:32px;font-weight:700;margin-bottom:1.5rem}.error-title{font-size:24px;line-height:32px;font-weight:700;color:#0d0d0d;margin-top:16px;margin-bottom:16px}.error-message{font-size:16px;line-height:20px;color:#666;margin-bottom:48px}.error-buttons{display:flex;gap:24px;width:100%;max-width:400px}@media (max-width:640px){.error-buttons{flex-direction:column}}