Card Scroll - Graphic Animation
Setup Guide
Get the
Card Scroll - Graphic Animation
live on your website in just a few clicks
Add custom Javascript to before </body>
<script>
gsap.registerPlugin(ScrollTrigger);
let cardTriggers = [];
function initCardAnimations() {
// Kill existing triggers
cardTriggers.forEach(trigger => trigger.kill());
cardTriggers = [];
// Reset elements to default state
gsap.set('[data-card]', { clearProps: 'all' });
if (window.innerWidth >= 992) {
const cardAnimations = {
left: {
x: '25%', // horizontal offset (positive = from right)
y: '30%', // vertical offset (positive = from below)
rotation: -10, // rotation in degrees (negative = counter-clockwise)
scale: 1.1 // scale multiplier (1 = normal, >1 = larger)
},
middle: {
x: 0,
y: '15%',
rotation: 0,
scale: 1.4
},
right: {
x: '-25%', // negative = from left
y: '30%',
rotation: 10, // positive = clockwise
scale: 1.1
}
};
Object.entries(cardAnimations).forEach(([card, props]) => {
const tween = gsap.from(`[data-card="${card}"]`, {
...props,
duration: 0.5, // duration (ignored when scrub is true)
scrollTrigger: {
trigger: "[data-card-trigger]",
start: "top 30%", // animation starts when trigger top hits 30% of viewport
end: "top 10%", // animation ends when trigger top hits 10% of viewport
scrub: 2, // links animation progress to scroll position
// markers: true // uncomment to debug
}
});
cardTriggers.push(tween.scrollTrigger);
});
}
}
// Init on load
initCardAnimations();
// Reinit on resize (debounced)
let resizeTimer;
window.addEventListener('resize', () => {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(initCardAnimations, 250);
});
</script>
Add custom CSS to inside </head> tag
Component Code (Next JS 15.2.9)
Copy
Using the Motion Component
const wfO={"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1be11ad3-d060-5112-1df8-96e99f23be89","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["acf8db4b-a67d-c258-ffcd-d2413e33a849"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"acf8db4b-a67d-c258-ffcd-d2413e33a849","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["3ed9a208-1e94-fe19-cbef-c42dc54e23c1","005a2828-7345-5e4d-0708-e398a393e000"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ed9a208-1e94-fe19-cbef-c42dc54e23c1","type":"Block","tag":"section","classes":["d4f7b8bd-4fc9-7559-ee9b-e385ece3bd35"],"children":["94eaa1d5-d074-20de-b971-012d462106e5"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"94eaa1d5-d074-20de-b971-012d462106e5","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","cf43d98c-48d8-bebc-6c99-10f0eb75fae1"],"children":["2407256f-0cdf-c7fe-1c43-8b4d504ec081"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"2407256f-0cdf-c7fe-1c43-8b4d504ec081","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["ebf8d3b1-55ad-6089-88d2-1ca3bbd2b7c0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ebf8d3b1-55ad-6089-88d2-1ca3bbd2b7c0","type":"Block","tag":"div","classes":["9b90c505-ac75-bee4-5a4a-675ad52d1bf4"],"children":["dad0d7b5-6a22-ce33-3f39-a59ce236d5d6","017c9977-4064-0e6f-0aaf-887acf888940"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"dad0d7b5-6a22-ce33-3f39-a59ce236d5d6","type":"Heading","tag":"h1","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadc"],"children":["34c2d4d9-d0ae-9557-8892-e6b5c3d1af5c"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"editable":false}},{"_id":"34c2d4d9-d0ae-9557-8892-e6b5c3d1af5c","text":true,"v":"Cards reveal"},{"_id":"017c9977-4064-0e6f-0aaf-887acf888940","type":"Paragraph","tag":"p","classes":["07815991-952a-8d98-0e00-e4c25af27122"],"children":["648ab2a2-5441-802c-c3fc-ea2fcbecc9b1"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"648ab2a2-5441-802c-c3fc-ea2fcbecc9b1","text":true,"v":"Bring your cards to life with a dynamic scroll-triggered animation"},{"_id":"005a2828-7345-5e4d-0708-e398a393e000","type":"Block","tag":"section","classes":["5f87339b-36c7-d7fd-57b3-16970c16d791"],"children":["031eadb4-f5f8-3d9c-ab1c-0040103ed28c"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"031eadb4-f5f8-3d9c-ab1c-0040103ed28c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","1fb355cd-5f50-6d65-28fa-ad7b5128e100"],"children":["eda083fa-f70d-6093-0aea-8c825118c4cb"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eda083fa-f70d-6093-0aea-8c825118c4cb","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147","0dbd9017-e7ba-df7c-0f6d-0f6cd7614637"],"children":["a4b9616b-b54a-ebd9-edf6-a05f7cf22bb6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a4b9616b-b54a-ebd9-edf6-a05f7cf22bb6","type":"Block","tag":"div","classes":["b446a5e4-3408-1262-ddb2-c0746f12823c"],"children":["4b4e7b2b-cc9e-baa1-776b-81c285710ae7","41058f42-85eb-c289-0ea8-0579b6fe73d8","90265d50-30a9-5f26-d05c-11766640f755"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-card-trigger","value":""}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4b4e7b2b-cc9e-baa1-776b-81c285710ae7","type":"Block","tag":"div","classes":["4e6bc3cd-1cba-d1e4-58c4-f92d63478246"],"children":["967d0229-2ffe-1837-e964-36255e0b596a","21d6e525-489d-ee55-6d0f-ac9afb798aa1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"967d0229-2ffe-1837-e964-36255e0b596a","type":"Paragraph","tag":"p","classes":["b34e7a85-04d3-1b99-a04a-4fdc2915314f","c5c6edd1-744e-f7b4-e5e4-b0355d7d6ab7"],"children":["8a6e96dd-588d-e020-d5a6-c401f343d921"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8a6e96dd-588d-e020-d5a6-c401f343d921","text":true,"v":"Designed to stand out without overwhelming the layout, hero featured cards help establish hierarchy, reinforce brand messaging, and drive engagement from the very first interaction."},{"_id":"21d6e525-489d-ee55-6d0f-ac9afb798aa1","type":"Block","tag":"div","classes":["204949e5-b678-fc86-f496-689dc98b3c98"],"children":["bb4895a1-28ad-c14d-3a87-9e0619e5dc79","3ced91e8-cfc8-f133-52c7-6cd1340335e5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bb4895a1-28ad-c14d-3a87-9e0619e5dc79","type":"Link","tag":"a","classes":["19274ec7-c662-4ff1-0ded-00a0b09dbd1f"],"children":["59ee632a-2091-e82f-b0c2-5074e7a86c03","74bfa0f2-b7ff-d591-e32a-62fd67cad8db"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"59ee632a-2091-e82f-b0c2-5074e7a86c03","type":"Block","tag":"div","classes":[],"children":["697438c6-5724-5247-0669-f2af75041caa"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"697438c6-5724-5247-0669-f2af75041caa","text":true,"v":"Get Started"},{"_id":"74bfa0f2-b7ff-d591-e32a-62fd67cad8db","type":"HtmlEmbed","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af270ec"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_343_10825)\">\n<path d=\"M11.667 7L1.66699 7\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M9 3.66675L11.6262 6.29298C11.9596 6.62631 12.1262 6.79297 12.1262 7.00008C12.1262 7.20719 11.9596 7.37385 11.6262 7.70719L9 10.3334\" stroke=\"white\" stroke-linecap=\"round\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_343_10825\">\n<rect width=\"14\" height=\"14\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_343_10825)\">\n<path d=\"M11.667 7L1.66699 7\" stroke=\"white\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M9 3.66675L11.6262 6.29298C11.9596 6.62631 12.1262 6.79297 12.1262 7.00008C12.1262 7.20719 11.9596 7.37385 11.6262 7.70719L9 10.3334\" stroke=\"white\" stroke-linecap=\"round\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_343_10825\">\n<rect width=\"14\" height=\"14\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"3ced91e8-cfc8-f133-52c7-6cd1340335e5","type":"Link","tag":"a","classes":["19274ec7-c662-4ff1-0ded-00a0b09dbd1f","77ff9b04-37a7-8933-4478-fdb1f2e3eff4"],"children":["cc4d3070-2d2e-fbca-2475-68ea8e0ef7d4"],"data":{"button":false,"block":"inline","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cc4d3070-2d2e-fbca-2475-68ea8e0ef7d4","type":"Block","tag":"div","classes":[],"children":["974bd2f7-ab38-f5ba-086f-abc77d271dad"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"974bd2f7-ab38-f5ba-086f-abc77d271dad","text":true,"v":"Get Started"},{"_id":"41058f42-85eb-c289-0ea8-0579b6fe73d8","type":"Grid","tag":"div","classes":["580ae7e8-5953-b6b0-7374-af82f88d9f19"],"children":["8b8e1bcd-8817-eae0-5e6b-1899989f5654","bd4c38a1-8b75-c32c-b959-d04d47320a15","72e6400c-6e5f-0833-f2d2-984a8db2bab3"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"tag":"div","grid":"two-by-two"}},{"_id":"8b8e1bcd-8817-eae0-5e6b-1899989f5654","type":"Block","tag":"div","classes":["d0ed9bd6-70d5-36b6-3e3a-a1784c23ed8a"],"children":["119ea9eb-1e57-89bb-3a79-0bf71ba2a088","6e2c4fcb-b2e2-e2da-ae6c-6784e57f7084"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-card","value":"left"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"119ea9eb-1e57-89bb-3a79-0bf71ba2a088","type":"Block","tag":"div","classes":["cded1184-0d1b-aff3-3825-01424ba1e5f5"],"children":["bbc3db0e-e67e-e497-8707-03c6852bb986","581b67d0-5d53-977c-7c71-af3a377e9742"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bbc3db0e-e67e-e497-8707-03c6852bb986","type":"Block","tag":"div","classes":["0ab70449-f39a-93b7-7c2a-9340337b2041"],"children":["a0bc8e6d-1286-1c20-07a0-58cb52366009","25dd3c21-ba89-77f9-8eec-d8520e3f0e34"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a0bc8e6d-1286-1c20-07a0-58cb52366009","type":"Heading","tag":"h3","classes":["f45fc77a-7ee3-bb0c-0d1c-892dcb4ce5f3"],"children":["417a1c0e-04a4-612a-c116-94c58cb5a43f"],"data":{"tag":"h3","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"417a1c0e-04a4-612a-c116-94c58cb5a43f","text":true,"v":"Transactions"},{"_id":"25dd3c21-ba89-77f9-8eec-d8520e3f0e34","type":"Block","tag":"div","classes":["e6774c19-ad10-6313-d3f7-a74ff607b2b8"],"children":["8b78ac11-d599-56c7-e101-51522e5b8350","4b59a7a8-7539-f2e3-158f-fd89183541fe"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8b78ac11-d599-56c7-e101-51522e5b8350","type":"Block","tag":"div","classes":[],"children":["410a266d-74d6-46c1-7c8f-7bc87f9c8515"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"410a266d-74d6-46c1-7c8f-7bc87f9c8515","text":true,"v":"Monthly"},{"_id":"4b59a7a8-7539-f2e3-158f-fd89183541fe","type":"HtmlEmbed","tag":"div","classes":["b5264933-9e0c-fef6-83a6-43c361c4e9e5"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"581b67d0-5d53-977c-7c71-af3a377e9742","type":"Block","tag":"div","classes":["ccd4e951-74d8-3cf5-77eb-f852dd36e5d1"],"children":["8dd63082-d915-b5b8-40eb-2a13b0a6b708","4366be7a-57d6-1369-d4c4-23ec89517244"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8dd63082-d915-b5b8-40eb-2a13b0a6b708","type":"Block","tag":"div","classes":["ed5f4e93-17da-d6b1-9076-febc6c926f89"],"children":["ec58eae3-61da-2860-e05c-14dcb07d551e"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ec58eae3-61da-2860-e05c-14dcb07d551e","text":true,"v":"90%"},{"_id":"4366be7a-57d6-1369-d4c4-23ec89517244","type":"Block","tag":"div","classes":["9fb923ee-b37e-cb4a-5f7d-fcbaeca437fd"],"children":["4f9836db-876d-2bb5-b21a-02d2fa099c9e","762ae83e-4117-c2a4-1aeb-1250d9233978"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4f9836db-876d-2bb5-b21a-02d2fa099c9e","type":"HtmlEmbed","tag":"div","classes":["608098d1-9449-eede-31ac-d783e4d39bac"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 8 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.26953 8.77734V2.68359L0.996094 4.96875L0 3.98438L3.99023 0L7.97461 3.98438L6.99023 4.96875L4.70508 2.68359V8.77734H3.26953Z\" fill=\"#34C759\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 8 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.26953 8.77734V2.68359L0.996094 4.96875L0 3.98438L3.99023 0L7.97461 3.98438L6.99023 4.96875L4.70508 2.68359V8.77734H3.26953Z\" fill=\"#34C759\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"762ae83e-4117-c2a4-1aeb-1250d9233978","type":"Block","tag":"div","classes":["2a6c708a-912c-b01f-4429-d1f1aeea1a31"],"children":["eea39ab2-5aea-4a5b-4d33-71265f4d7ef4"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eea39ab2-5aea-4a5b-4d33-71265f4d7ef4","text":true,"v":"12%"},{"_id":"6e2c4fcb-b2e2-e2da-ae6c-6784e57f7084","type":"Block","tag":"div","classes":["3b52d855-c4cf-dac8-293f-f201b49ee1a9"],"children":["5e6020b3-8913-5058-56c8-a0e91d90991b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5e6020b3-8913-5058-56c8-a0e91d90991b","type":"Image","tag":"img","classes":["6b49b0bd-f2aa-43df-9c45-b1d13d3a7174"],"children":[],"data":{"img":{"id":"697b995bb904d9247dbf0288"},"srcsetDisabled":true,"attr":{"width":"240","height":"244","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995bb904d9247dbf0288_Transactions-1.jpg","loading":"lazy","id":""},"sizes":[{"max":10000,"size":"240px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"bd4c38a1-8b75-c32c-b959-d04d47320a15","type":"Block","tag":"div","classes":["d0ed9bd6-70d5-36b6-3e3a-a1784c23ed8a"],"children":["ef104f5a-1078-48e1-b77e-f05b59b24286","e10f6b38-052c-2a19-0d04-1542a04cf579"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-card","value":"middle"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ef104f5a-1078-48e1-b77e-f05b59b24286","type":"Block","tag":"div","classes":["cded1184-0d1b-aff3-3825-01424ba1e5f5"],"children":["ff1511e9-7f14-5959-5bd8-2876bf7e96bf"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ff1511e9-7f14-5959-5bd8-2876bf7e96bf","type":"Block","tag":"div","classes":["0ab70449-f39a-93b7-7c2a-9340337b2041"],"children":["7c2c7785-5955-7857-fa03-b0abc7f58e45","2f793f5b-4ca6-6280-96f1-6af796708118"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7c2c7785-5955-7857-fa03-b0abc7f58e45","type":"Heading","tag":"h3","classes":["f45fc77a-7ee3-bb0c-0d1c-892dcb4ce5f3"],"children":["0f84266a-877a-55e8-bb32-df958ab872cf"],"data":{"tag":"h3","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0f84266a-877a-55e8-bb32-df958ab872cf","text":true,"v":"Card user"},{"_id":"2f793f5b-4ca6-6280-96f1-6af796708118","type":"Block","tag":"div","classes":["e6774c19-ad10-6313-d3f7-a74ff607b2b8"],"children":["160259c8-42f4-08c3-67cc-bcb1f1e8374b","03e76b13-da27-48bc-7ff1-4cf1291e4079"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"160259c8-42f4-08c3-67cc-bcb1f1e8374b","type":"Block","tag":"div","classes":[],"children":["f069a5ed-5484-34dc-5a5e-1007491bd3c1"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f069a5ed-5484-34dc-5a5e-1007491bd3c1","text":true,"v":"Monthly"},{"_id":"03e76b13-da27-48bc-7ff1-4cf1291e4079","type":"HtmlEmbed","tag":"div","classes":["b5264933-9e0c-fef6-83a6-43c361c4e9e5"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"e10f6b38-052c-2a19-0d04-1542a04cf579","type":"Block","tag":"div","classes":["3b52d855-c4cf-dac8-293f-f201b49ee1a9"],"children":["7df4c75f-825a-c65d-39e6-eda7bd956669"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7df4c75f-825a-c65d-39e6-eda7bd956669","type":"Image","tag":"img","classes":["6b49b0bd-f2aa-43df-9c45-b1d13d3a7174"],"children":[],"data":{"img":{"id":"697b995b29f4b611c557801d"},"srcsetDisabled":true,"attr":{"width":"240","height":"244","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995b29f4b611c557801d_Card%20user.jpg","loading":"lazy","id":""},"sizes":[{"max":10000,"size":"240px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"72e6400c-6e5f-0833-f2d2-984a8db2bab3","type":"Block","tag":"div","classes":["d0ed9bd6-70d5-36b6-3e3a-a1784c23ed8a"],"children":["c394473d-02d7-7cd4-190f-33ade7ae137b","ec2beaff-1d2f-149d-9b73-a708ce9ddd8c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[{"name":"data-card","value":"right"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c394473d-02d7-7cd4-190f-33ade7ae137b","type":"Block","tag":"div","classes":["cded1184-0d1b-aff3-3825-01424ba1e5f5"],"children":["e8bf8891-abb5-f12e-223b-8c9de176b3bb","3137d98c-365e-ee1c-2067-ff1b50162079"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e8bf8891-abb5-f12e-223b-8c9de176b3bb","type":"Block","tag":"div","classes":["0ab70449-f39a-93b7-7c2a-9340337b2041"],"children":["4d35118b-15f9-9f21-4819-fcd5d8b9427f","dbc6049c-d4a4-c80c-c669-739057b7a4e9"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4d35118b-15f9-9f21-4819-fcd5d8b9427f","type":"Heading","tag":"h3","classes":["f45fc77a-7ee3-bb0c-0d1c-892dcb4ce5f3"],"children":["17cb7a46-eb32-ad02-e078-f2e5ffa60307"],"data":{"tag":"h3","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"17cb7a46-eb32-ad02-e078-f2e5ffa60307","text":true,"v":"Transactions"},{"_id":"dbc6049c-d4a4-c80c-c669-739057b7a4e9","type":"Block","tag":"div","classes":["e6774c19-ad10-6313-d3f7-a74ff607b2b8"],"children":["c9911676-762c-f1e1-1bee-b0a0bffcaaba","f8f42784-9c60-29db-4a24-e0a1bcdc5b6c"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c9911676-762c-f1e1-1bee-b0a0bffcaaba","type":"Block","tag":"div","classes":[],"children":["010820da-f8be-ff27-7023-61b24b1c0564"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"010820da-f8be-ff27-7023-61b24b1c0564","text":true,"v":"Monthly"},{"_id":"f8f42784-9c60-29db-4a24-e0a1bcdc5b6c","type":"HtmlEmbed","tag":"div","classes":["b5264933-9e0c-fef6-83a6-43c361c4e9e5"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.91016 4.36325L4.79175 6.24485C5.27687 6.72996 5.51942 6.97252 5.82083 6.97252C6.12224 6.97252 6.3648 6.72996 6.84991 6.24485L8.73151 4.36325\" stroke=\"#141B34\" stroke-width=\"0.582135\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"3137d98c-365e-ee1c-2067-ff1b50162079","type":"Block","tag":"div","classes":["ccd4e951-74d8-3cf5-77eb-f852dd36e5d1"],"children":["40fac5bb-6561-73f4-b33b-a6b00296418e","44ede05b-90b1-d334-e02a-9798ea12c1a3"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"40fac5bb-6561-73f4-b33b-a6b00296418e","type":"Block","tag":"div","classes":["ed5f4e93-17da-d6b1-9076-febc6c926f89"],"children":["49a99425-4941-189b-6c1b-dfc43af238d8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"49a99425-4941-189b-6c1b-dfc43af238d8","text":true,"v":"90%"},{"_id":"44ede05b-90b1-d334-e02a-9798ea12c1a3","type":"Block","tag":"div","classes":["9fb923ee-b37e-cb4a-5f7d-fcbaeca437fd"],"children":["8f479bdf-71d8-6125-6519-3067f711af38","e3e27528-5382-2c1e-3d63-c68639660853"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8f479bdf-71d8-6125-6519-3067f711af38","type":"HtmlEmbed","tag":"div","classes":["608098d1-9449-eede-31ac-d783e4d39bac"],"children":[],"v":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 8 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.26953 8.77734V2.68359L0.996094 4.96875L0 3.98438L3.99023 0L7.97461 3.98438L6.99023 4.96875L4.70508 2.68359V8.77734H3.26953Z\" fill=\"#34C759\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 8 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.26953 8.77734V2.68359L0.996094 4.96875L0 3.98438L3.99023 0L7.97461 3.98438L6.99023 4.96875L4.70508 2.68359V8.77734H3.26953Z\" fill=\"#34C759\"/>\n</svg>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"e3e27528-5382-2c1e-3d63-c68639660853","type":"Block","tag":"div","classes":["2a6c708a-912c-b01f-4429-d1f1aeea1a31"],"children":["4bcf9eac-eb36-08a0-f5c9-a65d9df1f3ff"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4bcf9eac-eb36-08a0-f5c9-a65d9df1f3ff","text":true,"v":"12%"},{"_id":"ec2beaff-1d2f-149d-9b73-a708ce9ddd8c","type":"Block","tag":"div","classes":["3b52d855-c4cf-dac8-293f-f201b49ee1a9"],"children":["26994c4d-aa0a-e902-ee09-728908b535ed"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"26994c4d-aa0a-e902-ee09-728908b535ed","type":"Image","tag":"img","classes":["6b49b0bd-f2aa-43df-9c45-b1d13d3a7174"],"children":[],"data":{"img":{"id":"697b995bb904d9247dbf0288"},"srcsetDisabled":true,"attr":{"width":"240","height":"244","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995bb904d9247dbf0288_Transactions-1.jpg","loading":"lazy","id":""},"sizes":[{"max":10000,"size":"240px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"90265d50-30a9-5f26-d05c-11766640f755","type":"Block","tag":"div","classes":["76ed2f92-39e1-6b84-4dcf-48a2b8d32008"],"children":["89acbb3f-2441-b44b-a6d6-8d30ccaa212b"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"89acbb3f-2441-b44b-a6d6-8d30ccaa212b","type":"Image","tag":"img","classes":["6b49b0bd-f2aa-43df-9c45-b1d13d3a7174"],"children":[],"data":{"img":{"id":"697b8eac0019281dacf5e8c8"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background.jpg","loading":"lazy","id":""},"sizes":[{"max":2400,"size":"100vw"},{"max":10000,"size":"2400px"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"9fb923ee-b37e-cb4a-5f7d-fcbaeca437fd","fake":false,"type":"class","name":"card_stat-wrap","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 0.25rem; grid-row-gap: 0.25rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"3b52d855-c4cf-dac8-293f-f201b49ee1a9","fake":false,"type":"class","name":"card-item_asset","namespace":"","comb":"","styleLess":"overflow: hidden; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"b34e7a85-04d3-1b99-a04a-4fdc2915314f","fake":false,"type":"class","name":"text-18","namespace":"","comb":"","styleLess":"font-size: 1.125rem;","variants":{},"children":["c5c6edd1-744e-f7b4-e5e4-b0355d7d6ab7"],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"0ab70449-f39a-93b7-7c2a-9340337b2041","fake":false,"type":"class","name":"card-item_header-top","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"c5c6edd1-744e-f7b4-e5e4-b0355d7d6ab7","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"76ed2f92-39e1-6b84-4dcf-48a2b8d32008","fake":false,"type":"class","name":"cards_background","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"ed5f4e93-17da-d6b1-9076-febc6c926f89","fake":false,"type":"class","name":"card_stat-text","namespace":"","comb":"","styleLess":"color: #27272a; font-size: 1.375rem; line-height: 1; font-weight: 500;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"608098d1-9449-eede-31ac-d783e4d39bac","fake":false,"type":"class","name":"card_stat_icon","namespace":"","comb":"","styleLess":"display: flex; width: 0.5rem; height: 0.5rem; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"2a6c708a-912c-b01f-4429-d1f1aeea1a31","fake":false,"type":"class","name":"card_stat_small","namespace":"","comb":"","styleLess":"color: #27272a; font-size: 0.75rem; line-height: 1; font-weight: 500;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"0dbd9017-e7ba-df7c-0f6d-0f6cd7614637","fake":false,"type":"class","name":"higher-z","namespace":"","comb":"&","styleLess":"position: relative; z-index: 4;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","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":"204949e5-b678-fc86-f496-689dc98b3c98","fake":false,"type":"class","name":"card_button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","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":["0dbd9017-e7ba-df7c-0f6d-0f6cd7614637"],"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;"},"medium":{"styleLess":"padding-right: 1.5rem; padding-left: 1.5rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","1fb355cd-5f50-6d65-28fa-ad7b5128e100","d854acdc-e1f1-3b5b-b6b7-6ce5b902409f"],"origin":null,"selector":null},{"_id":"5f87339b-36c7-d7fd-57b3-16970c16d791","fake":false,"type":"class","name":"section_cards","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","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":"19274ec7-c662-4ff1-0ded-00a0b09dbd1f","fake":false,"type":"class","name":"cards_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.75rem; padding-right: 1.3125rem; padding-bottom: 0.75rem; padding-left: 1.3125rem; justify-content: center; align-items: center; grid-column-gap: 0.625rem; grid-row-gap: 0.625rem; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; background-color: #6c4cf1; color: hsla(0, 0.00%, 100.00%, 1.00); text-decoration: none;","variants":{"tiny":{"styleLess":"width: 100%;"}},"children":["77ff9b04-37a7-8933-4478-fdb1f2e3eff4"],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"f45fc77a-7ee3-bb0c-0d1c-892dcb4ce5f3","fake":false,"type":"class","name":"card-title","namespace":"","comb":"","styleLess":"color: #27272a; font-size: 1.125rem; line-height: 1; font-weight: 500;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadc","fake":false,"type":"class","name":"hero_heading","namespace":"","comb":"","styleLess":"font-size: 4rem; line-height: 1; font-weight: 500; text-align: center;","variants":{"tiny":{"styleLess":"font-size: 2.5rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"d0ed9bd6-70d5-36b6-3e3a-a1784c23ed8a","fake":false,"type":"class","name":"card-item","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 16.75rem; padding-top: 0.875rem; padding-right: 0.875rem; padding-bottom: 0.875rem; padding-left: 0.875rem; flex-direction: column; justify-content: space-between; flex-wrap: nowrap; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; border-top-left-radius: 0.875rem; border-top-right-radius: 0.875rem; border-bottom-left-radius: 0.875rem; border-bottom-right-radius: 0.875rem; background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"tiny":{"styleLess":"max-width: none;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"d4f7b8bd-4fc9-7559-ee9b-e385ece3bd35","fake":false,"type":"class","name":"section_atf","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; display: flex; min-height: 100svh; flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"1fb355cd-5f50-6d65-28fa-ad7b5128e100","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"9b90c505-ac75-bee4-5a4a-675ad52d1bf4","fake":false,"type":"class","name":"heading-title","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; text-align: center;","variants":{},"children":["73bb322c-290f-9ad1-79ae-324e25226a44"],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"ccd4e951-74d8-3cf5-77eb-f852dd36e5d1","fake":false,"type":"class","name":"card-item_header-bottom","namespace":"","comb":"","styleLess":"display: flex; justify-content: flex-start; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"4e6bc3cd-1cba-d1e4-58c4-f92d63478246","fake":false,"type":"class","name":"card_header","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 36.625rem; margin-right: auto; margin-left: auto; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 2.5rem; grid-row-gap: 2.5rem;","variants":{"tiny":{"styleLess":"grid-column-gap: 1.75rem; grid-row-gap: 1.75rem;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"b5264933-9e0c-fef6-83a6-43c361c4e9e5","fake":false,"type":"class","name":"card_dropdown-icon","namespace":"","comb":"","styleLess":"display: flex; width: 0.75rem; height: 0.75rem; justify-content: center; align-items: center;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"580ae7e8-5953-b6b0-7374-af82f88d9f19","fake":false,"type":"class","name":"cards_wrapper","namespace":"","comb":"","styleLess":"display: grid; width: 100%; max-width: 55.75rem; margin-right: auto; margin-left: auto; padding-right: 1.6875rem; padding-left: 1.6875rem; grid-auto-columns: 1fr; grid-column-gap: 1.125rem; grid-row-gap: 1.125rem; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto;","variants":{"medium":{"styleLess":"padding-right: 0rem; padding-left: 0rem;"},"small":{"styleLess":"justify-items: center; grid-template-columns: 1fr;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"b446a5e4-3408-1262-ddb2-c0746f12823c","fake":false,"type":"class","name":"cards-main-wrap","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; padding-top: 6.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; border-top-left-radius: 2.5rem; border-top-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem; border-bottom-right-radius: 2.5rem;","variants":{"tiny":{"styleLess":"padding-top: 4rem; grid-column-gap: 3rem; grid-row-gap: 3rem;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"cded1184-0d1b-aff3-3825-01424ba1e5f5","fake":false,"type":"class","name":"card-item_header","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","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-e4c25af270ec","fake":false,"type":"class","name":"icon-1x1-small","namespace":"","comb":"","styleLess":"display: flex; width: 1rem; height: 1rem; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e6774c19-ad10-6313-d3f7-a74ff607b2b8","fake":false,"type":"class","name":"card_dropdown","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.3125rem; padding-right: 1.25rem; padding-bottom: 0.3125rem; padding-left: 1.25rem; justify-content: flex-start; align-items: center; grid-column-gap: 0.125rem; grid-row-gap: 0.125rem; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; background-color: #edeef0; font-size: 0.75rem;","variants":{"medium":{"styleLess":"padding-top: 0.25rem; padding-right: 0.75rem; padding-bottom: 0.25rem; padding-left: 0.75rem;"}},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"77ff9b04-37a7-8933-4478-fdb1f2e3eff4","fake":false,"type":"class","name":"is-secondary","namespace":"","comb":"&","styleLess":"background-color: hsla(0, 0.00%, 100.00%, 1.00); color: #27272a;","variants":{},"children":[],"createdBy":"634453349d04687dd6f73a80","origin":null,"selector":null},{"_id":"6b49b0bd-f2aa-43df-9c45-b1d13d3a7174","fake":false,"type":"class","name":"image-cover","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"5e9753be439e90ca17dc4f1c","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995bb904d9247dbf0288_Transactions-1.jpg","siteId":"691d2590c172edc79442cd7e","width":482,"isHD":false,"height":489,"fileName":"697b995bb904d9247dbf0288_Transactions-1.jpg","createdOn":"2026-01-29T17:31:07.944Z","origFileName":"Transactions-1.jpg","fileHash":"dea8861534849bcaa4764999033d8bd9","translationLoading":false,"variants":[],"mimeType":"image/jpeg","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b995bb904d9247dbf0288_Transactions-1.jpg","thumbUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995bb904d9247dbf0288_Transactions-1-p-130x130q80.jpg","_id":"697b995bb904d9247dbf0288","updatedOn":"2026-01-29T22:43:36.277Z","fileSize":187088,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995b29f4b611c557801d_Card%20user.jpg","siteId":"691d2590c172edc79442cd7e","width":482,"isHD":false,"height":526,"fileName":"697b995b29f4b611c557801d_Card user.jpg","createdOn":"2026-01-29T17:31:07.977Z","origFileName":"Card user.jpg","fileHash":"20a02ad28094f73d5c2c4c588b22be8c","translationLoading":false,"variants":[],"mimeType":"image/jpeg","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b995b29f4b611c557801d_Card%20user.jpg","thumbUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b995b29f4b611c557801d_Card%20user-p-130x130q80.jpg","_id":"697b995b29f4b611c557801d","updatedOn":"2026-01-29T22:43:36.279Z","fileSize":205789,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background.jpg","siteId":"691d2590c172edc79442cd7e","width":2400,"isHD":false,"height":1294,"fileName":"697b8eac0019281dacf5e8c8_Cards Background.jpg","createdOn":"2026-01-29T16:45:32.336Z","origFileName":"Cards Background.jpg","fileHash":"f1d197fe5c3afe671b28201f3ad3ed5c","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-500.jpg","origFileName":"Cards%20Background-p-500.jpg","fileName":"697b8eac0019281dacf5e8c8_Cards%20Background-p-500.jpg","format":"jpg","width":500,"size":2544,"quality":100,"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-500.jpg","_id":"697b8eae526aaf611dfa93f4"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-800.jpg","origFileName":"Cards%20Background-p-800.jpg","fileName":"697b8eac0019281dacf5e8c8_Cards%20Background-p-800.jpg","format":"jpg","width":800,"size":5342,"quality":100,"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-800.jpg","_id":"697b8eae526aaf611dfa93f5"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-1080.jpg","origFileName":"Cards%20Background-p-1080.jpg","fileName":"697b8eac0019281dacf5e8c8_Cards%20Background-p-1080.jpg","format":"jpg","width":1080,"size":9223,"quality":100,"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-1080.jpg","_id":"697b8eae526aaf611dfa93f6"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-1600.jpg","origFileName":"Cards%20Background-p-1600.jpg","fileName":"697b8eac0019281dacf5e8c8_Cards%20Background-p-1600.jpg","format":"jpg","width":1600,"size":18478,"quality":100,"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-1600.jpg","_id":"697b8eae526aaf611dfa93f7"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-2000.jpg","origFileName":"Cards%20Background-p-2000.jpg","fileName":"697b8eac0019281dacf5e8c8_Cards%20Background-p-2000.jpg","format":"jpg","width":2000,"size":27465,"quality":100,"cdnUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-2000.jpg","_id":"697b8eae526aaf611dfa93f8"}],"mimeType":"image/jpeg","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background.jpg","thumbUrl":"https://cdn.prod.website-files.com/691d2590c172edc79442cd7e/697b8eac0019281dacf5e8c8_Cards%20Background-p-130x130q80.jpg","_id":"697b8eac0019281dacf5e8c8","updatedOn":"2026-01-29T16:59:55.627Z","fileSize":353710,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0,"codeComponentsRemovedCount":0}};
.png)
.png)