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":["67ee6f11-193c-ead0-b0ea-335651e03403"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"67ee6f11-193c-ead0-b0ea-335651e03403","type":"Block","tag":"div","classes":["a47f2ae6-37a2-6699-ade2-7ad351193dd0"],"children":["1532b129-6b1b-95d8-6088-d0880b2c416b","4bff815e-f4a1-4662-a8fb-2d423b8e2e6d","f2c88131-675c-fcfa-09ae-540c6381af96","6184d800-4ab6-58fa-68f2-18badaf772bd","508f1cf2-799b-8044-a0c3-540bf08451cd","9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76906"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1532b129-6b1b-95d8-6088-d0880b2c416b","type":"Image","tag":"img","classes":["f1ac395f-c65c-2539-d2f3-f12540e2ee69"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"661d1b21a7ed0961e903b706"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4bff815e-f4a1-4662-a8fb-2d423b8e2e6d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27140","fef4c29b-9919-0b5c-b04e-a468da01050d"],"children":["4bff815e-f4a1-4662-a8fb-2d423b8e2e6e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bff815e-f4a1-4662-a8fb-2d423b8e2e6e","text":true,"v":"Payment Successful!"},{"_id":"f2c88131-675c-fcfa-09ae-540c6381af96","type":"Block","tag":"div","classes":["92b378cb-7775-1f92-bfb7-a9f5fdbce38b"],"children":["6116d90e-c071-9a51-e8d2-e8fb7eb88104","94a3a8b4-d677-e1a8-a82f-4b1da38ce16b","e1e4179e-43af-f2e6-2aae-3249e6f2de31","7f094b06-59e6-68f9-808f-75338cdb59e1","9fd2635c-d48f-23e9-c0e5-a716c2392e51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6116d90e-c071-9a51-e8d2-e8fb7eb88104","type":"Block","tag":"div","classes":["5b565e9c-3e9a-293d-24e8-a626bfc928c5"],"children":["6116d90e-c071-9a51-e8d2-e8fb7eb88105"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6116d90e-c071-9a51-e8d2-e8fb7eb88105","text":true,"v":"$350.98"},{"_id":"94a3a8b4-d677-e1a8-a82f-4b1da38ce16b","type":"Block","tag":"div","classes":["d465c750-8c85-d044-ec42-961c40a5c9a9"],"children":["45dc1923-04c3-d8e8-4358-a27cd7de8b7b","b3ed74c9-0523-a54e-7099-dbb60d72b014","964e3cbd-1308-ae29-e7d2-3f897d83b897"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"45dc1923-04c3-d8e8-4358-a27cd7de8b7b","type":"Block","tag":"div","classes":[],"children":["45dc1923-04c3-d8e8-4358-a27cd7de8b7c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"45dc1923-04c3-d8e8-4358-a27cd7de8b7c","text":true,"v":"7 July, 2023"},{"_id":"b3ed74c9-0523-a54e-7099-dbb60d72b014","type":"Block","tag":"div","classes":["f76b2ec4-5acd-eadf-12b8-d62d2271b914"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"964e3cbd-1308-ae29-e7d2-3f897d83b897","type":"Block","tag":"div","classes":[],"children":["964e3cbd-1308-ae29-e7d2-3f897d83b898"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"964e3cbd-1308-ae29-e7d2-3f897d83b898","text":true,"v":"10:49PM"},{"_id":"e1e4179e-43af-f2e6-2aae-3249e6f2de31","type":"Image","tag":"img","classes":["d56e7da5-3e11-3743-3439-fdd621800082"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"661d2045d7589824175d79eb"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f094b06-59e6-68f9-808f-75338cdb59e1","type":"Block","tag":"div","classes":["edd6c368-491a-329b-7e1b-22adb0c0ccb0"],"children":["48f29046-ecc1-15d1-fc5d-fc6bfa6aecba","c3ad1257-8d54-e11d-fe65-a48305f4ac29","14777221-6347-be7b-e663-b2b046a185ec"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"48f29046-ecc1-15d1-fc5d-fc6bfa6aecba","type":"Block","tag":"div","classes":["3207d74d-2c86-5ef3-2b35-9632c0b1dd4a"],"children":["e749e8ca-63d2-3987-4bf2-03fd540600c0","4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7cf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e749e8ca-63d2-3987-4bf2-03fd540600c0","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af270fe"],"children":["e749e8ca-63d2-3987-4bf2-03fd540600c1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e749e8ca-63d2-3987-4bf2-03fd540600c1","text":true,"v":"Payment ID"},{"_id":"4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7cf","type":"Block","tag":"div","classes":[],"children":["4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7d0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7d0","text":true,"v":"34586968775"},{"_id":"c3ad1257-8d54-e11d-fe65-a48305f4ac29","type":"Block","tag":"div","classes":["6276825b-632d-b462-cd07-f87a48987fac"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14777221-6347-be7b-e663-b2b046a185ec","type":"Block","tag":"div","classes":["3207d74d-2c86-5ef3-2b35-9632c0b1dd4a"],"children":["14777221-6347-be7b-e663-b2b046a185ed","14777221-6347-be7b-e663-b2b046a185ef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185ed","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["14777221-6347-be7b-e663-b2b046a185ee"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185ee","text":true,"v":"Payment Method"},{"_id":"14777221-6347-be7b-e663-b2b046a185ef","type":"Block","tag":"div","classes":[],"children":["14777221-6347-be7b-e663-b2b046a185f0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185f0","text":true,"v":"***7795"},{"_id":"9fd2635c-d48f-23e9-c0e5-a716c2392e51","type":"Block","tag":"div","classes":["a7c82c39-4939-3a99-6cc6-f0deb924415c"],"children":["f1bb8b4f-d186-f974-0e5e-def6a91676a8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f1bb8b4f-d186-f974-0e5e-def6a91676a8","type":"Block","tag":"div","classes":[],"children":["f1bb8b4f-d186-f974-0e5e-def6a91676a9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f1bb8b4f-d186-f974-0e5e-def6a91676a9","text":true,"v":"Indoor 3A"},{"_id":"6184d800-4ab6-58fa-68f2-18badaf772bd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c"],"children":["6184d800-4ab6-58fa-68f2-18badaf772be"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6184d800-4ab6-58fa-68f2-18badaf772be","text":true,"v":"Bella Italia"},{"_id":"508f1cf2-799b-8044-a0c3-540bf08451cd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e","c76e2241-f9dc-641e-3111-0b7fa649348f","fb96efb0-6447-baf2-ea53-e8923c834cbd","4052ff2f-5edb-a434-480b-dbb2d36a60d0","6ce5e223-6f5f-424b-1ed2-087852f87b43"],"children":["508f1cf2-799b-8044-a0c3-540bf08451ce"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"508f1cf2-799b-8044-a0c3-540bf08451ce","text":true,"v":"123 South Avenue Street, London, England Phone Number: +44 20 12345678"},{"_id":"9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76906","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e","3b1f17b0-7a40-86a7-d66b-55ff6dd67b86","c107e032-a9af-b89b-8ee1-c85e6f7b4f32","3e364826-3f8a-0a02-0905-30158b510cc3"],"children":["9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76907","d3cc6d5d-1578-dba5-e143-a7c92c634038","fac06421-ccc1-5d47-ee2b-e97a11d44afd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76907","text":true,"v":"We appreciate your visit,"},{"_id":"d3cc6d5d-1578-dba5-e143-a7c92c634038","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"fac06421-ccc1-5d47-ee2b-e97a11d44afd","text":true,"v":"See you again!"}],"styles":[{"_id":"d465c750-8c85-d044-ec42-961c40a5c9a9","fake":false,"type":"class","name":"price_bottom","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; color: #222; font-size: 0.9rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 1.5rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["fef4c29b-9919-0b5c-b04e-a468da01050d"],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["3447e336-4ebf-25eb-e3c2-c564434be87f"],"origin":null,"selector":null},{"_id":"a7c82c39-4939-3a99-6cc6-f0deb924415c","fake":false,"type":"class","name":"upper_badge","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 0%; right: auto; bottom: auto; display: flex; padding-top: 8px; padding-right: 36px; padding-bottom: 8px; padding-left: 36px; justify-content: space-between; align-items: flex-start; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: hsla(152.06896551724137, 100.00%, 12.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"left: 30%;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"92b378cb-7775-1f92-bfb7-a9f5fdbce38b","fake":false,"type":"class","name":"receipt_wrap","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-top: 40px; margin-bottom: 40px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"margin-top: 40px; margin-bottom: 24px; padding-top: 40px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"6ce5e223-6f5f-424b-1ed2-087852f87b43","fake":false,"type":"class","name":"margin-tiny","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"5b565e9c-3e9a-293d-24e8-a626bfc928c5","fake":false,"type":"class","name":"price_text","namespace":"","comb":"","styleLess":"font-size: 2.75rem; font-weight: 500; text-align: center;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"f1ac395f-c65c-2539-d2f3-f12540e2ee69","fake":false,"type":"class","name":"tick_ICON","namespace":"","comb":"","styleLess":"width: 70px; height: 70px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fef4c29b-9919-0b5c-b04e-a468da01050d","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"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: black; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.76),hsla(0, 0.00%, 0.00%, 0.76));","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270fe","fake":false,"type":"class","name":"text-color-secondary","namespace":"","comb":"","styleLess":"color: #222;","variants":{},"children":[],"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":"a47f2ae6-37a2-6699-ade2-7ad351193dd0","fake":false,"type":"class","name":"payment_wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 371px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; border-top-left-radius: 36px; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; background-image: linear-gradient(180deg, hsla(0, 0.00%, 0.00%, 0.00), hsla(151.8181818181818, 100.00%, 38.82%, 0.55) 47%, hsla(0, 0.00%, 100.00%, 0.00)), linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.92),hsla(0, 0.00%, 0.00%, 0.92)), @img_661d1968861c586d0e6a5115; background-position: 0px 0px, 0px 0px, 0px 0px; background-size: auto, auto, contain; background-repeat: repeat, repeat, repeat-y; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"height: auto; max-width: none; margin-right: -24px; margin-left: -24px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4052ff2f-5edb-a434-480b-dbb2d36a60d0","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["a77d0fed-6f50-8ac8-d8fd-1c3f46d52cc7","6ce5e223-6f5f-424b-1ed2-087852f87b43"],"createdBy":"6523d73ef760f3fa5954069f","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":["c76e2241-f9dc-641e-3111-0b7fa649348f","ff4dca21-4e0b-87bc-3355-fa753ba3e5c2","3b1f17b0-7a40-86a7-d66b-55ff6dd67b86"],"origin":null,"selector":null},{"_id":"3207d74d-2c86-5ef3-2b35-9632c0b1dd4a","fake":false,"type":"class","name":"receipt_text-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; font-size: 0.9rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3b1f17b0-7a40-86a7-d66b-55ff6dd67b86","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{},"children":["c107e032-a9af-b89b-8ee1-c85e6f7b4f32"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"edd6c368-491a-329b-7e1b-22adb0c0ccb0","fake":false,"type":"class","name":"receipt_bottom-wrap","namespace":"","comb":"","styleLess":"display: flex;","variants":{"tiny":{"styleLess":"justify-content: space-between;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"c76e2241-f9dc-641e-3111-0b7fa649348f","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":["fb96efb0-6447-baf2-ea53-e8923c834cbd"],"createdBy":"6523d73ef760f3fa5954069f","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":"6276825b-632d-b462-cd07-f87a48987fac","fake":false,"type":"class","name":"Div Block","namespace":"","comb":"","styleLess":"width: 25px; margin-right: 25px; border-right-style: dotted; border-right-width: 2px; border-right-color: #444;","variants":{"tiny":{"styleLess":"width: 25px; margin-right: 25px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"c107e032-a9af-b89b-8ee1-c85e6f7b4f32","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["decb4346-2f1a-173d-16b9-4f9a0a2ac95f","5f5aabd7-dc25-b789-2fb3-074cd6a263f7","3e364826-3f8a-0a02-0905-30158b510cc3"],"createdBy":"6523d73ef760f3fa5954069f","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":"d56e7da5-3e11-3743-3439-fdd621800082","fake":false,"type":"class","name":"zigzag_line","namespace":"","comb":"","styleLess":"margin-top: 20px; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"f76b2ec4-5acd-eadf-12b8-d62d2271b914","fake":false,"type":"class","name":"dot_divider","namespace":"","comb":"","styleLess":"width: 3px; height: 3px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: #666;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fb96efb0-6447-baf2-ea53-e8923c834cbd","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #ccc;","variants":{},"children":["4052ff2f-5edb-a434-480b-dbb2d36a60d0"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3e364826-3f8a-0a02-0905-30158b510cc3","fake":false,"type":"class","name":"margin-huge","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","siteId":"661d1719f1e2b71bc3cef023","width":100,"isHD":false,"height":100,"fileName":"661d1b21a7ed0961e903b706_Tick.svg","createdOn":"2024-04-15T12:18:41.700Z","origFileName":"Tick.svg","fileHash":"9ddadb1e0e2c65a643d3b972f1ed4479","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","_id":"661d1b21a7ed0961e903b706","updatedOn":"2024-04-15T12:18:41.700Z","fileSize":937,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","siteId":"661d1719f1e2b71bc3cef023","width":366,"isHD":false,"height":8,"fileName":"661d2045d7589824175d79eb_Line_Zig.svg","createdOn":"2024-04-15T12:40:37.183Z","origFileName":"Line_Zig.svg","fileHash":"eec765425f500618fe6a9b6a6be73a4b","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","_id":"661d2045d7589824175d79eb","updatedOn":"2024-04-15T12:40:37.183Z","fileSize":1997,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","siteId":"661d1719f1e2b71bc3cef023","width":115,"isHD":false,"height":43,"fileName":"661d1968861c586d0e6a5115_Frame 4281.svg","createdOn":"2024-04-15T12:11:20.724Z","origFileName":"Frame 4281.svg","fileHash":"cf9129e4062ac88598926a978caedf2a","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","_id":"661d1968861c586d0e6a5115","updatedOn":"2024-04-15T12:11:20.724Z","fileSize":8026,"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":["67ee6f11-193c-ead0-b0ea-335651e03403"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"67ee6f11-193c-ead0-b0ea-335651e03403","type":"Block","tag":"div","classes":["a47f2ae6-37a2-6699-ade2-7ad351193dd0"],"children":["1532b129-6b1b-95d8-6088-d0880b2c416b","4bff815e-f4a1-4662-a8fb-2d423b8e2e6d","f2c88131-675c-fcfa-09ae-540c6381af96","6184d800-4ab6-58fa-68f2-18badaf772bd","508f1cf2-799b-8044-a0c3-540bf08451cd","9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76906"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"1532b129-6b1b-95d8-6088-d0880b2c416b","type":"Image","tag":"img","classes":["f1ac395f-c65c-2539-d2f3-f12540e2ee69"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"661d1b21a7ed0961e903b706"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4bff815e-f4a1-4662-a8fb-2d423b8e2e6d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27140","fef4c29b-9919-0b5c-b04e-a468da01050d"],"children":["4bff815e-f4a1-4662-a8fb-2d423b8e2e6e"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bff815e-f4a1-4662-a8fb-2d423b8e2e6e","text":true,"v":"Payment Successful!"},{"_id":"f2c88131-675c-fcfa-09ae-540c6381af96","type":"Block","tag":"div","classes":["92b378cb-7775-1f92-bfb7-a9f5fdbce38b"],"children":["6116d90e-c071-9a51-e8d2-e8fb7eb88104","94a3a8b4-d677-e1a8-a82f-4b1da38ce16b","e1e4179e-43af-f2e6-2aae-3249e6f2de31","7f094b06-59e6-68f9-808f-75338cdb59e1","9fd2635c-d48f-23e9-c0e5-a716c2392e51"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6116d90e-c071-9a51-e8d2-e8fb7eb88104","type":"Block","tag":"div","classes":["5b565e9c-3e9a-293d-24e8-a626bfc928c5"],"children":["6116d90e-c071-9a51-e8d2-e8fb7eb88105"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6116d90e-c071-9a51-e8d2-e8fb7eb88105","text":true,"v":"$350.98"},{"_id":"94a3a8b4-d677-e1a8-a82f-4b1da38ce16b","type":"Block","tag":"div","classes":["d465c750-8c85-d044-ec42-961c40a5c9a9"],"children":["45dc1923-04c3-d8e8-4358-a27cd7de8b7b","b3ed74c9-0523-a54e-7099-dbb60d72b014","964e3cbd-1308-ae29-e7d2-3f897d83b897"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"45dc1923-04c3-d8e8-4358-a27cd7de8b7b","type":"Block","tag":"div","classes":[],"children":["45dc1923-04c3-d8e8-4358-a27cd7de8b7c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"45dc1923-04c3-d8e8-4358-a27cd7de8b7c","text":true,"v":"7 July, 2023"},{"_id":"b3ed74c9-0523-a54e-7099-dbb60d72b014","type":"Block","tag":"div","classes":["f76b2ec4-5acd-eadf-12b8-d62d2271b914"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"964e3cbd-1308-ae29-e7d2-3f897d83b897","type":"Block","tag":"div","classes":[],"children":["964e3cbd-1308-ae29-e7d2-3f897d83b898"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"964e3cbd-1308-ae29-e7d2-3f897d83b898","text":true,"v":"10:49PM"},{"_id":"e1e4179e-43af-f2e6-2aae-3249e6f2de31","type":"Image","tag":"img","classes":["d56e7da5-3e11-3743-3439-fdd621800082"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"661d2045d7589824175d79eb"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7f094b06-59e6-68f9-808f-75338cdb59e1","type":"Block","tag":"div","classes":["edd6c368-491a-329b-7e1b-22adb0c0ccb0"],"children":["48f29046-ecc1-15d1-fc5d-fc6bfa6aecba","c3ad1257-8d54-e11d-fe65-a48305f4ac29","14777221-6347-be7b-e663-b2b046a185ec"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"48f29046-ecc1-15d1-fc5d-fc6bfa6aecba","type":"Block","tag":"div","classes":["3207d74d-2c86-5ef3-2b35-9632c0b1dd4a"],"children":["e749e8ca-63d2-3987-4bf2-03fd540600c0","4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7cf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e749e8ca-63d2-3987-4bf2-03fd540600c0","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af270fe"],"children":["e749e8ca-63d2-3987-4bf2-03fd540600c1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e749e8ca-63d2-3987-4bf2-03fd540600c1","text":true,"v":"Payment ID"},{"_id":"4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7cf","type":"Block","tag":"div","classes":[],"children":["4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7d0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d0acfc8-2e3a-0ebf-77c5-ac97f3bda7d0","text":true,"v":"34586968775"},{"_id":"c3ad1257-8d54-e11d-fe65-a48305f4ac29","type":"Block","tag":"div","classes":["6276825b-632d-b462-cd07-f87a48987fac"],"children":[],"data":{"tag":"div","text":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"14777221-6347-be7b-e663-b2b046a185ec","type":"Block","tag":"div","classes":["3207d74d-2c86-5ef3-2b35-9632c0b1dd4a"],"children":["14777221-6347-be7b-e663-b2b046a185ed","14777221-6347-be7b-e663-b2b046a185ef"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185ed","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e"],"children":["14777221-6347-be7b-e663-b2b046a185ee"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185ee","text":true,"v":"Payment Method"},{"_id":"14777221-6347-be7b-e663-b2b046a185ef","type":"Block","tag":"div","classes":[],"children":["14777221-6347-be7b-e663-b2b046a185f0"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"14777221-6347-be7b-e663-b2b046a185f0","text":true,"v":"***7795"},{"_id":"9fd2635c-d48f-23e9-c0e5-a716c2392e51","type":"Block","tag":"div","classes":["a7c82c39-4939-3a99-6cc6-f0deb924415c"],"children":["f1bb8b4f-d186-f974-0e5e-def6a91676a8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f1bb8b4f-d186-f974-0e5e-def6a91676a8","type":"Block","tag":"div","classes":[],"children":["f1bb8b4f-d186-f974-0e5e-def6a91676a9"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f1bb8b4f-d186-f974-0e5e-def6a91676a9","text":true,"v":"Indoor 3A"},{"_id":"6184d800-4ab6-58fa-68f2-18badaf772bd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2715c"],"children":["6184d800-4ab6-58fa-68f2-18badaf772be"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6184d800-4ab6-58fa-68f2-18badaf772be","text":true,"v":"Bella Italia"},{"_id":"508f1cf2-799b-8044-a0c3-540bf08451cd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e","c76e2241-f9dc-641e-3111-0b7fa649348f","fb96efb0-6447-baf2-ea53-e8923c834cbd","4052ff2f-5edb-a434-480b-dbb2d36a60d0","6ce5e223-6f5f-424b-1ed2-087852f87b43"],"children":["508f1cf2-799b-8044-a0c3-540bf08451ce"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"508f1cf2-799b-8044-a0c3-540bf08451ce","text":true,"v":"123 South Avenue Street, London, England Phone Number: +44 20 12345678"},{"_id":"9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76906","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2714e","3b1f17b0-7a40-86a7-d66b-55ff6dd67b86","c107e032-a9af-b89b-8ee1-c85e6f7b4f32","3e364826-3f8a-0a02-0905-30158b510cc3"],"children":["9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76907","d3cc6d5d-1578-dba5-e143-a7c92c634038","fac06421-ccc1-5d47-ee2b-e97a11d44afd"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"9d61ef6e-ad7e-9df5-4a1d-f6f6b7f76907","text":true,"v":"We appreciate your visit,"},{"_id":"d3cc6d5d-1578-dba5-e143-a7c92c634038","type":"LineBreak","tag":"br","classes":[],"children":[],"data":{"sym":{"inst":"LineBreak"}}},{"_id":"fac06421-ccc1-5d47-ee2b-e97a11d44afd","text":true,"v":"See you again!"}],"styles":[{"_id":"d465c750-8c85-d044-ec42-961c40a5c9a9","fake":false,"type":"class","name":"price_bottom","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 12px; grid-row-gap: 12px; color: #222; font-size: 0.9rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 1.5rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["fef4c29b-9919-0b5c-b04e-a468da01050d"],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["3447e336-4ebf-25eb-e3c2-c564434be87f"],"origin":null,"selector":null},{"_id":"a7c82c39-4939-3a99-6cc6-f0deb924415c","fake":false,"type":"class","name":"upper_badge","namespace":"","comb":"","styleLess":"position: absolute; left: 30%; top: 0%; right: auto; bottom: auto; display: flex; padding-top: 8px; padding-right: 36px; padding-bottom: 8px; padding-left: 36px; justify-content: space-between; align-items: flex-start; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; background-color: hsla(152.06896551724137, 100.00%, 12.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"left: 30%;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"92b378cb-7775-1f92-bfb7-a9f5fdbce38b","fake":false,"type":"class","name":"receipt_wrap","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-top: 40px; margin-bottom: 40px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(0, 0.00%, 0.00%, 1.00);","variants":{"tiny":{"styleLess":"margin-top: 40px; margin-bottom: 24px; padding-top: 40px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"6ce5e223-6f5f-424b-1ed2-087852f87b43","fake":false,"type":"class","name":"margin-tiny","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"5b565e9c-3e9a-293d-24e8-a626bfc928c5","fake":false,"type":"class","name":"price_text","namespace":"","comb":"","styleLess":"font-size: 2.75rem; font-weight: 500; text-align: center;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"f1ac395f-c65c-2539-d2f3-f12540e2ee69","fake":false,"type":"class","name":"tick_ICON","namespace":"","comb":"","styleLess":"width: 70px; height: 70px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fef4c29b-9919-0b5c-b04e-a468da01050d","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"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: black; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.76),hsla(0, 0.00%, 0.00%, 0.76));","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af270fe","fake":false,"type":"class","name":"text-color-secondary","namespace":"","comb":"","styleLess":"color: #222;","variants":{},"children":[],"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":"a47f2ae6-37a2-6699-ade2-7ad351193dd0","fake":false,"type":"class","name":"payment_wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 371px; margin-right: auto; margin-left: auto; padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; border-top-left-radius: 36px; border-top-right-radius: 36px; border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; background-image: linear-gradient(180deg, hsla(0, 0.00%, 0.00%, 0.00), hsla(151.8181818181818, 100.00%, 38.82%, 0.55) 47%, hsla(0, 0.00%, 100.00%, 0.00)), linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.92),hsla(0, 0.00%, 0.00%, 0.92)), @img_661d1968861c586d0e6a5115; background-position: 0px 0px, 0px 0px, 0px 0px; background-size: auto, auto, contain; background-repeat: repeat, repeat, repeat-y; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"height: auto; max-width: none; margin-right: -24px; margin-left: -24px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4052ff2f-5edb-a434-480b-dbb2d36a60d0","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["a77d0fed-6f50-8ac8-d8fd-1c3f46d52cc7","6ce5e223-6f5f-424b-1ed2-087852f87b43"],"createdBy":"6523d73ef760f3fa5954069f","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":["c76e2241-f9dc-641e-3111-0b7fa649348f","ff4dca21-4e0b-87bc-3355-fa753ba3e5c2","3b1f17b0-7a40-86a7-d66b-55ff6dd67b86"],"origin":null,"selector":null},{"_id":"3207d74d-2c86-5ef3-2b35-9632c0b1dd4a","fake":false,"type":"class","name":"receipt_text-wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; font-size: 0.9rem;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3b1f17b0-7a40-86a7-d66b-55ff6dd67b86","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #aaa;","variants":{},"children":["c107e032-a9af-b89b-8ee1-c85e6f7b4f32"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"edd6c368-491a-329b-7e1b-22adb0c0ccb0","fake":false,"type":"class","name":"receipt_bottom-wrap","namespace":"","comb":"","styleLess":"display: flex;","variants":{"tiny":{"styleLess":"justify-content: space-between;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"c76e2241-f9dc-641e-3111-0b7fa649348f","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":["fb96efb0-6447-baf2-ea53-e8923c834cbd"],"createdBy":"6523d73ef760f3fa5954069f","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":"6276825b-632d-b462-cd07-f87a48987fac","fake":false,"type":"class","name":"Div Block","namespace":"","comb":"","styleLess":"width: 25px; margin-right: 25px; border-right-style: dotted; border-right-width: 2px; border-right-color: #444;","variants":{"tiny":{"styleLess":"width: 25px; margin-right: 25px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"c107e032-a9af-b89b-8ee1-c85e6f7b4f32","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["decb4346-2f1a-173d-16b9-4f9a0a2ac95f","5f5aabd7-dc25-b789-2fb3-074cd6a263f7","3e364826-3f8a-0a02-0905-30158b510cc3"],"createdBy":"6523d73ef760f3fa5954069f","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":"d56e7da5-3e11-3743-3439-fdd621800082","fake":false,"type":"class","name":"zigzag_line","namespace":"","comb":"","styleLess":"margin-top: 20px; margin-bottom: 20px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"f76b2ec4-5acd-eadf-12b8-d62d2271b914","fake":false,"type":"class","name":"dot_divider","namespace":"","comb":"","styleLess":"width: 3px; height: 3px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: #666;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fb96efb0-6447-baf2-ea53-e8923c834cbd","fake":false,"type":"class","name":"text-color-grey","namespace":"","comb":"&","styleLess":"color: #ccc;","variants":{},"children":["4052ff2f-5edb-a434-480b-dbb2d36a60d0"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3e364826-3f8a-0a02-0905-30158b510cc3","fake":false,"type":"class","name":"margin-huge","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","siteId":"661d1719f1e2b71bc3cef023","width":100,"isHD":false,"height":100,"fileName":"661d1b21a7ed0961e903b706_Tick.svg","createdOn":"2024-04-15T12:18:41.700Z","origFileName":"Tick.svg","fileHash":"9ddadb1e0e2c65a643d3b972f1ed4479","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1b21a7ed0961e903b706_Tick.svg","_id":"661d1b21a7ed0961e903b706","updatedOn":"2024-04-15T12:18:41.700Z","fileSize":937,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","siteId":"661d1719f1e2b71bc3cef023","width":366,"isHD":false,"height":8,"fileName":"661d2045d7589824175d79eb_Line_Zig.svg","createdOn":"2024-04-15T12:40:37.183Z","origFileName":"Line_Zig.svg","fileHash":"eec765425f500618fe6a9b6a6be73a4b","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d2045d7589824175d79eb_Line_Zig.svg","_id":"661d2045d7589824175d79eb","updatedOn":"2024-04-15T12:40:37.183Z","fileSize":1997,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","siteId":"661d1719f1e2b71bc3cef023","width":115,"isHD":false,"height":43,"fileName":"661d1968861c586d0e6a5115_Frame 4281.svg","createdOn":"2024-04-15T12:11:20.724Z","origFileName":"Frame 4281.svg","fileHash":"cf9129e4062ac88598926a978caedf2a","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","thumbUrl":"https://cdn.prod.website-files.com/661d1719f1e2b71bc3cef023/661d1968861c586d0e6a5115_Frame%204281.svg","_id":"661d1968861c586d0e6a5115","updatedOn":"2024-04-15T12:11:20.724Z","fileSize":8026,"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)
This component features a dark-themed UI that elegantly displays payment success details, including the amount, date, time, payment ID, method, and merchant information, accompanied by a friendly acknowledgment message.
Key Features:
- Dark-themed design for a modern look
- Displays comprehensive payment details
- Includes a friendly acknowledgment message
- Responsive layout suitable for various devices
- Customizable styles and classes
Design Elements:
- Dark color scheme with contrasting text
- Use of images for visual appeal (e.g., tick icon)
- Rounded corners and padding for a soft appearance
- Flexbox layout for alignment and spacing
Potential Use Cases:
- E-commerce websites confirming payment transactions
- Financial services providing transaction receipts
- Event ticketing platforms displaying payment confirmations
- Subscription services notifying users of successful payments
- Mobile applications showcasing payment success screens
Conclusion: The 'Payment Verified Elegantly' component is a versatile and visually appealing solution for displaying payment confirmations, making it ideal for various industries focused on customer transactions.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.