Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["99c1f40a-2c8d-89d7-0000-e9cd16a85439"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"99c1f40a-2c8d-89d7-0000-e9cd16a85439","type":"Block","tag":"div","classes":["cb03897a-6f41-f2f0-fdbe-64817e24c42b"],"children":["00fcd3e6-717e-aa02-65a0-0a68dbd6e82d","571f3fe3-bc96-a637-2cd4-c7fcd7e9cac8","9391b71d-43e3-d091-a85e-d5513f77cb66"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"00fcd3e6-717e-aa02-65a0-0a68dbd6e82d","type":"Block","tag":"div","classes":["6b0dd17f-2eb3-e011-9f56-f39f50fdd238"],"children":["c8963d1c-b849-bd69-9667-b291237f3607","6e30ecc5-556a-4232-9053-21e063237ded","d4a2203e-4203-a9c6-2398-4c24f84afa9c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c8963d1c-b849-bd69-9667-b291237f3607","type":"Image","tag":"img","classes":["1919c895-51bc-4d67-ccb1-4dc0a8afc279"],"children":[],"data":{"img":{"id":"660fe275ffc6fe2dc2d84524"},"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"sizes":[],"srcsetDisabled":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e30ecc5-556a-4232-9053-21e063237ded","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af27115","6e061a1c-3023-d555-e219-62255c8f5c6a"],"children":["6e30ecc5-556a-4232-9053-21e063237dee"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"6e30ecc5-556a-4232-9053-21e063237dee","text":true,"v":"Payment Successful !"},{"_id":"d4a2203e-4203-a9c6-2398-4c24f84afa9c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["d4a2203e-4203-a9c6-2398-4c24f84afa9d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d4a2203e-4203-a9c6-2398-4c24f84afa9d","text":true,"v":"We have received your membership request."},{"_id":"571f3fe3-bc96-a637-2cd4-c7fcd7e9cac8","type":"Block","tag":"div","classes":["0ef31da2-c9a6-56a2-bd03-3503fb1a8e98"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9391b71d-43e3-d091-a85e-d5513f77cb66","type":"Block","tag":"div","classes":["e21d632f-3a22-89f3-534c-176db2ef4201"],"children":["a5ed0798-0f6d-cacd-f4e3-6ac51d44a375","6909039c-089c-9779-8b4a-aeb58c80e64b","df40c4fc-5332-f0db-2d4e-63a7c3927892","b87ec9f8-a30b-27bc-3989-0d4c8a5d8794"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5ed0798-0f6d-cacd-f4e3-6ac51d44a375","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["e07d425a-3ebc-19f0-e751-09a9873d66cd","b7900bbe-78a4-fc75-cf4f-1d66c796df68"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e07d425a-3ebc-19f0-e751-09a9873d66cd","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["e07d425a-3ebc-19f0-e751-09a9873d66ce"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"e07d425a-3ebc-19f0-e751-09a9873d66ce","text":true,"v":"Status"},{"_id":"b7900bbe-78a4-fc75-cf4f-1d66c796df68","type":"Block","tag":"div","classes":["52e180e0-c39e-d97d-ec70-f026552feccb","45f862aa-c238-4c9b-f7b6-28fa8d39617a","61da97bc-f182-408a-65c6-46d008882bc6"],"children":["afe8ca75-6e9d-9036-d352-a328cebd48c4","e3496cfd-d86b-c2af-288a-bbc555207f31"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afe8ca75-6e9d-9036-d352-a328cebd48c4","type":"Image","tag":"img","classes":["27dc1b05-fa9d-112e-f71c-9400a2710fc9"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fe275ffc6fe2dc2d84524"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e3496cfd-d86b-c2af-288a-bbc555207f31","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["e3496cfd-d86b-c2af-288a-bbc555207f32"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e3496cfd-d86b-c2af-288a-bbc555207f32","text":true,"v":"Successful"},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64b","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["6909039c-089c-9779-8b4a-aeb58c80e64c","6909039c-089c-9779-8b4a-aeb58c80e650"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64c","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["6909039c-089c-9779-8b4a-aeb58c80e64d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64d","text":true,"v":"Date"},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e650","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["6909039c-089c-9779-8b4a-aeb58c80e651"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e651","text":true,"v":"Aug 30, 2023 at 7.58PM"},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927892","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["df40c4fc-5332-f0db-2d4e-63a7c3927893","e513de43-53e6-35ce-0bed-efb3193441b8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927893","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["df40c4fc-5332-f0db-2d4e-63a7c3927894"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927894","text":true,"v":"Payment Method"},{"_id":"e513de43-53e6-35ce-0bed-efb3193441b8","type":"Block","tag":"div","classes":["e19b0b20-3465-092f-5809-571f89739f7c"],"children":["dac2f17a-f029-d39c-839d-fecddd40cda0","918a7a5e-e306-bb0d-8dcb-d0bbfb472720"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dac2f17a-f029-d39c-839d-fecddd40cda0","type":"Image","tag":"img","classes":["33c1ad8b-cc7a-b01e-e803-4e6ca4354937"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fe4c9a61440e8543a7f86"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"918a7a5e-e306-bb0d-8dcb-d0bbfb472720","type":"Block","tag":"div","classes":["e520765e-7f4a-9441-556e-44cd755dc044"],"children":["43475947-1bf8-e262-d1e1-c67cd374d517"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d517","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["43475947-1bf8-e262-d1e1-c67cd374d518","43475947-1bf8-e262-d1e1-c67cd374d51a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d518","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132"],"children":["43475947-1bf8-e262-d1e1-c67cd374d519"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d519","text":true,"v":"Mastercard"},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d51a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["43475947-1bf8-e262-d1e1-c67cd374d51b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d51b","text":true,"v":"Ending in 1887"},{"_id":"b87ec9f8-a30b-27bc-3989-0d4c8a5d8794","type":"Link","tag":"a","classes":["89841447-bed5-e498-79c4-5ffbde6831e7"],"children":["79960a76-5f95-e429-46cd-c62a3daba710","952eda10-a66d-dd13-8e39-c12ccc3f6fdf"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"79960a76-5f95-e429-46cd-c62a3daba710","type":"Block","tag":"div","classes":[],"children":["79960a76-5f95-e429-46cd-c62a3daba711"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"79960a76-5f95-e429-46cd-c62a3daba711","text":true,"v":"Invoice Download"},{"_id":"952eda10-a66d-dd13-8e39-c12ccc3f6fdf","type":"Image","tag":"img","classes":["72bf1aec-cdfe-1c82-805a-76c3f1d7a72d"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fec81cf98ae46cd2e9163"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"e21d632f-3a22-89f3-534c-176db2ef4201","fake":false,"type":"class","name":"payment_information-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 16px; grid-row-gap: 16px; color: #666;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e520765e-7f4a-9441-556e-44cd755dc044","fake":false,"type":"class","name":"card_text-content","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"ee621dc5-7883-df2f-28ca-6d9f80b639bf","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"33c1ad8b-cc7a-b01e-e803-4e6ca4354937","fake":false,"type":"class","name":"card_icon","namespace":"","comb":"","styleLess":"width: 50px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"6e061a1c-3023-d555-e219-62255c8f5c6a","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"origin":null,"selector":null},{"_id":"89841447-bed5-e498-79c4-5ffbde6831e7","fake":false,"type":"class","name":"invoice_button","namespace":"","comb":"","styleLess":"display: flex; margin-top: 20px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; justify-content: space-between; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 0.00%, 1.00); transition-property: all; transition-duration: 400ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"72bf1aec-cdfe-1c82-805a-76c3f1d7a72d","fake":false,"type":"class","name":"download_icon","namespace":"","comb":"","styleLess":"width: 30px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713c","fake":false,"type":"class","name":"heading-style-h6","namespace":"","comb":"","styleLess":"font-size: 1rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 0.75rem;"}},"children":["a1adc2a1-426b-9c27-11a2-e21c720414da","f6f7e6aa-07a2-48b6-7228-902883a92df5"],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"a1adc2a1-426b-9c27-11a2-e21c720414da","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"font-weight: 500;","variants":{},"children":["4976c93e-9190-c199-1c0c-5e41b941ff7d"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27115","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":["6e061a1c-3023-d555-e219-62255c8f5c6a"],"origin":null,"selector":null},{"_id":"0ef31da2-c9a6-56a2-bd03-3503fb1a8e98","fake":false,"type":"class","name":"divider","namespace":"","comb":"","styleLess":"height: 1px; margin-top: 24px; margin-bottom: 24px; background-color: #ccc;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e19b0b20-3465-092f-5809-571f89739f7c","fake":false,"type":"class","name":"card_info","namespace":"","comb":"","styleLess":"display: flex; margin-top: 4px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; grid-column-gap: 16px; grid-row-gap: 16px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(235.1724137931035, 100.00%, 54.44%, 0.15); color: #444;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"4976c93e-9190-c199-1c0c-5e41b941ff7d","fake":false,"type":"class","name":"text-color-primary","namespace":"","comb":"&","styleLess":"","variants":{},"children":["7a90eecf-d90b-ced4-c689-3be449e835b8"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"52e180e0-c39e-d97d-ec70-f026552feccb","fake":false,"type":"class","name":"flex-horizontal","namespace":"","comb":"","styleLess":"display: flex;","variants":{},"children":["45f862aa-c238-4c9b-f7b6-28fa8d39617a"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"8efd7d15-6d42-f2f6-10dd-91db12801824","fake":false,"type":"class","name":"payment_info","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4px; grid-row-gap: 4px;","variants":{"tiny":{"styleLess":"grid-column-gap: 2px; grid-row-gap: 2px;"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"27dc1b05-fa9d-112e-f71c-9400a2710fc9","fake":false,"type":"class","name":"success_icon","namespace":"","comb":"","styleLess":"width: 18px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"61da97bc-f182-408a-65c6-46d008882bc6","fake":false,"type":"class","name":"flex-align-center","namespace":"","comb":"&","styleLess":"justify-content: flex-start; align-items: center;","variants":{},"children":["55b7f8e3-4894-a165-fa95-9a7342757853"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #dde1e7;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"1919c895-51bc-4d67-ccb1-4dc0a8afc279","fake":false,"type":"class","name":"tick_icon","namespace":"","comb":"","styleLess":"width: 38px; height: 38px; margin-bottom: 8px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cb03897a-6f41-f2f0-fdbe-64817e24c42b","fake":false,"type":"class","name":"payment_success-wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 360px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-right: 32px; padding-bottom: 60px; padding-left: 32px; flex-direction: column; flex-wrap: nowrap; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: hsla(0, 0.00%, 100.00%, 1.00); background-image: radial-gradient(circle farthest-corner at 84% 40%, hsla(33.333333333333336, 85.71%, 83.53%, 0.73), hsla(0, 0.00%, 100.00%, 0.00) 33%), radial-gradient(circle farthest-corner at 20% 39%, hsla(257.14285714285717, 100.00%, 90.44%, 1.00), hsla(0, 0.00%, 100.00%, 0.00) 31%); color: #252c7c;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"6b0dd17f-2eb3-e011-9f56-f39f50fdd238","fake":false,"type":"class","name":"success_message","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 8px; grid-row-gap: 8px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"7a90eecf-d90b-ced4-c689-3be449e835b8","fake":false,"type":"class","name":"text-size-mobile","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"font-size: 0.85rem;"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"45f862aa-c238-4c9b-f7b6-28fa8d39617a","fake":false,"type":"class","name":"gap-6","namespace":"","comb":"&","styleLess":"grid-column-gap: 6px; grid-row-gap: 6px;","variants":{},"children":["61da97bc-f182-408a-65c6-46d008882bc6"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com (6).svg","createdOn":"2024-04-05T11:37:25.926Z","origFileName":"tick-circle-svgrepo-com (6).svg","fileHash":"0264582f19bf5450e3b4c552c5224da8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","_id":"660fe275ffc6fe2dc2d84524","updatedOn":"2024-04-05T11:37:25.926Z","fileSize":751,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","createdOn":"2024-04-05T11:47:21.346Z","origFileName":"mastercard-2-logo-svgrepo-com.svg","fileHash":"0ddf3538d2db6eb2faac4bc8b1f369f8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","_id":"660fe4c9a61440e8543a7f86","updatedOn":"2024-04-05T11:47:21.346Z","fileSize":4869,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fec81cf98ae46cd2e9163_download-svgrepo-com (3).svg","createdOn":"2024-04-05T12:20:17.023Z","origFileName":"download-svgrepo-com (3).svg","fileHash":"4aeec9f2b40169d5a4ab247a7958ff2a","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","_id":"660fec81cf98ae46cd2e9163","updatedOn":"2024-04-05T12:20:17.023Z","fileSize":610,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["f63cbc6a-01b0-c56e-95d4-065080c06ed3"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f63cbc6a-01b0-c56e-95d4-065080c06ed3","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["99c1f40a-2c8d-89d7-0000-e9cd16a85439"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"99c1f40a-2c8d-89d7-0000-e9cd16a85439","type":"Block","tag":"div","classes":["cb03897a-6f41-f2f0-fdbe-64817e24c42b"],"children":["00fcd3e6-717e-aa02-65a0-0a68dbd6e82d","571f3fe3-bc96-a637-2cd4-c7fcd7e9cac8","9391b71d-43e3-d091-a85e-d5513f77cb66"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"00fcd3e6-717e-aa02-65a0-0a68dbd6e82d","type":"Block","tag":"div","classes":["6b0dd17f-2eb3-e011-9f56-f39f50fdd238"],"children":["c8963d1c-b849-bd69-9667-b291237f3607","6e30ecc5-556a-4232-9053-21e063237ded","d4a2203e-4203-a9c6-2398-4c24f84afa9c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c8963d1c-b849-bd69-9667-b291237f3607","type":"Image","tag":"img","classes":["1919c895-51bc-4d67-ccb1-4dc0a8afc279"],"children":[],"data":{"img":{"id":"660fe275ffc6fe2dc2d84524"},"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"sizes":[],"srcsetDisabled":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6e30ecc5-556a-4232-9053-21e063237ded","type":"Heading","tag":"h3","classes":["07815991-952a-8d98-0e00-e4c25af27115","6e061a1c-3023-d555-e219-62255c8f5c6a"],"children":["6e30ecc5-556a-4232-9053-21e063237dee"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"6e30ecc5-556a-4232-9053-21e063237dee","text":true,"v":"Payment Successful !"},{"_id":"d4a2203e-4203-a9c6-2398-4c24f84afa9c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["d4a2203e-4203-a9c6-2398-4c24f84afa9d"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d4a2203e-4203-a9c6-2398-4c24f84afa9d","text":true,"v":"We have received your membership request."},{"_id":"571f3fe3-bc96-a637-2cd4-c7fcd7e9cac8","type":"Block","tag":"div","classes":["0ef31da2-c9a6-56a2-bd03-3503fb1a8e98"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9391b71d-43e3-d091-a85e-d5513f77cb66","type":"Block","tag":"div","classes":["e21d632f-3a22-89f3-534c-176db2ef4201"],"children":["a5ed0798-0f6d-cacd-f4e3-6ac51d44a375","6909039c-089c-9779-8b4a-aeb58c80e64b","df40c4fc-5332-f0db-2d4e-63a7c3927892","b87ec9f8-a30b-27bc-3989-0d4c8a5d8794"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a5ed0798-0f6d-cacd-f4e3-6ac51d44a375","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["e07d425a-3ebc-19f0-e751-09a9873d66cd","b7900bbe-78a4-fc75-cf4f-1d66c796df68"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e07d425a-3ebc-19f0-e751-09a9873d66cd","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["e07d425a-3ebc-19f0-e751-09a9873d66ce"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"e07d425a-3ebc-19f0-e751-09a9873d66ce","text":true,"v":"Status"},{"_id":"b7900bbe-78a4-fc75-cf4f-1d66c796df68","type":"Block","tag":"div","classes":["52e180e0-c39e-d97d-ec70-f026552feccb","45f862aa-c238-4c9b-f7b6-28fa8d39617a","61da97bc-f182-408a-65c6-46d008882bc6"],"children":["afe8ca75-6e9d-9036-d352-a328cebd48c4","e3496cfd-d86b-c2af-288a-bbc555207f31"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"afe8ca75-6e9d-9036-d352-a328cebd48c4","type":"Image","tag":"img","classes":["27dc1b05-fa9d-112e-f71c-9400a2710fc9"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fe275ffc6fe2dc2d84524"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e3496cfd-d86b-c2af-288a-bbc555207f31","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["e3496cfd-d86b-c2af-288a-bbc555207f32"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e3496cfd-d86b-c2af-288a-bbc555207f32","text":true,"v":"Successful"},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64b","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["6909039c-089c-9779-8b4a-aeb58c80e64c","6909039c-089c-9779-8b4a-aeb58c80e650"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64c","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["6909039c-089c-9779-8b4a-aeb58c80e64d"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e64d","text":true,"v":"Date"},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e650","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["6909039c-089c-9779-8b4a-aeb58c80e651"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6909039c-089c-9779-8b4a-aeb58c80e651","text":true,"v":"Aug 30, 2023 at 7.58PM"},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927892","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["df40c4fc-5332-f0db-2d4e-63a7c3927893","e513de43-53e6-35ce-0bed-efb3193441b8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927893","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132","ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"children":["df40c4fc-5332-f0db-2d4e-63a7c3927894"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"df40c4fc-5332-f0db-2d4e-63a7c3927894","text":true,"v":"Payment Method"},{"_id":"e513de43-53e6-35ce-0bed-efb3193441b8","type":"Block","tag":"div","classes":["e19b0b20-3465-092f-5809-571f89739f7c"],"children":["dac2f17a-f029-d39c-839d-fecddd40cda0","918a7a5e-e306-bb0d-8dcb-d0bbfb472720"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dac2f17a-f029-d39c-839d-fecddd40cda0","type":"Image","tag":"img","classes":["33c1ad8b-cc7a-b01e-e803-4e6ca4354937"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fe4c9a61440e8543a7f86"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"918a7a5e-e306-bb0d-8dcb-d0bbfb472720","type":"Block","tag":"div","classes":["e520765e-7f4a-9441-556e-44cd755dc044"],"children":["43475947-1bf8-e262-d1e1-c67cd374d517"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d517","type":"Block","tag":"div","classes":["8efd7d15-6d42-f2f6-10dd-91db12801824"],"children":["43475947-1bf8-e262-d1e1-c67cd374d518","43475947-1bf8-e262-d1e1-c67cd374d51a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d518","type":"Heading","tag":"h6","classes":["07815991-952a-8d98-0e00-e4c25af27132"],"children":["43475947-1bf8-e262-d1e1-c67cd374d519"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h6"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d519","text":true,"v":"Mastercard"},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d51a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2713c","a1adc2a1-426b-9c27-11a2-e21c720414da","4976c93e-9190-c199-1c0c-5e41b941ff7d","7a90eecf-d90b-ced4-c689-3be449e835b8"],"children":["43475947-1bf8-e262-d1e1-c67cd374d51b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"43475947-1bf8-e262-d1e1-c67cd374d51b","text":true,"v":"Ending in 1887"},{"_id":"b87ec9f8-a30b-27bc-3989-0d4c8a5d8794","type":"Link","tag":"a","classes":["89841447-bed5-e498-79c4-5ffbde6831e7"],"children":["79960a76-5f95-e429-46cd-c62a3daba710","952eda10-a66d-dd13-8e39-c12ccc3f6fdf"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"79960a76-5f95-e429-46cd-c62a3daba710","type":"Block","tag":"div","classes":[],"children":["79960a76-5f95-e429-46cd-c62a3daba711"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"79960a76-5f95-e429-46cd-c62a3daba711","text":true,"v":"Invoice Download"},{"_id":"952eda10-a66d-dd13-8e39-c12ccc3f6fdf","type":"Image","tag":"img","classes":["72bf1aec-cdfe-1c82-805a-76c3f1d7a72d"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"660fec81cf98ae46cd2e9163"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"e21d632f-3a22-89f3-534c-176db2ef4201","fake":false,"type":"class","name":"payment_information-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 16px; grid-row-gap: 16px; color: #666;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e520765e-7f4a-9441-556e-44cd755dc044","fake":false,"type":"class","name":"card_text-content","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"ee621dc5-7883-df2f-28ca-6d9f80b639bf","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"33c1ad8b-cc7a-b01e-e803-4e6ca4354937","fake":false,"type":"class","name":"card_icon","namespace":"","comb":"","styleLess":"width: 50px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"6e061a1c-3023-d555-e219-62255c8f5c6a","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["ee621dc5-7883-df2f-28ca-6d9f80b639bf"],"origin":null,"selector":null},{"_id":"89841447-bed5-e498-79c4-5ffbde6831e7","fake":false,"type":"class","name":"invoice_button","namespace":"","comb":"","styleLess":"display: flex; margin-top: 20px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px; justify-content: space-between; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 0.00%, 1.00); transition-property: all; transition-duration: 400ms; transition-timing-function: ease; color: hsla(0, 0.00%, 100.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"transform: scale(1.05);"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"72bf1aec-cdfe-1c82-805a-76c3f1d7a72d","fake":false,"type":"class","name":"download_icon","namespace":"","comb":"","styleLess":"width: 30px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2713c","fake":false,"type":"class","name":"heading-style-h6","namespace":"","comb":"","styleLess":"font-size: 1rem; line-height: 1.5; font-weight: 700;","variants":{"small":{"styleLess":"font-size: 0.75rem;"}},"children":["a1adc2a1-426b-9c27-11a2-e21c720414da","f6f7e6aa-07a2-48b6-7228-902883a92df5"],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"a1adc2a1-426b-9c27-11a2-e21c720414da","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"font-weight: 500;","variants":{},"children":["4976c93e-9190-c199-1c0c-5e41b941ff7d"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27115","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"","styleLess":"font-weight: 500;","variants":{},"children":["6e061a1c-3023-d555-e219-62255c8f5c6a"],"origin":null,"selector":null},{"_id":"0ef31da2-c9a6-56a2-bd03-3503fb1a8e98","fake":false,"type":"class","name":"divider","namespace":"","comb":"","styleLess":"height: 1px; margin-top: 24px; margin-bottom: 24px; background-color: #ccc;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e19b0b20-3465-092f-5809-571f89739f7c","fake":false,"type":"class","name":"card_info","namespace":"","comb":"","styleLess":"display: flex; margin-top: 4px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; grid-column-gap: 16px; grid-row-gap: 16px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: hsla(235.1724137931035, 100.00%, 54.44%, 0.15); color: #444;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2714e","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"","styleLess":"text-align: center;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"4976c93e-9190-c199-1c0c-5e41b941ff7d","fake":false,"type":"class","name":"text-color-primary","namespace":"","comb":"&","styleLess":"","variants":{},"children":["7a90eecf-d90b-ced4-c689-3be449e835b8"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"52e180e0-c39e-d97d-ec70-f026552feccb","fake":false,"type":"class","name":"flex-horizontal","namespace":"","comb":"","styleLess":"display: flex;","variants":{},"children":["45f862aa-c238-4c9b-f7b6-28fa8d39617a"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fae1","fake":false,"type":"class","name":"padding-section-large","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"8efd7d15-6d42-f2f6-10dd-91db12801824","fake":false,"type":"class","name":"payment_info","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4px; grid-row-gap: 4px;","variants":{"tiny":{"styleLess":"grid-column-gap: 2px; grid-row-gap: 2px;"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"27dc1b05-fa9d-112e-f71c-9400a2710fc9","fake":false,"type":"class","name":"success_icon","namespace":"","comb":"","styleLess":"width: 18px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"61da97bc-f182-408a-65c6-46d008882bc6","fake":false,"type":"class","name":"flex-align-center","namespace":"","comb":"&","styleLess":"justify-content: flex-start; align-items: center;","variants":{},"children":["55b7f8e3-4894-a165-fa95-9a7342757853"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #dde1e7;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"1919c895-51bc-4d67-ccb1-4dc0a8afc279","fake":false,"type":"class","name":"tick_icon","namespace":"","comb":"","styleLess":"width: 38px; height: 38px; margin-bottom: 8px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"cb03897a-6f41-f2f0-fdbe-64817e24c42b","fake":false,"type":"class","name":"payment_success-wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 360px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-right: 32px; padding-bottom: 60px; padding-left: 32px; flex-direction: column; flex-wrap: nowrap; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: hsla(0, 0.00%, 100.00%, 1.00); background-image: radial-gradient(circle farthest-corner at 84% 40%, hsla(33.333333333333336, 85.71%, 83.53%, 0.73), hsla(0, 0.00%, 100.00%, 0.00) 33%), radial-gradient(circle farthest-corner at 20% 39%, hsla(257.14285714285717, 100.00%, 90.44%, 1.00), hsla(0, 0.00%, 100.00%, 0.00) 31%); color: #252c7c;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"6b0dd17f-2eb3-e011-9f56-f39f50fdd238","fake":false,"type":"class","name":"success_message","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 8px; grid-row-gap: 8px;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"7a90eecf-d90b-ced4-c689-3be449e835b8","fake":false,"type":"class","name":"text-size-mobile","namespace":"","comb":"&","styleLess":"","variants":{"tiny":{"styleLess":"font-size: 0.85rem;"}},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"origin":null,"selector":null},{"_id":"45f862aa-c238-4c9b-f7b6-28fa8d39617a","fake":false,"type":"class","name":"gap-6","namespace":"","comb":"&","styleLess":"grid-column-gap: 6px; grid-row-gap: 6px;","variants":{},"children":["61da97bc-f182-408a-65c6-46d008882bc6"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com (6).svg","createdOn":"2024-04-05T11:37:25.926Z","origFileName":"tick-circle-svgrepo-com (6).svg","fileHash":"0264582f19bf5450e3b4c552c5224da8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe275ffc6fe2dc2d84524_tick-circle-svgrepo-com%20(6).svg","_id":"660fe275ffc6fe2dc2d84524","updatedOn":"2024-04-05T11:37:25.926Z","fileSize":751,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","createdOn":"2024-04-05T11:47:21.346Z","origFileName":"mastercard-2-logo-svgrepo-com.svg","fileHash":"0ddf3538d2db6eb2faac4bc8b1f369f8","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fe4c9a61440e8543a7f86_mastercard-2-logo-svgrepo-com.svg","_id":"660fe4c9a61440e8543a7f86","updatedOn":"2024-04-05T11:47:21.346Z","fileSize":4869,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","siteId":"660fde45a52b3b8fdfdbf780","width":800,"isHD":false,"height":800,"fileName":"660fec81cf98ae46cd2e9163_download-svgrepo-com (3).svg","createdOn":"2024-04-05T12:20:17.023Z","origFileName":"download-svgrepo-com (3).svg","fileHash":"4aeec9f2b40169d5a4ab247a7958ff2a","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","thumbUrl":"https://cdn.prod.website-files.com/660fde45a52b3b8fdfdbf780/660fec81cf98ae46cd2e9163_download-svgrepo-com%20(3).svg","_id":"660fec81cf98ae46cd2e9163","updatedOn":"2024-04-05T12:20:17.023Z","fileSize":610,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
The Successful Payment component celebrates completed transactions with a stylish card design, featuring a vibrant gradient background that enhances the user experience.
Key Features:
- Stylish card design
- Gradient background for depth and vibrancy
- Includes payment status and method details
- Downloadable invoice option
- Responsive design suitable for various devices
Design Elements:
- Vibrant gradient colors
- Centered text alignment
- Use of icons for visual appeal
- Clean and modern typography
Potential Use Cases:
- E-commerce websites to confirm payment success
- Membership platforms to notify users of successful registrations
- Event ticketing sites to confirm ticket purchases
- Subscription services to acknowledge payment completions
- Financial services to display transaction confirmations
Conclusion: The Successful Payment component is versatile and visually appealing, making it an excellent choice for any business looking to enhance their payment confirmation process.