CTA section with query box
Category: CTA
I'm sharing you a component below for reference the HTML structure with the exact COMPUTED CSS styles inlined into the style tags. Use this to understand exactly how it looks (dimensions, colors, flexbox behavior):
<section data-framer-name="Desktop" style="width: 1520.8px; opacity: 1; display: flex; position: relative; height: 627.2px; padding: 0px 20px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: column; justify-content: center; align-items: center; gap: 10px; overflow: hidden;"><section as="section" data-framer-name="Section Wrap" style="border-radius: 32px; opacity: 1; display: flex; position: relative; width: 1480.8px; height: 627.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; justify-content: center; align-items: center; gap: 10px; overflow: hidden;"><div style="position: absolute; border-radius: 32px; corner-shape: inherit; inset: 0px; display: block; width: 1480.8px; height: 627.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="1200" height="800" sizes="calc(100vw - 40px)" srcset="https://framerusercontent.com/images/VOQqXfb1vcL0G4SHaoMKFhqAg.png?scale-down-to=512&width=1200&height=800 512w,https://framerusercontent.com/images/VOQqXfb1vcL0G4SHaoMKFhqAg.png?scale-down-to=1024&width=1200&height=800 1024w,https://framerusercontent.com/images/VOQqXfb1vcL0G4SHaoMKFhqAg.png?width=1200&height=800 1200w" src="https://framerusercontent.com/images/VOQqXfb1vcL0G4SHaoMKFhqAg.png?width=1200&height=800" alt="" style="display: block; width: 1480.8px; height: 627.2px; border-radius: 32px; corner-shape: inherit; object-position: center center; object-fit: cover; position: static; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip;"></div><section data-framer-name="Container" style="opacity: 1; cursor: crosshair; display: flex; position: relative; width: 1200px; height: 627.2px; max-width: 1200px; padding: 80px 60px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 1 0 0px; flex-flow: row; justify-content: space-between; align-items: center; z-index: 1; overflow: hidden;"><div data-framer-name="Info" style="opacity: 1; cursor: crosshair; display: flex; position: relative; width: 356.4px; height: 467.2px; max-width: 600px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: space-between; align-items: flex-start; overflow: hidden;"><div style="opacity: 1; display: block; position: relative; width: 356.4px; height: 89.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: visible; cursor: crosshair;"><div data-framer-name="Left" style="width: 356.4px; opacity: 1; cursor: crosshair; display: flex; position: relative; height: 89.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 20px; overflow: visible;"><div data-framer-name="Heading" style="opacity: 1; display: flex; position: relative; width: 356.4px; height: 44px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; justify-content: center; align-items: center; gap: 16px; overflow: visible; cursor: crosshair;"><div data-framer-name="Built for high performance" data-framer-component-type="RichTextContainer" style="--extracted-1of0zx5: var(--variable-reference-PSoNrUMAC-Z8ic__db0); --framer-paragraph-spacing: 0px; --variable-reference-PSoNrUMAC-Z8ic__db0: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 356.4px; height: 44px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 1 0 0px; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><h2 data-styles-preset="TwoPc4A2P" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-1of0zx5, var(--variable-reference-PSoNrUMAC-Z8ic__db0)); cursor: crosshair; display: block; position: static; width: 356.4px; height: 44px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: "Albert Sans", "Albert Sans Placeholder", sans-serif; font-size: 40px; font-weight: 400; line-height: 44px; text-align: left; letter-spacing: -2px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible;">Start your journey</h2></div></div><div data-framer-name="Grovia gives your team everything it needs to stay aligned, track performance, and scale with confidence — all in one place." data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--variable-reference-n5TECKSeK-Z8ic__db0); --framer-paragraph-spacing: 0px; --variable-reference-n5TECKSeK-Z8ic__db0: var(--token-6e3830bb-76b1-4888-abbc-b7da32a34eea, rgba(255, 255, 255, 0.8)); transform: none; opacity: 1; display: flex; position: relative; width: 356.4px; height: 25.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><p data-styles-preset="J69hQ97OU" style="--framer-text-alignment: left; --framer-text-color: var(--extracted-r6o4lv, var(--variable-reference-n5TECKSeK-Z8ic__db0)); cursor: crosshair; display: block; position: static; width: 356.4px; height: 25.2px; border: 0px none rgba(255, 255, 255, 0.8); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.8); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; letter-spacing: -0.54px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible;">Let’s start building something great together.</p></div></div></div><div data-framer-name="Info" style="opacity: 1; display: flex; position: relative; width: 356.4px; height: 134.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: center; align-items: flex-start; gap: 32px; overflow: visible; cursor: crosshair;"><div data-framer-name="Info" style="opacity: 1; display: flex; position: relative; width: 168.8px; height: 63px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: center; align-items: flex-start; gap: 4px; overflow: visible; cursor: crosshair;"><div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-6e3830bb-76b1-4888-abbc-b7da32a34eea, rgba(255, 255, 255, 0.8)); transform: none; opacity: 1; display: flex; position: relative; width: 112.325px; height: 25.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><p data-styles-preset="J69hQ97OU" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-6e3830bb-76b1-4888-abbc-b7da32a34eea, rgba(255, 255, 255, 0.8))); display: block; position: static; width: 112.325px; height: 25.2px; border: 0px none rgba(255, 255, 255, 0.8); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.8); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: start; letter-spacing: -0.54px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;"><!--$--><a data-styles-preset="mtYgedlaD" href="tel: 12068371232" target="_blank" rel="noopener" style="display: inline; position: static; width: auto; height: auto; border: 0px none rgba(255, 255, 255, 0.8); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.8); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: start; letter-spacing: -0.54px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: pointer;">206-837-1232</a><!--/$--></p></div><div data-framer-component-type="RichTextContainer" style="--extracted-1lwpl3i: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 168.8px; height: 33.8px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><h5 data-styles-preset="Do7wzBd6Z" style="--framer-text-color: var(--extracted-1lwpl3i, var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255))); display: block; position: static; width: 168.8px; height: 33.8px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: "Albert Sans", "Albert Sans Placeholder", sans-serif; font-size: 26px; font-weight: 400; line-height: 33.8px; text-align: start; letter-spacing: -1.04px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;"><!--$--><a data-styles-preset="jpHllP5Vn" href="mailto: hello@grovia.io" target="_blank" rel="noopener" style="display: inline; position: static; width: auto; height: auto; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: "Albert Sans", "Albert Sans Placeholder", sans-serif; font-size: 26px; font-weight: 400; line-height: 33.8px; text-align: start; letter-spacing: -1.04px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: pointer;">hello@grovia.io</a><!--/$--></h5></div></div><div style="opacity: 1; display: block; position: relative; width: 343px; height: 39.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: visible; cursor: crosshair;"><div data-framer-name="Rating" style="width: 343px; opacity: 1; display: flex; position: relative; height: 39.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; justify-content: flex-start; align-items: center; gap: 12px; overflow: visible; cursor: crosshair;"><div data-framer-name="Profiles" style="opacity: 1; display: block; position: relative; width: 109px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: visible; cursor: crosshair;"><div data-border="true" data-framer-name="Profile" style="--border-bottom-width: 1px; --border-color: var(--token-e95ee726-ab1d-4458-99db-780c0ed005f8, rgb(230, 230, 230)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.15) 5px 8px 15px 0px; will-change: transform; opacity: 1; transform: none; display: block; position: absolute; right: 77px; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: crosshair;"><div style="position: absolute; border-radius: 40px; corner-shape: inherit; inset: 0px; display: block; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="512" height="640" sizes="32px" srcset="https://framerusercontent.com/images/5JOZsibBgQ896ZHozxgNAzUBVR4.png 512w" src="https://framerusercontent.com/images/5JOZsibBgQ896ZHozxgNAzUBVR4.png?scale-down-to=512" alt="" style="display: block; width: 32px; height: 32px; border-radius: 40px; corner-shape: inherit; object-position: center center; object-fit: cover; position: static; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: crosshair;"></div></div><div data-border="true" data-framer-name="Profile" style="--border-bottom-width: 1px; --border-color: var(--token-e95ee726-ab1d-4458-99db-780c0ed005f8, rgb(230, 230, 230)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.15) 5px 8px 15px 0px; will-change: transform; opacity: 1; transform: none; display: block; position: absolute; left: 26px; right: 51px; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: crosshair;"><div style="position: absolute; border-radius: 40px; corner-shape: inherit; inset: 0px; display: block; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="128" height="128" src="https://framerusercontent.com/images/owSfgEkhkT1JYpnzI1JOV2l6ql8.png" alt="" style="display: block; width: 32px; height: 32px; border-radius: 40px; corner-shape: inherit; object-position: center center; object-fit: fill; position: static; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: crosshair;"></div></div><div data-border="true" data-framer-name="Profile" style="--border-bottom-width: 1px; --border-color: var(--token-e95ee726-ab1d-4458-99db-780c0ed005f8, rgb(230, 230, 230)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.15) 5px 8px 15px 0px; will-change: transform; opacity: 1; transform: none; display: block; position: absolute; left: 52px; right: 25px; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: crosshair;"><div style="position: absolute; border-radius: 40px; corner-shape: inherit; inset: 0px; display: block; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="640" height="538" sizes="32px" srcset="https://framerusercontent.com/images/DpVLrc4ydDENH7Z3XC0cKzA6Y8.png?scale-down-to=512 512w,https://framerusercontent.com/images/DpVLrc4ydDENH7Z3XC0cKzA6Y8.png 640w" src="https://framerusercontent.com/images/DpVLrc4ydDENH7Z3XC0cKzA6Y8.png?scale-down-to=512" alt="" style="display: block; width: 32px; height: 32px; border-radius: 40px; corner-shape: inherit; object-position: center center; object-fit: cover; position: static; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: crosshair;"></div></div><div data-border="true" data-framer-name="Profile" style="--border-bottom-width: 1px; --border-color: var(--token-e95ee726-ab1d-4458-99db-780c0ed005f8, rgb(230, 230, 230)); --border-left-width: 1px; --border-right-width: 1px; --border-style: solid; --border-top-width: 1px; border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.15) 5px 8px 15px 0px; will-change: transform; opacity: 1; transform: none; display: block; position: absolute; left: 77px; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: crosshair;"><div style="position: absolute; border-radius: 40px; corner-shape: inherit; inset: 0px; display: block; width: 32px; height: 32px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;" data-framer-background-image-wrapper="true"><img decoding="auto" loading="lazy" width="128" height="128" src="https://framerusercontent.com/images/eAG5eHnKXcFvgXecMbbazevyI.png" alt="" style="display: block; width: 32px; height: 32px; border-radius: 40px; corner-shape: inherit; object-position: center center; object-fit: fill; position: static; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: crosshair;"></div></div></div><div data-framer-name="Rating" style="opacity: 1; display: flex; position: relative; width: 127.1px; height: 39.2px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: center; align-items: flex-start; overflow: visible; cursor: crosshair;"><div data-framer-name="4.9 / 5 Rated" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--variable-reference-FXop4JIM2-F7d3mKbVl); --framer-paragraph-spacing: 0px; --variable-reference-FXop4JIM2-F7d3mKbVl: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 78.65px; height: 19.6px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><p data-styles-preset="TdgMo9XSD" style="--framer-text-color: var(--extracted-r6o4lv, var(--variable-reference-FXop4JIM2-F7d3mKbVl)); display: block; position: static; width: 78.65px; height: 19.6px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: start; letter-spacing: -0.42px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;">4.9 / 5 Rated</p></div><div data-framer-name="Over 9.2k Customers" data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--variable-reference-FXop4JIM2-F7d3mKbVl); --framer-paragraph-spacing: 0px; --variable-reference-FXop4JIM2-F7d3mKbVl: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); opacity: 0.6; transform: none; display: flex; position: relative; width: 127.1px; height: 19.6px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: crosshair;"><p data-styles-preset="TdgMo9XSD" style="--framer-text-color: var(--extracted-r6o4lv, var(--variable-reference-FXop4JIM2-F7d3mKbVl)); display: block; position: static; width: 127.1px; height: 19.6px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: start; letter-spacing: -0.42px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: crosshair;">Over 9.2k Customers</p></div></div></div></div></div></div><form style="background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0.3); border-radius: 24px; opacity: 1; display: flex; position: relative; width: 600px; height: 467.2px; max-width: 600px; padding: 32px; border: 0px none rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 20px; overflow: hidden; cursor: crosshair;"><label style="opacity: 1; display: flex; position: relative; width: 536px; height: 74.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 8px; overflow: visible; cursor: default;"><div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 41.3875px; height: 22.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: default;"><p data-styles-preset="xEbsc9wJk" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255))); display: block; position: static; width: 41.3875px; height: 22.4px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: default;">Name</p></div><div style="--framer-input-background: var(--token-b293bc5f-3f33-407c-8cd6-ec7d8a7ddced, rgba(255, 255, 255, 0.05)); --framer-input-border-radius-bottom-left: 20px; --framer-input-border-radius-bottom-right: 20px; --framer-input-border-radius-top-left: 20px; --framer-input-border-radius-top-right: 20px; --framer-input-font-color: var(--token-b5fea8a8-bc55-41f8-b49e-19319ef24b24, rgb(255, 255, 255)); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: var(--token-9b0083b8-b14b-4f4a-b9c6-4a160184ab2b, rgba(255, 255, 255, 0.6)); opacity: 1; display: block; position: relative; width: 536px; height: 44px; border: 0px none rgb(0, 0, 0); border-radius: 20px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(255, 255, 255, 0.05); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: default;"><input type="text" required="" name="Name" placeholder="Jane Smith" value="" style="display: inline-block; position: static; width: 536px; height: 44px; padding: 16px; border: 0px none rgb(255, 255, 255); background: none 0px 0px / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist; font-size: 16px; font-weight: 400; line-height: 16px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;"></div></label><label style="opacity: 1; display: flex; position: relative; width: 536px; height: 74.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 8px; overflow: visible; cursor: default;"><div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 37.825px; height: 22.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: default;"><p data-styles-preset="xEbsc9wJk" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255))); display: block; position: static; width: 37.825px; height: 22.4px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: default;">Email</p></div><div style="--framer-input-background: var(--token-b293bc5f-3f33-407c-8cd6-ec7d8a7ddced, rgba(255, 255, 255, 0.05)); --framer-input-border-radius-bottom-left: 20px; --framer-input-border-radius-bottom-right: 20px; --framer-input-border-radius-top-left: 20px; --framer-input-border-radius-top-right: 20px; --framer-input-font-color: var(--token-b5fea8a8-bc55-41f8-b49e-19319ef24b24, rgb(255, 255, 255)); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: var(--token-9b0083b8-b14b-4f4a-b9c6-4a160184ab2b, rgba(255, 255, 255, 0.6)); opacity: 1; display: block; position: relative; width: 536px; height: 44px; border: 0px none rgb(0, 0, 0); border-radius: 20px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(255, 255, 255, 0.05); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: default;"><input type="email" required="" name="Email" placeholder="jane@framer.com" value="" style="display: inline-block; position: static; width: 536px; height: 44px; padding: 16px; border: 0px none rgb(255, 255, 255); background: none 0px 0px / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist; font-size: 16px; font-weight: 400; line-height: 16px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;"></div></label><label style="opacity: 1; display: flex; position: relative; width: 536px; height: 150.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap: 8px; overflow: visible; cursor: default;"><div data-framer-component-type="RichTextContainer" style="--extracted-r6o4lv: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); transform: none; opacity: 1; display: flex; position: relative; width: 63.05px; height: 22.4px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: default;"><p data-styles-preset="xEbsc9wJk" style="--framer-text-color: var(--extracted-r6o4lv, var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255))); display: block; position: static; width: 63.05px; height: 22.4px; border: 0px none rgb(255, 255, 255); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: default;">Message</p></div><div style="--framer-input-background: var(--token-b293bc5f-3f33-407c-8cd6-ec7d8a7ddced, rgba(255, 255, 255, 0.05)); --framer-input-border-radius-bottom-left: 20px; --framer-input-border-radius-bottom-right: 20px; --framer-input-border-radius-top-left: 20px; --framer-input-border-radius-top-right: 20px; --framer-input-font-color: var(--token-b5fea8a8-bc55-41f8-b49e-19319ef24b24, rgb(255, 255, 255)); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: var(--token-9b0083b8-b14b-4f4a-b9c6-4a160184ab2b, rgba(255, 255, 255, 0.6)); opacity: 1; display: block; position: relative; width: 536px; height: 120px; min-height: 120px; border: 0px none rgb(0, 0, 0); border-radius: 20px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(255, 255, 255, 0.05); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: default;"><textarea required="" name="Email" placeholder="Enter your message" style="display: flex; position: static; width: 536px; height: 120px; min-height: 120px; padding: 16px; border: 0px none rgb(255, 255, 255); background: none 0px 0px / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-family: Geist; font-size: 16px; font-weight: 400; line-height: 16px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: hidden auto; cursor: text;"></textarea></div></label><div style="opacity: 1; display: block; position: relative; width: 114.412px; height: 44px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; overflow: visible; cursor: crosshair;"><button type="submit" data-framer-name="Default" data-reset="button" tabindex="0" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 247, 175); border-radius: 40px; opacity: 1; display: flex; position: relative; width: 114.412px; height: 44px; padding: 8px 8px 8px 16px; border: 0px outset rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: center; flex: 0 1 auto; flex-flow: row; justify-content: center; align-items: center; gap: 12px; overflow: visible; cursor: pointer;"><div data-framer-component-type="RichTextContainer" style="--framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1; display: flex; position: relative; width: 50.4125px; height: 17.6px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: center; flex: 0 0 auto; flex-flow: column; justify-content: flex-start; overflow: visible; cursor: pointer;"><p data-styles-preset="HMnsiUSc6" style="display: block; position: static; width: 50.4125px; height: 17.6px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: Geist, "Geist Placeholder", sans-serif; font-size: 16px; font-weight: 500; line-height: 17.6px; text-align: start; letter-spacing: -0.48px; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: pointer;">Submit</p></div><div data-framer-name="Arrow" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgb(0, 0, 0); border-radius: 40px; opacity: 1; display: flex; position: relative; width: 28px; height: 28px; border: 0px none rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: center; flex: 0 0 auto; flex-flow: row; justify-content: flex-start; align-items: center; gap: 4px; overflow: visible; cursor: pointer;"><svg role="presentation" viewBox="0 0 24 24" style="--1m6trwb: 0; --21h8s6: var(--token-3231f815-59bd-4709-9984-27f462c2029e, rgb(255, 255, 255)); --pgex8v: 1; opacity: 1; display: block; position: relative; width: 28px; height: 28px; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: center; flex: 0 0 auto; flex-flow: row; overflow: hidden; cursor: pointer;"><use href="#3855583215" style="display: inline; position: static; width: auto; height: auto; border: 0px none rgb(0, 0, 0); background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: center; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: visible; cursor: pointer;"></use></svg></div></button></div><input type="text" name="website" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="company" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="message" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="subject" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="title" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="description" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="feedback" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="notes" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="details" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="remarks" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""><input type="text" name="comments" tabindex="-1" autocomplete="one-time-code" aria-hidden="true" style="position: absolute; transform: scale(0); display: block; inset: 32px 407.2px 416.4px 32px; width: 160.8px; height: 18.8px; padding: 1px 2px; border: 1.6px inset rgb(118, 118, 118); background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 1 auto; flex-flow: row; opacity: 1; overflow: clip; cursor: text;" data-1p-ignore="true" data-lpignore="true" data-form-type="other" data-bwignore="true" value=""></form></section><div data-framer-name="Overlay" style="background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0.68); opacity: 1; cursor: crosshair; display: block; position: absolute; width: 1480.8px; height: 627.2px; border: 0px none rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: sans-serif; font-size: 12px; font-weight: 400; text-align: start; flex: 0 0 auto; flex-flow: row; z-index: 0; overflow: hidden;"></div></section></section>
create a canvas to display a finalcta component. we want the cta component to be centered and the space around it to be flexible empty.
reproduce this cta component
Created by: LandingHero
