@font-face{font-family:Proximus;src:url(/fonts/Proximus-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Proximus;src:url(/fonts/Proximus-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proximus;src:url(/fonts/Proximus-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proximus;src:url(/fonts/Proximus-ExtraB.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh}*{padding:0;margin:0;box-sizing:border-box;font-family:Proximus,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{border-bottom:.1rem solid rgba(0,0,0,.08)}.container{max-width:1200px;margin:0 auto;padding:0 15px}.logoWrapper{padding:15px 10px 0 2px}.logoWrapper svg{margin-bottom:20px}.main{margin-top:87px;flex:1 0 auto}.titleItem{color:#5c2d91;font-size:42px;font-weight:900}.titleWrapper{padding:0 2px 19px}.descriptionWrapper{padding:0 2px}.descriptionItem{font-size:24px;color:#5c2d91;font-weight:300}.formElementWrapper{border:2px solid rgba(0,0,0,.08);border-radius:5px;padding:40px;margin-left:2px}.formElementTitleWrapper{display:flex;align-items:center;gap:26px}.formElementStep{width:28px;height:28px;max-width:28px;max-height:28px;background-color:#5c2d91;border-radius:50%;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.formElementTItle{color:#5c2d91;font-size:28px;font-weight:700}.titleContainer{padding-bottom:26px}.amountInfoTitleWrapper{padding:20px;background-color:#5c2d91;border-radius:5px 5px 0 0}.amountInfoTitleItem{color:#fff;font-size:20px;font-weight:700}.amountInfoWrapper{border-radius:5px;margin-right:20px;width:380px;border:2px solid rgba(0,0,0,.08);margin-top:0}.amountInfoDescriptionWrapper{padding:19px;border-left:2px solid rgba(0,0,0,.08);border-right:2px solid rgba(0,0,0,.08)}.amountInfoDescription{font-size:16px;color:#252525;font-weight:400;max-width:330px;line-height:24px}.amountInfoTotalWrapper{background-color:#f9f9f9;padding:20px;display:flex;justify-content:space-between;align-items:center;color:#5c2d91}.amountInfoTotalText{font-size:24px;font-weight:700}.amountInfoTotalText span{font-size:14px}.amountInfoAmountItem{font-size:26px;font-weight:700}.amountInfoAmountItem span{font-size:21px}.formElementPhoneNumberInputWrapper{background-color:#f9f9f9;padding:20px;margin-top:30px}.phoneNumberInputTitleItem{color:#5c2d91;font-size:20px;font-weight:700}.phoneNumberInputTitleWrapper{margin-bottom:10px}.formNumberInputItem{height:50px;font-size:16px;line-height:1.5;font-family:inherit;padding:20px 20px 6px;border:2px solid transparent;border-radius:5px;background-color:#00000014;width:100%;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#252525}.formNumberInputItem:focus{outline:none;border-color:#5c2d91;background-color:#fff}.formNumberInputItem:not(:placeholder-shown){background-color:#fff}.formNumberInputItem::placeholder{color:#0006;opacity:1}.formNumberInputItem::-webkit-input-placeholder{color:#0006}.formNumberInputItem:-ms-input-placeholder{color:#0006}.formNumberInputItem:-moz-placeholder{color:#0006;opacity:1}.formNumberInputItem::-moz-placeholder{color:#0006;opacity:1}.phoneNumberInput{position:relative;margin-bottom:20px}.phoneNumberInput label{position:absolute;cursor:text;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:21px;max-width:calc(100% - 42px);transition:all .2s ease;color:#0000008f;font-size:16px;top:13px;line-height:1.5;font-weight:400;margin-bottom:0;background-color:transparent}.phoneNumberInput label.active{top:2px;font-size:12px;font-weight:500;color:#5c2d91;padding:0;background-color:#f9f9f9}.phoneNumberInput .formNumberInputItem:focus+label{top:2px;font-size:12px;font-weight:500;color:#5c2d91;padding:0;background-color:#f9f9f9}.phoneNumberInput .formNumberInputItem:not(:placeholder-shown)+label{top:2px;font-size:12px;font-weight:500;color:#5c2d91;padding:0;background-color:#f9f9f9}.PhoneNumberFormWrapper{width:780px;flex:1}.phoneNumberCheckboxWrapper{display:flex;align-items:center;gap:10px;cursor:pointer}.phoneNumberCheckboxWrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer}.phoneNumberCheckboxWrapper .phoneNumberCheckboxText{font-size:16px;color:#252525;font-weight:400}.phoneNumberInputErrorItem{margin-left:20px;margin-top:8px;color:#b30000;font-size:14px;font-weight:400}.formNumberInputItem.error{border-color:#b30000!important;background-color:#b300000d!important;color:#b30000!important}.formNumberInputItem.error:focus{border-color:#b30000!important;background-color:#b300000d!important}.formNumberInputItem.focused:not(.error){border-color:#5c2d91;background-color:#fff}.phoneNumberInput label.error{color:#b30000!important}.phoneNumberInput label.error.active{background-color:#f9f9f9}.phoneNumberInput label.active:not(.error){color:#5c2d91}.phoneNumberInput .formNumberInputItem.error:focus+label,.phoneNumberInput .formNumberInputItem.error:not(:placeholder-shown)+label{color:#b30000!important}.phoneNumberInput .formNumberInputItem:not(.error):focus+label,.phoneNumberInput .formNumberInputItem:not(.error):not(:placeholder-shown)+label{color:#5c2d91}.phoneNumberInputErrorItem{color:#b30000;font-size:14px;margin-top:5px;font-weight:400}.phoneNumberSubmitButtonWrapper{text-align:right;margin-top:60px}.phoneNumberSubmitButton{text-align:center;background:#5c2d91;color:#fff;box-shadow:0 12px 10px -8px #00000029,0 8px 10px -2px #391d5829,0 10px 30px #5c2d913d;border:2px solid transparent;font-size:16px;line-height:1.5;border-radius:3px 3px 25px;padding:11px 20px;cursor:pointer;transition-duration:.3s}.phoneNumberSubmitButton:hover{background-color:#fff;border-color:#5c2d91;color:#5c2d91}.phoneNumberSubmitButton:disabled{background:#0000000a;color:#0000001f;box-shadow:none;cursor:default;pointer-events:none}.PhoneNumberFormWrapper{transition:all .3s ease}.PhoneNumberFormWrapper.inactive{cursor:pointer}.PhoneNumberFormWrapper.inactive .formElementWrapper{border-color:#5c2d914d}.PhoneNumberFormWrapper.inactive .formElementWrapper:hover{border-color:#5c2d91;background-color:#5c2d910d}.formContent{overflow:hidden;transition:all .3s ease;max-height:0;opacity:0}.formContent.expanded{max-height:800px;opacity:1}.formContent.collapsed{max-height:0;opacity:0}.formNumberInputItem.disabled{background-color:#0000000a;cursor:not-allowed}.formNumberInputItem.disabled:focus{border-color:transparent}.completedValue{padding:15px 0}.completedValue p{font-size:18px;color:#5c2d91;font-weight:600}.PhoneNumberFormWrapper.animating{transform:scale(.99);transition:transform .1s ease}.mainFormContainer{display:flex;justify-content:space-between;gap:20px;width:100%}.amountInfoWrapper{width:380px;border-radius:5px;border:2px solid rgba(0,0,0,.08);margin-top:0;margin-right:0}.contentWrappper{display:flex;justify-content:space-between;gap:20px;width:100%}.phoneNumberValue{color:#5c2d91;font-size:20px;font-weight:700}.selectionText{padding-top:20px;font-weight:400;font-size:16px}.formsColumn{display:flex;flex-direction:column;gap:20px;flex:1}.selectTarifPlanWrapper{display:flex;justify-content:space-between;gap:20px;padding-top:10px}.tarifPlanItem{border:2px solid rgba(0,0,0,.08);border-radius:5px;display:flex;color:#252525;padding:20px;cursor:pointer;background-color:#fff;transition-duration:.3s}.tarifPlanItem:hover{border-color:#5c2d91}.tarifPlanSelector{width:24px;height:24px;margin-right:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.selector{width:20px;height:20px;background-color:#ffffff3d;border:2px solid rgba(0,0,0,.44);border-radius:50%;box-sizing:border-box}.tarifPlanAmountItem{font-weight:700;font-size:16px;line-height:24px}.tarifPlanDescriptionItem{font-size:14px;font-weight:400;line-height:21px}.selectedTarifValue{padding-top:20px;font-weight:400;font-size:16px}.tarifPlanItem.selected{border-color:green}.TopUpAmountFormWrapper.inactive{cursor:pointer}.TopUpAmountFormWrapper.inactive .formElementWrapper{border-color:#5c2d914d}.TopUpAmountFormWrapper.inactive .formElementWrapper:hover{border-color:#5c2d91;background-color:#5c2d910d}.topUpAmountFormSubmitBtn,.formElementPhoneNumberInputWrapper .phoneNumberSubmitButtonWrapper{margin-top:40px}.paymentMethodItem{border:2px solid rgba(0,0,0,.08);border-radius:5px;display:flex;align-items:center;color:#252525;padding:20px;cursor:pointer;background-color:#fff;transition-duration:.3s;width:200px}.paymentMethodItem:hover{border-color:#5c2d91}.paymentMethodItem.selected{border-color:green}.paymentMethodItem.disabled{opacity:.5;cursor:not-allowed}.paymentMethodItem.disabled:hover{border-color:#00000014}.selectPaymentMethodWrapper{display:flex;gap:20px;padding-top:10px}.selector.selected{border:6px solid green}.footerContainer{display:flex;justify-content:space-between;align-items:flex-start}.footer{background-color:#5c2d91;margin-top:160px;padding:40px 0;flex-shrink:0;width:100%}.footerLinksTitleItem{font-size:12px;color:#fff;font-weight:400}.footerLinksTitleWrapper{padding-bottom:10px}.footerLinkWrapper{display:flex;gap:20px;margin:5px 0}.footrerLinkItem{font-size:12px;color:#fff;font-weight:400;text-decoration:none}.footrerLinkItem:hover{text-decoration:underline;opacity:.5}.footerAddressItem{font-size:12px;font-weight:400;color:#fff}.footerTrustImagesWrapper{display:flex;gap:20px;margin-bottom:20px}.orderInfoWrapper{display:flex;justify-content:center;gap:15px}.orderInfoWrapper .info{text-align:right}.orderInfoWrapper .value{text-align:left}.orderInfoWrapper .orderInfoItem{font-size:16px;color:#333;font-weight:400;line-height:18px;padding-bottom:20px}.orderWrapper{border:1px solid #b0b9bf;padding:20px;border-radius:0 0 20px;background:none;margin-top:20px}.checkoutInfoItem{padding-bottom:40px!important;height:60px}.formItemContainer{display:flex;align-items:center;justify-content:center;gap:15px}.formItemInfoWrapper{width:50%;text-align:right}.formItemImageWrapper,.formItemInputWrapper{width:50%}.checkoutFormInputItem{background-color:#f1f3f8;font-family:inherit;border:1px solid #c2cbe0;color:#333;line-height:24px;padding:9px;font-weight:400;font-size:16px}.checkoutFormWrapper{display:flex;flex-direction:column;gap:20px}#expirityDateMonth,#expirityDateYear{background-color:#f1f3f8;font-family:inherit;border:1px solid #c2cbe0;min-width:100px;color:#333;line-height:24px;padding:9px;font-weight:400;font-size:16px}.requiredFieldsExplanationWrapper{text-align:center;padding-top:20px}.requiredFieldsExplanationWrapper .requiredFieldsExplanationItem{font-size:16px;font-weight:400;color:#333}.checkoutFormSubmitButtonWrapper{text-align:center;padding-top:20px}.checkoutFormSubmitButtonWrapper .checkoutFormSubmitItem{border:none;cursor:pointer;background:#522e91;border-radius:0 0 10px;color:#fff;display:inline-block;font-size:13px;line-height:15px;padding:10px 20px;text-align:center;vertical-align:middle;margin:0 10px}.checkoutFormSubmitButtonWrapper .checkoutFormSubmitItem:hover{background:#0077c0}@media(max-width:1200px){.container{max-width:100%;padding:0 20px}.contentWrappper{flex-direction:column}.PhoneNumberFormWrapper{width:100%}.amountInfoWrapper{width:100%;margin-right:0;margin-top:30px}.footerContainer{flex-direction:column;gap:40px}.footer{margin-top:80px}}@media(max-width:768px){.main{margin-top:40px}.container{padding:0 15px}.titleItem{font-size:32px;text-align:center}.descriptionItem{font-size:18px;text-align:center}.titleWrapper,.descriptionWrapper{padding:0}.formElementWrapper{padding:20px;margin-left:0}.formElementTitleWrapper{gap:15px}.formElementTItle{font-size:20px}.formElementStep{width:24px;height:24px;font-size:14px}.formNumberInputItem{height:52px;font-size:17px;padding:18px 15px 6px}.formNumberInputItem[type=text],.formNumberInputItem[type=tel],.formNumberInputItem[type=number]{font-size:17px!important}.phoneNumberInput label{font-size:17px;top:13px;left:16px}.phoneNumberInput label.active{top:3px;font-size:13px}.phoneNumberInputTitleItem{font-size:18px}.phoneNumberInputErrorItem{font-size:13px;margin-left:0}.selectPaymentMethodWrapper,.selectTarifPlanWrapper{flex-direction:column;gap:15px}.paymentMethodItem,.tarifPlanItem{width:100%;padding:15px}.phoneNumberSubmitButtonWrapper{margin-top:30px;text-align:center}.phoneNumberSubmitButton{width:100%;padding:14px 20px;font-size:16px}.amountInfoTitleItem{font-size:18px}.amountInfoDescription{font-size:14px;line-height:20px}.amountInfoTotalText{font-size:18px}.amountInfoAmountItem{font-size:22px}.footerLinkWrapper{flex-direction:column;gap:10px}.footerLinksTitleItem,.footrerLinkItem{font-size:14px}.formItemContainer{flex-direction:column;align-items:flex-start}.formItemInfoWrapper,.formItemImageWrapper{text-align:left}.formItemInputWrapper,.checkoutFormInputItem{width:100%}.checkoutFormSubmitItem{font-size:24px!important;padding:10px 20px;display:block;line-height:normal!important}}.checkoutFormWrapper{display:flex;flex-direction:column;gap:20px;margin-bottom:8px}.formItemContainer{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;margin-bottom:4px}.formItemInfoWrapper{width:50%;text-align:right;min-height:24px;display:flex;align-items:center;justify-content:flex-end}.formItemInfoItem{color:#252525;font-size:16px;font-weight:400;line-height:24px;margin:0}.formItemImageWrapper,.formItemInputWrapper{width:50%;min-height:44px;display:flex;align-items:center}.checkoutFormInputItem.error,#expirityDateMonth.error,#expirityDateYear.error{border-color:#b30000!important;background-color:#b300000d!important;color:#b30000!important}.checkoutFormInputItem.error:focus,#expirityDateMonth.error:focus,#expirityDateYear.error:focus{border-color:#b30000!important;background-color:#b300000d!important}.formFieldError{display:flex;justify-content:center;align-items:center;margin-top:4px;margin-bottom:12px;min-height:20px}.error-message{color:#b30000;font-size:14px;font-weight:400;line-height:1.2;text-align:center;width:100%;padding:0 10px;box-sizing:border-box;max-width:600px;margin:0 auto}.formItemInputSelectWrapper{display:flex;align-items:center;gap:10px}.formItemInputSelectWrapper select.error{border-color:#b30000!important;background-color:#b300000d!important;color:#b30000!important}@media(max-width:768px){.formItemContainer{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.formItemInfoWrapper{width:100%;text-align:left;min-height:auto;justify-content:flex-start}.formItemInfoItem{font-size:15px;line-height:1.3}.formItemImageWrapper,.formItemInputWrapper{width:100%;min-height:auto}.formFieldError{justify-content:flex-start;margin-top:2px;margin-bottom:16px}.error-message{text-align:left;font-size:13px;padding-left:0}.checkoutFormInputItem,#expirityDateMonth,#expirityDateYear{width:100%;box-sizing:border-box}.formItemInputSelectWrapper{width:100%;justify-content:flex-start}.formItemInputSelectWrapper select{flex:1;min-width:0}}@media(max-width:480px){.formItemInfoItem{font-size:14px}.error-message{font-size:12px}.checkoutFormWrapper{gap:16px}}@media(max-width:480px){.titleItem{font-size:28px}.descriptionItem{font-size:16px}.formElementWrapper{padding:15px}.formElementTItle{font-size:18px}.formNumberInputItem{height:54px;font-size:18px}.phoneNumberSubmitButton{padding:16px 20px;font-size:17px}.footer{margin-top:60px;padding:25px 0}}@supports (-webkit-touch-callout: none){.formNumberInputItem{font-size:16px;line-height:1.4}}@media screen and (max-width:768px){input.formNumberInputItem,textarea.formNumberInputItem{font-size:16px!important}*{-webkit-tap-highlight-color:transparent}}.cardBrandWrapper{text-align:center}.merchantInfoWrapper{display:flex;justify-content:center;gap:10px;padding-top:20px}.merchantInfoItem{font-size:16px;font-weight:400;color:#333}
