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":["03f9e01c-cf23-c896-85fc-77d2afeef8a1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"03f9e01c-cf23-c896-85fc-77d2afeef8a1","type":"Block","tag":"div","classes":["b1fc80cd-3800-b2f5-a6fd-b5eaaf0d1e9c"],"children":["3c421b52-f015-e4ac-0c5c-179139308a45","4c2a597c-333c-8777-d2bd-846cf2458ab3","4bd2ab22-84f7-34c1-1512-bd25827382d4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3c421b52-f015-e4ac-0c5c-179139308a45","type":"Block","tag":"div","classes":["8674672d-72ac-9794-cc3c-fca78421cee8"],"children":["8a5e5b74-adf1-ee83-1105-9107fddd7407"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a5e5b74-adf1-ee83-1105-9107fddd7407","type":"Block","tag":"div","classes":[],"children":["8a5e5b74-adf1-ee83-1105-9107fddd7408","caf396ef-cdbf-89f1-0c21-6423ac44261b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a5e5b74-adf1-ee83-1105-9107fddd7408","text":true,"v":"Upgrade your plan to "},{"_id":"caf396ef-cdbf-89f1-0c21-6423ac44261b","type":"Strong","tag":"strong","classes":[],"children":["8186f5e2-cc31-0eb0-78c2-4678a8520a79"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8186f5e2-cc31-0eb0-78c2-4678a8520a79","text":true,"v":"Premuim Individual"},{"_id":"4c2a597c-333c-8777-d2bd-846cf2458ab3","type":"Block","tag":"div","classes":["8b3fac0a-2c71-cb35-823d-bd73aa59f3e6"],"children":["dfc3b4c2-43ba-ea64-2bee-13294336446f","4ee2ed76-8213-a943-d356-73a888667b83"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dfc3b4c2-43ba-ea64-2bee-13294336446f","type":"Block","tag":"div","classes":["e48dafe0-c0e1-16ff-9bf7-fbf54c8e5a87"],"children":["8067b6f7-0fc5-edec-2c6a-a508c02bc494","95d4e478-184c-f3c8-3f39-32fe6531baa2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8067b6f7-0fc5-edec-2c6a-a508c02bc494","type":"Block","tag":"div","classes":["339069ac-be42-683f-e61b-a16781f18161","fddc8174-765f-a437-c660-7515b0051108"],"children":["721199af-a8b0-a141-0a63-3b708152c648","fe5d6086-febc-c61e-57c1-205f52808b53"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"721199af-a8b0-a141-0a63-3b708152c648","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"children":["721199af-a8b0-a141-0a63-3b708152c64a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"721199af-a8b0-a141-0a63-3b708152c64a","text":true,"v":"Premuim Individual"},{"_id":"fe5d6086-febc-c61e-57c1-205f52808b53","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"children":["8e660668-41e6-b682-3729-6780316f52d9"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"8e660668-41e6-b682-3729-6780316f52d9","text":true,"v":"$12/month"},{"_id":"95d4e478-184c-f3c8-3f39-32fe6531baa2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132"],"children":["95d4e478-184c-f3c8-3f39-32fe6531baa3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"95d4e478-184c-f3c8-3f39-32fe6531baa3","text":true,"v":"1 Account"},{"_id":"4ee2ed76-8213-a943-d356-73a888667b83","type":"Block","tag":"div","classes":["fe5c9611-8559-8849-f56f-604342f38470"],"children":["696ca9bf-09d9-51dc-282e-e37e6967bbdf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbdf","type":"List","tag":"ul","classes":["7304db6f-7d52-9945-3856-2d68f487f1fa"],"children":["696ca9bf-09d9-51dc-282e-e37e6967bbe0","696ca9bf-09d9-51dc-282e-e37e6967bbe1","696ca9bf-09d9-51dc-282e-e37e6967bbe2"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"ul","list":{"type":"list","unstyled":false}}},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe0","type":"ListItem","tag":"li","classes":[],"children":["cb5fe030-7871-4a84-43db-05fa956d8f35"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"cb5fe030-7871-4a84-43db-05fa956d8f35","text":true,"v":"Only $12 after 1 month trial"},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe1","type":"ListItem","tag":"li","classes":[],"children":["c247dce1-27ed-9605-ebfb-288e23e02f7a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"c247dce1-27ed-9605-ebfb-288e23e02f7a","text":true,"v":"You won't be charged until Sep 16, 2021"},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe2","type":"ListItem","tag":"li","classes":[],"children":["d581e196-4ef1-884a-1045-051f96ed5937"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"d581e196-4ef1-884a-1045-051f96ed5937","text":true,"v":"Cancel anytime"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382d4","type":"FormWrapper","tag":"div","classes":["3bbdf04d-7d50-2d45-b3bd-e6fdb22dab30"],"children":["4bd2ab22-84f7-34c1-1512-bd25827382d5","4bd2ab22-84f7-34c1-1512-bd25827382dd","4bd2ab22-84f7-34c1-1512-bd25827382e0"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382d5","type":"FormForm","tag":"form","classes":["34997c32-0aa1-a981-a187-6c53e9660e87"],"children":["ce2044d7-0ab4-981d-7e71-49a78b7c75b8","df6c7575-0b29-6212-21ba-94251effb862","4bd2ab22-84f7-34c1-1512-bd25827382dc"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"ce2044d7-0ab4-981d-7e71-49a78b7c75b8","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af27122","e25ee0c5-714a-5c5f-2aef-c6861d2907f0"],"children":["ce2044d7-0ab4-981d-7e71-49a78b7c75b9"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"ce2044d7-0ab4-981d-7e71-49a78b7c75b9","text":true,"v":"Select payment method"},{"_id":"df6c7575-0b29-6212-21ba-94251effb862","type":"Block","tag":"div","classes":["339069ac-be42-683f-e61b-a16781f18161","a8f8809b-8412-c104-834c-c895409c39d9","eff927ad-6e9e-7db4-ef34-ae422ff40c16","4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3c7","c5a233e1-a262-2585-c094-f4f84aca6ed7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c7","type":"FormRadioWrapper","tag":"div","classes":["a859e117-5f36-0151-477e-6513e1534d68"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3c8","d0017d94-2cf7-76a7-6dc0-5035c916b3c9"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c8","type":"FormRadioInput","tag":"input","classes":["4a3c6465-e7e1-b17a-7612-48d2fc399287"],"children":[],"data":{"inputType":"custom","attr":{"type":"radio","data-name":"Radio","id":"radio","name":"radio","value":"Radio","required":true},"form":{"type":"radio-input","name":"Radio"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c9","type":"FormInlineLabel","tag":"label","classes":["0bc51d40-e58c-31f6-584e-87f9e31b2175"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3ca"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3ca","text":true,"v":"Credit or debit card"},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed7","type":"FormRadioWrapper","tag":"div","classes":["a859e117-5f36-0151-477e-6513e1534d68"],"children":["c5a233e1-a262-2585-c094-f4f84aca6ed8","c5a233e1-a262-2585-c094-f4f84aca6ed9"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed8","type":"FormRadioInput","tag":"input","classes":["4a3c6465-e7e1-b17a-7612-48d2fc399287"],"children":[],"data":{"inputType":"custom","attr":{"type":"radio","data-name":"Radio 2","id":"radio-2","name":"radio","value":"Radio","required":false},"form":{"type":"radio-input","name":"Radio 2"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed9","type":"FormInlineLabel","tag":"label","classes":["0bc51d40-e58c-31f6-584e-87f9e31b2175"],"children":["c5a233e1-a262-2585-c094-f4f84aca6eda"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6eda","text":true,"v":"PayPal"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382dc","type":"FormButton","tag":"input","classes":["3b95a481-9ae6-eb14-1241-528a399ce9f9"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382dd","type":"FormSuccessMessage","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382de"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382de","type":"Block","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382df"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382df","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e0","type":"FormErrorMessage","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382e1"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e1","type":"Block","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382e2"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e2","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["e25ee0c5-714a-5c5f-2aef-c6861d2907f0"],"origin":null,"selector":null},{"_id":"fddc8174-765f-a437-c660-7515b0051108","fake":false,"type":"class","name":"justify-space_between","namespace":"","comb":"&","styleLess":"justify-content: space-between;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e25ee0c5-714a-5c5f-2aef-c6861d2907f0","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052","fake":false,"type":"class","name":"gap-24","namespace":"","comb":"&","styleLess":"justify-content: flex-start; grid-column-gap: 24px; grid-row-gap: 24px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b1fc80cd-3800-b2f5-a6fd-b5eaaf0d1e9c","fake":false,"type":"class","name":"plan_card-wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 500px; margin-right: auto; margin-left: auto; padding-top: 48px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: white;","variants":{"tiny":{"styleLess":"padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4a3c6465-e7e1-b17a-7612-48d2fc399287","fake":false,"type":"class","name":"radio_button-icon","namespace":"","comb":"","styleLess":"width: 25px; height: 25px; margin-top: 0px;","variants":{"main_redirected-checked":{"styleLess":"border-top-width: 7.5px; border-top-color: #090b2e; border-right-width: 7.5px; border-right-color: #090b2e; border-bottom-width: 7.5px; border-bottom-color: #090b2e; border-left-width: 7.5px; border-left-color: #090b2e; box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.00);"}},"children":["271a2553-690f-38ac-ca2f-93f9b8a2ad29"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fe5c9611-8559-8849-f56f-604342f38470","fake":false,"type":"class","name":"plan_lower-wrap ","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 12px; grid-row-gap: 12px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #997ef7; background-image: linear-gradient(180deg, #9e89f5, #777fdf); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"339069ac-be42-683f-e61b-a16781f18161","fake":false,"type":"class","name":"display-flex","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center;","variants":{},"children":["fddc8174-765f-a437-c660-7515b0051108","a8f8809b-8412-c104-834c-c895409c39d9"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3bbdf04d-7d50-2d45-b3bd-e6fdb22dab30","fake":false,"type":"class","name":"form_block","namespace":"","comb":"","styleLess":"width: 100%;","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":"0bc51d40-e58c-31f6-584e-87f9e31b2175","fake":false,"type":"class","name":"radio_button-label","namespace":"","comb":"","styleLess":"font-size: 0.9rem; font-weight: 600;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"8674672d-72ac-9794-cc3c-fca78421cee8","fake":false,"type":"class","name":"plan_head-badge","namespace":"","comb":"","styleLess":"margin-bottom: 28px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 100.00%, 94.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 100.00%, 94.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 100.00%, 94.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 100.00%, 94.67%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fbfbff; color: #000024; font-size: 0.95rem;","variants":{"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e48dafe0-c0e1-16ff-9bf7-fbf54c8e5a87","fake":false,"type":"class","name":"plan_upper-wrap","namespace":"","comb":"","styleLess":"display: flex; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 16px; grid-row-gap: 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #997ef7; background-image: linear-gradient(90deg, #9b88f3, #777fdf); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"34997c32-0aa1-a981-a187-6c53e9660e87","fake":false,"type":"class","name":"plan_radio-group","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"eff927ad-6e9e-7db4-ef34-ae422ff40c16","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3b95a481-9ae6-eb14-1241-528a399ce9f9","fake":false,"type":"class","name":"submit_button","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 36px; padding-top: 28px; padding-bottom: 28px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #090b2e; background-image: @img_6617cc3fece22bad3a071487; background-position: 63% 52%; background-size: 20px 20px; background-repeat: no-repeat; transition-property: all; transition-duration: 500ms; transition-timing-function: ease;","variants":{"tiny":{"styleLess":"background-position: 68% 52%;"},"main_hover":{"styleLess":"background-position: 66% 52%;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"8b3fac0a-2c71-cb35-823d-bd73aa59f3e6","fake":false,"type":"class","name":"plan_details-wrap","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 40px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":[],"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":"7304db6f-7d52-9945-3856-2d68f487f1fa","fake":false,"type":"class","name":"plan_list","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4px; grid-row-gap: 4px; font-size: 0.875rem;","variants":{},"children":[],"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":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["6c6cac01-6635-b935-8674-f3b7e42229a2","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"origin":null,"selector":null},{"_id":"a8f8809b-8412-c104-834c-c895409c39d9","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["55dc4629-7761-a0d8-b5b4-fc0c05603a39","eff927ad-6e9e-7db4-ef34-ae422ff40c16"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"a859e117-5f36-0151-477e-6513e1534d68","fake":false,"type":"class","name":"radio_button","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 7px; grid-row-gap: 7px; font-weight: 600;","variants":{},"children":[],"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":"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":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #e1e3f4;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","siteId":"6617bed887feb878fdaba060","width":800,"isHD":false,"height":800,"fileName":"6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","createdOn":"2024-04-11T11:40:47.583Z","origFileName":"right-lg-svgrepo-com.svg","fileHash":"4153a76afda63f66da993251fa2cb57e","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","_id":"6617cc3fece22bad3a071487","updatedOn":"2024-04-11T11:40:47.583Z","fileSize":653,"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":["03f9e01c-cf23-c896-85fc-77d2afeef8a1"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"03f9e01c-cf23-c896-85fc-77d2afeef8a1","type":"Block","tag":"div","classes":["b1fc80cd-3800-b2f5-a6fd-b5eaaf0d1e9c"],"children":["3c421b52-f015-e4ac-0c5c-179139308a45","4c2a597c-333c-8777-d2bd-846cf2458ab3","4bd2ab22-84f7-34c1-1512-bd25827382d4"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"3c421b52-f015-e4ac-0c5c-179139308a45","type":"Block","tag":"div","classes":["8674672d-72ac-9794-cc3c-fca78421cee8"],"children":["8a5e5b74-adf1-ee83-1105-9107fddd7407"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a5e5b74-adf1-ee83-1105-9107fddd7407","type":"Block","tag":"div","classes":[],"children":["8a5e5b74-adf1-ee83-1105-9107fddd7408","caf396ef-cdbf-89f1-0c21-6423ac44261b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8a5e5b74-adf1-ee83-1105-9107fddd7408","text":true,"v":"Upgrade your plan to "},{"_id":"caf396ef-cdbf-89f1-0c21-6423ac44261b","type":"Strong","tag":"strong","classes":[],"children":["8186f5e2-cc31-0eb0-78c2-4678a8520a79"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8186f5e2-cc31-0eb0-78c2-4678a8520a79","text":true,"v":"Premuim Individual"},{"_id":"4c2a597c-333c-8777-d2bd-846cf2458ab3","type":"Block","tag":"div","classes":["8b3fac0a-2c71-cb35-823d-bd73aa59f3e6"],"children":["dfc3b4c2-43ba-ea64-2bee-13294336446f","4ee2ed76-8213-a943-d356-73a888667b83"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dfc3b4c2-43ba-ea64-2bee-13294336446f","type":"Block","tag":"div","classes":["e48dafe0-c0e1-16ff-9bf7-fbf54c8e5a87"],"children":["8067b6f7-0fc5-edec-2c6a-a508c02bc494","95d4e478-184c-f3c8-3f39-32fe6531baa2"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8067b6f7-0fc5-edec-2c6a-a508c02bc494","type":"Block","tag":"div","classes":["339069ac-be42-683f-e61b-a16781f18161","fddc8174-765f-a437-c660-7515b0051108"],"children":["721199af-a8b0-a141-0a63-3b708152c648","fe5d6086-febc-c61e-57c1-205f52808b53"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"721199af-a8b0-a141-0a63-3b708152c648","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"children":["721199af-a8b0-a141-0a63-3b708152c64a"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"721199af-a8b0-a141-0a63-3b708152c64a","text":true,"v":"Premuim Individual"},{"_id":"fe5d6086-febc-c61e-57c1-205f52808b53","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af2715c","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"children":["8e660668-41e6-b682-3729-6780316f52d9"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"8e660668-41e6-b682-3729-6780316f52d9","text":true,"v":"$12/month"},{"_id":"95d4e478-184c-f3c8-3f39-32fe6531baa2","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132"],"children":["95d4e478-184c-f3c8-3f39-32fe6531baa3"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"95d4e478-184c-f3c8-3f39-32fe6531baa3","text":true,"v":"1 Account"},{"_id":"4ee2ed76-8213-a943-d356-73a888667b83","type":"Block","tag":"div","classes":["fe5c9611-8559-8849-f56f-604342f38470"],"children":["696ca9bf-09d9-51dc-282e-e37e6967bbdf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbdf","type":"List","tag":"ul","classes":["7304db6f-7d52-9945-3856-2d68f487f1fa"],"children":["696ca9bf-09d9-51dc-282e-e37e6967bbe0","696ca9bf-09d9-51dc-282e-e37e6967bbe1","696ca9bf-09d9-51dc-282e-e37e6967bbe2"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"ul","list":{"type":"list","unstyled":false}}},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe0","type":"ListItem","tag":"li","classes":[],"children":["cb5fe030-7871-4a84-43db-05fa956d8f35"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"cb5fe030-7871-4a84-43db-05fa956d8f35","text":true,"v":"Only $12 after 1 month trial"},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe1","type":"ListItem","tag":"li","classes":[],"children":["c247dce1-27ed-9605-ebfb-288e23e02f7a"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"c247dce1-27ed-9605-ebfb-288e23e02f7a","text":true,"v":"You won't be charged until Sep 16, 2021"},{"_id":"696ca9bf-09d9-51dc-282e-e37e6967bbe2","type":"ListItem","tag":"li","classes":[],"children":["d581e196-4ef1-884a-1045-051f96ed5937"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"list":{"type":"item"}}},{"_id":"d581e196-4ef1-884a-1045-051f96ed5937","text":true,"v":"Cancel anytime"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382d4","type":"FormWrapper","tag":"div","classes":["3bbdf04d-7d50-2d45-b3bd-e6fdb22dab30"],"children":["4bd2ab22-84f7-34c1-1512-bd25827382d5","4bd2ab22-84f7-34c1-1512-bd25827382dd","4bd2ab22-84f7-34c1-1512-bd25827382e0"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382d5","type":"FormForm","tag":"form","classes":["34997c32-0aa1-a981-a187-6c53e9660e87"],"children":["ce2044d7-0ab4-981d-7e71-49a78b7c75b8","df6c7575-0b29-6212-21ba-94251effb862","4bd2ab22-84f7-34c1-1512-bd25827382dc"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"ce2044d7-0ab4-981d-7e71-49a78b7c75b8","type":"Heading","tag":"h4","classes":["07815991-952a-8d98-0e00-e4c25af27122","e25ee0c5-714a-5c5f-2aef-c6861d2907f0"],"children":["ce2044d7-0ab4-981d-7e71-49a78b7c75b9"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h4"}},{"_id":"ce2044d7-0ab4-981d-7e71-49a78b7c75b9","text":true,"v":"Select payment method"},{"_id":"df6c7575-0b29-6212-21ba-94251effb862","type":"Block","tag":"div","classes":["339069ac-be42-683f-e61b-a16781f18161","a8f8809b-8412-c104-834c-c895409c39d9","eff927ad-6e9e-7db4-ef34-ae422ff40c16","4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3c7","c5a233e1-a262-2585-c094-f4f84aca6ed7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c7","type":"FormRadioWrapper","tag":"div","classes":["a859e117-5f36-0151-477e-6513e1534d68"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3c8","d0017d94-2cf7-76a7-6dc0-5035c916b3c9"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c8","type":"FormRadioInput","tag":"input","classes":["4a3c6465-e7e1-b17a-7612-48d2fc399287"],"children":[],"data":{"inputType":"custom","attr":{"type":"radio","data-name":"Radio","id":"radio","name":"radio","value":"Radio","required":true},"form":{"type":"radio-input","name":"Radio"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3c9","type":"FormInlineLabel","tag":"label","classes":["0bc51d40-e58c-31f6-584e-87f9e31b2175"],"children":["d0017d94-2cf7-76a7-6dc0-5035c916b3ca"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"d0017d94-2cf7-76a7-6dc0-5035c916b3ca","text":true,"v":"Credit or debit card"},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed7","type":"FormRadioWrapper","tag":"div","classes":["a859e117-5f36-0151-477e-6513e1534d68"],"children":["c5a233e1-a262-2585-c094-f4f84aca6ed8","c5a233e1-a262-2585-c094-f4f84aca6ed9"],"data":{"form":{"type":"radio"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed8","type":"FormRadioInput","tag":"input","classes":["4a3c6465-e7e1-b17a-7612-48d2fc399287"],"children":[],"data":{"inputType":"custom","attr":{"type":"radio","data-name":"Radio 2","id":"radio-2","name":"radio","value":"Radio","required":false},"form":{"type":"radio-input","name":"Radio 2"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6ed9","type":"FormInlineLabel","tag":"label","classes":["0bc51d40-e58c-31f6-584e-87f9e31b2175"],"children":["c5a233e1-a262-2585-c094-f4f84aca6eda"],"data":{"form":{"type":"radio-label"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"c5a233e1-a262-2585-c094-f4f84aca6eda","text":true,"v":"PayPal"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382dc","type":"FormButton","tag":"input","classes":["3b95a481-9ae6-eb14-1241-528a399ce9f9"],"children":[],"data":{"attr":{"type":"submit","value":"Continue","data-wait":"Please wait...","id":""},"form":{"type":"button"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382dd","type":"FormSuccessMessage","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382de"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382de","type":"Block","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382df"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382df","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e0","type":"FormErrorMessage","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382e1"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e1","type":"Block","tag":"div","classes":[],"children":["4bd2ab22-84f7-34c1-1512-bd25827382e2"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4bd2ab22-84f7-34c1-1512-bd25827382e2","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["e25ee0c5-714a-5c5f-2aef-c6861d2907f0"],"origin":null,"selector":null},{"_id":"fddc8174-765f-a437-c660-7515b0051108","fake":false,"type":"class","name":"justify-space_between","namespace":"","comb":"&","styleLess":"justify-content: space-between;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e25ee0c5-714a-5c5f-2aef-c6861d2907f0","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052","fake":false,"type":"class","name":"gap-24","namespace":"","comb":"&","styleLess":"justify-content: flex-start; grid-column-gap: 24px; grid-row-gap: 24px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"b1fc80cd-3800-b2f5-a6fd-b5eaaf0d1e9c","fake":false,"type":"class","name":"plan_card-wrap","namespace":"","comb":"","styleLess":"display: flex; max-width: 500px; margin-right: auto; margin-left: auto; padding-top: 48px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background-color: white;","variants":{"tiny":{"styleLess":"padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"4a3c6465-e7e1-b17a-7612-48d2fc399287","fake":false,"type":"class","name":"radio_button-icon","namespace":"","comb":"","styleLess":"width: 25px; height: 25px; margin-top: 0px;","variants":{"main_redirected-checked":{"styleLess":"border-top-width: 7.5px; border-top-color: #090b2e; border-right-width: 7.5px; border-right-color: #090b2e; border-bottom-width: 7.5px; border-bottom-color: #090b2e; border-left-width: 7.5px; border-left-color: #090b2e; box-shadow: 0 2px 5px 0 hsla(0, 0.00%, 0.00%, 0.00);"}},"children":["271a2553-690f-38ac-ca2f-93f9b8a2ad29"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"fe5c9611-8559-8849-f56f-604342f38470","fake":false,"type":"class","name":"plan_lower-wrap ","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 12px; grid-row-gap: 12px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #997ef7; background-image: linear-gradient(180deg, #9e89f5, #777fdf); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"339069ac-be42-683f-e61b-a16781f18161","fake":false,"type":"class","name":"display-flex","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center;","variants":{},"children":["fddc8174-765f-a437-c660-7515b0051108","a8f8809b-8412-c104-834c-c895409c39d9"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3bbdf04d-7d50-2d45-b3bd-e6fdb22dab30","fake":false,"type":"class","name":"form_block","namespace":"","comb":"","styleLess":"width: 100%;","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":"0bc51d40-e58c-31f6-584e-87f9e31b2175","fake":false,"type":"class","name":"radio_button-label","namespace":"","comb":"","styleLess":"font-size: 0.9rem; font-weight: 600;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"8674672d-72ac-9794-cc3c-fca78421cee8","fake":false,"type":"class","name":"plan_head-badge","namespace":"","comb":"","styleLess":"margin-bottom: 28px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 100.00%, 94.67%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 100.00%, 94.67%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 100.00%, 94.67%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 100.00%, 94.67%, 1.00); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fbfbff; color: #000024; font-size: 0.95rem;","variants":{"tiny":{"styleLess":"font-size: 0.9rem;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"e48dafe0-c0e1-16ff-9bf7-fbf54c8e5a87","fake":false,"type":"class","name":"plan_upper-wrap","namespace":"","comb":"","styleLess":"display: flex; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 16px; grid-row-gap: 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #997ef7; background-image: linear-gradient(90deg, #9b88f3, #777fdf); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"34997c32-0aa1-a981-a187-6c53e9660e87","fake":false,"type":"class","name":"plan_radio-group","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":"eff927ad-6e9e-7db4-ef34-ae422ff40c16","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["4a2c253b-a3ed-6b1c-7563-2bbc4c6fe052"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"3b95a481-9ae6-eb14-1241-528a399ce9f9","fake":false,"type":"class","name":"submit_button","namespace":"","comb":"","styleLess":"width: 100%; margin-top: 36px; padding-top: 28px; padding-bottom: 28px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #090b2e; background-image: @img_6617cc3fece22bad3a071487; background-position: 63% 52%; background-size: 20px 20px; background-repeat: no-repeat; transition-property: all; transition-duration: 500ms; transition-timing-function: ease;","variants":{"tiny":{"styleLess":"background-position: 68% 52%;"},"main_hover":{"styleLess":"background-position: 66% 52%;"}},"children":[],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"8b3fac0a-2c71-cb35-823d-bd73aa59f3e6","fake":false,"type":"class","name":"plan_details-wrap","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 40px;","variants":{},"children":[],"createdBy":"6523d73ef760f3fa5954069f","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":[],"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":"7304db6f-7d52-9945-3856-2d68f487f1fa","fake":false,"type":"class","name":"plan_list","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 4px; grid-row-gap: 4px; font-size: 0.875rem;","variants":{},"children":[],"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":"07815991-952a-8d98-0e00-e4c25af2715c","fake":false,"type":"class","name":"text-size-medium","namespace":"","comb":"","styleLess":"font-size: 1.25rem;","variants":{},"children":["6c6cac01-6635-b935-8674-f3b7e42229a2","2321c1be-65dd-28ad-c6aa-b99d4ceb5d2b"],"origin":null,"selector":null},{"_id":"a8f8809b-8412-c104-834c-c895409c39d9","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["55dc4629-7761-a0d8-b5b4-fc0c05603a39","eff927ad-6e9e-7db4-ef34-ae422ff40c16"],"createdBy":"6523d73ef760f3fa5954069f","origin":null,"selector":null},{"_id":"a859e117-5f36-0151-477e-6513e1534d68","fake":false,"type":"class","name":"radio_button","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 7px; grid-row-gap: 7px; font-weight: 600;","variants":{},"children":[],"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":"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":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #e1e3f4;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","siteId":"6617bed887feb878fdaba060","width":800,"isHD":false,"height":800,"fileName":"6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","createdOn":"2024-04-11T11:40:47.583Z","origFileName":"right-lg-svgrepo-com.svg","fileHash":"4153a76afda63f66da993251fa2cb57e","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6617bed887feb878fdaba060/6617cc3fece22bad3a071487_right-lg-svgrepo-com.svg","_id":"6617cc3fece22bad3a071487","updatedOn":"2024-04-11T11:40:47.583Z","fileSize":653,"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 Upgrade Plan component features a sleek and clean user interface designed to promote a premium subscription plan, providing essential pricing details, trial information, and payment method options for seamless subscription management.
Key Features:
- Clean and modern UI design
- Displays pricing details: $12/month after a 1-month trial
- Includes a trial period with no upfront charges
- Flexible payment options: Credit/Debit Card and PayPal
- User-friendly form for payment method selection
Design Elements:
- Color scheme: White and gradient backgrounds with purple hues
- Rounded corners and padding for a soft, inviting look
- Responsive design for optimal viewing on various devices
- Typography: Clear and legible font sizes with emphasis on key information
Potential Use Cases:
- SaaS companies looking to upgrade their subscription offerings
- E-commerce platforms offering premium membership plans
- Online services that require user subscriptions
- Digital content providers with tiered access levels
- Membership sites needing a clear upgrade path for users
Conclusion: The Upgrade Plan component is a versatile and visually appealing solution for businesses aiming to enhance their subscription offerings, making it easy for users to understand and manage their plans.