Загрузка...
Простой UI-компонент для создания интерактивных элементов. Используется для улучшения пользовательского опыта.
<!DOCTYPE html>
<!-- Made in Framer · framer.com ✨ -->
<!-- Published Jan 8, 2026, 12:07 PM UTC -->
<html lang="en" data-redirect-timezone="1">
<head>
<meta charset="utf-8" />
<script>
try {
if (localStorage.get("__framer_force_showing_editorbar_since")) {
const n = document.createElement("link");
n.rel = "modulepreload";
n.href = "https://framer.com/edit/init.mjs";
document.head.appendChild(n);
}
} catch (e) {}
</script>
<!-- Start of headStart -->
<!-- End of headStart -->
<meta name="viewport" content="width=device-width" />
<meta name="generator" content="Framer 4deef4f" />
<title>Leverage Money l Web Development Agency</title>
<meta name="description"
content="At Leverage Money, we build high-performance web and software solutions that scale with your business. We help startups and growing brands turn complex ideas into impactful digital experiences." />
<meta name="framer-search-index"
content="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/searchIndex-VmkkbfIw1W2Y.json" />
<meta name="framer-search-index-fallback"
content="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/searchIndex-wd5i9t289TvR.json" />
<meta name="framer-html-plugin" content="disable" />
<link href="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg" rel="icon"
media="(prefers-color-scheme: light)" />
<link href="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg" rel="icon"
media="(prefers-color-scheme: dark)" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Leverage Money l Web Development Agency" />
<meta property="og:description"
content="At Leverage Money, we build high-performance web and software solutions that scale with your business. We help startups and growing brands turn complex ideas into impactful digital experiences." />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Leverage Money l Web Development Agency" />
<meta name="twitter:description"
content="At Leverage Money, we build high-performance web and software solutions that scale with your business. We help startups and growing brands turn complex ideas into impactful digital experiences." />
<style data-framer-font-css>
/* cyrillic-ext */
@font-face {
font-family: "Caveat";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIipYSxP.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: "Caveat";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIGpYSxP.woff2) format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: "Caveat";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIupYSxP.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
/* latin */
@font-face {
font-family: "Caveat";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/caveat/v23/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Geist";
src: url("https://fonts.gstatic.com/s/geist/v4/gyBhhwUxId8gMGYQMKR3pzfaWI_RruM4mJPby1QNtA.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Geist";
src: url("https://fonts.gstatic.com/s/geist/v4/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQ4mJPby1QNtA.woff2");
font-display: swap;
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/VgYFWiwsAC5OYxAycRXXvhze58.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/syRNPWzAMIrcJ3wIlPIP43KjQs.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/GIryZETIX4IFypco5pYZONKhJIo.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/ePuN3mCjzajIHnyCdvKBFiZkyY0.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/V3j1L0o5vPFKe26Sw4HcpXCfHo.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/F3kdpd2N0cToWV5huaZjjgM.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/0iDmxkizU9goZoclqIqsV5rvETU.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/r0mv3NegmA0akcQsNFotG32Las.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/iwWTDc49ENF2tCHbqlNARXw6Ug.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/Ii21jnSJkulBKsHHXKlapi7fv9w.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/DXD0Q7LSl7HEvDzucnyLnGBHM.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/QxmhnWTzLtyjIiZcfaLIJ8EFBXU.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/2A4Xx7CngadFGlVV4xrO06OBHY.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/867QObYax8ANsfX4TGEVU9YiCM.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/DOfvtmE1UplCq161m6Hj8CSQYg.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/vFzuJY0c65av44uhEKB6vyjFMg.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/ia3uin3hQWqDrVloC1zEtYHWw.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/pKRFNWFoZl77qYCAIp84lN1h944.woff2");
font-display: swap;
font-style: italic;
font-weight: 400;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/X5hj6qzcHUYv7h1390c8Rhm6550.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/cugnVhSraaRyANCaUtI5FV17wk.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/5HcVoGak8k5agFJSaKa4floXVu0.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/jn4BtSPLlS0NDp1KiFAtFKiiY0o.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/P2Bw01CtL0b9wqygO0sSVogWbo.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/3ZmXbBKToJifDV9gwcifVd1tEY.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/g0c8vEViiXNlKAgI4Ymmk3Ig.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/5A3Ce6C9YYmCjpQx9M4inSaKU.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/Qx95Xyt0Ka3SGhinnbXIGpEIyP4.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/6mJuEAguuIuMog10gGvH5d3cl8.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/xYYWaj7wCU5zSQH0eXvSaS19wo.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/otTaNuNpVK4RbdlT7zDDdKvQBA.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/UjlFhCnUjxhNfep4oYBPqnEssyo.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/DolVirEGb34pEXEp8t8FQBSK4.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/rZ5DdENNqIdFTIyQQiP5isO7M.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
src: url("https://framerusercontent.com/assets/gcnfba68tfm7qAyrWRCf9r34jg.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/I11LrmuBDQZweplJ62KkVsklU5Y.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/UjFZPDy3qGuDktQM4q9CxhKfIa8.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/8exwVHJy2DhJ4N5prYlVMrEKmQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/UTeedEK21hO5jDxEUldzdScUqpg.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/Ig8B8nzy11hzIWEIYnkg91sofjo.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/n9CXKI3tsmCPeC6MCT9NziShSuQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/qctQFoJqJ9aIbRSIp0AhCQpFxn8.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/EZSFVoaPWKnZ6GuVk5dlS5pk.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/TMYuLEOqLWgunxD5qCFeADEgk.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/EL4v8OG6t2XwHSJLO1YF25DNiDw.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/vSoBOmgqFUd0rVCgogjwL7jQI.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/bIwBTbnyeAOa9wQIBagEdRDHXhE.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/ytuJ1iJd5SddEQ3LTMbeYRRwiE.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/fmXYBApyDC604dR7g2aaACGvCk.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/yHWoQPBZSEiCC3aW3JXtcoFby8o.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/UHqhq621TbUtspKtPKPA1Ne8qY.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/6dsy2CbviAWDcszGLlgyaLpRMk.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/TQqnntSFYYGDv7XtyT3ZhfvDA.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/nE03Xxh2GngsU8hDpg6CRGxqfoM.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/sz8HQr9IEEln6nmUJ8X0dtBwUQ.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/dWFiPjtJpfcxAIDV8RPyuCq04.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/fXvVh2JeZlehNcEhKHpHH0frSl0.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/7pScaNeb6M7n2HF2jKemDqzCIr4.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/qS4UjQYyATcVV9rODk0Zx9KhkY8.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/VfD2n20yM7v0hrUEBHEyafsmMBY.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0370-03FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/4oIO9fB59bn3cKFWz7piCj28z9s.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/TBccIZR9kIpkRce5i9ATfPp7a4.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter Display";
src: url("https://framerusercontent.com/assets/F5Lmfd3fCAu7TwiYbI4DLWw4ks.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/5SZVFDB7V52TI6ULVC6J3WQZQCIZVDV5/ODYPSTCUDMKSTYIPTV4CLQ7URIK7XYBJ/YS3VPNVO4B3TOJMEXDGFZQ4TLZGGSRZC.woff2");
font-display: swap;
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/OYB4CXKJQXKTNSLJMTDQOIVUL2V5EL7S/WYO2P7DQVV5RNXGMCUO2HL4RJP4VFUAS/6XPIMU23OJVRY676OG5YVJMWEHWICATX.woff2");
font-display: swap;
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/A54N3N7J5AY6YOPYJKLHF5VH7G7HSSUN/ERWIWIB434FMFHQFSSBD233EP3C62HOI/TOHQHMLIEIPKVF2JPM6SVKXFYGO5G2TJ.woff2");
font-style: normal;
font-weight: 900;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/FQHNKZEV35SAMFWVFCFSORJXUNHNILL4/X4YCR4COAQTK5XB6JCDDBS7Q33AQWUAE/J7XVDQ2IJENINPUAVBDJNH3VEXVDSPQQ.woff2");
font-style: italic;
font-weight: 900;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/2UC2M25RQ2XRSGCBJRQ2G5SNXCROECQB/QJT3T33NN372363FJY5EO5D63GKDKLDK/IOAFMDAPNX3S6OL2GYQQJ2FFJIRSVB3N.woff2");
font-display: swap;
font-style: italic;
font-weight: 600;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/HBNTRIISA5MEXGL5WPYI7CV2HIWTDV3Q/YDPDINVT673XLXNSTMLG4JNCZZMVVNPN/Y7SCNZJOT2MW5ADSGOFLDGH4TNL4JCQY.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/LVPXCMXCWY3V7PSXRMGRQUJDAS2DT47E/BPEVRT2HG7PPVVUS7A67MZQQZW6LR6A5/A7AS3UPAGLC7MDVC67SBNTE5FGF2Z2RG.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
}
@font-face {
font-family: "Switzer";
src: url("https://framerusercontent.com/third-party-assets/fontshare/wf/QMRBNVYKDJEZ66DA22SPWH5EVVYACHCU/ZHMXHHA546NDNEHJN5RPZX5KISJY5CWF/C6VLICDGQWYKV6YT65TM5G3OVN4AOZBN.woff2");
font-display: swap;
font-style: italic;
font-weight: 500;
}
@font-face {
font-family: "Open Sauce One";
src: url("https://framerusercontent.com/assets/6O7MeaZaWwN4BSaWtVn9SbCmK0U.woff2");
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: "Open Sauce Two";
src: url("https://framerusercontent.com/assets/MuNMZGWeNhX5Gys174fgd0zrnbE.woff2");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Open Sauce One";
src: url("https://framerusercontent.com/assets/VLbJ2l4cAnezt7ivj9U98RLcUdA.woff2");
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: "Geist Placeholder";
src: local("Arial");
ascent-override: 94.47%;
descent-override: 27.73%;
line-gap-override: 0%;
size-adjust: 106.39%;
}
@font-face {
font-family: "Inter Placeholder";
src: local("Arial");
ascent-override: 89.79%;
descent-override: 22.36%;
line-gap-override: 0%;
size-adjust: 107.89%;
}
@font-face {
font-family: "Inter Display Placeholder";
src: local("Arial");
ascent-override: 98.56%;
descent-override: 24.54%;
line-gap-override: 0%;
size-adjust: 98.29%;
}
@font-face {
font-family: "Switzer Placeholder";
src: local("Arial");
ascent-override: 96.67%;
descent-override: 24.66%;
line-gap-override: 8.88%;
size-adjust: 101.38%;
}
</style>
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
<meta name="robots" content="max-image-preview:large" />
<link rel="canonical" href="https://levmoney.framer.website/" />
<meta property="og:url" content="https://levmoney.framer.website/" />
<style data-framer-breakpoint-css>
@media (min-width: 1200px) {
.hidden-72rtr7 {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hidden-dsxqep {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hidden-1d7c730 {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-1slso0x {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-ckwyi4 {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hidden-3fl3zd {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hidden-fi1c1y {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-1x6740i {
display: none !important;
}
}
</style>
<style data-framer-css-ssr-minified
data-framer-components="framer-lib-cursors-host framer-XDeQu framer-zuECL PropertyOverrides framer-JlEGd framer-JcNLK framer-lib-combinedCSSRules framer-TWJfZ framer-Ttw8N framer-oBK23 framer-wFXUK framer-Jgov8 framer-fH6kI framer-TCs1t framer-RVQeQ framer-iTI3D framer-VTL13 framer-1ipic framer-DITGk framer-vp6pd framer-m9RVR framer-wjqoj framer-2L1Kz framer-zkq87 framer-GXShC framer-wXfL4 framer-PqP2y framer-u1Aa3 framer-MzGuX framer-VJ2Tt framer-H1OOH framer-axKcn framer-xkXHr framer-jdh0o framer-7y8Od framer-8p7AG framer-Ce5ll">
html,
body,
#main {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
margin: 0;
}
body,
input,
textarea,
select,
button {
font-family: sans-serif;
font-size: 12px;
}
body {
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f: #fff;
--token-7354084b-2f3d-4256-9942-cf21fcb19d60: #f7f7f7;
--token-bf8bd38a-4575-40c0-9459-6a86668113f1: #fafafa;
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0: #f0f0f0;
--token-e3a90888-763b-420f-bb27-f2520e07d9b1: #dedede;
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3: #b8b8b8;
--token-46244ad7-86a7-41b8-b44b-214d95b54c13: #828282;
--token-994646e0-68ea-49d7-897a-104048558f6f: #545454;
--token-d1fa08ee-c247-459b-aaf3-d2091e9cede1: #2b2b2b;
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2: #000;
--token-2761a9cc-89a9-4a73-a1e8-d6bc764b9f19: #21b30b;
--token-57fe3ceb-1df7-47fb-8460-321e333c8b89: #fdf9f6;
--token-da23cd3b-a4dc-4ad1-beef-18cb41add713: #fff;
--token-6659e3e2-46dc-4c75-8508-8991726c8652: #000;
--token-2a02c435-ca2c-4517-9b77-10b34e5aadfd: #fff0;
--token-b8896b7a-5685-4e33-abc9-187783f9a22f: #05080c;
--token-2116835f-eb87-454b-b6b2-e9e1351f2533: #fff;
--token-035a296d-e601-45ff-83e7-e15bb017890e: #5b5b5b;
--token-447470aa-79cd-4d04-82d8-bad199f82f66: #f5f5f5;
--token-804b6400-c758-4081-b8f1-9ea08e1b0532: #484848;
--token-1a81e06a-05e6-4606-92eb-9080053286ee: #dadadb;
--token-91da7589-1e6a-4a70-8513-3949a661cbba: #aaa9ad;
--token-c1118ca2-b68b-4109-a5a7-cda442fe4c0f: #060612;
--token-0ac79161-3e62-4c56-9251-a6a7b0ea22d3: #00b7ff;
--token-1241b220-a329-43b7-b0ab-6413f8f59f12: #f3f4f6;
--token-ca556add-3f9a-4ac6-8abd-169787698587: #6b7280;
--token-ead7e12c-7340-422a-bcc4-7b1033d0630b: #9ca3af;
}
@media (prefers-color-scheme: dark) {
body {
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f: #fff;
--token-7354084b-2f3d-4256-9942-cf21fcb19d60: #f9fafb;
}
}
@supports (z-index: calc(infinity)) {
#__framer-badge-container {
--infinity: infinity;
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 0;
}
@supports (background: -webkit-named-image(i)) and (not (grid-template-rows: subgrid)) {
body {
--framer-will-change-override: transform;
}
}
@supports (background: -webkit-named-image(i)) and (not (position-area: top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type="Text"] div div span,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span,
[data-framer-component-type="Text"] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)),
900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid) var(--framer-text-decoration, none) var(--framer-text-decoration-color, currentcolor) var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
@supports not (color: color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,
var(--framer-text-stroke-color, initial));
}
mark.framer-text {
background-color: var(--framer-blockquote-text-background-color-rgb,
var(--framer-blockquote-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
background-color: var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))))));
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial))))));
}
}
@supports not (aspect-ratio: 1) {
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"] {
position: relative;
}
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]:before {
content: "";
padding-bottom: calc(100% / calc(var(--aspect-ratio)));
display: block;
}
.framer-text-module[data-width="fill"]> :first-child,
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]> :first-child {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
@supports not (overflow: clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
@supports (background: -webkit-named-image(i)) and (not (contain-intrinsic-size: inherit)) {
div.framer-text,
p.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text,
li.framer-text,
blockquote.framer-text,
.framer-text.framer-image {
display: var(--text-truncation-display-inline-for-safari-16, revert);
}
div.framer-text:after,
p.framer-text:after,
h1.framer-text:after,
h2.framer-text:after,
h3.framer-text:after,
h4.framer-text:after,
h5.framer-text:after,
h6.framer-text:after,
ol.framer-text:after,
ul.framer-text:after,
li.framer-text:after,
blockquote.framer-text:after,
.framer-text.framer-image:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.framer-text.framer-text-module,
.framer-text.framer-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16, revert);
}
p.framer-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16,
inline-block);
}
}
@supports (corner-shape: superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
.framer-cursor-none,
.framer-cursor-none * {
cursor: none !important;
}
.framer-pointer-events-none,
.framer-pointer-events-none * {
pointer-events: none !important;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-XDeQu.framer-im8sr3,
.framer-XDeQu .framer-im8sr3 {
display: block;
}
.framer-XDeQu.framer-ckwyi4 {
--selection-background-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--selection-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
-webkit-tap-highlight-color: #ffffff0d;
background-color: var(--token-d1fa08ee-c247-459b-aaf3-d2091e9cede1,
#2b2b2b);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-XDeQu .framer-xd4t0m {
background-color: var(--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
#fafafa);
pointer-events: none;
z-index: 1;
flex: none;
order: -1000;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: visible;
}
.framer-XDeQu .framer-1f1snu9 {
background: 0 0;
flex-grow: 1;
width: 0;
height: 0;
margin: 0;
position: relative;
}
.framer-XDeQu .framer-x6qzta-container {
bottom: calc(calc(100% - min(var(--framer-viewport-height, 100%), 100%)) + 0px);
height: calc(min(var(--framer-viewport-height, 100%), 100%) * 0.25);
pointer-events: none;
position: var(--framer-canvas-fixed-position, fixed);
z-index: 5;
flex: none;
order: 1002;
width: 100%;
left: 0%;
}
.framer-XDeQu .framer-51tg6g-container {
z-index: 2;
flex: none;
order: 1003;
width: 100%;
height: auto;
position: relative;
}
.framer-XDeQu .framer-17mjsm2 {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#d9d9d9);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 0px;
pointer-events: none;
z-index: 1;
flex: none;
order: 1004;
width: 100%;
max-width: 1080px;
height: 100%;
position: absolute;
top: 0%;
left: calc(50% - min(1080px, 100%) / 2);
overflow: hidden;
}
.framer-XDeQu .framer-hms413-container {
height: auto;
position: var(--framer-canvas-fixed-position, fixed);
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: none;
order: 1005;
top: 0;
left: 0;
right: 0;
}
[data-layout-template="true"]>#overlay {
margin-bottom: 0;
}
.framer-XDeQu[data-selection="true"] * ::selection {
color: var(--selection-color, none);
background-color: var(--selection-background-color, none);
}
.framer-XDeQu [data-selection="true"] * ::selection {
color: var(--selection-color, none);
background-color: var(--selection-background-color, none);
}
.framer-XDeQu[data-border="true"]:after,
.framer-XDeQu [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 767.98px) {
.framer-XDeQu .framer-17mjsm2 {
max-width: 95%;
left: 2.5%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.framer-XDeQu .framer-17mjsm2 {
max-width: 95%;
left: 2.5%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.framer-XDeQu .framer-17mjsm2 {
max-width: 95%;
left: 2.5%;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-zuECL.framer-lux5qc,
.framer-zuECL .framer-lux5qc {
display: block;
}
.framer-zuECL.framer-72rtr7 {
background-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-13kxl6w {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 144px 0 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-10ze9ym {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0 44px 96px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-19eao2h {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-71bu8b-container,
.framer-zuECL .framer-6ciele-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-z7yvk9 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-cxeoh7,
.framer-zuECL .framer-1f2a2vo,
.framer-zuECL .framer-cbxify,
.framer-zuECL .framer-w38u7y,
.framer-zuECL .framer-cqduq6,
.framer-zuECL .framer-16dk7r9,
.framer-zuECL .framer-2802je,
.framer-zuECL .framer-1rtltr6,
.framer-zuECL .framer-12u55v7,
.framer-zuECL .framer-4qtor7,
.framer-zuECL .framer-av5904,
.framer-zuECL .framer-nminyr {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-hogmjb {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 400px;
height: auto;
position: relative;
}
.framer-zuECL .framer-w2n11f {
--border-bottom-width: 1px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 32px 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-8knrt8 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 32px;
width: 1px;
max-width: 100%;
height: min-content;
padding: 0 0 0 44px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-qbsodz {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 24px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-152l3mw-container,
.framer-zuECL .framer-o60bdu-container,
.framer-zuECL .framer-v6k9gp-container,
.framer-zuECL .framer-5w1n5r-container,
.framer-zuECL .framer-iwcuqy-container {
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-zuECL .framer-n52bgx {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-vltq38 {
background-color: var(--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
#fafafa);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 48px;
width: 100%;
height: min-content;
padding: 128px 0;
scroll-margin-top: 56px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-4gugwl,
.framer-zuECL .framer-1asmloc,
.framer-zuECL .framer-1mnuu41 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0 44px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1pfrkno {
mix-blend-mode: exclusion;
z-index: 3;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-mplf9h,
.framer-zuECL .framer-89on8u,
.framer-zuECL .framer-74ubc6 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-zuECL .framer-19y3y9x {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-2o9ve0,
.framer-zuECL .framer-4h54b4 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-nf8if8,
.framer-zuECL .framer-9xrltp,
.framer-zuECL .framer-dg8crp,
.framer-zuECL .framer-8pn4m5 {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
}
.framer-zuECL .framer-y87dwv-container {
z-index: 3;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-12r7e94-container,
.framer-zuECL .framer-nfi39f-container,
.framer-zuECL .framer-xow5tm-container,
.framer-zuECL .framer-lksro3-container,
.framer-zuECL .framer-izzfl1-container,
.framer-zuECL .framer-rqdd22-container,
.framer-zuECL .framer-fdhuko-container,
.framer-zuECL .framer-gy40zr-container,
.framer-zuECL .framer-wedyf6-container,
.framer-zuECL .framer-1exq8gv-container {
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-317lc2-container {
z-index: 1;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-1py8tw5-container {
z-index: 2;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-ssa3mc-container,
.framer-zuECL .framer-fdlbu2-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-1tcd00y,
.framer-zuECL .framer-1juxwjo {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 1200px;
height: min-content;
padding: 96px 0;
scroll-margin-top: 56px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1a519uv,
.framer-zuECL .framer-wwqkfl {
flex: none;
gap: 64px;
width: 352px;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-vgc960,
.framer-zuECL .framer-zc38qr {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
place-self: start;
width: 365px;
height: auto;
position: relative;
}
.framer-zuECL .framer-jvqe10,
.framer-zuECL .framer-1w454d7 {
flex-flow: column;
flex: none;
place-content: flex-start center;
place-self: start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-16k637n,
.framer-zuECL .framer-kg5a2o {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 245px;
height: min-content;
padding: 0 44px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-onej09,
.framer-zuECL .framer-mzy2ii {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 26px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1r9zl92-container,
.framer-zuECL .framer-1rcmkml-container,
.framer-zuECL .framer-vqoevg-container,
.framer-zuECL .framer-1n8t1x5-container,
.framer-zuECL .framer-1a1yqzx-container,
.framer-zuECL .framer-7pgquf-container,
.framer-zuECL .framer-14p0sja-container,
.framer-zuECL .framer-l5iyen-container,
.framer-zuECL .framer-hqh2iw-container,
.framer-zuECL .framer-dzhb9s-container,
.framer-zuECL .framer-akxg5a-container,
.framer-zuECL .framer-1kmbhtl-container,
.framer-zuECL .framer-14fedim-container,
.framer-zuECL .framer-1tne96i-container,
.framer-zuECL .framer-1uq8uo9-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-1es27m9,
.framer-zuECL .framer-1i09owy,
.framer-zuECL .framer-71yh8x,
.framer-zuECL .framer-1bomcw,
.framer-zuECL .framer-1s2mu5g,
.framer-zuECL .framer-qbettu,
.framer-zuECL .framer-yvqf2e,
.framer-zuECL .framer-2dqf3e,
.framer-zuECL .framer-12ed5ig {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-1hoysp,
.framer-zuECL .framer-hcoovz,
.framer-zuECL .framer-14mcmwc {
flex-flow: wrap;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-12nijp1-container,
.framer-zuECL .framer-2vc21q-container,
.framer-zuECL .framer-19xfy18-container {
z-index: 7;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-n0mdr4-container,
.framer-zuECL .framer-9z1jyd-container,
.framer-zuECL .framer-1fx4wy3-container {
z-index: 3;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-xxen7d-container,
.framer-zuECL .framer-13s5fkb-container,
.framer-zuECL .framer-umfs3l-container {
z-index: 2;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-1avmfdj-container,
.framer-zuECL .framer-12xo4mb-container,
.framer-zuECL .framer-bn7w8r-container {
z-index: 5;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-im0k0f-container,
.framer-zuECL .framer-18ajuhd-container,
.framer-zuECL .framer-1thwm5j-container {
z-index: 4;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-1w972xw,
.framer-zuECL .framer-1xogd18 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0 44px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-s4xw1u {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 109%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-noqp11-container,
.framer-zuECL .framer-isayq6-container,
.framer-zuECL .framer-1idcte9-container,
.framer-zuECL .framer-1hh7u1x-container {
flex: none;
width: 370px;
height: 540px;
position: relative;
}
.framer-zuECL .framer-1k0qr8s {
z-index: 1;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 2px;
left: 913px;
overflow: visible;
}
.framer-zuECL .framer-1saus0w {
-webkit-user-select: none;
user-select: none;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
pointer-events: none;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
padding: 0;
display: flex;
position: relative;
}
.framer-zuECL .framer-1f6c57y {
filter: brightness(0) hue-rotate();
height: 53px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 50px;
position: relative;
}
.framer-zuECL .framer-sllsq9 {
flex-flow: column;
flex: 1.5 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-wbybm3 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-hwmra2-container {
z-index: 6;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-12tqy98 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 48px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-ti4fmg {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 53px 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-rxatli {
border-radius: 12px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0 44px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-u6bdyx {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-bjgrlx {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1kbpbm9 {
flex: none;
grid-template-rows: repeat(1, min-content);
grid-template-columns: repeat(3, minmax(50px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-zww3mc {
flex: none;
grid-column: span 2;
grid-template-rows: repeat(1, min-content);
grid-template-columns: repeat(1, minmax(50px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
place-self: start;
gap: 10px;
width: 100%;
height: 100%;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1jr4fvo,
.framer-zuECL .framer-njuwt7 {
flex: none;
grid-template-rows: repeat(1, min-content);
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
place-self: start;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-124vqx6 {
--border-bottom-width: 1px;
--border-color: #222;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-447470aa-79cd-4d04-82d8-bad199f82f66,
#f5f5f5);
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start space-between;
place-self: start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1mx6ug9 {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 2.22156;
height: var(--framer-aspect-ratio-supported, 149px);
mix-blend-mode: luminosity;
will-change: var(--framer-will-change-filter-override, filter);
z-index: 0;
flex: none;
width: 102%;
position: absolute;
bottom: -50px;
left: 50%;
overflow: hidden;
transform: translate(-50%);
}
.framer-zuECL .framer-1lyunen {
flex-flow: column;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 60%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-bm2mfn {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 6px;
width: 100%;
height: min-content;
padding: 0 0 50px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1m9pw0h,
.framer-zuECL .framer-f5pmz0,
.framer-zuECL .framer-u3t8s9 {
background-color: var(--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
#fff);
box-shadow: 0px 18px 34px 0px var(--token-66a83fba-fa10-42aa-9061-e38e1b7cf6d8, #0000000d);
border-radius: 999px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 5px;
width: min-content;
height: min-content;
padding: 10px 18px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-126i0zf,
.framer-zuECL .framer-hoillo,
.framer-zuECL .framer-gkjazu {
--1m6trwb: 1;
--21h8s6: var(--token-6659e3e2-46dc-4c75-8508-8991726c8652, #000);
--pgex8v: 1.9;
height: var(--framer-aspect-ratio-supported, 25px);
flex: none;
width: 25px;
position: relative;
}
.framer-zuECL .framer-16d37nl {
--border-bottom-width: 1px;
--border-color: #222;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-447470aa-79cd-4d04-82d8-bad199f82f66,
#f5f5f5);
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: center space-between;
place-self: start;
align-items: center;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-13mmct1 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 21px;
width: 100%;
height: min-content;
padding: 0 0 50px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-xtirwt {
z-index: 2;
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
min-height: 38px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1p6h59t {
-webkit-user-select: none;
user-select: none;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
height: 1px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 30px;
right: 30px;
overflow: visible;
}
.framer-zuECL .framer-f8k2ho {
--border-bottom-width: 1px;
--border-color: #000;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start space-between;
place-self: start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-b5pwjv {
flex-flow: column;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 0 0 120px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-gwzsop {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 6px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1c84lil {
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0 30px;
display: flex;
position: absolute;
bottom: 30px;
left: 50%;
overflow: visible;
transform: translate(-50%);
}
.framer-zuECL .framer-1qya3gm {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 75%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1d9hxo6,
.framer-zuECL .framer-18l4a5 {
aspect-ratio: 1;
background-color: var(--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
#05080c);
height: var(--framer-aspect-ratio-supported, 44px);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 50%;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 44px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1b603hz,
.framer-zuECL .framer-1pm3509,
.framer-zuECL .framer-f6w2hx,
.framer-zuECL .framer-eha8s6,
.framer-zuECL .framer-fy18k6,
.framer-zuECL .framer-1ylocf1 {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 24px;
height: 24px;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-19y69oj {
aspect-ratio: 1;
background-color: var(--token-1a81e06a-05e6-4606-92eb-9080053286ee,
#dadadb);
height: var(--framer-aspect-ratio-supported, 44px);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 50%;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 44px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-nr5pzn {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1twl1ht,
.framer-zuECL .framer-vm342h {
aspect-ratio: 1;
background-color: var(--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
#05080c);
height: var(--framer-aspect-ratio-supported, 44px);
will-change: var(--framer-will-change-override, transform);
border-radius: 50%;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 44px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1ffg0w3,
.framer-zuECL .framer-u5zsat {
aspect-ratio: 1;
background-color: var(--token-1a81e06a-05e6-4606-92eb-9080053286ee,
#dadadb);
height: var(--framer-aspect-ratio-supported, 44px);
will-change: var(--framer-will-change-override, transform);
border-radius: 50%;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 44px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1fed9lm {
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start center;
place-self: start;
align-items: flex-start;
gap: 6px 40px;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1ncnhf4 {
--border-bottom-width: 1px;
--border-color: #222;
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background: linear-gradient(180deg,
#5454541a 0%,
var(--token-b8896b7a-5685-4e33-abc9-187783f9a22f, #05080c) 100%);
flex: none;
width: 102%;
height: 102%;
position: absolute;
top: -1.24482%;
left: -1.63265%;
overflow: hidden;
}
.framer-zuECL .framer-1mzi40b {
will-change: var(--framer-will-change-override, transform);
background-color: #000;
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start space-between;
place-self: start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-ntj2xv {
filter: blur(100px);
-webkit-user-select: none;
user-select: none;
background-color: var(--token-91da7589-1e6a-4a70-8513-3949a661cbba,
#aaa9ad);
opacity: 0.6;
will-change: var(--framer-will-change-override, transform);
z-index: 0;
border-radius: 50%;
flex: none;
width: 350px;
height: 80px;
position: absolute;
top: -40px;
right: -40px;
overflow: hidden;
}
.framer-zuECL .framer-68qyzf {
-webkit-user-select: none;
user-select: none;
opacity: 0.5;
will-change: var(--framer-will-change-filter-override, filter);
z-index: 0;
flex: none;
width: 450px;
height: 530px;
position: absolute;
bottom: -200px;
right: -130px;
overflow: hidden;
}
.framer-zuECL .framer-1yd48s6 {
filter: blur(100px);
-webkit-user-select: none;
user-select: none;
background-color: var(--token-91da7589-1e6a-4a70-8513-3949a661cbba,
#aaa9ad);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
border-radius: 50%;
flex: none;
width: 90px;
height: 200px;
position: absolute;
bottom: -40px;
left: -40px;
overflow: hidden;
}
.framer-zuECL .framer-1hnuu4l {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 0 0 30px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1c56np3 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: 214px;
padding: 0 0 10px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1vqpt9b {
height: 100%;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
border-radius: 8px;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 1px;
width: 100%;
padding: 20px;
display: flex;
position: relative;
}
.framer-zuECL .framer-9e6v95 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.framer-zuECL .framer-1gghw24 {
cursor: ns-resize;
height: 180px;
overflow: var(--overflow-clip-fallback, clip);
background-color: #000;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.framer-zuECL .framer-1jeezrt,
.framer-zuECL .framer-z56f01,
.framer-zuECL .framer-nj505k,
.framer-zuECL .framer-usqvpq,
.framer-zuECL .framer-j4y9ud,
.framer-zuECL .framer-v287zy,
.framer-zuECL .framer-1oq4nuw,
.framer-zuECL .framer-rsgiza {
--border-bottom-width: 1px;
--border-color: #fff;
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: dashed;
--border-top-width: 0px;
height: 1px;
overflow: var(--overflow-clip-fallback, clip);
flex: none;
width: 100%;
position: relative;
}
.framer-zuECL .framer-1857gj6 {
-webkit-user-select: none;
user-select: none;
background: linear-gradient(90deg,
#000 15%,
var(--token-2a02c435-ca2c-4517-9b77-10b34e5aadfd, #fff0) 32.5307%,
var(--token-2a02c435-ca2c-4517-9b77-10b34e5aadfd, #fff0) 50%,
var(--token-2a02c435-ca2c-4517-9b77-10b34e5aadfd, #fff0) 67.4185%,
#000 85%);
overflow: var(--overflow-clip-fallback, clip);
pointer-events: none;
z-index: 1;
flex: none;
position: absolute;
inset: -30px;
}
.framer-zuECL .framer-x2ljd2 {
-webkit-user-select: none;
user-select: none;
background: linear-gradient(180deg,
#000 20%,
var(--token-2a02c435-ca2c-4517-9b77-10b34e5aadfd, #fff0) 59%,
#000 80%);
overflow: var(--overflow-clip-fallback, clip);
pointer-events: none;
z-index: 1;
flex: none;
position: absolute;
inset: -30px;
}
.framer-zuECL .framer-s2slqo {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-eyl88v {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-c6ugx {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 128px 0;
scroll-margin-top: 56px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1p0hccf {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-mufc8w {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 0.5 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-zuECL .framer-1xjfi4 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 96px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-v867co {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-rqpdfg {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 64px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-ghzifb {
background-color: var(--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
#f0f0f0);
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 6px;
width: 100%;
height: min-content;
padding: 6px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-86rud8 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 6px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-8f09nh {
background-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
border-radius: 12px;
flex-flow: column;
flex: 1 0 0;
place-content: flex-start flex-end;
align-self: stretch;
align-items: flex-start;
gap: 24px;
width: 1px;
height: auto;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0.597144px 0.597144px -0.9375px #00000012,
0 1.81088px 1.81088px -1.875px #00000012,
0 4.78699px 4.78699px -2.8125px #0000000f,
0 15px 15px -3.75px #00000008;
}
.framer-zuECL .framer-1hovndn {
--border-bottom-width: 1px;
--border-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, #000);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
box-shadow: inset 0px 2px 4px 0px #fff6,
0px 0.740973px 0.740973px -0.75px #00000054,
0px 2.01787px 2.01787px -1.5px #00000052,
0px 4.43051px 4.43051px -2.25px #0000004d,
0px 9.83471px 9.83471px -3px #00000040,
0px 25px 25px -3.75px #0000001c,
0px 0px 0px 1px var(--token-46244ad7-86a7-41b8-b44b-214d95b54c13, #828282);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: 96%;
max-width: 400px;
height: 56%;
padding: 24px;
display: flex;
position: absolute;
top: -7.0922%;
left: calc(44.0299% - min(400px, 96.0199%) / 2);
overflow: hidden;
}
.framer-zuECL .framer-1fh3ki5 {
z-index: 1;
flex-flow: column;
flex: 1 0 0;
place-content: flex-start space-between;
align-items: flex-start;
width: 1px;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1ygt1mr-container,
.framer-zuECL .framer-vw0rly-container,
.framer-zuECL .framer-x6si3j-container {
flex: none;
width: auto;
height: 30px;
position: relative;
}
.framer-zuECL .framer-1bbxw4z {
--framer-paragraph-spacing: 0px;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 275px;
height: auto;
position: relative;
}
.framer-zuECL .framer-yd00ez {
filter: grayscale() invert();
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 208px);
flex: none;
width: 208px;
position: absolute;
bottom: 16px;
right: -16px;
overflow: visible;
-webkit-mask: linear-gradient(10deg, #0000 0%, #000 97.7478%);
mask: linear-gradient(10deg, #0000 0%, #000 97.7478%);
}
.framer-zuECL .framer-75yqig,
.framer-zuECL .framer-rcb206 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1594z1t,
.framer-zuECL .framer-uxb9pb,
.framer-zuECL .framer-teslpm {
--framer-paragraph-spacing: 0px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-zuECL .framer-2dppxa {
background-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
border-radius: 12px;
flex-flow: column;
flex: 1.5 0 0;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 32px;
width: 1px;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0.597144px 0.597144px -0.9375px #00000012,
0 1.81088px 1.81088px -1.875px #00000012,
0 4.78699px 4.78699px -2.8125px #0000000f,
0 15px 15px -3.75px #00000008;
}
.framer-zuECL .framer-1b49y81 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1p3a9ac {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 400px;
height: auto;
position: relative;
}
.framer-zuECL .framer-877er8 {
background-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#d1d5db);
flex: none;
width: 100%;
height: 1px;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-7t2rr2 {
flex: none;
grid-template-rows: repeat(1, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-6xb31c {
flex: none;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
place-self: start;
gap: 16px;
width: 508px;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-7mre9j-container,
.framer-zuECL .framer-o0kpd4-container,
.framer-zuECL .framer-1c92pho-container,
.framer-zuECL .framer-1cgekrk-container,
.framer-zuECL .framer-xy6dc7-container,
.framer-zuECL .framer-1nr1ilj-container,
.framer-zuECL .framer-1vlsvby-container,
.framer-zuECL .framer-1yh880j-container,
.framer-zuECL .framer-8ivibu-container,
.framer-zuECL .framer-26t9kr-container,
.framer-zuECL .framer-3iv41n-container,
.framer-zuECL .framer-1ervhdm-container,
.framer-zuECL .framer-1vbnfno-container,
.framer-zuECL .framer-bs4zmq-container,
.framer-zuECL .framer-8qskl7-container,
.framer-zuECL .framer-1a2oeur-container,
.framer-zuECL .framer-e87piz-container {
flex: none;
place-self: start;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-156geoq {
flex: none;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-14a6uqx {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1i5fmbs-container,
.framer-zuECL .framer-1ixwz5h-container,
.framer-zuECL .framer-mhxo2o-container {
flex: none;
width: auto;
height: 44px;
position: relative;
}
.framer-zuECL .framer-cc1cf3,
.framer-zuECL .framer-13qfdot,
.framer-zuECL .framer-12vvhp6 {
flex: none;
width: 61px;
height: 13px;
position: relative;
}
.framer-zuECL .framer-1jh4hq2 {
--border-bottom-width: 1px;
--border-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, #000);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
box-shadow: inset 0px 2px 4px 0px #fff6,
0px 0.740973px 0.740973px -0.75px #00000054,
0px 2.01787px 2.01787px -1.5px #00000052,
0px 4.43051px 4.43051px -2.25px #0000004d,
0px 9.83471px 9.83471px -3px #00000040,
0px 25px 25px -3.75px #0000001c,
0px 0px 0px 1px var(--token-46244ad7-86a7-41b8-b44b-214d95b54c13, #828282);
border-radius: 12px;
flex-flow: column;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1oft12 {
flex-flow: column;
flex: none;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-scofad {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1dg62lo {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-y6cc5r {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
max-width: 400px;
height: auto;
position: relative;
}
.framer-zuECL .framer-1y7xicl {
flex: 1 0 0;
grid-template-rows: repeat(1, minmax(0, 1fr));
grid-template-columns: repeat(1, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 16px;
width: 1px;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-s7f198 {
flex: none;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
place-self: start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1l6suvf {
flex: 1 0 0;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 16px;
width: 1px;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: hidden;
}
.framer-zuECL.framer-uc2u98,
.framer-zuECL.framer-1xc9njc {
-webkit-user-select: none;
user-select: none;
z-index: 10;
background-color: #fffc;
position: fixed;
inset: 0;
}
.framer-zuECL.framer-ygt92l,
.framer-zuECL.framer-ir51bv {
pointer-events: none;
z-index: 10;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
max-width: 540px;
height: 100%;
padding: 0;
display: flex;
position: fixed;
top: 0%;
left: calc(50% - min(540px, 100%) / 2);
overflow: visible;
}
.framer-zuECL .framer-7oxbcb,
.framer-zuECL .framer-1cmjg8u {
pointer-events: none;
border-radius: 16px;
flex-flow: row;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 1px;
height: min-content;
max-height: 90%;
padding: 0;
display: flex;
position: relative;
overflow: auto;
}
.framer-zuECL .framer-1aqqbvi-container,
.framer-zuECL .framer-120g1p6-container {
pointer-events: auto;
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-zuECL .framer-a7lcli {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 20px;
width: 100%;
height: min-content;
padding: 32px 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-8e5163 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 32px;
width: 1px;
max-width: 1080px;
height: min-content;
padding: 0 0 0 44px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-mabkjr {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 100%;
height: min-content;
padding: 128px 0;
scroll-margin-top: 56px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-7zs1j1 {
flex-flow: row;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 1px;
max-width: 1080px;
height: min-content;
padding: 0 44px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-3cn029 {
z-index: 1;
flex-flow: column;
flex: 1.5 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 64px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-ysoez0 {
--border-bottom-width: 1px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
z-index: 1;
border-radius: 16px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 32px;
width: 1px;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0.597144px 0.597144px -0.9375px #00000012,
0 1.81088px 1.81088px -1.875px #00000012,
0 4.78699px 4.78699px -2.8125px #0000000f,
0 15px 15px -3.75px #00000008;
}
.framer-zuECL .framer-1yrv4p2 {
z-index: 2;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-1upenlf-container {
flex: none;
width: 64px;
height: 64px;
position: relative;
}
.framer-zuECL .framer-19dgrlv {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-zuECL .framer-uc26ke {
--framer-paragraph-spacing: 0px;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-10o5x30 {
z-index: 2;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 18px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1msxve8 {
--border-bottom-width: 0px;
--border-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
width: 100%;
height: min-content;
padding: 70px 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-g7hgfg {
flex-flow: row;
flex: none;
place-content: flex-end center;
align-items: flex-end;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-uvcvyr {
flex: none;
grid-template-columns: repeat(3, minmax(50px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 12px;
width: 100%;
max-width: 1080px;
height: min-content;
padding: 0;
display: grid;
position: relative;
}
.framer-zuECL .framer-1ite944 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 1080px;
max-width: 1080px;
height: min-content;
padding: 63px 40px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-htrztc {
background-color: var(--token-6659e3e2-46dc-4c75-8508-8991726c8652,
#000);
z-index: 1;
border-radius: 12px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 48px;
width: 1px;
height: min-content;
padding: 64px 32px;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1l80qnx {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 18px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1mau1iz {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-zuECL .framer-2pm63c {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 18px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zuECL .framer-1vc90vi {
filter: grayscale() invert();
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 276px);
flex: none;
width: 276px;
position: absolute;
top: 55%;
left: 719px;
overflow: visible;
transform: translateY(-50%);
-webkit-mask: linear-gradient(10deg, #0000 0%, #000 97.7478%);
mask: linear-gradient(10deg, #0000 0%, #000 97.7478%);
}
.framer-zuECL .framer-enu5u9-container {
z-index: 9;
flex: none;
width: auto;
height: auto;
position: fixed;
bottom: 12px;
left: 50%;
transform: translate(-50%);
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 68px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 62px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 42px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-sYuy1 .framer-styles-preset-4xe5jg:not(.rich-text-wrapper),
.framer-sYuy1 .framer-styles-preset-4xe5jg.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 64px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-sYuy1 .framer-styles-preset-4xe5jg:not(.rich-text-wrapper),
.framer-sYuy1 .framer-styles-preset-4xe5jg.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 54px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-sYuy1 .framer-styles-preset-4xe5jg:not(.rich-text-wrapper),
.framer-sYuy1 .framer-styles-preset-4xe5jg.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 46px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-sYuy1 .framer-styles-preset-4xe5jg:not(.rich-text-wrapper),
.framer-sYuy1 .framer-styles-preset-4xe5jg.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 36px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-QHzqK .framer-styles-preset-1mf0t1b:not(.rich-text-wrapper),
.framer-QHzqK .framer-styles-preset-1mf0t1b.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "calt" off, "ss03" on;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
--framer-text-wrap: balance;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-QHzqK .framer-styles-preset-1mf0t1b:not(.rich-text-wrapper),
.framer-QHzqK .framer-styles-preset-1mf0t1b.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "calt" off, "ss03" on;
--framer-font-size: 26px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
--framer-text-wrap: balance;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-QHzqK .framer-styles-preset-1mf0t1b:not(.rich-text-wrapper),
.framer-QHzqK .framer-styles-preset-1mf0t1b.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "calt" off, "ss03" on;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
--framer-text-wrap: balance;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-QHzqK .framer-styles-preset-1mf0t1b:not(.rich-text-wrapper),
.framer-QHzqK .framer-styles-preset-1mf0t1b.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "calt" off, "ss03" on;
--framer-font-size: 22px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
--framer-text-wrap: balance;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-lNvGZ .framer-styles-preset-1nbpq7r:not(.rich-text-wrapper),
.framer-lNvGZ .framer-styles-preset-1nbpq7r.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-lNvGZ .framer-styles-preset-1nbpq7r:not(.rich-text-wrapper),
.framer-lNvGZ .framer-styles-preset-1nbpq7r.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 30px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-lNvGZ .framer-styles-preset-1nbpq7r:not(.rich-text-wrapper),
.framer-lNvGZ .framer-styles-preset-1nbpq7r.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-lNvGZ .framer-styles-preset-1nbpq7r:not(.rich-text-wrapper),
.framer-lNvGZ .framer-styles-preset-1nbpq7r.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 26px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-zuECL[data-border="true"]:after,
.framer-zuECL [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.framer-zuECL[data-hide-scrollbars="true"]::-webkit-scrollbar {
width: 0;
height: 0;
}
.framer-zuECL [data-hide-scrollbars="true"]::-webkit-scrollbar {
width: 0;
height: 0;
}
.framer-zuECL[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
background: 0 0;
}
.framer-zuECL [data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
background: 0 0;
}
.framer-zuECL[data-hide-scrollbars="true"],
.framer-zuECL [data-hide-scrollbars="true"] {
scrollbar-width: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.framer-zuECL.framer-72rtr7 {
width: 992px;
}
.framer-zuECL .framer-19eao2h {
gap: 16px;
}
.framer-zuECL .framer-8knrt8,
.framer-zuECL .framer-8e5163 {
padding: 0 44px;
}
.framer-zuECL .framer-vltq38 {
padding: 0;
}
.framer-zuECL .framer-1tcd00y,
.framer-zuECL .framer-1juxwjo {
width: 99%;
height: 682px;
}
.framer-zuECL .framer-1kbpbm9 {
grid-template-columns: repeat(1, minmax(50px, 1fr));
}
.framer-zuECL .framer-zww3mc {
grid-column: span 1;
}
.framer-zuECL .framer-1mx6ug9 {
height: var(--framer-aspect-ratio-supported, 205px);
}
.framer-zuECL .framer-1c56np3 {
height: min-content;
}
.framer-zuECL .framer-1gghw24 {
background-color: unset;
}
.framer-zuECL .framer-x2ljd2 {
background: unset;
bottom: unset;
height: 100%;
left: -2px;
right: unset;
width: 100%;
top: -3px;
}
.framer-zuECL .framer-c6ugx {
padding: 91px 0;
}
.framer-zuECL .framer-mabkjr {
padding: 73px 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.framer-zuECL.framer-72rtr7 {
width: 768px;
}
.framer-zuECL .framer-hogmjb {
max-width: 350px;
}
.framer-zuECL .framer-8knrt8,
.framer-zuECL .framer-8e5163 {
padding: 0 44px;
}
.framer-zuECL .framer-1tcd00y,
.framer-zuECL .framer-1juxwjo {
width: 100%;
}
.framer-zuECL .framer-ti4fmg,
.framer-zuECL .framer-v867co {
gap: 48px;
}
.framer-zuECL .framer-cbxify {
order: 0;
}
.framer-zuECL .framer-u6bdyx {
order: 1;
gap: 48px;
}
.framer-zuECL .framer-1kbpbm9 {
grid-template-columns: repeat(1, minmax(50px, 1fr));
}
.framer-zuECL .framer-zww3mc {
grid-column: span 1;
}
.framer-zuECL .framer-1mx6ug9 {
height: var(--framer-aspect-ratio-supported, 90px);
}
.framer-zuECL .framer-1d9hxo6,
.framer-zuECL .framer-18l4a5,
.framer-zuECL .framer-1twl1ht,
.framer-zuECL .framer-1ffg0w3,
.framer-zuECL .framer-u5zsat {
height: var(--framer-aspect-ratio-supported, 38px);
}
.framer-zuECL .framer-1c56np3 {
height: min-content;
}
.framer-zuECL .framer-1p0hccf {
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}
.framer-zuECL .framer-89on8u,
.framer-zuECL .framer-3cn029,
.framer-zuECL .framer-ysoez0 {
flex: none;
width: 100%;
}
.framer-zuECL .framer-mufc8w {
flex: none;
width: 50%;
}
.framer-zuECL .framer-8f09nh,
.framer-zuECL .framer-2dppxa,
.framer-zuECL .framer-1jh4hq2 {
padding: 24px;
}
.framer-zuECL .framer-6xb31c {
width: 334px;
}
.framer-zuECL .framer-1oft12 {
align-content: flex-start;
align-items: flex-start;
}
.framer-zuECL .framer-1dg62lo {
align-content: unset;
align-items: unset;
grid-template-rows: repeat(2, min-content);
grid-template-columns: repeat(2, minmax(50px, 1fr));
grid-auto-rows: min-content;
display: grid;
}
.framer-zuECL .framer-y6cc5r,
.framer-zuECL .framer-1y7xicl {
flex: none;
place-self: start;
width: 100%;
}
.framer-zuECL .framer-1tne96i-container {
place-self: start;
width: 100%;
}
.framer-zuECL .framer-7zs1j1 {
flex-direction: column;
}
.framer-zuECL .framer-12ed5ig {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 100%;
}
.framer-zuECL .framer-1yrv4p2 {
align-content: center;
align-items: center;
}
.framer-zuECL .framer-nminyr {
max-width: 300px;
}
.framer-zuECL .framer-10o5x30 {
flex-direction: column;
justify-content: center;
}
.framer-zuECL .framer-1msxve8 {
justify-content: flex-start;
overflow: auto;
}
.framer-zuECL .framer-uvcvyr {
grid-template-columns: repeat(2, minmax(50px, 1fr));
}
}
@media (max-width: 767.98px) {
.framer-zuECL.framer-72rtr7 {
width: 390px;
}
.framer-zuECL .framer-13kxl6w {
align-content: flex-start;
align-items: flex-start;
padding: 128px 0 0;
}
.framer-zuECL .framer-10ze9ym {
padding: 0 22px 48px;
}
.framer-zuECL .framer-hogmjb,
.framer-zuECL .framer-nminyr {
--framer-text-wrap-override: balance;
}
.framer-zuECL .framer-8knrt8 {
max-width: unset;
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
padding: 0 22px;
}
.framer-zuECL .framer-qbsodz,
.framer-zuECL .framer-nf8if8,
.framer-zuECL .framer-9xrltp,
.framer-zuECL .framer-dg8crp,
.framer-zuECL .framer-8pn4m5,
.framer-zuECL .framer-89on8u,
.framer-zuECL .framer-mufc8w,
.framer-zuECL .framer-y6cc5r,
.framer-zuECL .framer-iwcuqy-container,
.framer-zuECL .framer-74ubc6 {
flex: none;
width: 100%;
}
.framer-zuECL .framer-vltq38,
.framer-zuECL .framer-mabkjr {
padding: 48px 0;
}
.framer-zuECL .framer-4gugwl,
.framer-zuECL .framer-rxatli,
.framer-zuECL .framer-1asmloc,
.framer-zuECL .framer-1mnuu41 {
gap: 48px;
padding: 0 22px;
}
.framer-zuECL .framer-2o9ve0,
.framer-zuECL .framer-4h54b4,
.framer-zuECL .framer-1p0hccf,
.framer-zuECL .framer-86rud8,
.framer-zuECL .framer-g7hgfg {
flex-direction: column;
}
.framer-zuECL .framer-1tcd00y,
.framer-zuECL .framer-1juxwjo {
width: 100%;
padding: 90px 0;
}
.framer-zuECL .framer-ti4fmg,
.framer-zuECL .framer-c6ugx {
gap: 48px;
padding: 48px 0;
}
.framer-zuECL .framer-cbxify {
order: 0;
}
.framer-zuECL .framer-u6bdyx {
flex-direction: column;
order: 1;
gap: 32px;
}
.framer-zuECL .framer-bjgrlx {
flex: none;
order: 0;
align-content: center;
align-items: center;
gap: 32px;
width: 100%;
}
.framer-zuECL .framer-1kbpbm9,
.framer-zuECL .framer-1jr4fvo,
.framer-zuECL .framer-njuwt7 {
grid-template-columns: repeat(1, minmax(50px, 1fr));
}
.framer-zuECL .framer-zww3mc {
grid-column: span 1;
}
.framer-zuECL .framer-124vqx6 {
border-radius: 10px;
justify-content: flex-start;
gap: 6px 40px;
height: min-content;
padding: 24px;
}
.framer-zuECL .framer-1mx6ug9 {
height: var(--framer-aspect-ratio-supported, 90px);
}
.framer-zuECL .framer-1lyunen {
justify-content: center;
gap: 0;
height: min-content;
}
.framer-zuECL .framer-bm2mfn,
.framer-zuECL .framer-13mmct1 {
padding: 0 0 24px;
}
.framer-zuECL .framer-16d37nl {
aspect-ratio: 1.23077;
background-color: unset;
height: var(--framer-aspect-ratio-supported, 163px);
border-radius: 10px;
padding: 24px;
}
.framer-zuECL .framer-f8k2ho,
.framer-zuECL .framer-1mzi40b {
border-radius: 10px;
justify-content: center;
gap: 0;
height: min-content;
padding: 24px;
}
.framer-zuECL .framer-b5pwjv {
justify-content: center;
gap: 20px;
height: min-content;
}
.framer-zuECL .framer-1c84lil {
bottom: 24px;
left: 50%;
}
.framer-zuECL .framer-1qya3gm,
.framer-zuECL .framer-nr5pzn {
justify-content: center;
gap: 20px;
}
.framer-zuECL .framer-1d9hxo6,
.framer-zuECL .framer-18l4a5,
.framer-zuECL .framer-1twl1ht,
.framer-zuECL .framer-1ffg0w3,
.framer-zuECL .framer-u5zsat {
height: var(--framer-aspect-ratio-supported, 38px);
}
.framer-zuECL .framer-1fed9lm {
border-radius: 10px;
height: 160px;
padding: 24px;
}
.framer-zuECL .framer-68qyzf {
aspect-ratio: 0.849057;
bottom: unset;
height: var(--framer-aspect-ratio-supported, 236px);
width: 60%;
top: 200px;
right: -80px;
}
.framer-zuECL .framer-1gghw24 {
background-color: #0d0c0c;
}
.framer-zuECL .framer-1xjfi4 {
gap: 48px;
}
.framer-zuECL .framer-v867co {
flex-direction: column;
gap: 48px;
}
.framer-zuECL .framer-rqpdfg {
align-content: unset;
align-items: unset;
flex: none;
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(1, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
width: 100%;
display: grid;
}
.framer-zuECL .framer-o60bdu-container,
.framer-zuECL .framer-v6k9gp-container,
.framer-zuECL .framer-5w1n5r-container {
flex: none;
place-self: start;
width: 100%;
height: 100%;
}
.framer-zuECL .framer-ghzifb,
.framer-zuECL.framer-ygt92l,
.framer-zuECL.framer-ir51bv {
padding: 8px;
}
.framer-zuECL .framer-8f09nh {
align-self: unset;
flex: none;
width: 100%;
height: min-content;
padding: 24px;
}
.framer-zuECL .framer-1hovndn {
height: min-content;
left: unset;
top: unset;
width: 100%;
position: relative;
}
.framer-zuECL .framer-1fh3ki5 {
height: 149px;
}
.framer-zuECL .framer-2dppxa {
flex: none;
width: 100%;
padding: 24px;
}
.framer-zuECL .framer-7t2rr2 {
flex-flow: column;
align-content: center;
align-items: center;
display: flex;
}
.framer-zuECL .framer-6xb31c {
align-self: unset;
grid-template-columns: repeat(1, minmax(50px, 1fr));
width: 100%;
}
.framer-zuECL .framer-1jh4hq2 {
justify-content: center;
gap: 24px;
padding: 24px;
}
.framer-zuECL .framer-1oft12 {
align-content: flex-start;
align-items: flex-start;
}
.framer-zuECL .framer-scofad {
flex-wrap: wrap;
gap: 12px;
}
.framer-zuECL .framer-teslpm {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 99%;
}
.framer-zuECL .framer-1dg62lo {
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
}
.framer-zuECL .framer-1y7xicl {
flex-flow: column;
flex: none;
align-content: center;
align-items: center;
width: 100%;
padding: 0 0 12px;
display: flex;
}
.framer-zuECL .framer-s7f198,
.framer-zuECL .framer-e87piz-container {
align-self: unset;
}
.framer-zuECL .framer-7oxbcb,
.framer-zuECL .framer-1cmjg8u {
justify-content: center;
max-height: 100%;
}
.framer-zuECL .framer-8e5163 {
flex-direction: column;
max-width: 95%;
padding: 0;
}
.framer-zuECL .framer-7zs1j1 {
flex-direction: column;
padding: 0 22px;
}
.framer-zuECL .framer-3cn029 {
flex: none;
gap: 48px;
width: 100%;
}
.framer-zuECL .framer-12ed5ig {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 100%;
}
.framer-zuECL .framer-ysoez0 {
flex: none;
width: 100%;
padding: 32px 16px;
}
.framer-zuECL .framer-1yrv4p2 {
align-content: center;
align-items: center;
overflow: visible;
}
.framer-zuECL .framer-10o5x30 {
flex-direction: column;
justify-content: center;
}
.framer-zuECL .framer-1msxve8 {
justify-content: flex-start;
gap: 48px;
padding: 48px 0;
}
.framer-zuECL .framer-uvcvyr {
flex-flow: column;
align-content: flex-start;
align-items: flex-start;
display: flex;
}
}
.ssr-variant {
display: contents;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-JlEGd.framer-10rm6ft,
.framer-JlEGd .framer-10rm6ft {
display: block;
}
.framer-JlEGd.framer-sigrxl {
flex-flow: row;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: 30px;
padding: 12px 16px 12px 8px;
display: flex;
position: relative;
overflow: visible;
}
.framer-JlEGd .framer-1cqsj80-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-JlEGd .framer-mnudfc {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-JlEGd.framer-sigrxl {
gap: 0;
}
.framer-JlEGd.framer-sigrxl>* {
margin: 0 4px;
}
.framer-JlEGd.framer-sigrxl> :first-child {
margin-left: 0;
}
.framer-JlEGd.framer-sigrxl> :last-child {
margin-right: 0;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-JlEGd[data-border="true"]:after,
.framer-JlEGd [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-JcNLK.framer-ytugx3,
.framer-JcNLK .framer-ytugx3 {
display: block;
}
.framer-JcNLK.framer-tyvggw {
flex-flow: column;
place-content: center;
align-items: center;
gap: 20px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-JcNLK .framer-pvgwp7 {
flex: none;
width: 16px;
height: 16px;
position: relative;
overflow: visible;
}
.framer-JcNLK .framer-143oedj {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 8px);
z-index: 1;
flex: none;
width: 8px;
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-JcNLK.framer-tyvggw {
gap: 0;
}
.framer-JcNLK.framer-tyvggw>* {
margin: 10px 0;
}
.framer-JcNLK.framer-tyvggw> :first-child {
margin-top: 0;
}
.framer-JcNLK.framer-tyvggw> :last-child {
margin-bottom: 0;
}
}
body {
--framer-will-change-override: none;
}
@supports (background: -webkit-named-image(i)) and (not (grid-template-rows: subgrid)) {
body {
--framer-will-change-override: transform;
}
}
body {
--framer-will-change-filter-override: none;
}
@supports (background: -webkit-named-image(i)) and (not (position-area: top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type] {
position: absolute;
}
[data-framer-component-type="Text"] {
cursor: inherit;
}
[data-framer-component-text-autosized] * {
white-space: pre;
}
[data-framer-component-type="Text"]>* {
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="Text"] span span,
[data-framer-component-type="Text"] p span,
[data-framer-component-type="Text"] h1 span,
[data-framer-component-type="Text"] h2 span,
[data-framer-component-type="Text"] h3 span,
[data-framer-component-type="Text"] h4 span,
[data-framer-component-type="Text"] h5 span,
[data-framer-component-type="Text"] h6 span {
display: block;
}
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span {
display: unset;
}
[data-framer-component-type="Text"] div div span,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span,
[data-framer-component-type="Text"] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)),
900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid) var(--framer-text-decoration, none) var(--framer-text-decoration-color, currentcolor) var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
[data-framer-component-type="Text"] a,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] a span span span,
[data-framer-component-type="Text"] a p span span,
[data-framer-component-type="Text"] a h1 span span,
[data-framer-component-type="Text"] a h2 span span,
[data-framer-component-type="Text"] a h3 span span,
[data-framer-component-type="Text"] a h4 span span,
[data-framer-component-type="Text"] a h5 span span,
[data-framer-component-type="Text"] a h6 span span {
--font-family: var(--framer-link-font-family,
var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight,
var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform,
var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid)) var(--framer-link-text-decoration,
var(--framer-text-decoration, none)) var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor)) var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset));
}
[data-framer-component-type="Text"] a:hover,
[data-framer-component-type="Text"] a div span:hover,
[data-framer-component-type="Text"] a span span span:hover,
[data-framer-component-type="Text"] a p span span:hover,
[data-framer-component-type="Text"] a h1 span span:hover,
[data-framer-component-type="Text"] a h2 span span:hover,
[data-framer-component-type="Text"] a h3 span span:hover,
[data-framer-component-type="Text"] a h4 span span:hover,
[data-framer-component-type="Text"] a h5 span span:hover,
[data-framer-component-type="Text"] a h6 span span:hover {
--font-family: var(--framer-link-hover-font-family,
var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size,
var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid))) var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))) var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor))) var(--framer-link-hover-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset)));
}
[data-framer-component-type="Text"].isCurrent a,
[data-framer-component-type="Text"].isCurrent a div span,
[data-framer-component-type="Text"].isCurrent a span span span,
[data-framer-component-type="Text"].isCurrent a p span span,
[data-framer-component-type="Text"].isCurrent a h1 span span,
[data-framer-component-type="Text"].isCurrent a h2 span span,
[data-framer-component-type="Text"].isCurrent a h3 span span,
[data-framer-component-type="Text"].isCurrent a h4 span span,
[data-framer-component-type="Text"].isCurrent a h5 span span,
[data-framer-component-type="Text"].isCurrent a h6 span span {
--font-family: var(--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, solid))) var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))) var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, currentcolor))) var(--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset)));
}
[data-framer-component-type="RichTextContainer"] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex;
}
p.framer-text,
div.framer-text,
figure.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text {
margin: 0;
padding: 0;
}
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
mark.framer-text,
span.framer-text:not([data-text-fill]) {
font-family: var(--framer-blockquote-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style,
var(--framer-font-style, normal));
font-weight: var(--framer-blockquote-font-weight,
var(--framer-font-weight, 400));
color: var(--framer-blockquote-text-color,
var(--framer-text-color, #000));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing,
var(--framer-letter-spacing, 0));
text-transform: var(--framer-blockquote-text-transform,
var(--framer-text-transform, none));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration,
var(--framer-text-decoration, initial));
text-decoration-line: var(--framer-blockquote-text-decoration,
var(--framer-text-decoration, initial));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style,
var(--framer-text-decoration-style, initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style,
var(--framer-text-decoration-style, initial));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color,
var(--framer-text-decoration-color, initial));
text-decoration-color: var(--framer-blockquote-text-decoration-color,
var(--framer-text-decoration-color, initial));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial));
text-underline-offset: var(--framer-blockquote-text-decoration-offset,
var(--framer-text-decoration-offset, initial));
line-height: var(--framer-blockquote-line-height,
var(--framer-line-height, 1.2em));
text-align: var(--framer-blockquote-text-alignment,
var(--framer-text-alignment, start));
-webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
-moz-font-feature-settings: var(--framer-font-open-type-features,
initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features,
initial);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: var(--framer-font-variation-axes, normal);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap));
}
mark.framer-text,
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text {
background-color: var(--framer-blockquote-text-background-color,
var(--framer-text-background-color, initial));
border-radius: var(--framer-blockquote-text-background-radius,
var(--framer-text-background-radius, initial));
corner-shape: var(--framer-blockquote-text-background-corner-shape,
var(--framer-text-background-corner-shape, initial));
padding: var(--framer-blockquote-text-background-padding,
var(--framer-text-background-padding, initial));
}
@supports not (color: color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,
var(--framer-text-stroke-color, initial));
}
mark.framer-text {
background-color: var(--framer-blockquote-text-background-color-rgb,
var(--framer-blockquote-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))));
}
}
.framer-fit-text .framer-text {
white-space: nowrap;
white-space-collapse: preserve;
}
strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold,
var(--framer-font-family-bold));
font-style: var(--framer-blockquote-font-style-bold,
var(--framer-font-style-bold));
font-weight: var(--framer-blockquote-font-weight-bold,
var(--framer-font-weight-bold, bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold,
var(--framer-font-variation-axes-bold));
}
em.framer-text {
font-family: var(--framer-blockquote-font-family-italic,
var(--framer-font-family-italic));
font-style: var(--framer-blockquote-font-style-italic,
var(--framer-font-style-italic, italic));
font-weight: var(--framer-blockquote-font-weight-italic,
var(--framer-font-weight-italic));
font-variation-settings: var(--framer-blockquote-font-variation-axes-italic,
var(--framer-font-variation-axes-italic));
}
em.framer-text>strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold-italic,
var(--framer-font-family-bold-italic));
font-style: var(--framer-blockquote-font-style-bold-italic,
var(--framer-font-style-bold-italic, italic));
font-weight: var(--framer-blockquote-font-weight-bold-italic,
var(--framer-font-weight-bold-italic, bolder));
font-variation-settings: var(--framer-blockquote-font-variation-axes-bold-italic,
var(--framer-font-variation-axes-bold-italic));
}
p.framer-text:not(:first-child),
div.framer-text:not(:first-child),
h1.framer-text:not(:first-child),
h2.framer-text:not(:first-child),
h3.framer-text:not(:first-child),
h4.framer-text:not(:first-child),
h5.framer-text:not(:first-child),
h6.framer-text:not(:first-child),
ol.framer-text:not(:first-child),
ul.framer-text:not(:first-child),
blockquote.framer-text:not(:first-child),
table.framer-text:not(:first-child),
figure.framer-text:not(:first-child),
.framer-image.framer-text:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing,
var(--framer-paragraph-spacing, 0));
}
li.framer-text>ul.framer-text:nth-child(2),
li.framer-text>ol.framer-text:nth-child(2) {
margin-top: 0;
}
.framer-text[data-text-fill] {
-webkit-text-fill-color: transparent;
padding: max(0em,
calc(calc(1.3em - var(--framer-blockquote-line-height,
var(--framer-line-height, 1.3em))) / 2));
margin: min(0em,
calc(calc(1.3em - var(--framer-blockquote-line-height,
var(--framer-line-height, 1.3em))) / -2));
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style,
var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight,
var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-blockquote-letter-spacing,
var(--framer-letter-spacing, 0));
line-height: var(--framer-blockquote-line-height,
var(--framer-line-height, 1.2em));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
}
}
blockquote.framer-text {
unicode-bidi: initial;
margin-block-start: initial;
margin-block-end: initial;
margin-inline-start: initial;
margin-inline-end: initial;
}
a.framer-text,
a.framer-text span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link],
span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: inherit;
font-family: var(--framer-blockquote-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-blockquote-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-blockquote-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
cursor: var(--framer-custom-cursors, pointer);
background-color: initial;
border-radius: var(--framer-link-text-background-radius, initial);
corner-shape: var(--framer-link-text-background-corner-shape, initial);
padding: var(--framer-link-text-background-padding, initial);
}
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-blockquote-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-blockquote-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset, initial)));
background-color: var(--framer-link-text-background-color, initial);
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))));
}
}
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style,
var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight,
var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: inherit;
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
}
code.framer-text a.framer-text,
code.framer-text span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000))));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
}
}
a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link]:hover,
span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family,
var(--framer-blockquote-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-link-hover-font-style,
var(--framer-blockquote-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-blockquote-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
font-size: calc(var(--framer-link-hover-font-size,
var(--framer-blockquote-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-blockquote-text-transform,
var(--framer-link-text-transform,
var(--framer-text-transform, none))));
border-radius: var(--framer-link-hover-text-background-radius,
var(--framer-link-text-background-radius,
var(--framer-text-background-radius, initial)));
corner-shape: var(--framer-link-hover-text-background-corner-shape,
var(--framer-link-text-background-corner-shape,
var(--framer-text-background-corner-shape, initial)));
padding: var(--framer-link-hover-text-background-padding,
var(--framer-link-text-background-padding,
var(--framer-text-background-padding, initial)));
}
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration,
var(--framer-blockquote-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration,
var(--framer-blockquote-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style,
var(--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style,
var(--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color,
var(--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color,
var(--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness,
var(--framer-blockquote-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,
var(--framer-blockquote-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset,
var(--framer-blockquote-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset, initial))));
background-color: var(--framer-link-hover-text-background-color,
var(--framer-link-text-background-color,
var(--framer-text-background-color, initial)));
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
}
}
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000)))));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-blockquote-text-color-rgb,
var(--framer-blockquote-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
}
}
a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-link-current-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
font-size: calc(var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
border-radius: var(--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, initial));
corner-shape: var(--framer-link-current-text-background-corner-shape,
var(--framer-link-text-background-corner-shape, initial));
padding: var(--framer-link-current-text-background-padding,
var(--framer-link-text-background-padding, initial));
}
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset, initial)));
background-color: var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color,
var(--framer-text-background-color, initial)));
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))));
}
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-code-font-style,
var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight,
var(--framer-font-weight, 400));
color: inherit;
font-size: calc(var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000))));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))));
background-color: var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color,
var(--framer-text-background-color-rgb,
var(--framer-text-background-color, initial))))));
}
}
a.framer-text[data-framer-page-link-current]:hover,
a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: inherit;
font-family: var(--framer-link-hover-font-family,
var(--framer-link-current-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-link-hover-font-style,
var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
font-size: calc(var(--framer-link-hover-font-size,
var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-current-text-transform,
var(--framer-link-text-transform,
var(--framer-text-transform, none))));
border-radius: var(--framer-link-hover-text-background-radius,
var(--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, initial)));
corner-shape: var(--framer-link-hover-text-background-corner-shape,
var(--framer-link-current-text-background-corner-shape,
var(--framer-link-text-background-corner-shape, initial)));
padding: var(--framer-link-hover-text-background-padding,
var(--framer-link-current-text-background-padding,
var(--framer-link-text-background-padding, initial)));
}
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color,
var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style,
var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style,
var(--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style,
var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness,
var(--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink,
var(--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset,
var(--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset, initial))));
background-color: var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color, initial)));
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb,
var(--framer-link-hover-text-decoration-color,
var(--framer-link-current-text-decoration-color-rgb,
var(--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color-rgb,
var(--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor))))))));
}
}
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color,
var(--framer-link-current-text-color,
var(--framer-link-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000)))));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb,
var(--framer-link-hover-text-color,
var(--framer-link-current-text-color-rgb,
var(--framer-link-current-text-color,
var(--framer-link-text-color-rgb,
var(--framer-link-text-color,
var(--framer-code-text-color-rgb,
var(--framer-code-text-color,
var(--framer-text-color-rgb,
var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb,
var(--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color-rgb,
var(--framer-link-current-text-background-color,
var(--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial))))));
}
}
.framer-image.framer-text {
max-width: 100%;
height: auto;
display: block;
}
.text-styles-preset-reset.framer-text {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-text-decoration-style: none;
--framer-text-decoration-color: none;
--framer-text-decoration-thickness: none;
--framer-text-decoration-skip-ink: none;
--framer-text-decoration-offset: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--framer-text-background-color: initial;
--framer-text-background-radius: initial;
--framer-text-background-corner-shape: initial;
--framer-text-background-padding: initial;
}
ol.framer-text {
--list-style-type: decimal;
}
ul.framer-text,
ol.framer-text {
padding-inline-start: 0;
position: relative;
}
li.framer-text {
counter-increment: list-item;
padding-inline-start: 2ch;
list-style: none;
}
ol.framer-text>li.framer-text:before {
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
position: absolute;
inset-inline-start: 0;
}
ol.framer-text>li.framer-text:nth-last-child(n + 10),
ol.framer-text>li.framer-text:nth-last-child(n + 10)~li {
padding-inline-start: 3ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 100),
ol.framer-text>li.framer-text:nth-last-child(n + 100)~li {
padding-inline-start: 4ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 1000),
ol.framer-text>li.framer-text:nth-last-child(n + 1000)~li {
padding-inline-start: 5ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 10000),
ol.framer-text>li.framer-text:nth-last-child(n + 10000)~li {
padding-inline-start: 6ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 100000),
ol.framer-text>li.framer-text:nth-last-child(n + 100000)~li {
padding-inline-start: 7ch;
}
ol.framer-text>li.framer-text:nth-last-child(n + 1000000),
ol.framer-text>li.framer-text:nth-last-child(n + 1000000)~li {
padding-inline-start: 8ch;
}
ul.framer-text>li.framer-text:before {
content: "•";
position: absolute;
inset-inline-start: 0;
}
.framer-table-wrapper {
overflow-x: auto;
}
table.framer-text,
.framer-table-wrapper table.framer-text {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%;
}
td.framer-text,
th.framer-text {
vertical-align: top;
min-width: 16ch;
}
.framer-text-module[data-width="fill"]> :first-child,
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]> :first-child {
width: 100%;
}
@supports not (aspect-ratio: 1) {
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"] {
position: relative;
}
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]:before {
content: "";
padding-bottom: calc(100% / calc(var(--aspect-ratio)));
display: block;
}
.framer-text-module[data-width="fill"]> :first-child,
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]> :first-child {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
[data-framer-component-type="DeprecatedRichText"] {
cursor: inherit;
}
[data-framer-component-type="DeprecatedRichText"] .text-styles-preset-reset {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--font-variation-settings: normal;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6 {
margin: 0;
padding: 0;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6,
[data-framer-component-type="DeprecatedRichText"] li,
[data-framer-component-type="DeprecatedRichText"] ol,
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] span:not([data-text-fill]) {
font-family: var(--framer-font-family,
Inter,
Inter Placeholder,
sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: var(--framer-font-size, 16px);
letter-spacing: var(--framer-letter-spacing, 0);
text-transform: var(--framer-text-transform, none);
-webkit-text-decoration: var(--framer-text-decoration, none);
text-decoration: var(--framer-text-decoration, none);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="DeprecatedRichText"] p:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] div:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h1:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h2:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h3:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h4:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h5:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h6:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ol:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ul:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0);
}
[data-framer-component-type="DeprecatedRichText"] span[data-text-fill] {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
[data-framer-component-type="DeprecatedRichText"] a,
[data-framer-component-type="DeprecatedRichText"] a span:not([data-text-fill]) {
font-family: var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-link-font-style,
var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight,
var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: var(--framer-link-font-size, var(--framer-font-size, 16px));
text-transform: var(--framer-link-text-transform,
var(--framer-text-transform, none));
-webkit-text-decoration: var(--framer-link-text-decoration,
var(--framer-text-decoration, none));
text-decoration: var(--framer-link-text-decoration,
var(--framer-text-decoration, none));
}
[data-framer-component-type="DeprecatedRichText"] a:hover,
[data-framer-component-type="DeprecatedRichText"] a:hover span:not([data-text-fill]) {
font-family: var(--framer-link-hover-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-hover-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none)));
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current],
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current] span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(--framer-link-current-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000)));
font-size: var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px)));
text-transform: var(--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none)));
-webkit-text-decoration: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none)));
text-decoration: var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none)));
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current]:hover,
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current]:hover span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(--framer-link-hover-font-family,
var(--framer-link-current-font-family,
var(--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-link-hover-font-style,
var(--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-link-hover-font-weight,
var(--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))));
color: var(--framer-link-hover-text-color,
var(--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))));
font-size: var(--framer-link-hover-font-size,
var(--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))));
text-transform: var(--framer-link-hover-text-transform,
var(--framer-link-current-text-transform,
var(--framer-link-text-transform,
var(--framer-text-transform, none))));
-webkit-text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))));
text-decoration: var(--framer-link-hover-text-decoration,
var(--framer-link-current-text-decoration,
var(--framer-link-text-decoration,
var(--framer-text-decoration, none))));
}
[data-framer-component-type="DeprecatedRichText"] strong {
font-weight: bolder;
}
[data-framer-component-type="DeprecatedRichText"] em {
font-style: italic;
}
[data-framer-component-type="DeprecatedRichText"] .framer-image {
max-width: 100%;
height: auto;
display: block;
}
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] ol {
width: 100%;
margin: 0;
padding-left: 0;
display: table;
}
[data-framer-component-type="DeprecatedRichText"] li {
counter-increment: list-item;
list-style: none;
display: table-row;
}
[data-framer-component-type="DeprecatedRichText"] ol>li:before {
box-sizing: border-box;
content: counter(list-item) ".";
white-space: nowrap;
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
[data-framer-component-type="DeprecatedRichText"] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-component-type],
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>*,
:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>[data-framer-component-type] {
position: relative;
}
.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled="true"]>*,
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"] {
margin-top: calc(var(--stack-gap-y) / 2);
margin-bottom: calc(var(--stack-gap-y) / 2);
margin-right: calc(var(--stack-gap-x) / 2);
margin-left: calc(var(--stack-gap-x) / 2);
}
[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: var(--stack-native-row-gap);
column-gap: var(--stack-native-column-gap);
}
.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: unset;
column-gap: unset;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"]> :first-child,
[data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :first-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"]> :last-child,
[data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :last-child {
margin-top: 0;
margin-left: 0;
}
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"]> :last-child,
[data-framer-stack-direction-reverse="false"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :last-child,
.flexbox-gap-not-supported [data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"]> :first-child,
[data-framer-stack-direction-reverse="true"] [data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]> :first-child {
margin-bottom: 0;
margin-right: 0;
}
NavigationContainer [data-framer-component-type="NavigationContainer"]>*,
[data-framer-component-type="NavigationContainer"]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type="Scroll"]::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="ScrollContentWrapper"]>* {
position: relative;
}
[data-framer-component-type="NativeScroll"] {
-webkit-overflow-scrolling: touch;
}
[data-framer-component-type="NativeScroll"]>* {
position: relative;
}
[data-framer-component-type="NativeScroll"].direction-both {
overflow: auto;
}
[data-framer-component-type="NativeScroll"].direction-vertical {
overflow: hidden auto;
}
[data-framer-component-type="NativeScroll"].direction-horizontal {
overflow: auto hidden;
}
[data-framer-component-type="NativeScroll"].direction-vertical>* {
width: 100% !important;
}
[data-framer-component-type="NativeScroll"].direction-horizontal>* {
height: 100% !important;
}
[data-framer-component-type="NativeScroll"].scrollbar-hidden::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="PageContentWrapper"]>*,
[data-framer-component-type="PageContentWrapper"]>[data-framer-component-type] {
position: relative;
}
[data-framer-component-type="DeviceComponent"].no-device>* {
width: 100% !important;
height: 100% !important;
}
[data-is-present="false"],
[data-is-present="false"] * {
pointer-events: none !important;
}
[data-framer-cursor="pointer"] {
cursor: pointer;
}
[data-framer-cursor="grab"] {
cursor: grab;
}
[data-framer-cursor="grab"]:active {
cursor: grabbing;
}
[data-framer-component-type="Frame"] *,
[data-framer-component-type="Stack"] * {
pointer-events: auto;
}
[data-framer-generated] * {
pointer-events: unset;
}
.svgContainer svg {
display: block;
}
[data-reset="button"] {
background: 0 0;
border-width: 0;
padding: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar {
width: 0;
height: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
background: 0 0;
}
[data-hide-scrollbars="true"] {
scrollbar-width: none;
}
@supports not (overflow: clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
.framer-lightbox-container {
opacity: 1 !important;
pointer-events: auto !important;
}
@supports (background: -webkit-named-image(i)) and (not (contain-intrinsic-size: inherit)) {
div.framer-text,
p.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text,
li.framer-text,
blockquote.framer-text,
.framer-text.framer-image {
display: var(--text-truncation-display-inline-for-safari-16, revert);
}
div.framer-text:after,
p.framer-text:after,
h1.framer-text:after,
h2.framer-text:after,
h3.framer-text:after,
h4.framer-text:after,
h5.framer-text:after,
h6.framer-text:after,
ol.framer-text:after,
ul.framer-text:after,
li.framer-text:after,
blockquote.framer-text:after,
.framer-text.framer-image:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.framer-text.framer-text-module,
.framer-text.framer-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16, revert);
}
p.framer-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16,
inline-block);
}
}
@supports (corner-shape: superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-TWJfZ.framer-1bly9cx,
.framer-TWJfZ .framer-1bly9cx {
display: block;
}
.framer-TWJfZ.framer-6zwjuv {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 8px 12px 8px 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-TWJfZ .framer-1ja6xnx {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-TWJfZ .framer-sohi8j-container {
z-index: 2;
flex: none;
width: 28px;
height: 28px;
position: relative;
}
.framer-TWJfZ .framer-6f6kfp-container {
z-index: 1;
flex: none;
width: 14px;
height: 14px;
position: absolute;
top: calc(50% - 7px);
left: 0;
}
.framer-TWJfZ .framer-1s2ik12 {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 50px;
width: 28px;
padding: 0;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
overflow: visible;
}
.framer-TWJfZ .framer-1gquvlj {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-TWJfZ .framer-rjcjhg {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-TWJfZ.framer-v-15chioe.framer-6zwjuv {
cursor: unset;
}
.framer-TWJfZ.framer-v-6zwjuv.hover .framer-6f6kfp-container {
left: unset;
top: unset;
position: relative;
}
.framer-TWJfZ.framer-v-6zwjuv.hover .framer-1s2ik12 {
bottom: unset;
height: 28px;
left: unset;
top: unset;
position: relative;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-TWJfZ[data-border="true"]:after,
.framer-TWJfZ [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Ttw8N.framer-lxsivx,
.framer-Ttw8N .framer-lxsivx {
display: block;
}
.framer-Ttw8N.framer-1gob8wf {
width: 32px;
height: 32px;
position: relative;
overflow: visible;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-oBK23.framer-1iokbyj,
.framer-oBK23 .framer-1iokbyj {
display: block;
}
.framer-oBK23.framer-1cdg809 {
cursor: pointer;
width: 28px;
height: 28px;
position: relative;
overflow: hidden;
}
.framer-oBK23 .framer-rbawyn,
.framer-oBK23 .framer-u1khbe {
flex: none;
width: 2px;
height: 10px;
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 1px);
overflow: hidden;
}
.framer-oBK23.framer-v-tw7mq6.framer-1cdg809 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 28px);
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-wFXUK.framer-lbe7vf,
.framer-wFXUK .framer-lbe7vf {
display: block;
}
.framer-wFXUK.framer-uy1xf6 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 740px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-74bk44-container {
flex: 1 0 0;
width: 1px;
max-width: 1080px;
height: 59px;
position: relative;
}
.framer-wFXUK .framer-1ntvbav,
.framer-wFXUK .framer-zzz797 {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 137px;
height: 71px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-ytobvv {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 135px;
height: 73px;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-exgsq,
.framer-wFXUK .framer-nkv5pb,
.framer-wFXUK .framer-2hvshr {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 147px;
height: 54px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-1g0kxgq,
.framer-wFXUK .framer-gtwega,
.framer-wFXUK .framer-1pw4mp4 {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 146px;
height: 49px;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-16i4erw,
.framer-wFXUK .framer-1jnhuug {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 147px;
height: 49px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-1pew9pb,
.framer-wFXUK .framer-1yuww9p {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 146px;
height: 44px;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-6j3qv6 {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 99px;
height: 54px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-1l08zyr {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 108px;
height: 51px;
position: relative;
overflow: hidden;
}
.framer-wFXUK .framer-1bs4zd5 {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 146px;
height: 73px;
position: relative;
overflow: hidden;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Jgov8.framer-211ff1,
.framer-Jgov8 .framer-211ff1 {
display: block;
}
.framer-Jgov8.framer-7nicnc {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 5px 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Jgov8 .framer-1tblw7z {
z-index: 1;
flex: none;
width: 1%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
.framer-Jgov8 .framer-byoks2 {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Jgov8 .framer-de2b53-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-Jgov8.framer-7nicnc {
gap: 0;
}
.framer-Jgov8.framer-7nicnc>* {
margin: 0 2px;
}
.framer-Jgov8.framer-7nicnc> :first-child {
margin-left: 0;
}
.framer-Jgov8.framer-7nicnc> :last-child {
margin-right: 0;
}
}
.framer-Jgov8.framer-v-7nicnc.hover .framer-1tblw7z {
width: 100%;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-fH6kI.framer-1scv53d,
.framer-fH6kI .framer-1scv53d {
display: block;
}
.framer-fH6kI.framer-1ervnl9 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 20px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-fH6kI .framer-1lqyvlj {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
z-index: 1;
flex: none;
width: 20px;
position: relative;
}
.framer-fH6kI .framer-72i9b7 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
z-index: 1;
flex: none;
width: 20px;
position: absolute;
bottom: -20px;
right: 20px;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-fH6kI.framer-1ervnl9 {
gap: 0;
}
.framer-fH6kI.framer-1ervnl9>* {
margin: 0 10px;
}
.framer-fH6kI.framer-1ervnl9> :first-child {
margin-left: 0;
}
.framer-fH6kI.framer-1ervnl9> :last-child {
margin-right: 0;
}
}
.framer-fH6kI.framer-v-gdtmvk .framer-1lqyvlj,
.framer-fH6kI.framer-v-naljym .framer-1lqyvlj {
position: absolute;
top: -20px;
right: -20px;
}
.framer-fH6kI.framer-v-gdtmvk .framer-72i9b7,
.framer-fH6kI.framer-v-naljym .framer-72i9b7 {
bottom: unset;
right: unset;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-TCs1t.framer-1hf2kvs,
.framer-TCs1t .framer-1hf2kvs {
display: block;
}
.framer-TCs1t.framer-1lapw2y {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-TCs1t .framer-1ho25a0 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: min-content;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: visible;
}
.framer-TCs1t .framer-1j41qye-container {
flex: none;
width: 24px;
height: 24px;
position: relative;
}
.framer-TCs1t .framer-1ma6rxz {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-TCs1t.framer-1lapw2y,
.framer-TCs1t .framer-1ho25a0 {
gap: 0;
}
.framer-TCs1t.framer-1lapw2y>* {
margin: 0 6px;
}
.framer-TCs1t.framer-1lapw2y> :first-child,
.framer-TCs1t .framer-1ho25a0> :first-child {
margin-left: 0;
}
.framer-TCs1t.framer-1lapw2y> :last-child,
.framer-TCs1t .framer-1ho25a0> :last-child {
margin-right: 0;
}
.framer-TCs1t .framer-1ho25a0>* {
margin: 0 12px;
}
}
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 22px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-dzEWc .framer-styles-preset-1xqd5um:not(.rich-text-wrapper),
.framer-dzEWc .framer-styles-preset-1xqd5um.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-TCs1t[data-border="true"]:after,
.framer-TCs1t [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-RVQeQ.framer-14pk0ym,
.framer-RVQeQ .framer-14pk0ym {
display: block;
}
.framer-RVQeQ.framer-1d3vdwe {
cursor: default;
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-RVQeQ .framer-v93lqn {
z-index: 2;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 16px;
display: flex;
position: relative;
overflow: visible;
}
.framer-RVQeQ .framer-k9zvek,
.framer-RVQeQ .framer-1kw4m10 {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-RVQeQ .framer-9l1wu7,
.framer-RVQeQ .framer-1oj7agp,
.framer-RVQeQ .framer-b5dofj,
.framer-RVQeQ .framer-15dipm0,
.framer-RVQeQ .framer-6py654,
.framer-RVQeQ .framer-1xh9hyy,
.framer-RVQeQ .framer-16pl8ko,
.framer-RVQeQ .framer-18lm832,
.framer-RVQeQ .framer-12p3ey0,
.framer-RVQeQ .framer-1g1fbdt,
.framer-RVQeQ .framer-65olye,
.framer-RVQeQ .framer-p6gicc,
.framer-RVQeQ .framer-164obgp,
.framer-RVQeQ .framer-1n7dr68,
.framer-RVQeQ .framer-43fce9 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
flex: none;
width: 24px;
position: relative;
}
.framer-RVQeQ .framer-1y4ivzu,
.framer-RVQeQ .framer-8djn67,
.framer-RVQeQ .framer-1jy4n5c,
.framer-RVQeQ .framer-okzprp,
.framer-RVQeQ .framer-9xcm3l,
.framer-RVQeQ .framer-nsvcgx,
.framer-RVQeQ .framer-18jhn3,
.framer-RVQeQ .framer-7gsvle,
.framer-RVQeQ .framer-1l26wmw,
.framer-RVQeQ .framer-g9lwz0,
.framer-RVQeQ .framer-19z3nzq,
.framer-RVQeQ .framer-157v3jl,
.framer-RVQeQ .framer-cgecad {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-RVQeQ .framer-1xvo7ne {
pointer-events: none;
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 4px 8px;
display: flex;
position: absolute;
top: -32px;
left: 50%;
overflow: hidden;
}
.framer-RVQeQ .framer-9jnlh4 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-RVQeQ.framer-1d3vdwe,
.framer-RVQeQ .framer-v93lqn,
.framer-RVQeQ .framer-k9zvek,
.framer-RVQeQ .framer-1kw4m10,
.framer-RVQeQ .framer-1y4ivzu,
.framer-RVQeQ .framer-8djn67,
.framer-RVQeQ .framer-1jy4n5c,
.framer-RVQeQ .framer-okzprp,
.framer-RVQeQ .framer-9xcm3l,
.framer-RVQeQ .framer-nsvcgx,
.framer-RVQeQ .framer-18jhn3,
.framer-RVQeQ .framer-7gsvle,
.framer-RVQeQ .framer-1l26wmw,
.framer-RVQeQ .framer-g9lwz0,
.framer-RVQeQ .framer-19z3nzq,
.framer-RVQeQ .framer-157v3jl,
.framer-RVQeQ .framer-cgecad,
.framer-RVQeQ .framer-1xvo7ne {
gap: 0;
}
.framer-RVQeQ.framer-1d3vdwe>* {
margin: 0 2px;
}
.framer-RVQeQ.framer-1d3vdwe> :first-child,
.framer-RVQeQ .framer-v93lqn> :first-child,
.framer-RVQeQ .framer-k9zvek> :first-child,
.framer-RVQeQ .framer-1kw4m10> :first-child,
.framer-RVQeQ .framer-1y4ivzu> :first-child,
.framer-RVQeQ .framer-8djn67> :first-child,
.framer-RVQeQ .framer-1jy4n5c> :first-child,
.framer-RVQeQ .framer-okzprp> :first-child,
.framer-RVQeQ .framer-9xcm3l> :first-child,
.framer-RVQeQ .framer-nsvcgx> :first-child,
.framer-RVQeQ .framer-18jhn3> :first-child,
.framer-RVQeQ .framer-7gsvle> :first-child,
.framer-RVQeQ .framer-1l26wmw> :first-child,
.framer-RVQeQ .framer-g9lwz0> :first-child,
.framer-RVQeQ .framer-19z3nzq> :first-child,
.framer-RVQeQ .framer-157v3jl> :first-child,
.framer-RVQeQ .framer-cgecad> :first-child,
.framer-RVQeQ .framer-1xvo7ne> :first-child {
margin-left: 0;
}
.framer-RVQeQ.framer-1d3vdwe> :last-child,
.framer-RVQeQ .framer-v93lqn> :last-child,
.framer-RVQeQ .framer-k9zvek> :last-child,
.framer-RVQeQ .framer-1kw4m10> :last-child,
.framer-RVQeQ .framer-1y4ivzu> :last-child,
.framer-RVQeQ .framer-8djn67> :last-child,
.framer-RVQeQ .framer-1jy4n5c> :last-child,
.framer-RVQeQ .framer-okzprp> :last-child,
.framer-RVQeQ .framer-9xcm3l> :last-child,
.framer-RVQeQ .framer-nsvcgx> :last-child,
.framer-RVQeQ .framer-18jhn3> :last-child,
.framer-RVQeQ .framer-7gsvle> :last-child,
.framer-RVQeQ .framer-1l26wmw> :last-child,
.framer-RVQeQ .framer-g9lwz0> :last-child,
.framer-RVQeQ .framer-19z3nzq> :last-child,
.framer-RVQeQ .framer-157v3jl> :last-child,
.framer-RVQeQ .framer-cgecad> :last-child,
.framer-RVQeQ .framer-1xvo7ne> :last-child {
margin-right: 0;
}
.framer-RVQeQ .framer-v93lqn>* {
margin: 0;
}
.framer-RVQeQ .framer-k9zvek>*,
.framer-RVQeQ .framer-1kw4m10>*,
.framer-RVQeQ .framer-1y4ivzu>*,
.framer-RVQeQ .framer-8djn67>*,
.framer-RVQeQ .framer-1jy4n5c>*,
.framer-RVQeQ .framer-okzprp>*,
.framer-RVQeQ .framer-9xcm3l>*,
.framer-RVQeQ .framer-nsvcgx>*,
.framer-RVQeQ .framer-18jhn3>*,
.framer-RVQeQ .framer-7gsvle>*,
.framer-RVQeQ .framer-1l26wmw>*,
.framer-RVQeQ .framer-g9lwz0>*,
.framer-RVQeQ .framer-19z3nzq>*,
.framer-RVQeQ .framer-157v3jl>*,
.framer-RVQeQ .framer-cgecad>*,
.framer-RVQeQ .framer-1xvo7ne>* {
margin: 0 16px;
}
}
.framer-RVQeQ.framer-v-1d3vdwe.hover .framer-9jnlh4 {
-webkit-user-select: none;
user-select: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-RVQeQ[data-border="true"]:after,
.framer-RVQeQ [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-iTI3D.framer-jk02np,
.framer-iTI3D .framer-jk02np {
display: block;
}
.framer-iTI3D.framer-qr9enr {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: center space-between;
align-items: center;
width: 370px;
height: 540px;
padding: 24px 26px 26px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-iTI3D .framer-dwezht-container {
z-index: 1;
flex: none;
position: absolute;
inset: 4px;
}
.framer-iTI3D .framer-aeplib {
z-index: 4;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-n1gu1 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-198qm0 {
height: 30px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 30px;
position: relative;
}
.framer-iTI3D .framer-mko4fi {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-1j7qoau {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 5px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-i7pu3k,
.framer-iTI3D .framer-1chji8z,
.framer-iTI3D .framer-5ud4aj {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-iTI3D .framer-102t6lg {
flex: none;
width: 16px;
height: 16px;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-7rn966 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-v4bzu1,
.framer-iTI3D .framer-13d1my1 {
flex: none;
width: 18px;
height: 18px;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-1hpquhe {
z-index: 10;
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-iTI3D .framer-1tpye6u {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 5px;
width: min-content;
padding: 5px 12px;
display: flex;
position: relative;
}
.framer-Z1xQO .framer-styles-preset-23n4qh:not(.rich-text-wrapper),
.framer-Z1xQO .framer-styles-preset-23n4qh.rich-text-wrapper p {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-6659e3e2-46dc-4c75-8508-8991726c8652,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.framer-Htbq3 .framer-styles-preset-1o25x42:not(.rich-text-wrapper),
.framer-Htbq3 .framer-styles-preset-1o25x42.rich-text-wrapper p {
--framer-font-family: "Open Sauce Two", "Open Sauce Two Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 13px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.55em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-6659e3e2-46dc-4c75-8508-8991726c8652,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
.framer-VTL13,
.framer-1ipic,
.framer-DITGk {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-vp6pd.framer-18pe1bo,
.framer-vp6pd .framer-18pe1bo {
display: block;
}
.framer-vp6pd.framer-1w4z8ft {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 16px;
width: 430px;
padding: 0;
display: flex;
position: relative;
}
.framer-vp6pd .framer-1a23hxn,
.framer-vp6pd .framer-go0t9v {
height: 4px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 4px;
position: relative;
}
.framer-vp6pd .framer-h9a0af {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-vp6pd.framer-v-uuc1gu.framer-1w4z8ft {
gap: 8px;
}
.framer-ZEcWU .framer-styles-preset-1y0hf9t:not(.rich-text-wrapper),
.framer-ZEcWU .framer-styles-preset-1y0hf9t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 10px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-ZEcWU .framer-styles-preset-1y0hf9t:not(.rich-text-wrapper),
.framer-ZEcWU .framer-styles-preset-1y0hf9t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 10px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-ZEcWU .framer-styles-preset-1y0hf9t:not(.rich-text-wrapper),
.framer-ZEcWU .framer-styles-preset-1y0hf9t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 10px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
}
.framer-lJgJT .framer-styles-preset-17ap882:not(.rich-text-wrapper),
.framer-lJgJT .framer-styles-preset-17ap882.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 10px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-lJgJT .framer-styles-preset-17ap882:not(.rich-text-wrapper),
.framer-lJgJT .framer-styles-preset-17ap882.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 10px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-lJgJT .framer-styles-preset-17ap882:not(.rich-text-wrapper),
.framer-lJgJT .framer-styles-preset-17ap882.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 10px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0.15em;
--framer-line-height: 1em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-15ae84bb-4467-4b46-b81a-1066ec15c4cf,
#69686e);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-m9RVR.framer-qyhzma,
.framer-m9RVR .framer-qyhzma {
display: block;
}
.framer-m9RVR.framer-qq40zq {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 16px;
width: min-content;
height: min-content;
padding: 1px 1px 1px 24px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-m9RVR .framer-1kmuyeq {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-m9RVR .framer-qin22u {
white-space: pre;
z-index: 2;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-m9RVR .framer-ulplz5 {
white-space: pre;
z-index: 2;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -40px;
left: 49%;
}
.framer-m9RVR .framer-9yu7mh {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 40px);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 40px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-m9RVR .framer-1vask7s {
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
gap: 10px;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.framer-m9RVR .framer-100630b {
aspect-ratio: 1.33333;
height: var(--framer-aspect-ratio-supported, 14px);
z-index: 1;
flex: none;
width: 18px;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
}
.framer-m9RVR .framer-ounvj9 {
aspect-ratio: 1.33333;
height: var(--framer-aspect-ratio-supported, 14px);
z-index: 1;
flex: none;
width: 18px;
position: absolute;
top: 50%;
left: -20px;
overflow: hidden;
}
.framer-m9RVR.framer-v-5qnl69.framer-qq40zq {
padding: 1px 24px 1px 1px;
}
.framer-m9RVR.framer-v-5qnl69 .framer-1kmuyeq,
.framer-m9RVR.framer-v-p2jvgd .framer-1kmuyeq {
order: 1;
}
.framer-m9RVR.framer-v-5qnl69 .framer-9yu7mh {
order: 0;
}
.framer-m9RVR.framer-v-5qnl69 .framer-100630b,
.framer-m9RVR.framer-v-qq40zq.hover .framer-100630b,
.framer-m9RVR.framer-v-16w0nlv.hover .framer-100630b {
left: unset;
right: -20px;
}
.framer-m9RVR.framer-v-5qnl69 .framer-ounvj9,
.framer-m9RVR.framer-v-qq40zq.hover .framer-ounvj9,
.framer-m9RVR.framer-v-16w0nlv.hover .framer-ounvj9 {
left: 50%;
}
.framer-m9RVR.framer-v-11kktsb.framer-qq40zq,
.framer-m9RVR.framer-v-jm5pjr.framer-qq40zq {
cursor: unset;
gap: 10px;
padding: 1px 1px 1px 16px;
}
.framer-m9RVR.framer-v-11kktsb .framer-9yu7mh,
.framer-m9RVR.framer-v-jm5pjr .framer-9yu7mh {
height: var(--framer-aspect-ratio-supported, 30px);
width: 30px;
}
.framer-m9RVR.framer-v-11kktsb .framer-100630b,
.framer-m9RVR.framer-v-jm5pjr .framer-100630b,
.framer-m9RVR.framer-v-p2jvgd .framer-100630b {
height: var(--framer-aspect-ratio-supported, 9px);
width: 12px;
}
.framer-m9RVR.framer-v-jm5pjr .framer-1vask7s {
bottom: 0;
top: unset;
}
.framer-m9RVR.framer-v-p2jvgd.framer-qq40zq {
cursor: unset;
gap: 10px;
padding: 1px 16px 1px 1px;
}
.framer-m9RVR.framer-v-p2jvgd .framer-9yu7mh {
height: var(--framer-aspect-ratio-supported, 30px);
order: 0;
width: 30px;
}
.framer-m9RVR.framer-v-qq40zq.hover .framer-qin22u {
position: absolute;
top: -40px;
left: 49%;
}
.framer-m9RVR.framer-v-qq40zq.hover .framer-ulplz5,
.framer-m9RVR.framer-v-16w0nlv.hover .framer-ulplz5,
.framer-m9RVR.framer-v-5qnl69.hover .framer-ulplz5 {
bottom: unset;
left: unset;
position: relative;
}
.framer-m9RVR.framer-v-16w0nlv.hover .framer-qin22u,
.framer-m9RVR.framer-v-5qnl69.hover .framer-qin22u {
position: absolute;
top: -30px;
left: 49%;
}
.framer-m9RVR.framer-v-5qnl69.hover .framer-100630b {
left: 50%;
right: unset;
}
.framer-m9RVR.framer-v-5qnl69.hover .framer-ounvj9 {
left: -20px;
}
.framer-00zUp .framer-styles-preset-1htzp4t:not(.rich-text-wrapper),
.framer-00zUp .framer-styles-preset-1htzp4t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
#fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-00zUp .framer-styles-preset-1htzp4t:not(.rich-text-wrapper),
.framer-00zUp .framer-styles-preset-1htzp4t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
#fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-00zUp .framer-styles-preset-1htzp4t:not(.rich-text-wrapper),
.framer-00zUp .framer-styles-preset-1htzp4t.rich-text-wrapper p {
--framer-font-family: "Geist", "Geist Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 15px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
#fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-wjqoj.framer-7db4ko,
.framer-wjqoj .framer-7db4ko {
display: block;
}
.framer-wjqoj.framer-py6vf5 {
flex-flow: row;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 250px;
max-width: 250px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wjqoj .framer-p8t2ui {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-wjqoj .framer-8gmdim {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wjqoj .framer-1l3ej3k-container {
flex: none;
width: 16px;
height: 16px;
position: relative;
}
.framer-wjqoj .framer-1kye0xq {
-webkit-user-select: none;
user-select: none;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-wjqoj .framer-xicbjv {
-webkit-user-select: none;
user-select: none;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-wjqoj.framer-py6vf5,
.framer-wjqoj .framer-p8t2ui,
.framer-wjqoj .framer-8gmdim {
gap: 0;
}
.framer-wjqoj.framer-py6vf5>* {
margin: 0 8px;
}
.framer-wjqoj.framer-py6vf5> :first-child,
.framer-wjqoj .framer-8gmdim> :first-child {
margin-left: 0;
}
.framer-wjqoj.framer-py6vf5> :last-child,
.framer-wjqoj .framer-8gmdim> :last-child {
margin-right: 0;
}
.framer-wjqoj .framer-p8t2ui>* {
margin: 4px 0;
}
.framer-wjqoj .framer-p8t2ui> :first-child {
margin-top: 0;
}
.framer-wjqoj .framer-p8t2ui> :last-child {
margin-bottom: 0;
}
.framer-wjqoj .framer-8gmdim>* {
margin: 0 4px;
}
}
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-DikSv .framer-styles-preset-1pvr9s:not(.rich-text-wrapper),
.framer-DikSv .framer-styles-preset-1pvr9s.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-2L1Kz.framer-z2n1g,
.framer-2L1Kz .framer-z2n1g {
display: block;
}
.framer-2L1Kz.framer-wkg5xb {
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: 30px;
padding: 12px;
display: flex;
position: relative;
overflow: visible;
}
.framer-2L1Kz .framer-1xukypq {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-2L1Kz.framer-wkg5xb {
gap: 0;
}
.framer-2L1Kz.framer-wkg5xb>* {
margin: 0 2px;
}
.framer-2L1Kz.framer-wkg5xb> :first-child {
margin-left: 0;
}
.framer-2L1Kz.framer-wkg5xb> :last-child {
margin-right: 0;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-2L1Kz[data-border="true"]:after,
.framer-2L1Kz [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-zkq87.framer-1wk0cx2,
.framer-zkq87 .framer-1wk0cx2 {
display: block;
}
.framer-zkq87.framer-1dla1ub {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 5px;
width: 256px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-zkq87 .framer-1rt5arc-container {
flex: none;
width: 14px;
height: 14px;
position: relative;
}
.framer-zkq87 .framer-lxv6yv {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-zkq87.framer-1dla1ub {
gap: 0;
}
.framer-zkq87.framer-1dla1ub>* {
margin: 0 2.5px;
}
.framer-zkq87.framer-1dla1ub> :first-child {
margin-left: 0;
}
.framer-zkq87.framer-1dla1ub> :last-child {
margin-right: 0;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-GXShC.framer-twy498,
.framer-GXShC .framer-twy498 {
display: block;
}
.framer-GXShC.framer-1wwjpye {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: 44px;
padding: 8px 12px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-GXShC .framer-1dm5jv7-container {
z-index: 1;
flex: none;
width: 18px;
height: 18px;
position: relative;
}
.framer-GXShC .framer-lc6apf {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-GXShC.framer-1wwjpye {
gap: 0;
}
.framer-GXShC.framer-1wwjpye>* {
margin: 0 2px;
}
.framer-GXShC.framer-1wwjpye> :first-child {
margin-left: 0;
}
.framer-GXShC.framer-1wwjpye> :last-child {
margin-right: 0;
}
}
.framer-GXShC[data-border="true"]:after,
.framer-GXShC [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-wXfL4.framer-1xvkaum,
.framer-wXfL4 .framer-1xvkaum {
display: block;
}
.framer-wXfL4.framer-14a02lm {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: 44px;
padding: 8px 12px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-wXfL4 .framer-h3idxz-container {
z-index: 1;
flex: none;
width: 18px;
height: 18px;
position: relative;
}
.framer-wXfL4 .framer-lmot8b {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-wXfL4.framer-14a02lm {
gap: 0;
}
.framer-wXfL4.framer-14a02lm>* {
margin: 0 2px;
}
.framer-wXfL4.framer-14a02lm> :first-child {
margin-left: 0;
}
.framer-wXfL4.framer-14a02lm> :last-child {
margin-right: 0;
}
}
.framer-wXfL4[data-border="true"]:after,
.framer-wXfL4 [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-PqP2y.framer-1cze72o,
.framer-PqP2y .framer-1cze72o {
display: block;
}
.framer-PqP2y.framer-gf0vgy {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: 44px;
padding: 8px 12px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-PqP2y .framer-1yknn3j-container {
z-index: 1;
flex: none;
width: 18px;
height: 18px;
position: relative;
}
.framer-PqP2y .framer-oesv8u {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-PqP2y.framer-v-jbgtqc.framer-gf0vgy {
cursor: unset;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-u1Aa3.framer-1isgeyj,
.framer-u1Aa3 .framer-1isgeyj {
display: block;
}
.framer-u1Aa3.framer-1x3l6cx {
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 12px;
width: min-content;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-u1Aa3 .framer-jmzyge {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-u1Aa3 .framer-6t8tn1 {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-u1Aa3 .framer-1vysbg7-container,
.framer-u1Aa3 .framer-1jjv92v-container {
flex: none;
width: 24px;
height: 24px;
position: relative;
}
.framer-u1Aa3 .framer-11zkko6,
.framer-u1Aa3 .framer-6oy5fn {
-webkit-user-select: none;
user-select: none;
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 50%;
right: -20px;
}
.framer-u1Aa3 .framer-1rtf9d0 {
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-u1Aa3.framer-1x3l6cx,
.framer-u1Aa3 .framer-jmzyge,
.framer-u1Aa3 .framer-6t8tn1,
.framer-u1Aa3 .framer-1rtf9d0 {
gap: 0;
}
.framer-u1Aa3.framer-1x3l6cx>* {
margin: 0 6px;
}
.framer-u1Aa3.framer-1x3l6cx> :first-child,
.framer-u1Aa3 .framer-jmzyge> :first-child,
.framer-u1Aa3 .framer-6t8tn1> :first-child,
.framer-u1Aa3 .framer-1rtf9d0> :first-child {
margin-left: 0;
}
.framer-u1Aa3.framer-1x3l6cx> :last-child,
.framer-u1Aa3 .framer-jmzyge> :last-child,
.framer-u1Aa3 .framer-6t8tn1> :last-child,
.framer-u1Aa3 .framer-1rtf9d0> :last-child {
margin-right: 0;
}
.framer-u1Aa3 .framer-jmzyge>* {
margin: 0 4px;
}
.framer-u1Aa3 .framer-6t8tn1>*,
.framer-u1Aa3 .framer-1rtf9d0>* {
margin: 0 2px;
}
}
.framer-u1Aa3.framer-v-1dnz59n .framer-6t8tn1,
.framer-u1Aa3.framer-v-1dnz59n .framer-1rtf9d0,
.framer-u1Aa3.framer-v-1rc6qq2 .framer-6t8tn1,
.framer-u1Aa3.framer-v-1rc6qq2 .framer-1rtf9d0 {
padding: 8px 12px 8px 8px;
}
.framer-u1Aa3.framer-v-1dnz59n .framer-11zkko6,
.framer-u1Aa3.framer-v-1dnz59n .framer-6oy5fn,
.framer-u1Aa3.framer-v-1rc6qq2 .framer-11zkko6,
.framer-u1Aa3.framer-v-1rc6qq2 .framer-6oy5fn {
right: unset;
top: unset;
position: relative;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-u1Aa3[data-border="true"]:after,
.framer-u1Aa3 [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-MzGuX.framer-1udstly,
.framer-MzGuX .framer-1udstly {
display: block;
}
.framer-MzGuX.framer-wr5if4 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 1200px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-MzGuX .framer-qoxyj2 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 64px;
width: 1px;
max-width: 1080px;
height: min-content;
padding: 64px 44px 24px;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-k1ledf {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 48px;
width: 100%;
height: min-content;
padding: 0 0 24px;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-1mnrqbj {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-yk3lj5 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-52mhg6,
.framer-MzGuX .framer-phwxry {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-MzGuX .framer-1lqanmb-container,
.framer-MzGuX .framer-1p2w33w-container,
.framer-MzGuX .framer-4os20q-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-MzGuX .framer-7vrxty,
.framer-MzGuX .framer-nzi5kr,
.framer-MzGuX .framer-hpw8mr,
.framer-MzGuX .framer-1n5434k,
.framer-MzGuX .framer-y49thx {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-MzGuX .framer-a3a2i7 {
flex-flow: wrap;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-1416mfa,
.framer-MzGuX .framer-i3cai0 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 8px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-kw0mt9 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-1mlmkw1 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-MzGuX .framer-12hvntv {
flex-flow: row;
flex: none;
place-content: flex-end space-between;
align-items: flex-end;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-199ad3w {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX .framer-mndfam {
flex-flow: row;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 12px;
width: 1px;
height: min-content;
min-height: 12px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-MzGuX.framer-v-u6qsp7.framer-wr5if4 {
width: 768px;
}
.framer-MzGuX.framer-v-u6qsp7 .framer-qoxyj2 {
padding: 64px 44px 153px;
}
.framer-MzGuX.framer-v-u6qsp7 .framer-k1ledf {
gap: 64px;
}
.framer-MzGuX.framer-v-a0hn1d.framer-wr5if4 {
width: 390px;
}
.framer-MzGuX.framer-v-a0hn1d .framer-qoxyj2 {
gap: 32px;
padding: 32px 22px 76px;
}
.framer-MzGuX.framer-v-a0hn1d .framer-a3a2i7 {
flex-direction: column;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
}
.framer-MzGuX.framer-v-a0hn1d .framer-1416mfa,
.framer-MzGuX.framer-v-a0hn1d .framer-i3cai0 {
flex: none;
width: 100%;
}
.framer-MzGuX.framer-v-a0hn1d .framer-1mlmkw1 {
gap: 12px;
}
.framer-MzGuX.framer-v-a0hn1d .framer-12hvntv {
flex-direction: column;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
}
.framer-MzGuX.framer-v-a0hn1d .framer-199ad3w {
flex-wrap: wrap;
flex: none;
align-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
}
.framer-MzGuX.framer-v-a0hn1d .framer-mndfam {
flex: none;
width: min-content;
min-width: 189px;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 68px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 62px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 42px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-uLgtP .framer-styles-preset-3j1c0u:not(.rich-text-wrapper),
.framer-uLgtP .framer-styles-preset-3j1c0u.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder",
sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-n1Byv .framer-styles-preset-1x5k5dq:not(.rich-text-wrapper),
.framer-n1Byv .framer-styles-preset-1x5k5dq.rich-text-wrapper a {
--framer-link-current-text-color: var(--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
#dedede);
--framer-link-current-text-decoration: underline;
--framer-link-hover-text-color: var(--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
#828282);
--framer-link-hover-text-decoration: none;
--framer-link-text-color: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
#fff);
--framer-link-text-decoration: none;
transition: color 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
.framer-MzGuX[data-border="true"]:after,
.framer-MzGuX [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-VJ2Tt.framer-xb2525,
.framer-VJ2Tt .framer-xb2525 {
display: block;
}
.framer-VJ2Tt.framer-5gaglo {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-VJ2Tt .framer-1fw3mbg {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-VJ2Tt .framer-1w6wwnn {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -50px;
left: 0;
}
.framer-VJ2Tt .framer-11hjb3k {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: -50px;
left: 0;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-VJ2Tt.framer-5gaglo {
gap: 0;
}
.framer-VJ2Tt.framer-5gaglo>* {
margin: 0 16px;
}
.framer-VJ2Tt.framer-5gaglo> :first-child {
margin-left: 0;
}
.framer-VJ2Tt.framer-5gaglo> :last-child {
margin-right: 0;
}
}
.framer-VJ2Tt.framer-v-u00ank .framer-1fw3mbg {
z-index: 1;
position: absolute;
top: -50px;
left: 0;
}
.framer-VJ2Tt.framer-v-u00ank .framer-1w6wwnn {
bottom: unset;
left: unset;
position: relative;
}
.framer-VJ2Tt.framer-v-u00ank .framer-11hjb3k {
bottom: -50px;
top: unset;
}
.framer-VJ2Tt.framer-v-o4m0ea .framer-1fw3mbg {
z-index: 1;
position: absolute;
bottom: -50px;
left: 0;
}
.framer-VJ2Tt.framer-v-o4m0ea .framer-1w6wwnn {
bottom: unset;
top: -50px;
}
.framer-VJ2Tt.framer-v-o4m0ea .framer-11hjb3k {
left: unset;
top: unset;
position: relative;
}
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 72px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 68px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 62px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-eUMip .framer-styles-preset-1s8fn6c:not(.rich-text-wrapper),
.framer-eUMip .framer-styles-preset-1s8fn6c.rich-text-wrapper h1 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 42px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 95%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-H1OOH.framer-dsijwc,
.framer-H1OOH .framer-dsijwc {
display: block;
}
.framer-H1OOH.framer-182t2w2 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-H1OOH .framer-18rl96e {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-H1OOH .framer-1c1n28n-container {
flex: none;
width: 14px;
height: 14px;
position: relative;
}
.framer-H1OOH .framer-1ovh3pu {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-axKcn.framer-1bo26un,
.framer-axKcn .framer-1bo26un {
display: block;
}
.framer-axKcn.framer-1sar0a3 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 1200px;
height: min-content;
padding: 22px 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-axKcn .framer-1wepv6q {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
max-width: 1200px;
height: min-content;
padding: 0 25px;
display: flex;
position: relative;
overflow: visible;
}
.framer-axKcn .framer-yjkmvr {
flex-flow: row;
flex: 1 0 0;
place-content: center space-between;
align-items: center;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-axKcn .framer-11gcns2-container,
.framer-axKcn .framer-xo7lj3-container,
.framer-axKcn .framer-1jq44bl-container,
.framer-axKcn .framer-1bcwfcv-container,
.framer-axKcn .framer-1wrzbnu-container,
.framer-axKcn .framer-4o897i-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-axKcn .framer-1c2wyvx {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 22px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-axKcn .framer-1ch27zl {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-axKcn .framer-wq5ccz {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 35px;
height: 35px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-axKcn .framer-1x8iyuu {
z-index: 1;
flex: none;
height: 2px;
position: absolute;
top: 13px;
left: 10px;
right: 10px;
overflow: visible;
}
.framer-axKcn .framer-b772ty {
z-index: 1;
flex: none;
height: 2px;
position: absolute;
bottom: 13px;
left: 10px;
right: 10px;
overflow: visible;
}
.framer-axKcn.framer-v-1iec7l5.framer-1sar0a3,
.framer-axKcn.framer-v-1c4g4rv.framer-1sar0a3 {
width: 420px;
padding: 14px 0;
}
.framer-axKcn.framer-v-1iec7l5 .framer-1wepv6q,
.framer-axKcn.framer-v-1c4g4rv .framer-1wepv6q {
padding: 0 20px;
}
.framer-axKcn.framer-v-1iec7l5 .framer-yjkmvr,
.framer-axKcn.framer-v-1c4g4rv .framer-yjkmvr {
height: 54px;
}
.framer-axKcn.framer-v-1iec7l5 .framer-1c2wyvx,
.framer-axKcn.framer-v-1c4g4rv .framer-1c2wyvx {
width: unset;
z-index: 1;
flex-direction: column;
padding: 30px;
position: absolute;
top: 68px;
left: -20px;
right: -20px;
}
.framer-axKcn.framer-v-1iec7l5 .framer-wq5ccz,
.framer-axKcn.framer-v-1c4g4rv .framer-wq5ccz {
cursor: pointer;
order: 0;
}
.framer-axKcn.framer-v-1c4g4rv .framer-1x8iyuu {
top: 17px;
}
.framer-axKcn.framer-v-1c4g4rv .framer-b772ty {
bottom: 16px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-xkXHr.framer-1co6k0o,
.framer-xkXHr .framer-1co6k0o {
display: block;
}
.framer-xkXHr.framer-cbk63b {
cursor: pointer;
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-xkXHr .framer-1mo3a14 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 35px);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 1.6px;
width: 35px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-xkXHr .framer-1ni4mgk {
flex: none;
width: 35px;
height: 35px;
position: relative;
overflow: visible;
}
.framer-xkXHr .framer-zxcqgn {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-jdh0o.framer-1ii5e7m,
.framer-jdh0o .framer-1ii5e7m {
display: block;
}
.framer-jdh0o.framer-15jn16c {
cursor: pointer;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
}
.framer-jdh0o .framer-1m8d23z {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-jdh0o .framer-2j2wr1 {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -22px;
left: 0;
}
.framer-jdh0o.framer-v-15jn16c.hover .framer-1m8d23z {
z-index: 1;
position: absolute;
top: -22px;
left: 49%;
}
.framer-jdh0o.framer-v-15jn16c.hover .framer-2j2wr1 {
bottom: unset;
left: unset;
position: relative;
}
.framer-n1vkt .framer-styles-preset-1g3v8x4:not(.rich-text-wrapper),
.framer-n1vkt .framer-styles-preset-1g3v8x4.rich-text-wrapper p {
--framer-font-family: "Open Sauce Two", "Open Sauce Two Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.55em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-6659e3e2-46dc-4c75-8508-8991726c8652,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-7y8Od.framer-1y6dhku,
.framer-7y8Od .framer-1y6dhku {
display: block;
}
.framer-7y8Od.framer-1s7eu26 {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 5px;
width: min-content;
height: min-content;
padding: 8px 16px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-7y8Od .framer-1ogoprx {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-7y8Od .framer-rhyml9 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-7y8Od .framer-1817ssm {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -34px;
left: 48%;
}
.framer-7y8Od.framer-v-1s7eu26.hover .framer-rhyml9,
.framer-7y8Od.framer-v-1sa8uij.hover .framer-rhyml9,
.framer-7y8Od.framer-v-1yz7fqf.hover .framer-rhyml9 {
z-index: 1;
position: absolute;
top: -34px;
left: 48%;
}
.framer-7y8Od.framer-v-1s7eu26.hover .framer-1817ssm,
.framer-7y8Od.framer-v-1sa8uij.hover .framer-1817ssm,
.framer-7y8Od.framer-v-1yz7fqf.hover .framer-1817ssm {
bottom: unset;
left: unset;
position: relative;
}
.framer-7y8Od[data-border="true"]:after,
.framer-7y8Od [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-8p7AG.framer-17f1mt2,
.framer-8p7AG .framer-17f1mt2 {
display: block;
}
.framer-8p7AG.framer-1p135ve {
cursor: pointer;
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 400px;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-8p7AG .framer-1bmsddb {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.framer-8p7AG .framer-hwpzz5-container {
z-index: 1;
flex: none;
width: auto;
height: 30px;
position: absolute;
top: 12px;
left: 12px;
}
.framer-8p7AG .framer-mdi5qa {
aspect-ratio: 1.33333;
height: var(--framer-aspect-ratio-supported, 150px);
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-8p7AG .framer-1k6o7jk {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 24px;
width: 1px;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
}
.framer-8p7AG .framer-1ojzlud-container {
flex: none;
width: 60px;
height: 60px;
position: relative;
}
.framer-8p7AG .framer-1v2tubw {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-8p7AG .framer-ud8vro {
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-8p7AG .framer-13gjxaf {
flex: 1 0 0;
width: 1px;
height: 100%;
position: relative;
}
.framer-8p7AG .framer-15eyyj4 {
will-change: var(--framer-will-change-override, transform);
z-index: 2;
flex-flow: row;
flex: none;
place-content: flex-end space-between;
align-items: flex-end;
width: 100%;
height: min-content;
padding: 16px;
display: flex;
position: absolute;
bottom: 0;
left: 50%;
overflow: hidden;
}
.framer-8p7AG .framer-letzu0 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-8p7AG .framer-1d1mk6y {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-8p7AG .framer-13gtfjc-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-8p7AG .framer-x1vmqm {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-8p7AG.framer-1p135ve,
.framer-8p7AG .framer-mdi5qa,
.framer-8p7AG .framer-1k6o7jk,
.framer-8p7AG .framer-1v2tubw,
.framer-8p7AG .framer-1d1mk6y {
gap: 0;
}
.framer-8p7AG.framer-1p135ve>* {
margin: 0;
}
.framer-8p7AG.framer-1p135ve> :first-child,
.framer-8p7AG .framer-1k6o7jk> :first-child,
.framer-8p7AG .framer-1v2tubw> :first-child {
margin-top: 0;
}
.framer-8p7AG.framer-1p135ve> :last-child,
.framer-8p7AG .framer-1k6o7jk> :last-child,
.framer-8p7AG .framer-1v2tubw> :last-child {
margin-bottom: 0;
}
.framer-8p7AG .framer-mdi5qa>* {
margin: 0 16px;
}
.framer-8p7AG .framer-mdi5qa> :first-child,
.framer-8p7AG .framer-1d1mk6y> :first-child {
margin-left: 0;
}
.framer-8p7AG .framer-mdi5qa> :last-child,
.framer-8p7AG .framer-1d1mk6y> :last-child {
margin-right: 0;
}
.framer-8p7AG .framer-1k6o7jk>* {
margin: 12px 0;
}
.framer-8p7AG .framer-1v2tubw>* {
margin: 4px 0;
}
.framer-8p7AG .framer-1d1mk6y>* {
margin: 0 2px;
}
}
.framer-8p7AG.framer-v-1e0bdqz.framer-1p135ve,
.framer-8p7AG.framer-v-lakwe4.framer-1p135ve {
cursor: unset;
}
.framer-8p7AG.framer-v-1e0bdqz .framer-15eyyj4 {
height: 57px;
left: 0%;
}
.framer-8p7AG.framer-v-1p135ve.hover .framer-15eyyj4 {
mix-blend-mode: exclusion;
}
.framer-8p7AG.framer-v-1p135ve.hover .framer-1d1mk6y {
z-index: 1;
}
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-voDHv .framer-styles-preset-1igwnwn:not(.rich-text-wrapper),
.framer-voDHv .framer-styles-preset-1igwnwn.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -0.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 32px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-8p7AG[data-border="true"]:after,
.framer-8p7AG [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Ce5ll.framer-1omxt64,
.framer-Ce5ll .framer-1omxt64 {
display: block;
}
.framer-Ce5ll.framer-4ncfbc {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 600px;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Ce5ll .framer-1bo3luq {
aspect-ratio: 1.77844;
height: var(--framer-aspect-ratio-supported, 337px);
z-index: 0;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Ce5ll .framer-8rxedp {
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: hidden;
}
.framer-Ce5ll .framer-165ov00 {
z-index: 1;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible;
}
.framer-Ce5ll .framer-17dy9oj {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 100%;
max-width: 600px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Ce5ll .framer-1xqxnau {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Ce5ll .framer-jnfbfw,
.framer-Ce5ll .framer-1re86ks,
.framer-Ce5ll .framer-7a22ss {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-Ce5ll .framer-b03e0y {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Ce5ll .framer-1p29kwk,
.framer-Ce5ll .framer-mvjqt9 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Ce5ll.framer-v-1dod4j8.framer-4ncfbc {
flex-direction: row;
width: 992px;
height: 500px;
}
.framer-Ce5ll.framer-v-1dod4j8 .framer-1bo3luq {
aspect-ratio: unset;
width: 50%;
height: 100%;
}
.framer-Ce5ll.framer-v-1dod4j8 .framer-165ov00 {
flex: 1 0 0;
width: 1px;
height: 100%;
}
.framer-Ce5ll.framer-v-1dod4j8 .framer-jnfbfw {
order: 0;
}
.framer-Ce5ll.framer-v-1dod4j8 .framer-1re86ks {
order: 1;
}
.framer-Ce5ll.framer-v-1dod4j8 .framer-b03e0y {
order: 2;
}
.framer-Ce5ll.framer-v-1dod4j8.hover .framer-1bo3luq {
aspect-ratio: unset;
}
.framer-yIKar .framer-styles-preset-1v15im0:not(.rich-text-wrapper),
.framer-yIKar .framer-styles-preset-1v15im0.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-yIKar .framer-styles-preset-1v15im0:not(.rich-text-wrapper),
.framer-yIKar .framer-styles-preset-1v15im0.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 30px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-yIKar .framer-styles-preset-1v15im0:not(.rich-text-wrapper),
.framer-yIKar .framer-styles-preset-1v15im0.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-yIKar .framer-styles-preset-1v15im0:not(.rich-text-wrapper),
.framer-yIKar .framer-styles-preset-1v15im0.rich-text-wrapper h2 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 26px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-vy380 .framer-styles-preset-3qmsso:not(.rich-text-wrapper),
.framer-vy380 .framer-styles-preset-3qmsso.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-vy380 .framer-styles-preset-3qmsso:not(.rich-text-wrapper),
.framer-vy380 .framer-styles-preset-3qmsso.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-vy380 .framer-styles-preset-3qmsso:not(.rich-text-wrapper),
.framer-vy380 .framer-styles-preset-3qmsso.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 22px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-vy380 .framer-styles-preset-3qmsso:not(.rich-text-wrapper),
.framer-vy380 .framer-styles-preset-3qmsso.rich-text-wrapper h3 {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Inter", sans-serif;
--framer-font-family-bold-italic: "Inter", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -0.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-qllfE .framer-styles-preset-455vy9:not(.rich-text-wrapper),
.framer-qllfE .framer-styles-preset-455vy9.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", sans-serif;
--framer-font-family-bold-italic: "Switzer", sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 12px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 600;
--framer-letter-spacing: 0em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 767px) and (min-width: 0) {
.framer-guRIY .framer-styles-preset-4e019n:not(.rich-text-wrapper),
.framer-guRIY .framer-styles-preset-4e019n.rich-text-wrapper p {
--framer-font-family: "Switzer", "Switzer Placeholder", sans-serif;
--framer-font-family-bold: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-bold-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-family-italic: "Switzer", "Switzer Placeholder",
sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on,
"cv04" on, "cv11" on;
--framer-font-size: 14px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0px;
--framer-line-height: 160%;
--framer-paragraph-spacing: 24px;
--framer-text-alignment: start;
--framer-text-color: var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
#000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-Ce5ll[data-border="true"]:after,
.framer-Ce5ll [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
</style>
<!-- Start of headEnd -->
<!-- End of headEnd -->
</head>
<body>
<script async src="https://events.framer.com/script?v=2"
data-fid="7ff06a5f46e186980e3809be21ec578fbb1fe9e1154244c9c61eb5e3c11fee3b" data-no-nt></script>
<!-- Start of bodyStart -->
<!-- End of bodyStart -->
<div id="main"
data-framer-hydrate-v2='{"routeId":"augiA20Il","localeId":"default","breakpoints":[{"hash":"72rtr7","mediaQuery":"(min-width: 1200px)"},{"hash":"dsxqep","mediaQuery":"(min-width: 992px) and (max-width: 1199.98px)"},{"hash":"1d7c730","mediaQuery":"(min-width: 768px) and (max-width: 991.98px)"},{"hash":"1slso0x","mediaQuery":"(max-width: 767.98px)"},{"hash":"ckwyi4","mediaQuery":"(min-width: 1200px)"},{"hash":"3fl3zd","mediaQuery":"(min-width: 992px) and (max-width: 1199.98px)"},{"hash":"fi1c1y","mediaQuery":"(min-width: 768px) and (max-width: 991.98px)"},{"hash":"1x6740i","mediaQuery":"(max-width: 767.98px)"}]}'
data-framer-ssr-released-at="2026-01-07T16:41:34.514Z" data-framer-page-optimized-at="2026-01-08T12:08:00.528Z"
data-framer-generated-page>
<!--$-->
<style data-framer-html-style>
:root body {
background: var(--token-d1fa08ee-c247-459b-aaf3-d2091e9cede1,
rgb(43, 43, 43));
}
</style>
<div class="framer-XDeQu framer-ckwyi4" data-framer-cursor="119p9y2" data-layout-template="true"
data-selection="true" style="min-height: 100vh; width: auto">
<div class="framer-xd4t0m" data-framer-name="BG Color"></div>
<style data-framer-html-style>
html body {
background: var(--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255));
}
</style>
<div data-framer-root
class="framer-zuECL framer-eUMip framer-DikSv framer-sYuy1 framer-voDHv framer-QHzqK framer-dzEWc framer-lNvGZ framer-guRIY framer-72rtr7"
style="min-height: 100vh; width: auto; display: contents">
<section class="framer-13kxl6w" data-framer-name="Hero" id="hero">
<div class="framer-10ze9ym" data-framer-name="Inside Container">
<div class="framer-19eao2h" data-framer-name="Happy Clients, Header, & Description">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-71bu8b-container" data-framer-appear-id="71bu8b" data-framer-name="Availability"
name="Availability" style="opacity: 0.001; transform: none">
<div name="Availability" class="framer-JlEGd framer-qllfE framer-sigrxl framer-v-sigrxl"
data-border="true" data-framer-name="Variant 1" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1cqsj80-container">
<div class="framer-JcNLK framer-tyvggw framer-v-tyvggw" data-framer-name="Pulse">
<div class="framer-pvgwp7" data-framer-name="Outer Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0.25;
transform: none;
"></div>
<div class="framer-143oedj" data-framer-name="Inner Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 1;
transform: translate(-50%, -50%);
"></div>
</div>
</div>
<div class="framer-mnudfc" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Let’s Work Together
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-71bu8b-container" data-framer-appear-id="71bu8b" data-framer-name="Availability"
name="Availability" style="opacity: 0.001; transform: none">
<div name="Availability" class="framer-JlEGd framer-qllfE framer-sigrxl framer-v-sigrxl"
data-border="true" data-framer-name="Variant 1" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1cqsj80-container">
<div class="framer-JcNLK framer-tyvggw framer-v-tyvggw" data-framer-name="Pulse">
<div class="framer-pvgwp7" data-framer-name="Outer Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0.25;
transform: none;
"></div>
<div class="framer-143oedj" data-framer-name="Inner Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 1;
transform: translate(-50%, -50%);
"></div>
</div>
</div>
<div class="framer-mnudfc" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Let’s Work Together
</p>
</div>
</div>
</div>
</div>
<div class="framer-z7yvk9" data-framer-name="Header / Description">
<div class="framer-cxeoh7" data-framer-name="Design that delivers results."
data-framer-component-type="RichTextContainer" style="transform: none">
<h1 class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Websites</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>that</span><br class="framer-text" /></span><span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>drive</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>growth.</span></span>
</h1>
</div>
<div class="framer-hogmjb"
data-framer-name="Strategic design that drives growth, not just looks good. I create everything your brand needs to attract customers and turn them into sales."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
">
Leverage Money helps brands and startups turn ideas into
high-performing websites and web applications through
strategy, design, and development.
</p>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-6ciele-container" data-framer-appear-id="6ciele" data-framer-name="Book a call"
name="Book a call" style="opacity: 0.001; transform: none">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<!--$--><a name="Book a call" aria-label="Button"
class="framer-TWJfZ framer-qllfE framer-uLgtP framer-6zwjuv framer-v-6zwjuv framer-1bly9cx"
data-border="true" data-framer-name="Main CTA" href="https://cal.com/leverage-money-i4ivck/30min"
rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.32),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.3),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.25),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.11),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1ja6xnx" data-framer-name="Me + You">
<div class="framer-sohi8j-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="28px"
/>
</div>
</div>
</div>
<div class="framer-6f6kfp-container" style="filter: invert(1); -webkit-filter: invert(1)">
<button
aria-label="Open"
class="framer-oBK23 framer-1cdg809 framer-v-tw7mq6"
data-framer-name="Open"
data-highlight="true"
data-reset="button"
tabindex="0"
style="height: 100%; width: 100%"
>
<div
class="framer-rbawyn"
data-framer-name="Line 2"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: rotate(270deg);
"
></div>
<div
class="framer-u1khbe"
data-framer-name="Line 1"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: none;
"
></div>
</button>
</div>
<div class="framer-1s2ik12" data-framer-name="You Circle" style="
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
filter: none;
-webkit-filter: none;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
">
<div class="framer-1gquvlj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
You
</p>
</div>
</div>
</div>
<div class="framer-rjcjhg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call with me
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1d7c730 hidden-72rtr7">
<!--$--><a name="Book a call" aria-label="Button"
class="framer-TWJfZ framer-qllfE framer-uLgtP framer-6zwjuv framer-v-15chioe framer-1bly9cx"
data-border="true" data-framer-name="Mobile" href="https://cal.com/leverage-money-i4ivck/30min"
rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.32),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.3),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.25),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.11),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1ja6xnx" data-framer-name="Me + You">
<div class="framer-sohi8j-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="28px"
/>
</div>
</div>
</div>
<div class="framer-6f6kfp-container" style="filter: invert(1); -webkit-filter: invert(1)">
<button
aria-label="Open"
class="framer-oBK23 framer-1cdg809 framer-v-tw7mq6"
data-framer-name="Open"
data-highlight="true"
data-reset="button"
tabindex="0"
style="height: 100%; width: 100%"
>
<div
class="framer-rbawyn"
data-framer-name="Line 2"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: rotate(270deg);
"
></div>
<div
class="framer-u1khbe"
data-framer-name="Line 1"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: none;
"
></div>
</button>
</div>
<div class="framer-1s2ik12" data-framer-name="You Circle" style="
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
filter: none;
-webkit-filter: none;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
">
<div class="framer-1gquvlj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
You
</p>
</div>
</div>
</div>
<div class="framer-rjcjhg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call with me
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1slso0x hidden-72rtr7">
<!--$--><a name="Book a call" aria-label="Button"
class="framer-TWJfZ framer-qllfE framer-uLgtP framer-6zwjuv framer-v-15chioe framer-1bly9cx"
data-border="true" data-framer-name="Mobile" href="https://cal.com/leverage-money-i4ivck/30min"
rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.32),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.3),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.25),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.11),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1ja6xnx" data-framer-name="Me + You">
<div class="framer-sohi8j-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="28px"
/>
</div>
</div>
</div>
<div class="framer-6f6kfp-container" style="filter: invert(1); -webkit-filter: invert(1)">
<button
aria-label="Open"
class="framer-oBK23 framer-1cdg809 framer-v-tw7mq6"
data-framer-name="Open"
data-highlight="true"
data-reset="button"
tabindex="0"
style="height: 100%; width: 100%"
>
<div
class="framer-rbawyn"
data-framer-name="Line 2"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: rotate(270deg);
"
></div>
<div
class="framer-u1khbe"
data-framer-name="Line 1"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: none;
"
></div>
</button>
</div>
<div class="framer-1s2ik12" data-framer-name="You Circle" style="
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
filter: none;
-webkit-filter: none;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
">
<div class="framer-1gquvlj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
You
</p>
</div>
</div>
</div>
<div class="framer-rjcjhg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call with me
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-6ciele-container" data-framer-appear-id="6ciele" data-framer-name="Book a call"
name="Book a call" style="opacity: 0.001; transform: none">
<!--$--><a name="Book a call" aria-label="Button"
class="framer-TWJfZ framer-qllfE framer-uLgtP framer-6zwjuv framer-v-6zwjuv framer-1bly9cx"
data-border="true" data-framer-name="Main CTA" href="https://cal.com/leverage-money-i4ivck/30min"
rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.32),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.3),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.25),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.11),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1ja6xnx" data-framer-name="Me + You">
<div class="framer-sohi8j-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="28px"
/>
</div>
</div>
</div>
<div class="framer-6f6kfp-container" style="filter: invert(1); -webkit-filter: invert(1)">
<button
aria-label="Open"
class="framer-oBK23 framer-1cdg809 framer-v-tw7mq6"
data-framer-name="Open"
data-highlight="true"
data-reset="button"
tabindex="0"
style="height: 100%; width: 100%"
>
<div
class="framer-rbawyn"
data-framer-name="Line 2"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: rotate(270deg);
"
></div>
<div
class="framer-u1khbe"
data-framer-name="Line 1"
style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
transform: none;
"
></div>
</button>
</div>
<div class="framer-1s2ik12" data-framer-name="You Circle" style="
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
filter: none;
-webkit-filter: none;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
">
<div class="framer-1gquvlj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
You
</p>
</div>
</div>
</div>
<div class="framer-rjcjhg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call with me
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="framer-w2n11f" data-border="true" data-framer-name="Client Logos">
<div class="framer-8knrt8" data-framer-name="Insider Container">
<div class="framer-qbsodz" data-framer-appear-id="qbsodz" data-framer-name="Logos"
style="opacity: 0.001; transform: none">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-152l3mw-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker"
name="Client Logo Ticker" style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-152l3mw-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker"
name="Client Logo Ticker" style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-152l3mw-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker"
name="Client Logo Ticker" style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-152l3mw-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker"
name="Client Logo Ticker" style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<main class="framer-n52bgx" data-framer-name="Main" id="main-1">
<section class="framer-vltq38" data-framer-name="Latest Projects" id="projects">
<div class="framer-4gugwl" data-framer-name="Inside Container">
<div class="framer-1pfrkno" data-framer-name="Header">
<div class="ssr-variant hidden-1slso0x">
<div class="framer-mplf9h" data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO" style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
">
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Latest</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Projects</span>
</h2>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-mplf9h" data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO" style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
">
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Latest</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Projects</span>
</h2>
</div>
</div>
</div>
<div class="framer-19y3y9x" data-framer-appear-id="19y3y9x" data-framer-name="Projects" style="
opacity: 0.001;
transform: translateY(200px) scale(0.8);
">
<div class="framer-2o9ve0" data-framer-name="Top Projects" id="topprojects">
<div class="framer-nf8if8" data-framer-name="1">
<!--$--><!--$-->
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="ssr-variant hidden-1d7c730">
<div class="framer-y87dwv-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(530px)
translateY(-850px) scale(0.7) rotate(10deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/pixelyft" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="4000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=512&width=4000&height=4000 512w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=1024&width=4000&height=4000 1024w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=2048&width=4000&height=4000 2048w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000 4000w
src="https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Pixelyft Solutions
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-72rtr7">
<div class="framer-y87dwv-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(400px)
translateY(-775px) scale(0.6) rotate(10deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/pixelyft" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="4000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=512&width=4000&height=4000 512w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=1024&width=4000&height=4000 1024w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=2048&width=4000&height=4000 2048w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000 4000w
src="https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Pixelyft Solutions
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-y87dwv-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(530px)
translateY(-825px) scale(0.7) rotate(10deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/pixelyft" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="4000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=512&width=4000&height=4000 512w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=1024&width=4000&height=4000 1024w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=2048&width=4000&height=4000 2048w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000 4000w
src="https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Pixelyft Solutions
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-y87dwv-container" style="opacity: 1; transform: perspective(1200px)">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1p135ve framer-17f1mt2"
data-framer-cursor="1pr93m6" data-framer-name="Project Thumbnail" href="./projects/pixelyft"
style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 1;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 1">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="4000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=512&width=4000&height=4000 512w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=1024&width=4000&height=4000 1024w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=2048&width=4000&height=4000 2048w
https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000 4000w
src="https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(calc(min(100vw, 1080px) - 44px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 1;
transform: translateX(-50%);
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Pixelyft Solutions
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--/$-->
</div>
<div class="framer-9xrltp" data-framer-name="2">
<!--$--><!--$-->
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="ssr-variant hidden-1d7c730">
<div class="framer-12r7e94-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(80px)
translateY(-850px) scale(0.7) rotate(15deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/quantum" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1500"
height="1125"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,"
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=512&width=1500&height=1125 512w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=1024&width=1500&height=1125 1024w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125 1500w
src="https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
MSI Engineering
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-72rtr7">
<div class="framer-12r7e94-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(90px)
translateY(-775px) scale(0.6) rotate(15deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/quantum" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1500"
height="1125"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,"
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=512&width=1500&height=1125 512w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=1024&width=1500&height=1125 1024w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125 1500w
src="https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
MSI Engineering
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-12r7e94-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(105px)
translateY(-830px) scale(0.7) rotate(15deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/quantum" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1500"
height="1125"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,"
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=512&width=1500&height=1125 512w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=1024&width=1500&height=1125 1024w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125 1500w
src="https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
MSI Engineering
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-12r7e94-container" style="opacity: 1; transform: perspective(1200px)">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1p135ve framer-17f1mt2"
data-framer-cursor="1pr93m6" data-framer-name="Project Thumbnail" href="./projects/quantum"
style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 1;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 1">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1500"
height="1125"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,"
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=512&width=1500&height=1125 512w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=1024&width=1500&height=1125 1024w
https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125 1500w
src="https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(calc(min(100vw, 1080px) - 44px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 1;
transform: translateX(-50%);
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
MSI Engineering
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--/$-->
</div>
</div>
<div class="framer-4h54b4" data-framer-name="Bottom Projects">
<div class="framer-dg8crp" data-framer-name="3">
<!--$--><!--$-->
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="ssr-variant hidden-1d7c730">
<div class="framer-317lc2-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(480px)
translateY(-1250px) scale(0.7) rotate(-5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/orbital" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="3000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=512&width=4000&height=3000 512w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=1024&width=4000&height=3000 1024w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=2048&width=4000&height=3000 2048w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000 4000w
src="https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Upcreatorz
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-72rtr7">
<div class="framer-317lc2-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(380px)
translateY(-1050px) scale(0.6) rotate(-5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/orbital" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="3000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=512&width=4000&height=3000 512w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=1024&width=4000&height=3000 1024w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=2048&width=4000&height=3000 2048w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000 4000w
src="https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Upcreatorz
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-317lc2-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(460px)
translateY(-1185px) scale(0.7) rotate(-5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/orbital" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="4000"
height="3000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=512&width=4000&height=3000 512w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=1024&width=4000&height=3000 1024w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=2048&width=4000&height=3000 2048w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000 4000w
src="https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Upcreatorz
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-317lc2-container" style="opacity: 1; transform: perspective(1200px)">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1p135ve framer-17f1mt2"
data-framer-cursor="1pr93m6" data-framer-name="Project Thumbnail" href="./projects/orbital"
style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 1;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 1">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="4000"
height="3000"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=512&width=4000&height=3000 512w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=1024&width=4000&height=3000 1024w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=2048&width=4000&height=3000 2048w
https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000 4000w
src="https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(calc(min(100vw, 1080px) - 44px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 1;
transform: translateX(-50%);
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Upcreatorz
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--/$-->
</div>
<div class="framer-8pn4m5" data-framer-name="4">
<!--$--><!--$-->
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="ssr-variant hidden-1d7c730">
<div class="framer-1py8tw5-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(30px)
translateY(-1200px) scale(0.7) rotate(5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/animetro" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Animetro
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-72rtr7">
<div class="framer-1py8tw5-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(50px)
translateY(-1010px) scale(0.6) rotate(5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/animetro" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Animetro
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1py8tw5-container" style="
will-change: transform;
opacity: 1;
transform: perspective(1200px) translateX(30px)
translateY(-1150px) scale(0.7) rotate(5deg);
">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1e0bdqz framer-17f1mt2"
data-framer-name="Hero" href="./projects/animetro" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 0;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 0">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="3840"
height="2160"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Animetro
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1py8tw5-container" style="opacity: 1; transform: perspective(1200px)">
<!--$--><a
class="framer-8p7AG framer-voDHv framer-qllfE framer-1p135ve framer-v-1p135ve framer-17f1mt2"
data-framer-cursor="1pr93m6" data-framer-name="Project Thumbnail" href="./projects/animetro"
style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: rgba(0, 0, 0, 0);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1bmsddb" data-framer-name="Overlay" style="
background-color: rgb(0, 0, 0);
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 80%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
opacity: 1;
"></div>
<div class="framer-hwpzz5-container" data-framer-name="Work Label" name="Work Label"
style="opacity: 1">
<div name="Work Label" class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-px5sp4"
data-border="true" data-framer-name="Dark" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Website Design
</p>
</div>
</div>
</div>
<div class="framer-mdi5qa" data-framer-name="Image Container" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-13gjxaf" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 768px) and (max-width: 991.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (min-width: 992px) and (max-width: 1199.98px) max(max((min(100vw, 1080px) - 100px) / 2, 1px), 1px), (max-width: 767.98px) max(calc(min(100vw, 1080px) - 44px), 1px)"
srcset=",,,"
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(calc(min(100vw, 1080px) - 44px), 1px)"
/>
</div>
</div>
</div>
<div class="framer-15eyyj4" data-framer-name="Project Client / View Project" style="
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 1;
transform: translateX(-50%);
">
<div class="framer-letzu0" data-framer-name="Client Name"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Animetro
</p>
</div>
<div class="framer-1d1mk6y" data-framer-name="View Project">
<div class="framer-13gtfjc-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-1ervnl9" data-framer-name="White">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7"
aria-hidden="true" style="
filter: none;
-webkit-filter: none;
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-x1vmqm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
View Project
</p>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--/$-->
</div>
</div>
</div>
<!--$-->
<div class="ssr-variant hidden-dsxqep">
<div class="framer-ssa3mc-container" data-framer-name="View all projects" name="View all projects">
<!--$--><a name="View all projects"
class="framer-Jgov8 framer-dzEWc framer-7nicnc framer-v-7nicnc framer-211ff1"
data-framer-name="Link" href="./projects">
<div class="framer-1tblw7z" data-framer-name="Line" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
opacity: 0;
"></div>
<div class="framer-byoks2" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
View all my projects
</p>
</div>
<div class="framer-de2b53-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-19g5zzy" data-framer-name="Black">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-ssa3mc-container" data-framer-name="View all projects" name="View all projects">
<!--$--><a name="View all projects"
class="framer-Jgov8 framer-dzEWc framer-7nicnc framer-v-7nicnc framer-211ff1"
data-framer-name="Link" href="./projects">
<div class="framer-1tblw7z" data-framer-name="Line" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
opacity: 0;
"></div>
<div class="framer-byoks2" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
View all my projects
</p>
</div>
<div class="framer-de2b53-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-19g5zzy" data-framer-name="Black">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$-->
</div>
</section>
<section class="framer-1tcd00y" data-border="true" data-framer-name="Services" id="services">
<div class="framer-1a519uv hidden-72rtr7 hidden-dsxqep hidden-1d7c730"
data-framer-name="Heading / Techstack" style="grid-template-columns: repeat(1, 1fr)">
<div style="
display: flex;
flex-direction: column;
row-gap: 64px;
width: 100%;
">
<div class="framer-vgc960" data-framer-name="Services I can help you with."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Services</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>that</span><br class="framer-text" /></span><span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>supercharge</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>your</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>business.</span></span>
</h2>
</div>
<div class="framer-jvqe10" data-framer-name="Techstack">
<div class="framer-16k637n" data-framer-name="Inside Container">
<div class="framer-onej09" data-framer-name="Services">
<div class="framer-1r9zl92-container" data-framer-name="Framer Dev" name="Framer Dev">
<div name="Framer Dev" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Framer Development
</p>
</div>
</div>
</div>
<div class="framer-1rcmkml-container" data-framer-name="Web Apps" name="Web Apps">
<div name="Web Apps" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Web Apps
</p>
</div>
</div>
</div>
<div class="framer-vqoevg-container" data-framer-name="Landing Pages" name="Landing Pages">
<div name="Landing Pages" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Landing Pages
</p>
</div>
</div>
</div>
<div class="framer-1n8t1x5-container" data-framer-name="UI UX Consultation"
name="UI UX Consultation">
<div name="UI UX Consultation" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
UX / UI Consultation
</p>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1es27m9" data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH">
Our tech stack
</p>
</div>
<div class="framer-1hoysp" data-framer-name="Techstack">
<div class="framer-12nijp1-container" data-framer-name="Figma" name="Figma" style="
will-change: transform;
opacity: 0;
transform: translateX(-5px);
">
<div name="Figma" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-19z3nzq" data-framer-name="Figma">
<div data-framer-component-type="SVG" data-framer-name="Figma" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-164obgp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1154356418_1062" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Figma
</p>
</div>
</div>
</div>
</div>
<div class="framer-n0mdr4-container" data-framer-name="Framer" name="Framer" style="
will-change: transform;
opacity: 0;
transform: translateX(-10px);
">
<div name="Framer" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-k9zvek" data-framer-name="Framer">
<div data-framer-component-type="SVG" data-framer-name="Framer" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-9l1wu7"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1241953022_113" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Framer
</p>
</div>
</div>
</div>
</div>
<div class="framer-xxen7d-container" data-framer-name="Webflow" name="Webflow" style="
will-change: transform;
opacity: 0;
transform: translateX(-15px);
">
<div name="Webflow" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1kw4m10" data-framer-name="Webflow">
<div data-framer-component-type="SVG" data-framer-name="Webflow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1oj7agp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-714027679_261" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Webflow
</p>
</div>
</div>
</div>
</div>
<div class="framer-1avmfdj-container" data-framer-name="Trello" name="Trello" style="
will-change: transform;
opacity: 0;
transform: translateX(-30px);
">
<div name="Trello" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-okzprp" data-framer-name="Trello">
<div data-framer-component-type="SVG" data-framer-name="Trello" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1xh9hyy"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1790382662_457" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Trello
</p>
</div>
</div>
</div>
</div>
<div class="framer-im0k0f-container" data-framer-name="Open Ai" name="Open Ai" style="
will-change: transform;
opacity: 0;
transform: translateX(-35px);
">
<div name="Open Ai" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1y4ivzu" data-framer-name="OpenAI">
<div data-framer-component-type="SVG" data-framer-name="Openai" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-b5dofj"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1949475059_1326" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Openai
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1w972xw hidden-1slso0x" data-framer-name="Inside Container">
<div class="framer-s4xw1u" data-framer-name="Hero reels" style="display: flex; position: relative">
<ul role="group" draggable="false" style="
display: flex;
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
justify-content: flex-start;
flex-direction: row;
gap: 0px;
opacity: 0;
align-items: center;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
transform: translateX(NaNpx);
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: pan-y;
">
<li class="ticker-item" aria-hidden="false" aria-posinset="1" aria-setsize="4" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: fit-content;
transform: none;
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-noqp11-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/eU55f9Rqi7RmxuyZSqO7inNWs.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/mJNoIyXQMdnAfLyFLSNlKpnEeA.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt="Young person with wavy hair poses confidently in sunlight against a modern building backdrop. Wears a black blazer and silver necklace, conveying elegance."
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
6hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
74k Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-noqp11-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/eU55f9Rqi7RmxuyZSqO7inNWs.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/mJNoIyXQMdnAfLyFLSNlKpnEeA.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt="Young person with wavy hair poses confidently in sunlight against a modern building backdrop. Wears a black blazer and silver necklace, conveying elegance."
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
6hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
74k Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="2" aria-setsize="4" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: fit-content;
transform: none;
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-isayq6-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/0C8QJoZGtk0iOuKbgzuXQj12uc.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/5fXyuDeybFgTu6ShYLH9RQmypzY.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
8hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
1M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-isayq6-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/0C8QJoZGtk0iOuKbgzuXQj12uc.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/5fXyuDeybFgTu6ShYLH9RQmypzY.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
8hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
1M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="3" aria-setsize="4" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: fit-content;
transform: none;
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1idcte9-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/QdXck5qFE3Cd7qSQFMZKVfCc2k.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/63l8Yuk31uoFEKcCj9RU0pczhLU.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt="A person with short, curly blond hair wears a bright orange turtleneck sweater. The background is plain, creating a calm and focused portrait look."
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
7hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
80M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1idcte9-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/QdXck5qFE3Cd7qSQFMZKVfCc2k.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/63l8Yuk31uoFEKcCj9RU0pczhLU.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt="A person with short, curly blond hair wears a bright orange turtleneck sweater. The background is plain, creating a calm and focused portrait look."
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
7hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
80M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="4" aria-setsize="4" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: fit-content;
transform: none;
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1hh7u1x-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/yBzQ3mdHRlmt7mBJpev3Ym5tY0I.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/eE2wcvVyMh6k3nPG0HTVIRn5CDE.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
7hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
32M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1hh7u1x-container">
<!--$-->
<div class="framer-iTI3D framer-Z1xQO framer-Htbq3 framer-qr9enr framer-v-qr9enr"
data-framer-name="Variant 1" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
height: 100%;
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-dwezht-container">
<video src="https://framerusercontent.com/assets/yBzQ3mdHRlmt7mBJpev3Ym5tY0I.mp4" loop
preload="none"
poster="https://framerusercontent.com/images/eE2wcvVyMh6k3nPG0HTVIRn5CDE.jpg?width=640&height=1136"
muted playsinline style="
cursor: auto;
width: 100%;
height: 100%;
border-radius: 14px;
display: block;
object-fit: cover;
background-color: rgba(0, 0, 0, 0);
object-position: 50% 50%;
"></video>
</div>
<div class="framer-aeplib" data-framer-name="Top info wrapper">
<div class="framer-n1gu1" data-framer-name="User info wrapper">
<div class="framer-198qm0" style="
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="30px"
/>
</div>
</div>
<div class="framer-mko4fi" data-framer-name="Text wrapper">
<div class="framer-1j7qoau" data-framer-name="Username wrapper">
<div class="framer-i7pu3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-23n4qh" data-styles-preset="Bz5ZWXCRI"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Leverage Money
</p>
</div>
<div class="framer-102t6lg">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="800"
height="800"
sizes="(min-width: 1200px) 16px, (min-width: 768px) and (max-width: 991.98px) 16px, (max-width: 767.98px) 16px, (min-width: 992px) and (max-width: 1199.98px) 16px"
srcset=","
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?scale-down-to=512&width=800&height=800 512w
https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800 800w
src="https://framerusercontent.com/images/pTRhZVdFwGRZi9XxUCJBHhskHE0.svg?width=800&height=800"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="16px"
/>
</div>
</div>
</div>
<div class="framer-1chji8z" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
opacity: 0.7;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder',
sans-serif;
--framer-font-size: 12px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.4em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
7hr
</p>
</div>
</div>
</div>
<div class="framer-7rn966" data-framer-name="Icons wrapper">
<div class="framer-v4bzu1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/iXKZ9GVBGy5zQpMvqR4EF4Pyplw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
<div class="framer-13d1my1">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="256"
height="256"
src="https://framerusercontent.com/images/gZJ4oBMyGyV4z3Vb9eTFrnqciw.svg?width=256&height=256"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1hpquhe" data-framer-name="Views tag wrapper">
<div class="framer-1tpye6u" data-framer-name="Views tag" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
">
<div class="framer-5ud4aj" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1o25x42" data-styles-preset="L3_R2aedm">
32M Views
</p>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="framer-1k0qr8s hidden-dsxqep hidden-1d7c730 hidden-1slso0x" data-framer-name="Alternative Text"
style="
will-change: transform;
opacity: 0;
transform: translateY(20px) rotate(-31deg);
">
<div class="framer-1saus0w" data-framer-name="Arrow">
<div class="framer-1f6c57y" style="transform: rotateY(180deg)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="32"
height="31"
src="https://framerusercontent.com/images/70A1TVDytyaXNukzYYdKPABwt1c.svg?width=32&height=31"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="framer-1i09owy" data-framer-component-type="RichTextContainer" style="transform: none">
<p style="
--font-selector: R0Y7Q2F2ZWF0LXJlZ3VsYXI=;
--framer-font-family: 'Caveat', sans-serif;
--framer-font-size: 18px;
--framer-text-alignment: center;
" class="framer-text">
<span style="white-space: nowrap"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>O</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>u</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>r</span></span>
<span style="white-space: nowrap"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>C</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>o</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>n</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>t</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>e</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>n</span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(10px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>t</span></span>
</p>
</div>
</div>
</section>
<section class="framer-1juxwjo" data-border="true" data-framer-name="Services" id="services66">
<div class="framer-wwqkfl hidden-72rtr7 hidden-dsxqep hidden-1d7c730" data-framer-name="Heading / Techstack"
style="grid-template-columns: repeat(1, 1fr)">
<div style="
display: flex;
flex-direction: column;
row-gap: 64px;
width: 100%;
">
<div class="framer-zc38qr" data-framer-name="Services I can help you with."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Services</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>that</span><br class="framer-text" /></span><span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>supercharge</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>your</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>business.</span></span>
</h2>
</div>
<div class="framer-1w454d7" data-framer-name="Techstack">
<div class="framer-kg5a2o" data-framer-name="Inside Container">
<div class="framer-mzy2ii" data-framer-name="Services">
<div class="framer-1a1yqzx-container" data-framer-name="Framer Dev" name="Framer Dev">
<div name="Framer Dev" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Framer Development
</p>
</div>
</div>
</div>
<div class="framer-7pgquf-container" data-framer-name="Web Apps" name="Web Apps">
<div name="Web Apps" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Web Apps
</p>
</div>
</div>
</div>
<div class="framer-14p0sja-container" data-framer-name="Landing Pages" name="Landing Pages">
<div name="Landing Pages" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Landing Pages
</p>
</div>
</div>
</div>
<div class="framer-l5iyen-container" data-framer-name="UI UX Consultation"
name="UI UX Consultation">
<div name="UI UX Consultation" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
UX / UI Consultation
</p>
</div>
</div>
</div>
</div>
</div>
<div class="framer-71yh8x" data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH">
Our tech stack
</p>
</div>
<div class="framer-hcoovz" data-framer-name="Techstack">
<div class="framer-2vc21q-container" data-framer-name="Figma" name="Figma" style="
will-change: transform;
opacity: 0;
transform: translateX(-5px);
">
<div name="Figma" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-19z3nzq" data-framer-name="Figma">
<div data-framer-component-type="SVG" data-framer-name="Figma" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-164obgp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1154356418_1062" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Figma
</p>
</div>
</div>
</div>
</div>
<div class="framer-9z1jyd-container" data-framer-name="Framer" name="Framer" style="
will-change: transform;
opacity: 0;
transform: translateX(-10px);
">
<div name="Framer" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-k9zvek" data-framer-name="Framer">
<div data-framer-component-type="SVG" data-framer-name="Framer" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-9l1wu7"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1241953022_113" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Framer
</p>
</div>
</div>
</div>
</div>
<div class="framer-13s5fkb-container" data-framer-name="Webflow" name="Webflow" style="
will-change: transform;
opacity: 0;
transform: translateX(-15px);
">
<div name="Webflow" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1kw4m10" data-framer-name="Webflow">
<div data-framer-component-type="SVG" data-framer-name="Webflow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1oj7agp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-714027679_261" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Webflow
</p>
</div>
</div>
</div>
</div>
<div class="framer-12xo4mb-container" data-framer-name="Trello" name="Trello" style="
will-change: transform;
opacity: 0;
transform: translateX(-30px);
">
<div name="Trello" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-okzprp" data-framer-name="Trello">
<div data-framer-component-type="SVG" data-framer-name="Trello" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1xh9hyy"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1790382662_457" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Trello
</p>
</div>
</div>
</div>
</div>
<div class="framer-18ajuhd-container" data-framer-name="Open Ai" name="Open Ai" style="
will-change: transform;
opacity: 0;
transform: translateX(-35px);
">
<div name="Open Ai" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1y4ivzu" data-framer-name="OpenAI">
<div data-framer-component-type="SVG" data-framer-name="Openai" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-b5dofj"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1949475059_1326" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Openai
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1xogd18 hidden-1slso0x" data-framer-name="Inside Container">
<div class="framer-sllsq9" data-framer-name="Heading / Techstack">
<div class="framer-1f2a2vo" data-framer-name="Services I can help you with."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO" style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Services</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>that</span><br class="framer-text" /></span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>supercharge</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>your</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>business.</span>
</h2>
</div>
<div class="framer-wbybm3" data-framer-name="Techstack">
<div class="framer-1bomcw" data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH">
Our tech stack
</p>
</div>
<div class="framer-14mcmwc" data-framer-name="Techstack">
<div class="framer-19xfy18-container" data-framer-name="Figma" name="Figma" style="
will-change: transform;
opacity: 0;
transform: translateX(-5px);
">
<div name="Figma" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-19z3nzq" data-framer-name="Figma">
<div data-framer-component-type="SVG" data-framer-name="Figma" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-164obgp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1154356418_1062" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Figma
</p>
</div>
</div>
</div>
</div>
<div class="framer-1fx4wy3-container" data-framer-name="Framer" name="Framer" style="
will-change: transform;
opacity: 0;
transform: translateX(-10px);
">
<div name="Framer" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-k9zvek" data-framer-name="Framer">
<div data-framer-component-type="SVG" data-framer-name="Framer" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-9l1wu7"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-1241953022_113" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Framer
</p>
</div>
</div>
</div>
</div>
<div class="framer-umfs3l-container" data-framer-name="Webflow" name="Webflow" style="
will-change: transform;
opacity: 0;
transform: translateX(-15px);
">
<div name="Webflow" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1kw4m10" data-framer-name="Webflow">
<div data-framer-component-type="SVG" data-framer-name="Webflow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1oj7agp"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-714027679_261" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Webflow
</p>
</div>
</div>
</div>
</div>
<div class="framer-fdlbu2-container" data-framer-name="Rive" name="Rive" style="
will-change: transform;
opacity: 0;
transform: translateX(-20px);
">
<div name="Rive" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-g9lwz0" data-framer-name="Rive">
<div data-framer-component-type="SVG" data-framer-name="Rive" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-p6gicc"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg-2096480319_611" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Rive
</p>
</div>
</div>
</div>
</div>
<div class="framer-hwmra2-container" data-framer-name="Blender" name="Blender" style="
will-change: transform;
opacity: 0;
transform: translateX(-25px);
">
<div name="Blender" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-9xcm3l" data-framer-name="Blender">
<div data-framer-component-type="SVG" data-framer-name="Blender" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-16pl8ko"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1063593976_1261" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Blender
</p>
</div>
</div>
</div>
</div>
<div class="framer-bn7w8r-container" data-framer-name="Trello" name="Trello" style="
will-change: transform;
opacity: 0;
transform: translateX(-30px);
">
<div name="Trello" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-okzprp" data-framer-name="Trello">
<div data-framer-component-type="SVG" data-framer-name="Trello" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1xh9hyy"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1790382662_457" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Trello
</p>
</div>
</div>
</div>
</div>
<div class="framer-1thwm5j-container" data-framer-name="Open Ai" name="Open Ai" style="
will-change: transform;
opacity: 0;
transform: translateX(-35px);
">
<div name="Open Ai" class="framer-RVQeQ framer-qllfE framer-1d3vdwe framer-v-1d3vdwe"
data-framer-name="Tech Stack Logo">
<div class="framer-v93lqn" data-border="true" data-framer-name="Tool Logo" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
">
<div class="framer-1y4ivzu" data-framer-name="OpenAI">
<div data-framer-component-type="SVG" data-framer-name="Openai" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-b5dofj"
aria-hidden="true" style="
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg1949475059_1326" />
</svg>
</div>
</div>
</div>
</div>
<div class="framer-1xvo7ne" data-framer-name="Tooltip" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0;
transform: translateX(-50%);
">
<div class="framer-9jnlh4" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Openai
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-12tqy98" data-framer-name="Services">
<div class="framer-hqh2iw-container" data-framer-name="Framer Dev" name="Framer Dev">
<div name="Framer Dev" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Framer Development
</p>
</div>
</div>
</div>
<div class="framer-dzhb9s-container" data-framer-name="Web Apps" name="Web Apps">
<div name="Web Apps" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Web Apps
</p>
</div>
</div>
</div>
<div class="framer-akxg5a-container" data-framer-name="Landing Pages" name="Landing Pages">
<div name="Landing Pages" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
Landing Pages
</p>
</div>
</div>
</div>
<div class="framer-1kmbhtl-container" data-framer-name="UI UX Consultation" name="UI UX Consultation">
<div name="UI UX Consultation" class="framer-TCs1t framer-dzEWc framer-1lapw2y framer-v-1lapw2y"
data-framer-name="Variant 1" style="
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
">
<div class="framer-1ho25a0" data-border="true" data-framer-name="Icon" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1j41qye-container">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
</div>
<div class="framer-1ma6rxz" data-framer-name="Service"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
UX / UI Consultation
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="framer-ti4fmg" data-border="true" data-framer-name="About Me">
<div class="framer-rxatli" data-framer-name="Inside Container">
<div class="framer-cbxify" data-framer-name="Designing experiences that solve real problems."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO"
style="--framer-text-alignment: left">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Designing</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>experiences</span></span><br class="framer-text" /><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>that</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>solve</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>real</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>problems.</span>
</h2>
</div>
<div class="framer-u6bdyx" data-framer-name="Content">
<div class="framer-bjgrlx" data-framer-name="Picture / Work History">
<div class="framer-1kbpbm9" data-framer-name="Grid Bento">
<div class="framer-zww3mc" data-framer-name="Content Left">
<div class="framer-1jr4fvo" data-framer-name="Bento List One">
<div class="framer-124vqx6" data-border="true" data-framer-name="Item One" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-1mx6ug9" data-framer-name="Vector" style="transform: translateX(-50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="330"
sizes="(min-width: 1200px) calc(max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px) * 1.0198), (min-width: 992px) and (max-width: 1199.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198), (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 1.0198), (min-width: 768px) and (max-width: 991.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
srcset=","
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?scale-down-to=512&width=736&height=330 512w
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330 736w
src="https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="calc(max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px) * 1.0198)"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1mx6ug9" data-framer-name="Vector" style="transform: translateX(-50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="736"
height="330"
sizes="(min-width: 1200px) calc(max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px) * 1.0198), (min-width: 992px) and (max-width: 1199.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198), (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 1.0198), (min-width: 768px) and (max-width: 991.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
srcset=","
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?scale-down-to=512&width=736&height=330 512w
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330 736w
src="https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1mx6ug9" data-framer-name="Vector" style="transform: translateX(-50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="330"
sizes="(min-width: 1200px) calc(max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px) * 1.0198), (min-width: 992px) and (max-width: 1199.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198), (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 1.0198), (min-width: 768px) and (max-width: 991.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
srcset=","
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?scale-down-to=512&width=736&height=330 512w
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330 736w
src="https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="calc(max(min(100vw, 1080px) - 44px, 50px) * 1.0198)"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1mx6ug9" data-framer-name="Vector" style="transform: translateX(-50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="330"
sizes="(min-width: 1200px) calc(max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px) * 1.0198), (min-width: 992px) and (max-width: 1199.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198), (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 1.0198), (min-width: 768px) and (max-width: 991.98px) calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
srcset=","
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?scale-down-to=512&width=736&height=330 512w
https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330 736w
src="https://framerusercontent.com/images/jUxjMEIesCVLrVzTOoqyk8g8is.png?width=736&height=330"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="calc(max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px) * 1.0198)"
/>
</div>
</div>
</div>
<div class="framer-1lyunen" data-framer-name="Content">
<div class="framer-bm2mfn" data-framer-name="Title">
<div class="framer-1m9pw0h" data-framer-name="Stats counter">
<svg class="framer-VTL13 framer-126i0zf" role="presentation" viewBox="0 0 24 24">
<use href="#726767363" />
</svg>
<div class="framer-1s2mu5g" data-framer-component-type="RichTextContainer"
style="transform: none">
<h4 style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder',
sans-serif;
--framer-font-size: 28px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.05em;
--framer-text-alignment: left;
" class="framer-text">
998M+
</h4>
</div>
</div>
<div class="framer-w38u7y" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-1mf0t1b" data-styles-preset="p7d8ot7xK"
style="--framer-text-alignment: left">
Total Impressions
</p>
</div>
<div class="framer-cqduq6" data-framer-component-type="RichTextContainer"
style="transform: none">
<p style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf'
on,
'cv09' on, 'cv03' on, 'cv04' on,
'cv11' on;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-035a296d-e601-45ff-83e7-e15bb017890e,
rgb(91, 91, 91)
);
" class="framer-text">
We design and build digital products that
capture attention, enhance usability, and
drive consistent engagement across
platforms.
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x">
<div class="framer-16d37nl" data-border="true" data-framer-name="Item Two" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div class="framer-13mmct1" data-framer-name="Title">
<div class="framer-f5pmz0" data-framer-name="Stats counter">
<svg class="framer-1ipic framer-hoillo" role="presentation" viewBox="0 0 24 24">
<use href="#1175745045" />
</svg>
<div class="framer-qbettu" data-framer-component-type="RichTextContainer"
style="transform: none">
<h4 style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder',
sans-serif;
--framer-font-size: 28px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.05em;
--framer-text-alignment: left;
" class="framer-text">
150+
</h4>
</div>
</div>
<div class="framer-16dk7r9" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-1mf0t1b" data-styles-preset="p7d8ot7xK"
style="--framer-text-alignment: left">
Startups Scaled
</p>
</div>
<div class="framer-2802je" data-framer-component-type="RichTextContainer"
style="transform: none">
<p style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf'
on,
'cv09' on, 'cv03' on, 'cv04' on,
'cv11' on;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-035a296d-e601-45ff-83e7-e15bb017890e,
rgb(91, 91, 91)
);
" class="framer-text">
We've created web apps for more than 150
startups and 9 startups out of them that
have each reached over $10M ARR through
exceptional development and strategic
execution.
</p>
</div>
</div>
<div class="framer-xtirwt hidden-1slso0x" data-framer-name="Content"></div>
<div class="framer-1p6h59t" data-framer-name="Decoration Wrap"></div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-16d37nl" data-border="true" data-framer-name="Item Two" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="735"
height="477"
sizes="(max-width: 767.98px) max(min(100vw, 1080px) - 44px, 50px)"
srcset=","
https://framerusercontent.com/images/tJFm44QuQ8X9ru4mTadImSMYE.jpg?scale-down-to=512&width=735&height=477 512w
https://framerusercontent.com/images/tJFm44QuQ8X9ru4mTadImSMYE.jpg?width=735&height=477 735w
src="https://framerusercontent.com/images/tJFm44QuQ8X9ru4mTadImSMYE.jpg?width=735&height=477"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(min(100vw, 1080px) - 44px, 50px)"
/>
</div>
<div class="framer-13mmct1" data-framer-name="Title">
<div class="framer-f5pmz0" data-framer-name="Stats counter">
<svg class="framer-1ipic framer-hoillo" role="presentation" viewBox="0 0 24 24">
<use href="#1175745045" />
</svg>
<div class="framer-qbettu" data-framer-component-type="RichTextContainer"
style="transform: none">
<h4 style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder',
sans-serif;
--framer-font-size: 28px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.05em;
--framer-text-alignment: left;
" class="framer-text">
150+
</h4>
</div>
</div>
<div class="framer-16dk7r9" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-1mf0t1b" data-styles-preset="p7d8ot7xK"
style="
--framer-text-alignment: left;
--framer-text-color: rgb(255, 255, 255);
">
Startups Scaled
</p>
</div>
<div class="framer-2802je" data-framer-component-type="RichTextContainer"
style="transform: none">
<p style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf'
on,
'cv09' on, 'cv03' on, 'cv04' on,
'cv11' on;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
" class="framer-text">
We've created web apps for more than 150
startups and 9 startups out of them that
have each reached over $10M ARR through
exceptional development and strategic
execution.
</p>
</div>
</div>
<div class="framer-xtirwt hidden-1slso0x" data-framer-name="Content"></div>
<div class="framer-1p6h59t" data-framer-name="Decoration Wrap"></div>
</div>
</div>
</div>
<div class="framer-njuwt7" data-framer-name="Bento List Two">
<div class="framer-f8k2ho" data-border="true" data-framer-name="Item Three" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div class="framer-b5pwjv" data-framer-name="Content">
<div class="framer-gwzsop" data-framer-name="Title">
<div class="framer-u3t8s9" data-framer-name="Stats counter">
<svg class="framer-DITGk framer-gkjazu" role="presentation" viewBox="0 0 24 24">
<use href="#282897690" />
</svg>
<div class="framer-yvqf2e" data-framer-component-type="RichTextContainer"
style="transform: none">
<h4 style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder',
sans-serif;
--framer-font-size: 28px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.05em;
--framer-text-alignment: left;
" class="framer-text">
$12M+
</h4>
</div>
</div>
<div class="framer-1rtltr6" data-framer-component-type="RichTextContainer"
style="transform: none">
<h3 style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-size: 24px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
" class="framer-text">
Revenue Impact
</h3>
</div>
<div class="framer-12u55v7" data-framer-component-type="RichTextContainer"
style="transform: none">
<p style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf'
on,
'cv09' on, 'cv03' on, 'cv04' on,
'cv11' on;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-035a296d-e601-45ff-83e7-e15bb017890e,
rgb(91, 91, 91)
);
" class="framer-text">
Our web solutions, UI/UX strategy, and
e-commerce development translate into real,
measurable business growth.
</p>
</div>
</div>
</div>
<div class="framer-1c84lil" data-framer-name="Icon List">
<div class="framer-1qya3gm">
<div class="framer-1d9hxo6" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1b603hz" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="30"
height="30"
src="https://framerusercontent.com/images/efLCLfdSxqcfy9DIC5AAt2N2c0.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1b603hz" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="30"
height="30"
src="https://framerusercontent.com/images/efLCLfdSxqcfy9DIC5AAt2N2c0.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-19y69oj" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1pm3509" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="30"
height="30"
src="https://framerusercontent.com/images/8lbwnCCoqTeojlLp7KUFHMt5JN4.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1pm3509" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="30"
height="30"
src="https://framerusercontent.com/images/8lbwnCCoqTeojlLp7KUFHMt5JN4.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-18l4a5" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
"></div>
</div>
<div class="framer-nr5pzn">
<div class="framer-1twl1ht" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-f6w2hx" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="20"
height="30"
src="https://framerusercontent.com/images/0xAeNq8ZNPXhvjBvisHxiophBU8.svg?width=20&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-f6w2hx" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="20"
height="30"
src="https://framerusercontent.com/images/0xAeNq8ZNPXhvjBvisHxiophBU8.svg?width=20&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-1ffg0w3" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-eha8s6" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="15"
height="22"
src="https://framerusercontent.com/images/JzHH3hljUaqNB6SX02tbMbUShdI.svg?width=15&height=22"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-eha8s6" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="15"
height="22"
src="https://framerusercontent.com/images/JzHH3hljUaqNB6SX02tbMbUShdI.svg?width=15&height=22"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-vm342h" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-fy18k6" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="30"
height="30"
src="https://framerusercontent.com/images/leHSv1dkeXfNU2DP6JPX9SOzlo.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-fy18k6" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="30"
height="30"
src="https://framerusercontent.com/images/leHSv1dkeXfNU2DP6JPX9SOzlo.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
<div class="framer-u5zsat" data-framer-name="Icon Wrap" style="
will-change: transform;
opacity: 0;
transform: translateY(-50px);
">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1ylocf1" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="30"
height="30"
src="https://framerusercontent.com/images/abCncDkzUyqe0zS8zSkuDG08Y4.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1ylocf1" data-framer-name="Icon">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="30"
height="30"
src="https://framerusercontent.com/images/abCncDkzUyqe0zS8zSkuDG08Y4.svg?width=30&height=30"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-1fed9lm" data-framer-name="Item Four" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="736"
sizes="(min-width: 1200px) max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px), (min-width: 992px) and (max-width: 1199.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px), (max-width: 767.98px) max(min(100vw, 1080px) - 44px, 50px), (min-width: 768px) and (max-width: 991.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
srcset=","
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?scale-down-to=512&width=736&height=736 512w
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736 736w
src="https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736"
alt="BG Image"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px)"
/>
</div>
<div class="framer-1ncnhf4" data-border="true" data-framer-name="Overlay"></div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1fed9lm" data-framer-name="Item Four" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="736"
height="736"
sizes="(min-width: 1200px) max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px), (min-width: 992px) and (max-width: 1199.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px), (max-width: 767.98px) max(min(100vw, 1080px) - 44px, 50px), (min-width: 768px) and (max-width: 991.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
srcset=","
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?scale-down-to=512&width=736&height=736 512w
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736 736w
src="https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736"
alt="BG Image"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
/>
</div>
<div class="framer-1ncnhf4" data-border="true" data-framer-name="Overlay"></div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1fed9lm" data-framer-name="Item Four" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="736"
sizes="(min-width: 1200px) max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px), (min-width: 992px) and (max-width: 1199.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px), (max-width: 767.98px) max(min(100vw, 1080px) - 44px, 50px), (min-width: 768px) and (max-width: 991.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
srcset=","
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?scale-down-to=512&width=736&height=736 512w
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736 736w
src="https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736"
alt="BG Image"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max(min(100vw, 1080px) - 44px, 50px)"
/>
</div>
<div class="framer-1ncnhf4" data-border="true" data-framer-name="Overlay"></div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1fed9lm" data-framer-name="Item Four" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="736"
height="736"
sizes="(min-width: 1200px) max((max(max((max(min(100vw, 1080px) - 88px, 1px) - 20px) / 3, 50px) * 2 + 10px, 50px) - 10px) / 2, 50px), (min-width: 992px) and (max-width: 1199.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px), (max-width: 767.98px) max(min(100vw, 1080px) - 44px, 50px), (min-width: 768px) and (max-width: 991.98px) max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
srcset=","
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?scale-down-to=512&width=736&height=736 512w
https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736 736w
src="https://framerusercontent.com/images/4lYCfiAvtg3SEt7ORsmURaj2Es.jpg?width=736&height=736"
alt="BG Image"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="max((max(max(min(100vw, 1080px) - 88px, 1px), 50px) - 10px) / 2, 50px)"
/>
</div>
<div class="framer-1ncnhf4" data-border="true" data-framer-name="Overlay"></div>
</div>
</div>
</div>
</div>
<div class="framer-1mzi40b" data-framer-name="Item Right" style="
will-change: transform;
opacity: 0;
transform: translateY(30px);
">
<div class="framer-ntj2xv" data-framer-name="Blur Top"></div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="framer-68qyzf" data-framer-name="Vector" style="
will-change: transform;
opacity: 0;
transform: translateX(50px) translateY(50px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="668"
height="791"
sizes="(min-width: 1200px) 450px, (min-width: 768px) and (max-width: 991.98px) 450px, (min-width: 992px) and (max-width: 1199.98px) 450px, (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 0.6)"
srcset=""
https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791 668w
src="https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="450px"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-68qyzf" data-framer-name="Vector" style="
will-change: transform;
opacity: 0;
transform: translateX(50px) translateY(50px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="668"
height="791"
sizes="(min-width: 1200px) 450px, (min-width: 768px) and (max-width: 991.98px) 450px, (min-width: 992px) and (max-width: 1199.98px) 450px, (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 0.6)"
srcset=""
https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791 668w
src="https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="450px"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-68qyzf" data-framer-name="Vector" style="
will-change: transform;
opacity: 0;
transform: translateX(50px) translateY(50px);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="668"
height="791"
sizes="(min-width: 1200px) 450px, (min-width: 768px) and (max-width: 991.98px) 450px, (min-width: 992px) and (max-width: 1199.98px) 450px, (max-width: 767.98px) calc(max(min(100vw, 1080px) - 44px, 50px) * 0.6)"
srcset=""
https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791 668w
src="https://framerusercontent.com/images/ZywE1VmIeWyUjcGlRI6E373zLc.png?width=668&height=791"
alt="Vector"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="calc(max(min(100vw, 1080px) - 44px, 50px) * 0.6)"
/>
</div>
</div>
</div>
<div class="framer-1yd48s6" data-framer-name="Blur Bottom"></div>
<div class="framer-1hnuu4l" data-framer-name="Content">
<div class="framer-4qtor7" data-framer-component-type="RichTextContainer"
style="transform: none">
<h3 style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf' on,
'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
--framer-font-size: 28px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.04em;
--framer-text-alignment: left;
--framer-text-color: var(
--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
rgb(255, 255, 255)
);
" class="framer-text">
Industries we work with
</h3>
</div>
<div class="framer-1c56np3" data-framer-name="List">
<div class="framer-1vqpt9b" data-framer-name="Box 06" style="
will-change: transform;
opacity: 0;
transform: translateY(20px);
">
<div class="framer-9e6v95" data-framer-name="Bottom">
<div class="framer-1gghw24" data-framer-name="List" style="
overflow-y: clip;
display: flex;
position: relative;
">
<ul role="group" draggable="false" style="
display: flex;
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
justify-content: flex-start;
flex-direction: column;
gap: 12px;
opacity: 0;
align-items: center;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
transform: translateY(-12px);
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
touch-action: pan-x;
">
<li class="ticker-item" aria-hidden="false" aria-posinset="1" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-nfi39f-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Healthcare & Wellness
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-nfi39f-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Healthcare & Wellness
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-nfi39f-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Healthcare & Wellness
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-nfi39f-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Healthcare & Wellness
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="2" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-1jeezrt" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="3" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-xow5tm-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Finance & Fintech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-xow5tm-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Finance & Fintech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-xow5tm-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Finance & Fintech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-xow5tm-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Finance & Fintech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="4" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-z56f01" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="5" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-lksro3-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
SaaS & Tech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-lksro3-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
SaaS & Tech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-lksro3-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
SaaS & Tech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-lksro3-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
SaaS & Tech
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="6" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-nj505k" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="7" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-izzfl1-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
E-Commerce & D2C
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-izzfl1-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
E-Commerce & D2C
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-izzfl1-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
E-Commerce & D2C
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-izzfl1-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
E-Commerce & D2C
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="8" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-usqvpq" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="9" aria-setsize="16" style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-rqdd22-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Architecture & Interiors
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-rqdd22-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Architecture & Interiors
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-rqdd22-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Architecture & Interiors
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-rqdd22-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Architecture & Interiors
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="10" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-j4y9ud" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="11" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-fdhuko-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Education & Learning
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-fdhuko-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Education & Learning
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-fdhuko-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Education & Learning
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-fdhuko-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Education & Learning
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="12" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-v287zy" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="13" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-gy40zr-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Hospitality & Events
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-gy40zr-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Hospitality & Events
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-gy40zr-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Hospitality & Events
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-gy40zr-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Hospitality & Events
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="14" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-1oq4nuw" data-border="true" data-framer-name="Divider"></div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="15" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-1d7c730">
<div class="framer-wedyf6-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Lifestyle & Luxury
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-wedyf6-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Lifestyle & Luxury
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-wedyf6-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Lifestyle & Luxury
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-wedyf6-container">
<!--$-->
<div
class="framer-vp6pd framer-ZEcWU framer-lJgJT framer-1w4z8ft framer-v-1w4z8ft"
data-framer-name="Default" style="width: 100%">
<div class="framer-1a23hxn" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
<div class="framer-h9a0af" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: rgb(
255,
255,
255
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1y0hf9t"
data-styles-preset="MaxrjWxSb" style="
--framer-text-color: var(
--extracted-r6o4lv,
rgb(255, 255, 255)
);
">
Lifestyle & Luxury
</p>
</div>
<div class="framer-go0t9v" data-framer-name="Dot" style="
background-color: rgb(
255,
255,
255
);
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
"></div>
</div>
<!--/$-->
</div>
</div>
</li>
<li class="ticker-item" aria-hidden="false" aria-posinset="16" aria-setsize="16"
style="
flex-grow: 0;
flex-shrink: 0;
position: relative;
height: fit-content;
width: 100%;
transform: none;
">
<div class="framer-rsgiza" data-border="true" data-framer-name="Divider"></div>
</li>
</ul>
</div>
<div class="framer-1857gj6" data-framer-name="Overlay 01"></div>
<div class="framer-x2ljd2" data-framer-name="Overlay 02"></div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-14fedim-container">
<!--$-->
<div class="ssr-variant hidden-1slso0x">
<!--$--><a class="framer-m9RVR framer-00zUp framer-qq40zq framer-v-qq40zq framer-qyhzma"
data-framer-name="Button" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" style="
background-color: var(
--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
rgb(255, 255, 255)
);
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
">
<div class="framer-1kmuyeq" data-framer-name="Text Wrap">
<div class="framer-qin22u" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1htzp4t" data-styles-preset="Km9j3Ze09"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
)
);
">
Get started
</p>
</div>
<div class="framer-ulplz5" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: translateX(-50%) scale(1.2);
">
<p class="framer-text framer-styles-preset-1htzp4t" data-styles-preset="Km9j3Ze09"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
)
);
">
Get started
</p>
</div>
</div>
<div class="framer-9yu7mh" data-framer-name="Icon Wrapper">
<div class="framer-1vask7s" data-framer-name="BG" style="
background-color: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
transform: none;
"></div>
<div class="framer-100630b" data-framer-name="Icon"
style="transform: translate(-50%, -50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="15"
height="12"
src="https://framerusercontent.com/images/KWJNozAd7q02vth5AHwiNfHFDhc.svg"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
<div class="framer-ounvj9" data-framer-name="Hover Icon" style="
transform: translateY(-50%) scale(1.2);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="15"
height="12"
src="https://framerusercontent.com/images/KWJNozAd7q02vth5AHwiNfHFDhc.svg"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1d7c730 hidden-72rtr7">
<!--$--><a class="framer-m9RVR framer-00zUp framer-qq40zq framer-v-11kktsb framer-qyhzma"
data-framer-name="Button - Phone" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" style="
background-color: var(
--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
rgb(255, 255, 255)
);
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
">
<div class="framer-1kmuyeq" data-framer-name="Text Wrap">
<div class="framer-qin22u" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1htzp4t" data-styles-preset="Km9j3Ze09"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
)
);
">
Get started
</p>
</div>
</div>
<div class="framer-9yu7mh" data-framer-name="Icon Wrapper">
<div class="framer-1vask7s" data-framer-name="BG" style="
background-color: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
transform: none;
"></div>
<div class="framer-100630b" data-framer-name="Icon"
style="transform: translate(-50%, -50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="15"
height="12"
src="https://framerusercontent.com/images/KWJNozAd7q02vth5AHwiNfHFDhc.svg"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</a><!--/$-->
</div>
<!--/$-->
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-14fedim-container">
<!--$--><!--$--><a
class="framer-m9RVR framer-00zUp framer-qq40zq framer-v-qq40zq framer-qyhzma"
data-framer-name="Button" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" style="
background-color: var(
--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
rgb(255, 255, 255)
);
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
">
<div class="framer-1kmuyeq" data-framer-name="Text Wrap">
<div class="framer-qin22u" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1htzp4t" data-styles-preset="Km9j3Ze09"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
)
);
">
Book A Call
</p>
</div>
<div class="framer-ulplz5" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: translateX(-50%) scale(1.2);
">
<p class="framer-text framer-styles-preset-1htzp4t" data-styles-preset="Km9j3Ze09"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
)
);
">
Book A Call
</p>
</div>
</div>
<div class="framer-9yu7mh" data-framer-name="Icon Wrapper">
<div class="framer-1vask7s" data-framer-name="BG" style="
background-color: var(
--token-b8896b7a-5685-4e33-abc9-187783f9a22f,
rgb(5, 8, 12)
);
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
transform: none;
"></div>
<div class="framer-100630b" data-framer-name="Icon"
style="transform: translate(-50%, -50%)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="15"
height="12"
src="https://framerusercontent.com/images/KWJNozAd7q02vth5AHwiNfHFDhc.svg"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
<div class="framer-ounvj9" data-framer-name="Hover Icon" style="
transform: translateY(-50%) scale(1.2);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="15"
height="12"
src="https://framerusercontent.com/images/KWJNozAd7q02vth5AHwiNfHFDhc.svg"
alt="Icon"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</a><!--/$--><!--/$-->
</div>
</div>
</div>
<div class="framer-s2slqo" data-framer-name="Bottom">
<div class="framer-eyl88v" data-framer-component-type="RichTextContainer"
style="transform: none">
<p style="
--font-selector: R0Y7R2Vpc3QtNTAw;
--framer-font-family: 'Geist',
'Geist Placeholder', sans-serif;
--framer-font-open-type-features: 'blwf' on,
'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on;
--framer-font-size: 18px;
--framer-font-weight: 500;
--framer-letter-spacing: -0.02em;
--framer-text-color: var(
--token-2116835f-eb87-454b-b6b2-e9e1351f2533,
rgb(255, 255, 255)
);
" class="framer-text">
© 2025 Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="framer-c6ugx" data-border="true" data-framer-name="Pricing" data-hide-scrollbars="true"
id="pricing">
<div class="framer-1asmloc" data-framer-name="Inside Container" id="22">
<div class="framer-1p0hccf" data-framer-name="Heading / Description">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-89on8u" data-framer-name="Simple pricing. Standout designs."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>Simple</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>process.</span><br class="framer-text" /></span><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Powerful</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>web</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>solutions.</span>
</h2>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-89on8u" data-framer-name="Simple pricing. Standout designs."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>Simple</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>process.</span><br class="framer-text" /></span><span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>Powerful</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>web</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>solutions.</span></span>
</h2>
</div>
</div>
<div class="framer-mufc8w"
data-framer-name="Select from monthly subscriptions or individual project rates. Clear costs, no hidden fees."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
We help brands build fast, scalable, and
conversion-focused websites with a clear process and zero
confusion.
</p>
</div>
</div>
<div class="framer-1xjfi4" data-framer-name="Pricing / How it works">
<div class="framer-v867co" data-framer-name="Steps">
<div class="framer-rqpdfg" data-framer-name="Steps">
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="framer-o60bdu-container" data-framer-name="Step 1" name="Step 1">
<div name="Step 1" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Discover</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We understand your business, goals, and users
to define a clear roadmap before we build.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-o60bdu-container" data-framer-name="Step 1" name="Step 1">
<div name="Step 1" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Discover</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We understand your business, goals, and users
to define a clear roadmap before we build.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-o60bdu-container" data-framer-name="Step 1" name="Step 1">
<div name="Step 1" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Discover</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We understand your business, goals, and users
to define a clear roadmap before we build.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="framer-v6k9gp-container" data-framer-name="Step 2" name="Step 2">
<div name="Step 2" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text">Build</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
From UI/UX to development, we craft
high-performance websites using modern,
scalable tech.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-v6k9gp-container" data-framer-name="Step 2" name="Step 2">
<div name="Step 2" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text">Build</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
From UI/UX to development, we craft
high-performance websites using modern,
scalable tech.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-v6k9gp-container" data-framer-name="Step 2" name="Step 2">
<div name="Step 2" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text">Build</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
From UI/UX to development, we craft
high-performance websites using modern,
scalable tech.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="framer-5w1n5r-container" data-framer-name="Step 3" name="Step 3">
<div name="Step 3" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Launch & Grow</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We test, optimize, and launch—ensuring your
website is ready to convert and scale.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-5w1n5r-container" data-framer-name="Step 3" name="Step 3">
<div name="Step 3" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Launch & Grow</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We test, optimize, and launch—ensuring your
website is ready to convert and scale.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-5w1n5r-container" data-framer-name="Step 3" name="Step 3">
<div name="Step 3" class="framer-wjqoj framer-DikSv framer-py6vf5 framer-v-py6vf5"
data-framer-name="Default" style="width: 100%">
<div class="framer-p8t2ui" data-framer-name="Title / Description">
<div class="framer-8gmdim" data-framer-name="Icon / Title">
<div class="framer-1l3ej3k-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1kye0xq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ">
<strong class="framer-text"
>Launch & Grow</strong>
</p>
</div>
</div>
<div class="framer-xicbjv" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1pvr9s" data-styles-preset="aPqv2C1EJ" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
We test, optimize, and launch—ensuring your
website is ready to convert and scale.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-ghzifb" data-framer-name="Pricing Container">
<div class="framer-86rud8" data-framer-name="Top">
<div class="framer-8f09nh" data-framer-name="Left">
<div class="framer-1hovndn" data-border="true" data-framer-name="Card" style="
will-change: transform;
opacity: 1;
transform: rotate(3deg);
">
<div class="framer-1fh3ki5" data-framer-name="Container">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1ygt1mr-container">
<div class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-wkg5xb" data-border="true"
data-framer-name="White" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgb(255, 255, 255);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px
2.288533303243457px -2.5px rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Let’s Work Together
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1ygt1mr-container">
<div class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-wkg5xb" data-border="true"
data-framer-name="White" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgb(255, 255, 255);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px
2.288533303243457px -2.5px rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Start Your Project
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-1bbxw4z"
data-framer-name="Subscription design services for brands who move fast."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf" style="
--framer-text-color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
">
A web partner,
<span
style="
--framer-text-color: rgb(255, 255, 255);
"
class="framer-text"
>not just an Agency</span>
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1bbxw4z"
data-framer-name="Subscription design services for brands who move fast."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf" style="
--framer-text-color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
">
Subscription design services<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
class="framer-text"
>
</span><span
style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
"
class="framer-text"
>for brands who move fast.</span>
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1bbxw4z"
data-framer-name="Subscription design services for brands who move fast."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf" style="
--framer-text-color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
">
Subscription design services<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
class="framer-text"
>
</span><span
style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
"
class="framer-text"
>for brands who move fast.</span>
</p>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-yd00ez" data-framer-name="Lightning Bolt" style="transform: rotate(25deg)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2550"
height="2550"
sizes="(min-width: 1200px) max(208px, 276px), (min-width: 768px) and (max-width: 991.98px) max(208px, 276px), (max-width: 767.98px) max(208px, 276px), (min-width: 992px) and (max-width: 1199.98px) max(208px, 276px)"
srcset=",,,"
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=512&width=2550&height=2550 512w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=1024&width=2550&height=2550 1024w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=2048&width=2550&height=2550 2048w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550 2550w
src="https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550"
alt="Lightning Bolt"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="208px"
/>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-yd00ez" data-framer-name="Lightning Bolt" style="transform: rotate(25deg)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="2550"
height="2550"
sizes="(min-width: 1200px) max(208px, 276px), (min-width: 768px) and (max-width: 991.98px) max(208px, 276px), (max-width: 767.98px) max(208px, 276px), (min-width: 992px) and (max-width: 1199.98px) max(208px, 276px)"
srcset=",,,"
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=512&width=2550&height=2550 512w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=1024&width=2550&height=2550 1024w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=2048&width=2550&height=2550 2048w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550 2550w
src="https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550"
alt="Lightning Bolt"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="208px"
/>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-vw0rly-container" data-framer-name="Spots Left" name="Spots Left">
<div name="Spots Left" class="framer-JlEGd framer-qllfE framer-sigrxl framer-v-sigrxl"
data-border="true" data-framer-name="Variant 1" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px
rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1cqsj80-container">
<div class="framer-JcNLK framer-tyvggw framer-v-tyvggw" data-framer-name="Pulse">
<div class="framer-pvgwp7" data-framer-name="Outer Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0.25;
transform: none;
"></div>
<div class="framer-143oedj" data-framer-name="Inner Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 1;
transform: translate(-50%, -50%);
"></div>
</div>
</div>
<div class="framer-mnudfc" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
2 Spots Left
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-vw0rly-container" data-framer-name="Spots Left" name="Spots Left">
<div name="Spots Left" class="framer-JlEGd framer-qllfE framer-sigrxl framer-v-sigrxl"
data-border="true" data-framer-name="Variant 1" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px
rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1cqsj80-container">
<div class="framer-JcNLK framer-tyvggw framer-v-tyvggw" data-framer-name="Pulse">
<div class="framer-pvgwp7" data-framer-name="Outer Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 0.25;
transform: none;
"></div>
<div class="framer-143oedj" data-framer-name="Inner Circle" style="
background-color: rgb(18, 179, 63);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
opacity: 1;
transform: translate(-50%, -50%);
"></div>
</div>
</div>
<div class="framer-mnudfc" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
2 Spots Left
</p>
</div>
</div>
</div>
</div>
<div class="framer-75yqig" data-framer-name="Heading & Description">
<div class="framer-1594z1t" data-framer-name="Unlimited Design"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ">
Hire us today
</h3>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-av5904" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8">
Work with a focused web development agency that
delivers clean code, strong UI, and real
business impact.
</p>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-av5904" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8">
We help brands build fast, scalable, and
conversion-focused websites with a clear process
and zero confusion.
</p>
</div>
</div>
</div>
</div>
<div class="framer-2dppxa" data-framer-name="Design Subscription">
<div class="framer-1b49y81" data-framer-name="Info Container">
<div class="framer-rcb206" data-framer-name="Heading & Description">
<div class="framer-uxb9pb" data-framer-name="Unlimited Design"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ">
Your long-term web<br
class="framer-text"
/>development partner
</h3>
</div>
<div class="framer-1p3a9ac" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8">
Work with a focused web development agency that
delivers clean code, strong UI, and real
business impact.
</p>
</div>
</div>
<div class="framer-877er8" data-framer-name="Divider Line"></div>
<div class="framer-7t2rr2 hidden-dsxqep" data-framer-name="Benefits">
<div class="framer-6xb31c" data-framer-name="Benefits">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-7mre9j-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Custom website development
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-7mre9j-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Custom website development
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-7mre9j-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Custom website development
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-o0kpd4-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
UI/UX design aligned with your brand
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-o0kpd4-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
UI/UX design aligned with your brand
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-o0kpd4-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
UI/UX design aligned with your brand
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-1c92pho-container" data-framer-name="Benefit 5" name="Benefit 5">
<div name="Benefit 5" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Framer, CMS & modern tech stack
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1c92pho-container" data-framer-name="Benefit 5" name="Benefit 5">
<div name="Benefit 5" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Framer, CMS & modern tech stack
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1c92pho-container" data-framer-name="Benefit 5" name="Benefit 5">
<div name="Benefit 5" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Framer, CMS & modern tech stack
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-1cgekrk-container" data-framer-name="Benefit 6" name="Benefit 6">
<div name="Benefit 6" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Ongoing support after launch
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1cgekrk-container" data-framer-name="Benefit 6" name="Benefit 6">
<div name="Benefit 6" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Ongoing support after launch
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1cgekrk-container" data-framer-name="Benefit 6" name="Benefit 6">
<div name="Benefit 6" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Ongoing support after launch
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-156geoq hidden-72rtr7 hidden-1d7c730 hidden-1slso0x"
data-framer-name="Benefits">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-xy6dc7-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Custom website development
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-xy6dc7-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Custom website development
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1nr1ilj-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
UI/UX design aligned with your brand
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1nr1ilj-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
UI/UX design aligned with your brand
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1vlsvby-container" data-framer-name="Benefit 5" name="Benefit 5">
<div name="Benefit 5" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Framer, CMS & modern tech stack
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1vlsvby-container" data-framer-name="Benefit 5" name="Benefit 5">
<div name="Benefit 5" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Framer, CMS & modern tech stack
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1yh880j-container" data-framer-name="Benefit 6" name="Benefit 6">
<div name="Benefit 6" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Ongoing support after launch
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1yh880j-container" data-framer-name="Benefit 6" name="Benefit 6">
<div name="Benefit 6" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-1dla1ub"
data-framer-name="Benefit Dark" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1">
Ongoing support after launch
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-14a6uqx" data-framer-name="Button & Logo">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1i5fmbs-container">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<!--$--><a aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1wwjpye framer-twy498"
data-border="true" data-framer-name="Default" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a Call
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1d7c730 hidden-72rtr7">
<!--$--><a aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1pgqgmd framer-twy498"
data-border="true" data-framer-name="Mobile" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a Call
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1slso0x hidden-72rtr7">
<!--$--><a aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1pgqgmd framer-twy498"
data-border="true" data-framer-name="Mobile" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px
4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px
9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a Call
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1i5fmbs-container">
<!--$--><a aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1wwjpye framer-twy498"
data-border="true" data-framer-name="Default" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px
0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px
2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a Call
</p>
</div>
</a><!--/$-->
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Cal-logo" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-cc1cf3" aria-hidden="true"
style="image-rendering: pixelated; flex-shrink: 0">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%">
<use href="#svg11456750778" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1jh4hq2" data-border="true" data-framer-name="Single Project">
<div class="framer-1oft12" data-framer-name="Info Container">
<div class="framer-scofad" data-framer-name="Heading / Label">
<div class="framer-teslpm" data-framer-name="Unlimited Design"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ" style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
">
Have a specific project in mind?
</h3>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-x6si3j-container">
<div class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-wkg5xb" data-border="true"
data-framer-name="White" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgb(255, 255, 255);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px
rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Book a Call
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-x6si3j-container">
<div class="framer-2L1Kz framer-qllfE framer-wkg5xb framer-v-wkg5xb" data-border="true"
data-framer-name="White" style="
--border-bottom-width: 1px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgb(255, 255, 255);
-webkit-backdrop-filter: blur(5px);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.6021873017743928px
0.6021873017743928px -1.25px rgba(0, 0, 0, 0.17997),
0px 2.288533303243457px 2.288533303243457px -2.5px
rgba(0, 0, 0, 0.15889),
0px 10px 10px -3.75px rgba(0, 0, 0, 0.0625);
">
<div class="framer-1xukypq" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--framer-paragraph-spacing: 0px;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
Book a Call
</p>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1dg62lo" data-framer-name="Description / Benefits">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-y6cc5r" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8" style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
">
Comprehensive design services for any project
scope.<span
style="
--framer-text-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
"
class="framer-text"
>
</span><span
style="
--framer-text-color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
"
class="framer-text"
>Ideal for one-time design needs or individual
tasks.</span>
</p>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-y6cc5r" data-framer-component-type="RichTextContainer"
style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8" style="
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
">
Comprehensive design services for any project
scope. Ideal for one-time design needs or
individual tasks.
</p>
</div>
</div>
<div class="framer-1y7xicl hidden-dsxqep" data-framer-name="Benefits">
<div class="framer-s7f198" data-framer-name="Benefits">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-8ivibu-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Clearly defined scope
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-8ivibu-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Clearly defined scope
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-8ivibu-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Clearly defined scope
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-26t9kr-container" data-framer-name="Benefit 2" name="Benefit 2">
<div name="Benefit 2" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Fixed timeline
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-26t9kr-container" data-framer-name="Benefit 2" name="Benefit 2">
<div name="Benefit 2" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Fixed timeline
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-26t9kr-container" data-framer-name="Benefit 2" name="Benefit 2">
<div name="Benefit 2" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Fixed timeline
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-3iv41n-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Unlimitedrevision rounds
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-3iv41n-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Unlimitedrevision rounds
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-3iv41n-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Unlimitedrevision rounds
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-1ervhdm-container" data-framer-name="Benefit 4" name="Benefit 4">
<div name="Benefit 4" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Milestone updates
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-1ervhdm-container" data-framer-name="Benefit 4" name="Benefit 4">
<div name="Benefit 4" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Milestone updates
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1ervhdm-container" data-framer-name="Benefit 4" name="Benefit 4">
<div name="Benefit 4" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Milestone updates
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="framer-1l6suvf hidden-72rtr7 hidden-1d7c730 hidden-1slso0x"
data-framer-name="Benefits">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1vbnfno-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Clearly defined scope
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1vbnfno-container" data-framer-name="Benefit 1" name="Benefit 1">
<div name="Benefit 1" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Clearly defined scope
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-bs4zmq-container" data-framer-name="Benefit 2" name="Benefit 2">
<div name="Benefit 2" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Fixed timeline
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-bs4zmq-container" data-framer-name="Benefit 2" name="Benefit 2">
<div name="Benefit 2" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Fixed timeline
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-8qskl7-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
3 revision rounds
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-8qskl7-container" data-framer-name="Benefit 3" name="Benefit 3">
<div name="Benefit 3" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
3 revision rounds
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1a2oeur-container" data-framer-name="Benefit 4" name="Benefit 4">
<div name="Benefit 4" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Milestone updates
</p>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1a2oeur-container" data-framer-name="Benefit 4" name="Benefit 4">
<div name="Benefit 4" class="framer-zkq87 framer-uLgtP framer-1dla1ub framer-v-ifa3sm"
data-framer-name="Benefit Light" style="width: 100%">
<div class="framer-1rt5arc-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lxv6yv" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Milestone updates
</p>
</div>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730">
<div class="framer-1tne96i-container" data-framer-name="Get Quote" id="1tne96i"
name="Get Quote">
<div class="ssr-variant hidden-1slso0x">
<button
name="Get Quote"
aria-label="Contact Form"
class="framer-wXfL4 framer-uLgtP framer-14a02lm framer-v-14a02lm"
data-border="true"
data-framer-name="Default"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
rgb(250, 250, 250)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px
1.8108796073283884px -1.875px rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px
4.786990141113346px -2.8125px rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
"
>
<div
class="framer-h3idxz-container"
data-framer-name="Icon"
name="Icon"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-lmot8b"
data-framer-component-type="RichTextContainer"
style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-3j1c0u"
data-styles-preset="fdldKf5t1"
>
Get quote
</p>
</div>
</button>
</div>
<div class="ssr-variant hidden-72rtr7">
<button
name="Get Quote"
aria-label="Contact Form"
class="framer-wXfL4 framer-uLgtP framer-14a02lm framer-v-f4sn5"
data-border="true"
data-framer-name="Mobile"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
rgb(250, 250, 250)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px
1.8108796073283884px -1.875px rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px
4.786990141113346px -2.8125px rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
"
>
<div
class="framer-h3idxz-container"
data-framer-name="Icon"
name="Icon"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-lmot8b"
data-framer-component-type="RichTextContainer"
style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-3j1c0u"
data-styles-preset="fdldKf5t1"
>
Get quote
</p>
</div>
</button>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1tne96i-container" data-framer-name="Get Quote" id="1tne96i"
name="Get Quote">
<button
name="Get Quote"
aria-label="Contact Form"
class="framer-wXfL4 framer-uLgtP framer-14a02lm framer-v-14a02lm"
data-border="true"
data-framer-name="Default"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
rgb(250, 250, 250)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px
1.8108796073283884px -1.875px rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
"
>
<div
class="framer-h3idxz-container"
data-framer-name="Icon"
name="Icon"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-lmot8b"
data-framer-component-type="RichTextContainer"
style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-3j1c0u"
data-styles-preset="fdldKf5t1"
>
Get quote
</p>
</div>
</button>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-1tne96i-container" data-framer-name="Get Quote" id="1tne96i"
name="Get Quote">
<button
name="Get Quote"
aria-label="Contact Form"
class="framer-wXfL4 framer-uLgtP framer-14a02lm framer-v-f4sn5"
data-border="true"
data-framer-name="Mobile"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-bf8bd38a-4575-40c0-9459-6a86668113f1,
rgb(250, 250, 250)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07301),
0px 1.8108796073283884px
1.8108796073283884px -1.875px rgba(0, 0, 0, 0.06896),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.05904),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.025);
"
>
<div
class="framer-h3idxz-container"
data-framer-name="Icon"
name="Icon"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-lmot8b"
data-framer-component-type="RichTextContainer"
style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-3j1c0u"
data-styles-preset="fdldKf5t1"
>
Get quote
</p>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="framer-a7lcli" data-border="true" data-framer-name="Client Logos">
<div class="framer-8e5163" data-framer-name="Insider Container">
<div class="ssr-variant hidden-1slso0x">
<div class="framer-2dqf3e" data-framer-name="Trusted by many"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf" style="
--framer-text-color: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(55, 65, 81)
);
">
Trusted by
<span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><strong class="framer-text">many</strong></span>
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-2dqf3e" data-framer-name="Trusted by many"
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf" style="
--framer-text-alignment: left;
--framer-text-color: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(55, 65, 81)
);
">
Trusted by
<span
style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
"
class="framer-text"
><strong class="framer-text">many</strong></span>
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x">
<div class="framer-iwcuqy-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker" name="Client Logo Ticker"
style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-iwcuqy-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker" name="Client Logo Ticker"
style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-iwcuqy-container">
<div class="framer-wFXUK framer-uy1xf6 framer-v-uy1xf6" data-framer-name="Variant 1"
style="width: 100%">
<div class="framer-74bk44-container" data-framer-name="Client Logo Ticker" name="Client Logo Ticker"
style="opacity: 0.49">
<!--$-->
<section style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0px;
list-style-type: none;
text-indent: none;
opacity: 0;
-webkit-mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
mask-image: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
overflow: visible;
">
<ul style="
display: flex;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
place-items: center;
margin: 0;
padding: 0;
list-style-type: none;
text-indent: none;
gap: 28px;
position: relative;
flex-direction: row;
will-change: auto;
transform: translateX(-0px);
">
<li>
<div class="framer-1ntvbav" data-framer-name="Client Logo 6">
<div class="framer-ytobvv" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="500"
height="311"
src="https://framerusercontent.com/images/ZuTzHVYwGoTU1ikuBCCQwNwhzqc.png?width=500&height=311"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-exgsq" data-framer-name="Client Logo 6">
<div class="framer-1g0kxgq" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/y04FVBiDi7xAL9yqwfTWFfph0.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-nkv5pb" data-framer-name="Client Logo 6">
<div class="framer-gtwega" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2757"
height="509"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=512&width=2757&height=509 512w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=1024&width=2757&height=509 1024w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?scale-down-to=2048&width=2757&height=509 2048w
https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509 2757w
src="https://framerusercontent.com/images/q27EXoPvrh9mlyMyYCTVsDO6PUM.png?width=2757&height=509"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-2hvshr" data-framer-name="Client Logo 6">
<div class="framer-1pw4mp4" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="436"
height="140"
src="https://framerusercontent.com/images/pahvDdt9PRiXCYRUiW15yYzvvA.webp?width=436&height=140"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-16i4erw" data-framer-name="Client Logo 6">
<div class="framer-1pew9pb" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1563"
height="1563"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,"
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=512&width=1563&height=1563 512w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?scale-down-to=1024&width=1563&height=1563 1024w
https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563 1563w
src="https://framerusercontent.com/images/T4s69tox9MIDH6A1beugKDsKPn8.png?width=1563&height=1563"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-6j3qv6" data-framer-name="Client Logo 6">
<div class="framer-1l08zyr" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="400"
height="324"
src="https://framerusercontent.com/images/wpruztHb3sauhhvlEyHFQnx5y24.jpg?width=400&height=324"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-1jnhuug" data-framer-name="Client Logo 6">
<div class="framer-1yuww9p" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="304"
height="33"
src="https://framerusercontent.com/images/gy0xGFXVK5IF4DelnJucg4RbCmg.png?width=304&height=33"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: contain;
"
/>
</div>
</div>
</div>
</li>
<li>
<div class="framer-zzz797" data-framer-name="Client Logo 6">
<div class="framer-1bs4zd5" data-framer-name="Logo" style="
filter: brightness(0);
-webkit-filter: brightness(0);
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2538"
height="1807"
sizes="(min-width: 1200px) 146px, (min-width: 992px) and (max-width: 1199.98px) 146px, (max-width: 767.98px) 146px, (min-width: 768px) and (max-width: 991.98px) 146px"
srcset=",,,"
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=512&width=2538&height=1807 512w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=1024&width=2538&height=1807 1024w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?scale-down-to=2048&width=2538&height=1807 2048w
https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807 2538w
src="https://framerusercontent.com/images/QNX5ztFMNQBdVNrec3PwfcD0m4.png?width=2538&height=1807"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="146px"
/>
</div>
</div>
</div>
</li>
</ul>
</section>
<!--/$-->
</div>
</div>
</div>
</div>
</div>
</div>
<section class="framer-mabkjr" data-border="true" data-framer-name="FAQ" id="faq">
<div class="framer-7zs1j1" data-framer-name="Inside Container">
<div class="framer-3cn029" data-framer-name="Header & FAQ Items">
<div class="ssr-variant hidden-1d7c730">
<div class="framer-12ed5ig" data-framer-name="Your questions answered"
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO">
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Your</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>questions</span><br class="framer-text" /><span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>answered.</span></span>
</h2>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-12ed5ig" data-framer-name="Your questions answered"
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO"
style="--framer-text-alignment: center">
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>Your</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>questions</span><br class="framer-text" /><span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px)
scale(1) rotate(0deg) skewX(0deg) skewY(0deg);
"
>answered.</span></span>
</h2>
</div>
</div>
<div class="framer-1exq8gv-container" data-framer-name="FAQ" name="FAQ">
<!--$-->
<div style="width: 100%">
<div style="
margin-bottom: 16px;
border: 1px solid
var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
border-radius: 16px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
overflow: hidden;
">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
">
<div style="display: flex; align-items: center">
<span
color="var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, rgb(0, 0, 0))"
class="sc-gswNZR dmZgGe"
>What services does Leverage offer?</span>
</div>
<img
src="https://framerusercontent.com/assets/DKKctfJXhLxldwBnIWCvGLuXCg.svg"
alt="icon"
style="width: 16px; height: 16px; margin-left: 16px"
/>
</div>
<div style="overflow: hidden; height: 0px">
<div>
<div style="
display: flex;
align-items: start;
padding-top: 0px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
">
<p color="var(--token-994646e0-68ea-49d7-897a-104048558f6f, rgb(84, 84, 84))"
class="sc-dkrFOg kovLuo">
Leverage specializes in custom web software
development, UI/UX design, and scalable
e-commerce solutions tailored to business needs.
</p>
</div>
</div>
</div>
</div>
<div style="
margin-bottom: 16px;
border: 1px solid
var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
border-radius: 16px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
overflow: hidden;
">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
">
<div style="display: flex; align-items: center">
<span
color="var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, rgb(0, 0, 0))"
class="sc-gswNZR dmZgGe"
>Do you build custom web applications or use
templates?</span>
</div>
<img
src="https://framerusercontent.com/assets/DKKctfJXhLxldwBnIWCvGLuXCg.svg"
alt="icon"
style="width: 16px; height: 16px; margin-left: 16px"
/>
</div>
<div style="overflow: hidden; height: 0px">
<div>
<div style="
display: flex;
align-items: start;
padding-top: 0px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
">
<p color="var(--token-994646e0-68ea-49d7-897a-104048558f6f, rgb(84, 84, 84))"
class="sc-dkrFOg kovLuo">
We build fully custom web applications and
platforms designed specifically around your
goals, users, and growth plans.
</p>
</div>
</div>
</div>
</div>
<div style="
margin-bottom: 16px;
border: 1px solid
var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
border-radius: 16px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
overflow: hidden;
">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
">
<div style="display: flex; align-items: center">
<span
color="var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, rgb(0, 0, 0))"
class="sc-gswNZR dmZgGe"
>Can you redesign or improve an existing website
or product?</span>
</div>
<img
src="https://framerusercontent.com/assets/DKKctfJXhLxldwBnIWCvGLuXCg.svg"
alt="icon"
style="width: 16px; height: 16px; margin-left: 16px"
/>
</div>
<div style="overflow: hidden; height: 0px">
<div>
<div style="
display: flex;
align-items: start;
padding-top: 0px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
">
<p color="var(--token-994646e0-68ea-49d7-897a-104048558f6f, rgb(84, 84, 84))"
class="sc-dkrFOg kovLuo">
Yes. We offer UI/UX audits, redesigns, and
performance improvements for existing websites,
web apps, and e-commerce stores.
</p>
</div>
</div>
</div>
</div>
<div style="
margin-bottom: 16px;
border: 1px solid
var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
border-radius: 16px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
overflow: hidden;
">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
">
<div style="display: flex; align-items: center">
<span
color="var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, rgb(0, 0, 0))"
class="sc-gswNZR dmZgGe"
>Which industries do you work with?</span>
</div>
<img
src="https://framerusercontent.com/assets/DKKctfJXhLxldwBnIWCvGLuXCg.svg"
alt="icon"
style="width: 16px; height: 16px; margin-left: 16px"
/>
</div>
<div style="overflow: hidden; height: 0px">
<div>
<div style="
display: flex;
align-items: start;
padding-top: 0px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
">
<p color="var(--token-994646e0-68ea-49d7-897a-104048558f6f, rgb(84, 84, 84))"
class="sc-dkrFOg kovLuo">
We work with startups, growing businesses, and
enterprises across industries including fintech,
retail, SaaS, healthcare, and D2C brands.
</p>
</div>
</div>
</div>
</div>
<div style="
margin-bottom: 0px;
border: 1px solid
var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
border-radius: 16px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
overflow: hidden;
">
<div style="
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding-top: 12px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
">
<div style="display: flex; align-items: center">
<span
color="var(--token-2759885a-0605-4b0d-ae5f-9a938c3766f2, rgb(0, 0, 0))"
class="sc-gswNZR dmZgGe"
>How do we get started with Leverage?</span>
</div>
<img
src="https://framerusercontent.com/assets/DKKctfJXhLxldwBnIWCvGLuXCg.svg"
alt="icon"
style="width: 16px; height: 16px; margin-left: 16px"
/>
</div>
<div style="overflow: hidden; height: 0px">
<div>
<div style="
display: flex;
align-items: start;
padding-top: 0px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
">
<p color="var(--token-994646e0-68ea-49d7-897a-104048558f6f, rgb(84, 84, 84))"
class="sc-dkrFOg kovLuo">
Simply reach out through our contact form or
book a discovery call. We’ll understand your
requirements and propose the best solution.
</p>
</div>
</div>
</div>
</div>
</div>
<!--/$-->
</div>
</div>
<div class="framer-ysoez0" data-border="true" data-framer-name="Book a Call">
<div class="framer-1yrv4p2" data-framer-name="Pic / Header / Description">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1upenlf-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="64px"
/>
</div>
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1upenlf-container">
<div class="framer-Ttw8N framer-1gob8wf framer-v-1gob8wf" data-framer-name="default" style="
height: 100%;
width: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
loading="lazy"
width="1080"
height="1080"
sizes="(min-width: 1200px) max(28px, 30px, 64px), (max-width: 767.98px) max(28px, 30px, 64px), (min-width: 768px) and (max-width: 991.98px) max(28px, 30px, 64px), (min-width: 992px) and (max-width: 1199.98px) max(28px, 30px, 64px)"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="64px"
/>
</div>
</div>
</div>
</div>
<div class="framer-19dgrlv" data-framer-name="Header / Description">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-uc26ke" data-framer-name="Still not sure? Book a free discovery call"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
>Still not sure?</span><br class="framer-text" />Book a free discovery
call.
</h3>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-uc26ke" data-framer-name="Still not sure? Book a free discovery call"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ"
style="--framer-text-alignment: center">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
>Still not sure?</span><br class="framer-text" />Book a free discovery
call.
</h3>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-uc26ke" data-framer-name="Still not sure? Book a free discovery call"
data-framer-component-type="RichTextContainer" style="transform: none">
<h3 class="framer-text framer-styles-preset-1nbpq7r" data-styles-preset="B1F07c_oZ"
style="--framer-text-alignment: center">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
>Still not sure?</span><br class="framer-text" />Book a free discovery
call.
</h3>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<div class="framer-nminyr"
data-framer-name="Learn more about how I work and how I can help you and your business take the next step."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8">
Learn more about how I work and how I can help you
and your business take the next step.
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<div class="framer-nminyr"
data-framer-name="Learn more about how I work and how I can help you and your business take the next step."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8"
style="--framer-text-alignment: center">
Learn more about how I work and how I can help you
and your business take the next step.
</p>
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<div class="framer-nminyr"
data-framer-name="Learn more about how I work and how I can help you and your business take the next step."
data-framer-component-type="RichTextContainer" style="transform: none">
<p class="framer-text framer-styles-preset-4e019n" data-styles-preset="nZIMpa9h8"
style="--framer-text-alignment: center">
Learn more about how I work and how I can help you
and your business take the next step.
</p>
</div>
</div>
</div>
</div>
<div class="framer-10o5x30" data-framer-name="Button & Logo">
<div class="ssr-variant hidden-dsxqep">
<div class="framer-1ixwz5h-container" data-framer-name="Schedule btn" name="Schedule btn">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<!--$--><a name="Schedule btn" aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1wwjpye framer-twy498"
data-border="true" data-framer-name="Default" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Schedule Now
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1d7c730 hidden-72rtr7">
<!--$--><a name="Schedule btn" aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1pgqgmd framer-twy498"
data-border="true" data-framer-name="Mobile" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Schedule Now
</p>
</div>
</a><!--/$-->
</div>
<div class="ssr-variant hidden-1slso0x hidden-72rtr7">
<!--$--><a name="Schedule btn" aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1pgqgmd framer-twy498"
data-border="true" data-framer-name="Mobile" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px
rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Schedule Now
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
<div class="ssr-variant hidden-1slso0x hidden-1d7c730 hidden-72rtr7">
<div class="framer-1ixwz5h-container" data-framer-name="Schedule btn" name="Schedule btn">
<!--$--><a name="Schedule btn" aria-label="Button"
class="framer-GXShC framer-uLgtP framer-1wwjpye framer-v-1wwjpye framer-twy498"
data-border="true" data-framer-name="Default" data-highlight="true" data-reset="button"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" tabindex="0" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
height: 100%;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px
rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px
rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px
rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px
rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1dm5jv7-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-lc6apf" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Schedule Now
</p>
</div>
</a><!--/$-->
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Cal-logo" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-13qfdot" aria-hidden="true"
style="image-rendering: pixelated; flex-shrink: 0">
<div class="svgContainer" style="width: 100%; height: 100%; aspect-ratio: inherit">
<svg style="width: 100%; height: 100%">
<use href="#svg11456750778" />
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="framer-1msxve8 hidden-dsxqep" data-border="true" data-framer-name="Articles"
data-hide-scrollbars="true">
<div class="framer-1mnuu41" data-framer-name="Inside Container">
<div class="framer-g7hgfg" data-framer-name="Heading / View All">
<div class="framer-74ubc6" data-framer-name="Hear from what my clients have to say."
data-framer-component-type="RichTextContainer" style="transform: none">
<h2 class="framer-text framer-styles-preset-4xe5jg" data-styles-preset="KpfcnG7CO" style="
--framer-text-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
">
<span
style="
--framer-text-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(107, 114, 128)
);
"
class="framer-text"
><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>From</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>my</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>blog,</span></span><br class="framer-text" /><span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>design</span>
<span
style="
display: inline-block;
opacity: 0.001;
filter: blur(5px);
transform: translateX(0px) translateY(10px) scale(1)
rotate(0deg) skewX(0deg) skewY(0deg);
"
>insights.</span>
</h2>
</div>
<!--$-->
<div class="framer-1uq8uo9-container">
<!--$--><a class="framer-Jgov8 framer-dzEWc framer-7nicnc framer-v-7nicnc framer-211ff1"
data-framer-name="Link" href="./blog">
<div class="framer-1tblw7z" data-framer-name="Line" style="
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
opacity: 0;
"></div>
<div class="framer-byoks2" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1xqd5um" data-styles-preset="Eji9e8aNf">
View All
</p>
</div>
<div class="framer-de2b53-container">
<div class="framer-fH6kI framer-1ervnl9 framer-v-19g5zzy" data-framer-name="Black">
<div data-framer-component-type="SVG" data-framer-name="Top Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-1lqyvlj" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
<div data-framer-component-type="SVG" data-framer-name="Bottom Arrow" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-72i9b7" aria-hidden="true"
style="
filter: brightness(0);
-webkit-filter: brightness(0);
image-rendering: pixelated;
flex-shrink: 0;
fill: black;
color: black;
transform: rotate(-45deg);
">
<div class="svgContainer" style="
width: 100%;
height: 100%;
aspect-ratio: inherit;
">
<svg style="width: 100%; height: 100%" viewBox="0 0 16 16">
<use href="#svg-1311537242_217" />
</svg>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
<!--/$-->
</div>
<div class="framer-uvcvyr" data-framer-name="Articles">
<!--$-->
<div class="ssr-variant hidden-1d7c730">
<!--$-->
<div class="ssr-variant hidden-1slso0x">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/design-portfolio-mistakes-that-cost-you-high-paying-clients" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1780"
height="1780"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,"
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=512&width=1780&height=1780 512w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=1024&width=1780&height=1780 1024w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780 1780w
src="https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Most Websites Fail to Convert (And It
Has Nothing to Do With Design)
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 6, 2026
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-72rtr7">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/design-portfolio-mistakes-that-cost-you-high-paying-clients" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1780"
height="1780"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,"
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=512&width=1780&height=1780 512w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=1024&width=1780&height=1780 1024w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780 1780w
src="https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="min(min(100vw, 1080px) - 44px, 1080px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Most Websites Fail to Convert (And It
Has Nothing to Do With Design)
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 6, 2026
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--$-->
<div class="ssr-variant hidden-1slso0x">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/why-premium-brands-don’t-choose-cheap-developers" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,,"
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Premium Brands Don’t Choose Cheap
Developers
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 3, 2025
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-72rtr7">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/why-premium-brands-don’t-choose-cheap-developers" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,,"
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="min(min(100vw, 1080px) - 44px, 1080px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Premium Brands Don’t Choose Cheap
Developers
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 3, 2025
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$--><!--$-->
<div class="ssr-variant hidden-1slso0x">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/ui-vs-ux-why-great-design-fails-without-great-experience" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px)"
srcset=",,,"
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
UI vs UX: Why Great Design Fails Without
Great Experience
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 8, 2026
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<div class="ssr-variant hidden-dsxqep hidden-72rtr7">
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/ui-vs-ux-why-great-design-fails-without-great-experience" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px)"
srcset=",,,"
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="min(min(100vw, 1080px) - 44px, 1080px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
UI vs UX: Why Great Design Fails Without
Great Experience
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 8, 2026
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(
0,
153,
255
);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
</div>
<!--/$-->
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<!--$-->
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/design-portfolio-mistakes-that-cost-you-high-paying-clients" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1780"
height="1780"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,"
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=512&width=1780&height=1780 512w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=1024&width=1780&height=1780 1024w
https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780 1780w
src="https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Most Websites Fail to Convert (And It Has
Nothing to Do With Design)
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 6, 2026
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-e87piz-container">
<!--$--><a
class="framer-Ce5ll framer-yIKar framer-vy380 framer-qllfE framer-guRIY framer-4ncfbc framer-v-4ncfbc framer-1omxt64"
data-border="true" data-framer-cursor="zksu0l" data-framer-name="Default"
href="./blog/why-premium-brands-don’t-choose-cheap-developers" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
width: 100%;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
box-shadow: 0px 0.5971439051427296px
0.5971439051427296px -0.9375px rgba(0, 0, 0, 0.07),
0px 1.8108796073283884px 1.8108796073283884px -1.875px
rgba(0, 0, 0, 0.07),
0px 4.786990141113346px 4.786990141113346px -2.8125px
rgba(0, 0, 0, 0.06),
0px 15px 15px -3.75px rgba(0, 0, 0, 0.03);
">
<div class="framer-1bo3luq" data-framer-name="Image Container">
<div class="framer-8rxedp" style="transform: none">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="3840"
height="2160"
sizes="(min-width: 1200px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (min-width: 992px) and (max-width: 1199.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 24px) / 3, 50px), (max-width: 767.98px) min(min(100vw, 1080px) - 44px, 1080px), (min-width: 768px) and (max-width: 991.98px) max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
srcset=",,,"
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=512&width=3840&height=2160 512w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=1024&width=3840&height=2160 1024w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=2048&width=3840&height=2160 2048w
https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160 3840w
src="https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center top;
object-fit: cover;
"
data-framer-original-sizes="max((min(min(100vw, 1080px) - 88px, 1080px) - 12px) / 2, 50px)"
/>
</div>
</div>
</div>
<div class="framer-165ov00" data-framer-name="Text">
<div class="framer-17dy9oj" data-framer-name="Container">
<div class="framer-1xqxnau" data-framer-name="Header / Date">
<div class="framer-1re86ks" data-framer-name="H3"
data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: perspective(1200px);
">
<h3 class="framer-text framer-styles-preset-3qmsso" data-styles-preset="n9jrpPEGX">
Why Premium Brands Don’t Choose Cheap
Developers
</h3>
</div>
<div class="framer-b03e0y" data-framer-name="Blog Details">
<div class="framer-1p29kwk" data-framer-name="Date"
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-994646e0-68ea-49d7-897a-104048558f6f,
rgb(84, 84, 84)
)
);
">
Jan 3, 2025
</p>
</div>
<div class="framer-mvjqt9" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E">
By Leverage Money
</p>
</div>
</div>
</div>
</div>
</div>
</a><!--/$-->
</div>
<!--/$-->
</div>
<!--/$-->
</div>
</div>
</section>
<div class="framer-1ite944 hidden-dsxqep hidden-1d7c730 hidden-1slso0x" data-framer-name="Container">
<div class="framer-htrztc" data-framer-name="CTA">
<div class="framer-1l80qnx" data-framer-name="Happy Clients & Header">
<div class="framer-1mau1iz" data-framer-name="Header" data-framer-component-type="RichTextContainer"
style="transform: none">
<h2 style="
--font-selector: RlI7SW50ZXJEaXNwbGF5LU1lZGl1bQ==;
--framer-font-family: 'Inter Display',
'Inter Display Placeholder', sans-serif;
--framer-font-size: 48px;
--framer-font-weight: 500;
--framer-letter-spacing: -1px;
--framer-line-height: 105%;
--framer-text-alignment: center;
--framer-text-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
" class="framer-text">
<span
style="
--framer-text-color: var(
--token-ca556add-3f9a-4ac6-8abd-169787698587,
rgb(107, 114, 128)
);
"
class="framer-text"
>Like what you see?</span><br class="framer-text" />Book a free discovery call.
</h2>
</div>
</div>
<div class="framer-2pm63c" data-framer-name="Button & Logo">
<div class="framer-mhxo2o-container" data-framer-name="Schedule btn" name="Schedule btn">
<!--$--><a name="Schedule btn" aria-label="Button"
class="framer-PqP2y framer-gf0vgy framer-v-jbgtqc framer-1cze72o" data-framer-name="Variant 2"
data-reset="button" href="https://cal.com" rel="noopener" style="
background-color: rgb(255, 255, 255);
height: 100%;
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
box-shadow: none;
opacity: 1;
">
<div class="framer-1yknn3j-container" data-framer-name="Icon" name="Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-oesv8u" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--variable-reference-edqR3TeN2-ZUpMd8GXz
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
--variable-reference-edqR3TeN2-ZUpMd8GXz: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text" style="
--font-selector: SW50ZXItTWVkaXVt;
--framer-font-weight: 500;
--framer-letter-spacing: -0.2px;
--framer-line-height: 150%;
">
Schedule Now
</p>
</div>
</a><!--/$-->
</div>
<div data-framer-component-type="SVG" data-framer-name="Cal-logo" parentsize="0"
_constraints="[object Object]" rotation="0" shadows class="framer-12vvhp6" aria-hidden="true"
style="image-rendering: pixelated; flex-shrink: 0">
<div class="svgContainer" style="width: 100%; height: 100%; aspect-ratio: inherit">
<svg style="width: 100%; height: 100%">
<use href="#svg10668734624" />
</svg>
</div>
</div>
</div>
<div class="framer-1vc90vi" data-framer-name="Lightning Bolt"
style="opacity: 1; transform: translateY(-50%) rotate(25deg)">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="2550"
height="2550"
sizes="(min-width: 1200px) max(208px, 276px), (min-width: 768px) and (max-width: 991.98px) max(208px, 276px), (max-width: 767.98px) max(208px, 276px), (min-width: 992px) and (max-width: 1199.98px) max(208px, 276px)"
srcset=",,,"
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=512&width=2550&height=2550 512w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=1024&width=2550&height=2550 1024w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?scale-down-to=2048&width=2550&height=2550 2048w
https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550 2550w
src="https://framerusercontent.com/images/bwCVICcrKWXkOTrVdIrYz2EsNc.png?width=2550&height=2550"
alt="Lightning Bolt"
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="276px"
/>
</div>
</div>
</div>
</div>
</main>
<div class="framer-enu5u9-container" id="enu5u9" style="
will-change: transform;
opacity: 1;
transform: translateX(-50%) translateY(100px);
">
<div class="ssr-variant hidden-1slso0x hidden-1d7c730">
<nav class="framer-u1Aa3 framer-qllfE framer-1x3l6cx framer-v-1x3l6cx" data-border="true"
data-framer-name="Closed" data-highlight="true" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(5px);
border-bottom-left-radius: 48px;
border-bottom-right-radius: 48px;
border-top-left-radius: 48px;
border-top-right-radius: 48px;
">
<div class="framer-jmzyge" data-framer-name="Icons">
<button
aria-label="Contact Form"
class="framer-6t8tn1"
data-border="true"
data-framer-name="Contact Me"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
>
<div
class="framer-1vysbg7-container"
data-framer-name="Envelope"
name="Envelope"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-11zkko6"
data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 0;
transform: translateY(-50%);
"
>
<p
class="framer-text framer-styles-preset-455vy9"
data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
"
>
Contact
</p>
</div></button><!--$--><a aria-label="Book a call" class="framer-1rtf9d0 framer-1isgeyj"
data-border="true" data-framer-name="Book a Call" href="https://cal.com" rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1jjv92v-container" data-framer-name="Calendar" name="Calendar">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-6oy5fn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 0;
transform: translateY(-50%);
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call
</p>
</div>
</a><!--/$-->
</div>
</nav>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1d7c730 hidden-72rtr7">
<nav class="framer-u1Aa3 framer-qllfE framer-1x3l6cx framer-v-1rc6qq2" data-border="true"
data-framer-name="Mobile" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(5px);
border-bottom-left-radius: 48px;
border-bottom-right-radius: 48px;
border-top-left-radius: 48px;
border-top-right-radius: 48px;
">
<div class="framer-jmzyge" data-framer-name="Icons">
<button
aria-label="Contact Form"
class="framer-6t8tn1"
data-border="true"
data-framer-name="Contact Me"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
>
<div
class="framer-1vysbg7-container"
data-framer-name="Envelope"
name="Envelope"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-11zkko6"
data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 1;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-455vy9"
data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
"
>
Contact
</p>
</div></button><!--$--><a aria-label="Book a call" class="framer-1rtf9d0 framer-1isgeyj"
data-border="true" data-framer-name="Book a Call" href="https://cal.com" rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1jjv92v-container" data-framer-name="Calendar" name="Calendar">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-6oy5fn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 1;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call
</p>
</div>
</a><!--/$-->
</div>
</nav>
</div>
<div class="ssr-variant hidden-dsxqep hidden-1slso0x hidden-72rtr7">
<nav class="framer-u1Aa3 framer-qllfE framer-1x3l6cx framer-v-1rc6qq2" data-border="true"
data-framer-name="Mobile" style="
--border-bottom-width: 1px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(5px);
border-bottom-left-radius: 48px;
border-bottom-right-radius: 48px;
border-top-left-radius: 48px;
border-top-right-radius: 48px;
">
<div class="framer-jmzyge" data-framer-name="Icons">
<button
aria-label="Contact Form"
class="framer-6t8tn1"
data-border="true"
data-framer-name="Contact Me"
data-highlight="true"
data-reset="button"
tabindex="0"
style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
"
>
<div
class="framer-1vysbg7-container"
data-framer-name="Envelope"
name="Envelope"
>
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div
class="framer-11zkko6"
data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 1;
transform: none;
"
>
<p
class="framer-text framer-styles-preset-455vy9"
data-styles-preset="xYEC_wF3E"
style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
"
>
Contact
</p>
</div></button><!--$--><a aria-label="Book a call" class="framer-1rtf9d0 framer-1isgeyj"
data-border="true" data-framer-name="Book a Call" href="https://cal.com" rel="noopener" style="
--border-bottom-width: 1px;
--border-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
box-shadow: inset 0px 2px 4px 0px rgba(255, 255, 255, 0.4),
0px 0.7409732186279143px 0.7409732186279143px -0.75px rgba(0, 0, 0, 0.33083),
0px 2.0178668455264415px 2.0178668455264415px -1.5px rgba(0, 0, 0, 0.31934),
0px 4.430505261661892px 4.430505261661892px -2.25px rgba(0, 0, 0, 0.29763),
0px 9.834710084098335px 9.834710084098335px -3px rgba(0, 0, 0, 0.24899),
0px 25px 25px -3.75px rgba(0, 0, 0, 0.1125),
0px 0px 0px 1px
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
">
<div class="framer-1jjv92v-container" data-framer-name="Calendar" name="Calendar">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-6oy5fn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
opacity: 1;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Book a call
</p>
</div>
</a><!--/$-->
</div>
</nav>
</div>
</div>
</div>
<div id="overlay"></div>
<div class="framer-1f1snu9"></div>
<div class="framer-x6qzta-container">
<!--$-->
<div style="position: absolute; inset: 0; overflow: hidden">
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 1;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 25%,
rgba(0, 0, 0, 0) 37.5%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 1) 12.5%,
rgba(0, 0, 0, 1) 25%,
rgba(0, 0, 0, 0) 37.5%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(0.0390625px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 2;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 12.5%,
rgba(0, 0, 0, 1) 25%,
rgba(0, 0, 0, 1) 37.5%,
rgba(0, 0, 0, 0) 50%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 12.5%,
rgba(0, 0, 0, 1) 25%,
rgba(0, 0, 0, 1) 37.5%,
rgba(0, 0, 0, 0) 50%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(0.078125px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 3;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 25%,
rgba(0, 0, 0, 1) 37.5%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 0) 62.5%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 25%,
rgba(0, 0, 0, 1) 37.5%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 0) 62.5%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(0.15625px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 4;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 37.5%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 1) 62.5%,
rgba(0, 0, 0, 0) 75%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 37.5%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 1) 62.5%,
rgba(0, 0, 0, 0) 75%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(0.3125px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 5;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 1) 62.5%,
rgba(0, 0, 0, 1) 75%,
rgba(0, 0, 0, 0) 87.5%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 1) 62.5%,
rgba(0, 0, 0, 1) 75%,
rgba(0, 0, 0, 0) 87.5%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(0.625px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 6;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 62.5%,
rgba(0, 0, 0, 1) 75%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 62.5%,
rgba(0, 0, 0, 1) 75%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 0) 100%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(1.25px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 7;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 75%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 1) 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 75%,
rgba(0, 0, 0, 1) 87.5%,
rgba(0, 0, 0, 1) 100%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(2.5px);
"></div>
<div style="
opacity: 1;
position: absolute;
inset: 0;
z-index: 8;
mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 87.5%,
rgba(0, 0, 0, 1) 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 87.5%,
rgba(0, 0, 0, 1) 100%
);
border-radius: 0px;
pointer-events: none;
backdrop-filter: blur(5px);
"></div>
</div>
<!--/$-->
</div>
<div class="framer-51tg6g-container">
<div class="ssr-variant hidden-1x6740i hidden-fi1c1y">
<footer class="framer-MzGuX framer-eUMip framer-uLgtP framer-voDHv framer-n1Byv framer-wr5if4 framer-v-wr5if4"
data-border="true" data-framer-name="Desktop" style="
--border-bottom-width: 0px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
width: 100%;
">
<div class="framer-qoxyj2" data-border="true" data-framer-name="Main Container" style="
--border-bottom-width: 0px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
">
<div class="framer-k1ledf" data-border="true" data-framer-name="Top Container" style="
--border-bottom-width: 1px;
--border-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
">
<div class="framer-1mnrqbj" data-framer-name="Heading">
<div class="framer-yk3lj5" data-framer-name="Top">
<div class="framer-52mhg6" data-framer-name="Lets" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Lets
</p>
</div>
<div class="framer-1lqanmb-container" data-framer-name="Text Cycle" name="Text Cycle">
<div name="Text Cycle" class="framer-VJ2Tt framer-eUMip framer-5gaglo framer-v-5gaglo"
data-framer-name="Text 1" data-highlight="true">
<div class="framer-1fw3mbg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 1;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
design
</p>
</div>
<div class="framer-1w6wwnn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
build
</p>
</div>
<div class="framer-11hjb3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
create
</p>
</div>
</div>
</div>
</div>
<div class="framer-7vrxty" data-framer-name="incredible work together."
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
incredible work together.
</p>
</div>
</div>
<div class="framer-a3a2i7" data-framer-name="Email / Book Call">
<div class="framer-1416mfa" data-framer-name="Email">
<div class="framer-nzi5kr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Email
</p>
</div>
<div class="framer-hpw8mr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="mailto:leverage.money25@gmail.com" target="_blank"
rel="noopener">leverage.money25@gmail.com</a><!--/$-->
</p>
</div>
</div>
<div class="framer-i3cai0" data-framer-name="Book a Call">
<div class="framer-1n5434k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Contact Us
</p>
</div>
<div class="framer-y49thx" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener">Book Now</a><!--/$-->
</p>
</div>
</div>
<div class="framer-kw0mt9" data-framer-name="Social Links">
<div class="framer-phwxry" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Social
</p>
</div>
<div class="framer-1p2w33w-container">
<div class="framer-H1OOH framer-qllfE framer-182t2w2 framer-v-16mem1k" data-framer-name="Footer">
<!--$--><a aria-label="X / Twitter Link" class="framer-18rl96e framer-dsijwc"
data-framer-name="X " href="https://www.instagram.com/leverage.money/" rel="noopener" style="
backdrop-filter: blur(10px);
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
-webkit-backdrop-filter: blur(10px);
will-change: transform;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
opacity: 0;
transform: translateX(25px);
">
<div class="framer-1c1n28n-container" data-framer-name="X Icon" name="X Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1ovh3pu" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
)
);
">
734K
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
</div>
</div>
<div class="framer-1mlmkw1" data-framer-name="Bottom Container">
<div class="framer-12hvntv" data-framer-name="Legal / Copyright">
<div class="framer-199ad3w" data-framer-name="Based in / Legal">
<div class="framer-mndfam" data-framer-name="Legal Links"></div>
</div>
<div class="framer-4os20q-container">
<!--$-->
<div style="
font-size: 12px;
color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
font-family: 'Switzer', 'Switzer Placeholder',
sans-serif;
font-style: normal;
font-weight: 600;
letter-spacing: 0em;
line-height: 1em;
">
© 2026 LeverageMoney
</div>
<!--/$-->
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="ssr-variant hidden-ckwyi4 hidden-3fl3zd hidden-fi1c1y">
<footer class="framer-MzGuX framer-eUMip framer-uLgtP framer-voDHv framer-n1Byv framer-wr5if4 framer-v-a0hn1d"
data-border="true" data-framer-name="Phone" style="
--border-bottom-width: 0px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
width: 100%;
">
<div class="framer-qoxyj2" data-border="true" data-framer-name="Main Container" style="
--border-bottom-width: 0px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
">
<div class="framer-k1ledf" data-border="true" data-framer-name="Top Container" style="
--border-bottom-width: 1px;
--border-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
">
<div class="framer-1mnrqbj" data-framer-name="Heading">
<div class="framer-yk3lj5" data-framer-name="Top">
<div class="framer-52mhg6" data-framer-name="Lets" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Lets
</p>
</div>
<div class="framer-1lqanmb-container" data-framer-name="Text Cycle" name="Text Cycle">
<div name="Text Cycle" class="framer-VJ2Tt framer-eUMip framer-5gaglo framer-v-5gaglo"
data-framer-name="Text 1" data-highlight="true">
<div class="framer-1fw3mbg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 1;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
design
</p>
</div>
<div class="framer-1w6wwnn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
build
</p>
</div>
<div class="framer-11hjb3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
create
</p>
</div>
</div>
</div>
</div>
<div class="framer-7vrxty" data-framer-name="incredible work together."
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
incredible work together.
</p>
</div>
</div>
<div class="framer-a3a2i7" data-framer-name="Email / Book Call">
<div class="framer-1416mfa" data-framer-name="Email">
<div class="framer-nzi5kr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Email
</p>
</div>
<div class="framer-hpw8mr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="mailto:leverage.money25@gmail.com" target="_blank"
rel="noopener">leverage.money25@gmail.com</a><!--/$-->
</p>
</div>
</div>
<div class="framer-i3cai0" data-framer-name="Book a Call">
<div class="framer-1n5434k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Contact Us
</p>
</div>
<div class="framer-y49thx" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener">Book Now</a><!--/$-->
</p>
</div>
</div>
<div class="framer-kw0mt9" data-framer-name="Social Links">
<div class="framer-phwxry" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Social
</p>
</div>
<div class="framer-1p2w33w-container">
<div class="framer-H1OOH framer-qllfE framer-182t2w2 framer-v-16mem1k" data-framer-name="Footer">
<!--$--><a aria-label="X / Twitter Link" class="framer-18rl96e framer-dsijwc"
data-framer-name="X " href="https://www.instagram.com/leverage.money/" rel="noopener" style="
backdrop-filter: blur(10px);
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
-webkit-backdrop-filter: blur(10px);
will-change: transform;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
opacity: 0;
transform: translateX(25px);
">
<div class="framer-1c1n28n-container" data-framer-name="X Icon" name="X Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1ovh3pu" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
)
);
">
734K
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
</div>
</div>
<div class="framer-1mlmkw1" data-framer-name="Bottom Container">
<div class="framer-12hvntv" data-framer-name="Legal / Copyright">
<div class="framer-199ad3w" data-framer-name="Based in / Legal">
<div class="framer-mndfam" data-framer-name="Legal Links"></div>
</div>
<div class="framer-4os20q-container">
<!--$-->
<div style="
font-size: 12px;
color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
font-family: 'Switzer', 'Switzer Placeholder',
sans-serif;
font-style: normal;
font-weight: 600;
letter-spacing: 0em;
line-height: 1em;
">
© 2026 LeverageMoney
</div>
<!--/$-->
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="ssr-variant hidden-ckwyi4 hidden-1x6740i hidden-3fl3zd">
<footer class="framer-MzGuX framer-eUMip framer-uLgtP framer-voDHv framer-n1Byv framer-wr5if4 framer-v-u6qsp7"
data-border="true" data-framer-name="Tablet" style="
--border-bottom-width: 0px;
--border-color: var(
--token-e3a90888-763b-420f-bb27-f2520e07d9b1,
rgb(222, 222, 222)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
background-color: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
width: 100%;
">
<div class="framer-qoxyj2" data-border="true" data-framer-name="Main Container" style="
--border-bottom-width: 0px;
--border-color: var(
--token-08cb0f10-6dc5-4949-913f-dbd7168f1cf0,
rgb(240, 240, 240)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
">
<div class="framer-k1ledf" data-border="true" data-framer-name="Top Container" style="
--border-bottom-width: 1px;
--border-color: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
">
<div class="framer-1mnrqbj" data-framer-name="Heading">
<div class="framer-yk3lj5" data-framer-name="Top">
<div class="framer-52mhg6" data-framer-name="Lets" data-framer-component-type="RichTextContainer"
style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
Lets
</p>
</div>
<div class="framer-1lqanmb-container" data-framer-name="Text Cycle" name="Text Cycle">
<div name="Text Cycle" class="framer-VJ2Tt framer-eUMip framer-5gaglo framer-v-5gaglo"
data-framer-name="Text 1" data-highlight="true">
<div class="framer-1fw3mbg" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(0px);
-webkit-filter: blur(0px);
opacity: 1;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
design
</p>
</div>
<div class="framer-1w6wwnn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
build
</p>
</div>
<div class="framer-11hjb3k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
filter: blur(5px);
-webkit-filter: blur(5px);
opacity: 0;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
create
</p>
</div>
</div>
</div>
</div>
<div class="framer-7vrxty" data-framer-name="incredible work together."
data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1s8fn6c" data-styles-preset="umXNQhy9r" style="
--framer-text-alignment: left;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
incredible work together.
</p>
</div>
</div>
<div class="framer-a3a2i7" data-framer-name="Email / Book Call">
<div class="framer-1416mfa" data-framer-name="Email">
<div class="framer-nzi5kr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Email
</p>
</div>
<div class="framer-hpw8mr" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="mailto:leverage.money25@gmail.com" target="_blank"
rel="noopener">leverage.money25@gmail.com</a><!--/$-->
</p>
</div>
</div>
<div class="framer-i3cai0" data-framer-name="Book a Call">
<div class="framer-1n5434k" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Contact Us
</p>
</div>
<div class="framer-y49thx" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
transform: none;
">
<p class="framer-text framer-styles-preset-1igwnwn" data-styles-preset="Sz9S4_GWH" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
)
);
">
<!--$--><a class="framer-text framer-styles-preset-1x5k5dq" data-styles-preset="hm8e0Bl2Y"
href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener">Book Now</a><!--/$-->
</p>
</div>
</div>
<div class="framer-kw0mt9" data-framer-name="Social Links">
<div class="framer-phwxry" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-3j1c0u" data-styles-preset="fdldKf5t1" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-46244ad7-86a7-41b8-b44b-214d95b54c13,
rgb(130, 130, 130)
)
);
">
Social
</p>
</div>
<div class="framer-1p2w33w-container">
<div class="framer-H1OOH framer-qllfE framer-182t2w2 framer-v-16mem1k" data-framer-name="Footer">
<!--$--><a aria-label="X / Twitter Link" class="framer-18rl96e framer-dsijwc"
data-framer-name="X " href="https://www.instagram.com/leverage.money/" rel="noopener" style="
backdrop-filter: blur(10px);
background-color: var(
--token-33c8dbd0-eb94-4e90-8099-e7a3fee4ad2f,
rgb(255, 255, 255)
);
-webkit-backdrop-filter: blur(10px);
will-change: transform;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
opacity: 0;
transform: translateX(25px);
">
<div class="framer-1c1n28n-container" data-framer-name="X Icon" name="X Icon">
<!--$-->
<div style="display: contents"></div>
<!--/$-->
</div>
<div class="framer-1ovh3pu" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-455vy9" data-styles-preset="xYEC_wF3E" style="
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-2759885a-0605-4b0d-ae5f-9a938c3766f2,
rgb(0, 0, 0)
)
);
">
734K
</p>
</div>
</a><!--/$-->
</div>
</div>
</div>
</div>
</div>
<div class="framer-1mlmkw1" data-framer-name="Bottom Container">
<div class="framer-12hvntv" data-framer-name="Legal / Copyright">
<div class="framer-199ad3w" data-framer-name="Based in / Legal">
<div class="framer-mndfam" data-framer-name="Legal Links"></div>
</div>
<div class="framer-4os20q-container">
<!--$-->
<div style="
font-size: 12px;
color: var(
--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3,
rgb(184, 184, 184)
);
font-family: 'Switzer', 'Switzer Placeholder',
sans-serif;
font-style: normal;
font-weight: 600;
letter-spacing: 0em;
line-height: 1em;
">
© 2026 LeverageMoney
</div>
<!--/$-->
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<div class="framer-17mjsm2" data-border="true" data-framer-name="Border"></div>
<div class="framer-hms413-container" data-framer-appear-id="hms413" style="opacity: 0.001; transform: none">
<div class="ssr-variant hidden-1x6740i">
<nav class="framer-axKcn framer-1sar0a3 framer-v-1sar0a3" data-framer-name="Desktop"
style="background-color: rgb(255, 255, 255); width: 100%">
<div class="framer-1wepv6q" data-framer-name="Container">
<div class="framer-yjkmvr" data-framer-name="Nav content Wrapper">
<!--$-->
<div class="framer-11gcns2-container">
<!--$--><a class="framer-xkXHr framer-cbk63b framer-v-cbk63b framer-1co6k0o"
data-framer-name="Variant 1" data-highlight="true" href="./" data-framer-page-link-current="true"
tabindex="0">
<div class="framer-1mo3a14" data-framer-name="Icon wrapper" style="
background-color: rgb(0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.15),
inset 0px 0.3010936508871964px 0.6624060319518321px
0px rgba(255, 255, 255, 0.02),
inset 0px 1.1442666516217286px 2.517386633567803px
0px rgba(255, 255, 255, 0.07),
inset 0px 5px 11px 0px rgba(255, 255, 255, 0.3);
">
<div class="framer-1ni4mgk" style="
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) 35px, (min-width: 992px) and (max-width: 1199.98px) 35px, (min-width: 768px) and (max-width: 991.98px) 35px, (max-width: 767.98px) 35px"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="35px"
/>
</div>
</div>
</div>
<div class="framer-zxcqgn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder', sans-serif;
--framer-font-size: 20px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.035em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
)
);
">
Leverage Money
</p>
</div>
</a><!--/$-->
</div>
<!--/$-->
<div class="framer-1c2wyvx" data-framer-name="Navlinks"
style="background-color: rgba(0, 0, 0, 0); opacity: 1">
<!--$-->
<div class="framer-xo7lj3-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./" data-framer-page-link-current="true"
tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
About
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
About
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1jq44bl-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./#services66" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Services
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Services
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1bcwfcv-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./projects" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Case Studies
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Case Studies
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1wrzbnu-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./#22" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Our Process
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Our Process
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$-->
</div>
<div class="framer-1ch27zl" data-framer-name="Button wrapper">
<div class="framer-4o897i-container">
<!--$--><a class="framer-7y8Od framer-1s7eu26 framer-v-1sa8uij framer-1y6dhku"
data-framer-name="Black" href="https://cal.com/leverage-money-i4ivck/30min" rel="noopener" style="
--border-bottom-width: 0px;
--border-color: rgba(0, 0, 0, 0);
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 0px;
background-color: var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
);
border-bottom-left-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-left-radius: 1000px;
border-top-right-radius: 1000px;
box-shadow: 0px 12px 15px 0px
var(
--token-0c0958ea-2e09-4841-afe9-fea6a9275229,
rgba(0, 0, 0, 0.15)
),
inset 0px 0.3010936508871964px 0.6624060319518321px
0px rgba(255, 255, 255, 0.02),
inset 0px 1.1442666516217286px 2.517386633567803px
0px rgba(255, 255, 255, 0.07),
inset 0px 5px 11px 0px rgba(255, 255, 255, 0.3);
">
<div class="framer-1ogoprx" data-framer-name="Link wrapper">
<div class="framer-rhyml9" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder', sans-serif;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.55em;
--framer-text-alignment: center;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Contact Us
</p>
</div>
<div class="framer-1817ssm" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: translateX(-50%);
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBUd28vTWVkaXVtL3Yw;
--framer-font-family: 'Open Sauce Two',
'Open Sauce Two Placeholder', sans-serif;
--framer-font-weight: 500;
--framer-letter-spacing: -0.03em;
--framer-line-height: 1.55em;
--framer-text-alignment: center;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
)
);
">
Contact Us
</p>
</div>
</div>
</a><!--/$-->
</div>
</div>
</div>
</div>
</nav>
</div>
<div class="ssr-variant hidden-ckwyi4 hidden-3fl3zd hidden-fi1c1y">
<nav class="framer-axKcn framer-1sar0a3 framer-v-1iec7l5" data-framer-name="Mobile close"
style="background-color: rgb(255, 255, 255); width: 100%">
<div class="framer-1wepv6q" data-framer-name="Container">
<div class="framer-yjkmvr" data-framer-name="Nav content Wrapper">
<!--$-->
<div class="framer-11gcns2-container">
<!--$--><a class="framer-xkXHr framer-cbk63b framer-v-cbk63b framer-1co6k0o"
data-framer-name="Variant 1" data-highlight="true" href="./" data-framer-page-link-current="true"
tabindex="0">
<div class="framer-1mo3a14" data-framer-name="Icon wrapper" style="
background-color: rgb(0, 0, 0);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.15),
inset 0px 0.3010936508871964px 0.6624060319518321px
0px rgba(255, 255, 255, 0.02),
inset 0px 1.1442666516217286px 2.517386633567803px
0px rgba(255, 255, 255, 0.07),
inset 0px 5px 11px 0px rgba(255, 255, 255, 0.3);
">
<div class="framer-1ni4mgk" style="
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
">
<div style="
position: absolute;
border-radius: inherit;
corner-shape: inherit;
top: 0;
right: 0;
bottom: 0;
left: 0;
" data-framer-background-image-wrapper="true">
<img
decoding="async"
width="1080"
height="1080"
sizes="(min-width: 1200px) 35px, (min-width: 992px) and (max-width: 1199.98px) 35px, (min-width: 768px) and (max-width: 991.98px) 35px, (max-width: 767.98px) 35px"
srcset=",,"
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=512&width=1080&height=1080 512w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?scale-down-to=1024&width=1080&height=1080 1024w
https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080 1080w
src="https://framerusercontent.com/images/g5GdmwoKfOj5h8shvAjOnlhpdkE.jpg?width=1080&height=1080"
alt
style="
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
corner-shape: inherit;
object-position: center;
object-fit: cover;
"
data-framer-original-sizes="35px"
/>
</div>
</div>
</div>
<div class="framer-zxcqgn" data-framer-component-type="RichTextContainer" style="
--extracted-r6o4lv: var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
);
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text" style="
--font-selector: Qkk7T3BlbiBTYXVjZSBPbmUvU2VtaUJvbGQvdjA=;
--framer-font-family: 'Open Sauce One',
'Open Sauce One Placeholder', sans-serif;
--framer-font-size: 20px;
--framer-font-weight: 600;
--framer-letter-spacing: -0.035em;
--framer-text-color: var(
--extracted-r6o4lv,
var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
)
);
">
Leverage Money
</p>
</div>
</a><!--/$-->
</div>
<!--/$-->
<div class="framer-1c2wyvx" data-framer-name="Navlinks"
style="background-color: rgb(252, 243, 238); opacity: 0">
<!--$-->
<div class="framer-xo7lj3-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./" data-framer-page-link-current="true"
tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
About
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
About
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1jq44bl-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./#services66" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Services
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Services
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1bcwfcv-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./projects" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Case Studies
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Case Studies
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$--><!--$-->
<div class="framer-1wrzbnu-container">
<!--$--><!--$--><a class="framer-jdh0o framer-n1vkt framer-15jn16c framer-v-15jn16c framer-1ii5e7m"
data-framer-name="Variant 1" data-highlight="true" href="./#22" tabindex="0">
<div class="framer-1m8d23z" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Our Process
</p>
</div>
<div class="framer-2j2wr1" data-framer-component-type="RichTextContainer" style="
--framer-link-text-color: rgb(0, 153, 255);
--framer-link-text-decoration: underline;
transform: none;
">
<p class="framer-text framer-styles-preset-1g3v8x4" data-styles-preset="rI6qU9XKw">
Our Process
</p>
</div>
</a><!--/$--><!--/$-->
</div>
<!--/$-->
</div>
<div class="framer-1ch27zl" data-framer-name="Button wrapper">
<div class="framer-wq5ccz" data-framer-name="Menu Button" data-highlight="true" tabindex="0" style="
background-color: var(
--token-b8d3ccc4-b840-4bf8-bac5-593b5f59b9a1,
rgb(255, 255, 255)
);
border-bottom-left-radius: 999px;
border-bottom-right-radius: 999px;
border-top-left-radius: 999px;
border-top-right-radius: 999px;
">
<div class="framer-1x8iyuu" data-framer-name="Line" style="
background-color: var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
);
transform: none;
"></div>
<div class="framer-b772ty" data-framer-name="Line" style="
background-color: var(
--token-6659e3e2-46dc-4c75-8508-8991726c8652,
rgb(0, 0, 0)
);
transform: none;
"></div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<div id="template-overlay"></div>
<!--/$-->
</div>
<script>
(() => {
function u() {
function n(t, e, i) {
let r = document.createElement("a");
(r.href = t),
(r.target = i),
(r.rel = e),
document.body.appendChild(r),
r.click(),
r.remove();
}
function o(t) {
if (this.dataset.hydrated) {
this.removeEventListener("click", o);
return;
}
t.preventDefault(), t.stopPropagation();
let e = this.getAttribute("href");
if (!e) return;
if (
/Mac|iPod|iPhone|iPad/u.test(navigator.userAgent)
? t.metaKey
: t.ctrlKey
)
return n(e, "", "_blank");
let r = this.getAttribute("rel") ?? "",
c = this.getAttribute("target") ?? "";
n(e, r, c);
}
function a(t) {
if (this.dataset.hydrated) {
this.removeEventListener("auxclick", o);
return;
}
t.preventDefault(), t.stopPropagation();
let e = this.getAttribute("href");
e && n(e, "", "_blank");
}
function s(t) {
if (this.dataset.hydrated) {
this.removeEventListener("keydown", s);
return;
}
if (t.key !== "Enter") return;
t.preventDefault(), t.stopPropagation();
let e = this.getAttribute("href");
if (!e) return;
let i = this.getAttribute("rel") ?? "",
r = this.getAttribute("target") ?? "";
n(e, i, r);
}
document.querySelectorAll("[data-nested-link]").forEach((t) => {
t instanceof HTMLElement &&
(t.addEventListener("click", o),
t.addEventListener("auxclick", a),
t.addEventListener("keydown", s));
});
}
return u;
})()();
</script>
<script>
(() => {
function i() {
for (let e of document.querySelectorAll(
"[data-framer-original-sizes]"
)) {
let t = e.getAttribute("data-framer-original-sizes");
t === "" ? e.removeAttribute("sizes") : e.setAttribute("sizes", t),
e.removeAttribute("data-framer-original-sizes");
}
}
function a() {
window.__framer_onRewriteBreakpoints = i;
}
return a;
})()();
</script>
<script>
!(function () {
var l = "framer_variant";
function u(a, r) {
let n = r.indexOf("#"),
e = n === -1 ? r : r.substring(0, n),
o = n === -1 ? "" : r.substring(n),
t = e.indexOf("?"),
m = t === -1 ? e : e.substring(0, t),
d = t === -1 ? "" : e.substring(t),
s = new URLSearchParams(d),
h = new URLSearchParams(a);
for (let [i, g] of h) s.has(i) || (i !== l && s.append(i, g));
let c = s.toString();
return c === "" ? e + o : m + "?" + c + o;
}
var w =
'div#main a[href^="#"],div#main a[href^="/"],div#main a[href^="."]',
f = "div#main a[data-framer-preserve-params]",
p = document.currentScript?.hasAttribute(
"data-preserve-internal-params"
);
if (
window.location.search &&
!navigator.webdriver &&
!/bot|-google|google-|yandex|ia_archiver|crawl|spider/iu.test(
navigator.userAgent
)
) {
let a = document.querySelectorAll(p ? `${w},${f}` : f);
for (let r of a) {
let n = u(window.location.search, r.href);
r.setAttribute("href", n);
}
}
})();
</script>
<!--$--><!--$--><!--$--><a class="framer-6jWyo framer-n0ccwk framer-v-n0ccwk framer-bmpgw8 __framer-badge"
data-framer-appear-id="n0ccwk" data-framer-name="Light" data-nosnippet="true" style="
will-change: transform;
pointer-events: auto;
opacity: 0.001;
transform: translateY(10px);
" href="https://www.framer.com" rel="noopener"
title="Create a free website with Framer, the website builder loved by startups, designers and agencies.">
<div class="framer-13yxzio" data-framer-name="Backdrop" style="
background-color: rgb(255, 255, 255);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0px 0.6021873017743928px 1.5656869846134214px -1.5px rgba(0, 0, 0, 0.17),
0px 2.288533303243457px 5.950186588432988px -3px rgba(0, 0, 0, 0.14),
0px 10px 26px -4.5px rgba(0, 0, 0, 0.02);
"></div>
<div class="framer-19yaanm" data-framer-name="Content" style="transform: translate(-50%, -50%)">
<div class="framer-1kflzx5">
<div data-framer-name="Logo" class="framer-hcsc7 framer-e50co" style="
--1bd4d3i: rgb(0, 0, 0);
--otdjsv: rgb(0, 0, 0);
transform: translateX(-50%);
"></div>
</div>
<!--$-->
<p style="position: absolute; transform: scale(0.001)">
Create a free website with Framer, the website builder loved by
startups, designers and agencies.
</p>
<div data-framer-name="Text" class="framer-g7oZR framer-1um7t9d"
style="--1bd4d3i: rgb(0, 0, 0); --otdjsv: rgb(0, 0, 0)"></div>
<!--/$-->
</div>
<div class="framer-j4ugry" data-framer-name="Bottom" style="
mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 65%,
rgba(0, 0, 0, 1) 100%
)
add;
-webkit-mask: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 65%,
rgba(0, 0, 0, 1) 100%
)
add;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
box-shadow: inset 0px 0px 0px 1px rgb(0, 0, 0);
opacity: 0.06;
"></div>
<div class="framer-jnuwbw" data-framer-name="Border" style="
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
box-shadow: inset 0px 0px 0px 1px rgb(0, 0, 0);
opacity: 0.04;
"></div>
</a><!--/$--><!--/$--><!--/$-->
</div>
<script>
var animator = (() => {
var k = (e, t, r) => (r > t ? t : r < e ? e : r);
var F = () => {};
function W(e) {
let t;
return () => (t === void 0 && (t = e()), t);
}
var j = (e) => e;
var w = (e) => e * 1e3,
v = (e) => e / 1e3;
function X(e, t) {
return t ? e * (1e3 / t) : 0;
}
var Y = (e) => Array.isArray(e) && typeof e[0] == "number";
var q = { value: null, addProjectionMetrics: null };
var Z = { layout: 0, mainThread: 0, waapi: 0 };
var z = (e, t, r = 10) => {
let o = "",
s = Math.max(Math.round(t / r), 2);
for (let n = 0; n < s; n++)
o += Math.round(e(n / (s - 1)) * 1e4) / 1e4 + ", ";
return `linear(${o.substring(0, o.length - 2)})`;
};
function $(e) {
let t = 0,
r = 50,
o = e.next(t);
for (; !o.done && t < 2e4; ) (t += r), (o = e.next(t));
return t >= 2e4 ? 1 / 0 : t;
}
function pe(e, t = 100, r) {
let o = r({ ...e, keyframes: [0, t] }),
s = Math.min($(o), 2e4);
return {
type: "keyframes",
ease: (n) => o.next(s * n).value / t,
duration: v(s),
};
}
var Ee = 5;
function me(e, t, r) {
let o = Math.max(t - Ee, 0);
return X(r - e(o), t - o);
}
var l = {
stiffness: 100,
damping: 10,
mass: 1,
velocity: 0,
duration: 800,
bounce: 0.3,
visualDuration: 0.3,
restSpeed: { granular: 0.01, default: 2 },
restDelta: { granular: 0.005, default: 0.5 },
minDuration: 0.01,
maxDuration: 10,
minDamping: 0.05,
maxDamping: 1,
};
var H = 0.001;
function fe({
duration: e = l.duration,
bounce: t = l.bounce,
velocity: r = l.velocity,
mass: o = l.mass,
}) {
let s, n;
F(
e <= w(l.maxDuration),
"Spring duration must be 10 seconds or less",
"spring-duration-limit"
);
let i = 1 - t;
(i = k(l.minDamping, l.maxDamping, i)),
(e = k(l.minDuration, l.maxDuration, v(e))),
i < 1
? ((s = (m) => {
let p = m * i,
c = p * e,
u = p - r,
d = L(m, i),
g = Math.exp(-c);
return H - (u / d) * g;
}),
(n = (m) => {
let c = m * i * e,
u = c * r + r,
d = Math.pow(i, 2) * Math.pow(m, 2) * e,
g = Math.exp(-c),
y = L(Math.pow(m, 2), i);
return ((-s(m) + H > 0 ? -1 : 1) * ((u - d) * g)) / y;
}))
: ((s = (m) => {
let p = Math.exp(-m * e),
c = (m - r) * e + 1;
return -H + p * c;
}),
(n = (m) => {
let p = Math.exp(-m * e),
c = (r - m) * (e * e);
return p * c;
}));
let f = 5 / e,
a = Ce(s, n, f);
if (((e = w(e)), isNaN(a)))
return { stiffness: l.stiffness, damping: l.damping, duration: e };
{
let m = Math.pow(a, 2) * o;
return {
stiffness: m,
damping: i * 2 * Math.sqrt(o * m),
duration: e,
};
}
}
var Pe = 12;
function Ce(e, t, r) {
let o = r;
for (let s = 1; s < Pe; s++) o = o - e(o) / t(o);
return o;
}
function L(e, t) {
return e * Math.sqrt(1 - t * t);
}
var Ie = ["duration", "bounce"],
Ke = ["stiffness", "damping", "mass"];
function ce(e, t) {
return t.some((r) => e[r] !== void 0);
}
function Be(e) {
let t = {
velocity: l.velocity,
stiffness: l.stiffness,
damping: l.damping,
mass: l.mass,
isResolvedFromDuration: !1,
...e,
};
if (!ce(e, Ke) && ce(e, Ie))
if (e.visualDuration) {
let r = e.visualDuration,
o = (2 * Math.PI) / (r * 1.2),
s = o * o,
n = 2 * k(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(s);
t = { ...t, mass: l.mass, stiffness: s, damping: n };
} else {
let r = fe(e);
(t = { ...t, ...r, mass: l.mass }),
(t.isResolvedFromDuration = !0);
}
return t;
}
function D(e = l.visualDuration, t = l.bounce) {
let r =
typeof e != "object"
? { visualDuration: e, keyframes: [0, 1], bounce: t }
: e,
{ restSpeed: o, restDelta: s } = r,
n = r.keyframes[0],
i = r.keyframes[r.keyframes.length - 1],
f = { done: !1, value: n },
{
stiffness: a,
damping: m,
mass: p,
duration: c,
velocity: u,
isResolvedFromDuration: d,
} = Be({ ...r, velocity: -v(r.velocity || 0) }),
g = u || 0,
y = m / (2 * Math.sqrt(a * p)),
h = i - n,
T = v(Math.sqrt(a / p)),
B = Math.abs(h) < 5;
o || (o = B ? l.restSpeed.granular : l.restSpeed.default),
s || (s = B ? l.restDelta.granular : l.restDelta.default);
let b;
if (y < 1) {
let x = L(T, y);
b = (A) => {
let S = Math.exp(-y * T * A);
return (
i -
S *
(((g + y * T * h) / x) * Math.sin(x * A) +
h * Math.cos(x * A))
);
};
} else if (y === 1)
b = (x) => i - Math.exp(-T * x) * (h + (g + T * h) * x);
else {
let x = T * Math.sqrt(y * y - 1);
b = (A) => {
let S = Math.exp(-y * T * A),
G = Math.min(x * A, 300);
return (
i -
(S * ((g + y * T * h) * Math.sinh(G) + x * h * Math.cosh(G))) /
x
);
};
}
let V = {
calculatedDuration: (d && c) || null,
next: (x) => {
let A = b(x);
if (d) f.done = x >= c;
else {
let S = x === 0 ? g : 0;
y < 1 && (S = x === 0 ? w(g) : me(b, x, A));
let G = Math.abs(S) <= o,
ke = Math.abs(i - A) <= s;
f.done = G && ke;
}
return (f.value = f.done ? i : A), f;
},
toString: () => {
let x = Math.min($(V), 2e4),
A = z((S) => V.next(x * S).value, x, 30);
return x + "ms " + A;
},
toTransition: () => {},
};
return V;
}
D.applyToOptions = (e) => {
let t = pe(e, 100, D);
return (
(e.ease = t.ease),
(e.duration = w(t.duration)),
(e.type = "keyframes"),
e
);
};
var ue = [
"transformPerspective",
"x",
"y",
"z",
"translateX",
"translateY",
"translateZ",
"scale",
"scaleX",
"scaleY",
"rotate",
"rotateX",
"rotateY",
"rotateZ",
"skew",
"skewX",
"skewY",
],
_ = new Set(ue);
var le = {};
function de(e, t) {
let r = W(e);
return () => le[t] ?? r();
}
var xe = de(() => {
try {
document
.createElement("div")
.animate({ opacity: 0 }, { easing: "linear(0, 1)" });
} catch {
return !1;
}
return !0;
}, "linearEasing");
var O = ([e, t, r, o]) => `cubic-bezier(${e}, ${t}, ${r}, ${o})`;
var Q = {
linear: "linear",
ease: "ease",
easeIn: "ease-in",
easeOut: "ease-out",
easeInOut: "ease-in-out",
circIn: O([0, 0.65, 0.55, 1]),
circOut: O([0.55, 0, 1, 0.45]),
backIn: O([0.31, 0.01, 0.66, -0.59]),
backOut: O([0.33, 1.53, 0.69, 0.99]),
};
function J(e, t) {
if (e)
return typeof e == "function"
? xe()
? z(e, t)
: "ease-out"
: Y(e)
? O(e)
: Array.isArray(e)
? e.map((r) => J(r, t) || Q.easeOut)
: Q[e];
}
function R(
e,
t,
r,
{
delay: o = 0,
duration: s = 300,
repeat: n = 0,
repeatType: i = "loop",
ease: f = "easeOut",
times: a,
} = {},
m = void 0
) {
let p = { [t]: r };
a && (p.offset = a);
let c = J(f, s);
Array.isArray(c) && (p.easing = c), q.value && Z.waapi++;
let u = {
delay: o,
duration: s,
easing: Array.isArray(c) ? "linear" : c,
fill: "both",
iterations: n + 1,
direction: i === "reverse" ? "alternate" : "normal",
};
m && (u.pseudoElement = m);
let d = e.animate(p, u);
return (
q.value &&
d.finished.finally(() => {
Z.waapi--;
}),
d
);
}
var ge = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
var ee = "framerAppearId",
ye = "data-" + ge(ee);
function Ae(e) {
return e.props[ye];
}
var M = new Map(),
E = new Map();
var P = (e, t) => {
let r = _.has(t) ? "transform" : t;
return `${e}: ${r}`;
};
function te(e, t, r) {
let o = P(e, t),
s = M.get(o);
if (!s) return null;
let { animation: n, startTime: i } = s;
function f() {
window.MotionCancelOptimisedAnimation?.(e, t, r);
}
return (
(n.onfinish = f),
i === null || window.MotionHandoffIsComplete?.(e) ? (f(), null) : i
);
}
var N,
C,
re = new Set();
function Ge() {
re.forEach((e) => {
e.animation.play(), (e.animation.startTime = e.startTime);
}),
re.clear();
}
function oe(e, t, r, o, s) {
if (window.MotionIsMounted) return;
let n = e.dataset[ee];
if (!n) return;
window.MotionHandoffAnimation = te;
let i = P(n, t);
C ||
((C = R(e, t, [r[0], r[0]], { duration: 1e4, ease: "linear" })),
M.set(i, { animation: C, startTime: null }),
(window.MotionHandoffAnimation = te),
(window.MotionHasOptimisedAnimation = (a, m) => {
if (!a) return !1;
if (!m) return E.has(a);
let p = P(a, m);
return !!M.get(p);
}),
(window.MotionHandoffMarkAsComplete = (a) => {
E.has(a) && E.set(a, !0);
}),
(window.MotionHandoffIsComplete = (a) => E.get(a) === !0),
(window.MotionCancelOptimisedAnimation = (a, m, p, c) => {
let u = P(a, m),
d = M.get(u);
d &&
(p && c === void 0
? p.postRender(() => {
p.postRender(() => {
d.animation.cancel();
});
})
: d.animation.cancel(),
p && c
? (re.add(d), p.render(Ge))
: (M.delete(u),
M.size ||
(window.MotionCancelOptimisedAnimation = void 0)));
}),
(window.MotionCheckAppearSync = (a, m, p) => {
let c = Ae(a);
if (!c) return;
let u = window.MotionHasOptimisedAnimation?.(c, m),
d = a.props.values?.[m];
if (!u || !d) return;
let g = p.on("change", (y) => {
d.get() !== y &&
(window.MotionCancelOptimisedAnimation?.(c, m), g());
});
return g;
}));
let f = () => {
C.cancel();
let a = R(e, t, r, o);
N === void 0 && (N = performance.now()),
(a.startTime = N),
M.set(i, { animation: a, startTime: N }),
s && s(a);
};
E.set(n, !1), C.ready ? C.ready.then(f).catch(j) : f();
}
var ne = [
"transformPerspective",
"x",
"y",
"z",
"translateX",
"translateY",
"translateZ",
"scale",
"scaleX",
"scaleY",
"rotate",
"rotateX",
"rotateY",
"rotateZ",
"skew",
"skewX",
"skewY",
],
ze = {
x: "translateX",
y: "translateY",
z: "translateZ",
transformPerspective: "perspective",
},
$e = {
translateX: "px",
translateY: "px",
translateZ: "px",
x: "px",
y: "px",
z: "px",
perspective: "px",
transformPerspective: "px",
rotate: "deg",
rotateX: "deg",
rotateY: "deg",
};
function he(e, t) {
let r = $e[e];
return !r || (typeof t == "string" && t.endsWith(r)) ? t : `${t}${r}`;
}
function ie(e) {
return ne.includes(e);
}
var Le = (e, t) => ne.indexOf(e) - ne.indexOf(t);
function Te({ transform: e, transformKeys: t }, r) {
let o = {},
s = !0,
n = "";
t.sort(Le);
for (let i of t) {
let f = e[i],
a = !0;
typeof f == "number"
? (a = f === (i.startsWith("scale") ? 1 : 0))
: (a = parseFloat(f) === 0),
a || ((s = !1), (n += `${ze[i] || i}(${e[i]}) `)),
r && (o[i] = e[i]);
}
return (n = n.trim()), r ? (n = r(o, n)) : s && (n = "none"), n;
}
function ae(e, t) {
let r = new Set(Object.keys(e));
for (let o in t) r.add(o);
return Array.from(r);
}
function se(e, t) {
let r = t - e.length;
if (r <= 0) return e;
let o = new Array(r).fill(e[e.length - 1]);
return e.concat(o);
}
function I(e) {
return e * 1e3;
}
var Se = { duration: 0.001 },
K = {
opacity: 1,
scale: 1,
translateX: 0,
translateY: 0,
translateZ: 0,
x: 0,
y: 0,
z: 0,
rotate: 0,
rotateX: 0,
rotateY: 0,
};
function ve(e, t, r, o, s) {
return (
r.delay && (r.delay = I(r.delay)),
r.type === "spring" ? Ne(e, t, r, o, s) : We(e, t, r, o, s)
);
}
function Re(e, t, r) {
let o = {},
s = 0,
n = 0;
for (let i of ae(e, t)) {
let f = e[i] ?? K[i],
a = t[i] ?? K[i];
if (
f === void 0 ||
a === void 0 ||
(i !== "transformPerspective" && f === a && f === K[i])
)
continue;
i === "transformPerspective" && (o[i] = [f, a]);
let m = Ze(f, a, r),
{ duration: p, keyframes: c } = m;
p === void 0 ||
c === void 0 ||
(p > s && ((s = p), (n = c.length)), (o[i] = c));
}
return {
keyframeValuesByProps: o,
longestDuration: s,
longestLength: n,
};
}
function Ne(e, t, r, o, s) {
let n = {},
{
keyframeValuesByProps: i,
longestDuration: f,
longestLength: a,
} = Re(e, t, r);
if (!a) return n;
let m = { ease: "linear", duration: f, delay: r.delay },
p = s ? Se : m,
c = {};
for (let [d, g] of Object.entries(i))
ie(d)
? (c[d] = se(g, a))
: (n[d] = {
keyframes: se(g, a),
options: d === "opacity" ? m : p,
});
let u = De(c, o);
return u && (n.transform = { keyframes: u, options: p }), n;
}
function Fe(e) {
let { type: t, duration: r, ...o } = e;
return { duration: I(r), ...o };
}
function We(e, t, r, o, s) {
let n = Fe(r);
if (!n) return;
let i = {},
f = s ? Se : n,
a = {};
for (let p of ae(e, t)) {
let c = e[p] ?? K[p],
u = t[p] ?? K[p];
c === void 0 ||
u === void 0 ||
(p !== "transformPerspective" && c === u) ||
(ie(p)
? (a[p] = [c, u])
: (i[p] = {
keyframes: [c, u],
options: p === "opacity" ? n : f,
}));
}
let m = De(a, o);
return m && (i.transform = { keyframes: m, options: f }), i;
}
var je = ["duration", "bounce"],
Xe = ["stiffness", "damping", "mass"];
function we(e) {
return Xe.some((t) => t in e) ? !1 : je.some((t) => t in e);
}
function Ye(e, t, r) {
return we(r)
? `${e}-${t}-${r.duration}-${r.bounce}`
: `${e}-${t}-${r.damping}-${r.stiffness}-${r.mass}`;
}
function qe(e) {
return we(e) ? { ...e, duration: I(e.duration) } : e;
}
var Me = new Map(),
be = 10;
function Ze(e, t, r) {
let o = Ye(e, t, r),
s = Me.get(o);
if (s) return s;
let n = [e, t],
i = D({ ...qe(r), keyframes: n }),
f = { done: !1, value: n[0] },
a = [],
m = 0;
for (; !f.done && m < I(10); )
(f = i.next(m)), a.push(f.value), (m += be);
n = a;
let p = m - be,
u = { keyframes: n, duration: p, ease: "linear" };
return Me.set(o, u), u;
}
function De(e, t) {
let r = [],
o = Object.values(e)[0]?.length;
if (!o) return;
let s = Object.keys(e);
for (let n = 0; n < o; n++) {
let i = {};
for (let [a, m] of Object.entries(e)) {
let p = m[n];
p !== void 0 && (i[a] = he(a, p));
}
let f = Te({ transform: i, transformKeys: s }, t);
r.push(f);
}
return r;
}
function Ue(e, t) {
if (!t)
for (let r in e) {
let o = e[r];
return o?.legacy === !0 ? o : void 0;
}
}
function Oe(e, t, r, o, s, n) {
for (let [i, f] of Object.entries(e)) {
let a = n ? f[n] : void 0;
if (a === null || (!a && f.default === null)) continue;
let m = a ?? f.default ?? Ue(f, n);
if (!m) continue;
let { initial: p, animate: c, transformTemplate: u } = m;
if (!p || !c) continue;
let { transition: d, ...g } = c,
y = ve(p, g, d, He(u, o), s);
if (!y) continue;
let h = {},
T = {};
for (let [b, V] of Object.entries(y))
(h[b] = V.keyframes), (T[b] = V.options);
let B = n ? `:not(.hidden-${n}) ` : "";
t(`${B}[${r}="${i}"]`, h, T);
}
}
function He(e, t) {
if (!(!e || !t)) return (r, o) => e.replace(t, o);
}
function Ve(e) {
return e
? e.find((r) =>
r.mediaQuery
? window.matchMedia(r.mediaQuery).matches === !0
: !1
)?.hash
: void 0;
}
var Lr = {
animateAppearEffects: Oe,
getActiveVariantHash: Ve,
spring: D,
startOptimizedAppearAnimation: oe,
};
return Lr;
})();
</script>
<script type="framer/appear" id="__framer__appearAnimationsContent">
{"71bu8b":{"default":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"1slso0x":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"1d7c730":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"dsxqep":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}}},"6ciele":{"default":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"1slso0x":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"1d7c730":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}},"dsxqep":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0.4,"duration":0.6,"type":"spring"},"x":0,"y":0}}},"qbsodz":{"default":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"delay":0.4,"duration":0.6,"ease":[0.44,0,0.56,1],"type":"tween"},"x":0,"y":0}}},"19y3y9x":{"default":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":0.8,"skewX":0,"skewY":0,"x":0,"y":200},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"bounce":0.2,"delay":0,"duration":0.8,"type":"spring"},"x":0,"y":0}}},"hms413":{"default":{"initial":{"opacity":0.001,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"x":0,"y":0},"animate":{"opacity":1,"rotate":0,"rotateX":0,"rotateY":0,"scale":1,"skewX":0,"skewY":0,"transition":{"damping":52,"delay":0.1,"mass":1,"stiffness":400,"type":"spring"},"x":0,"y":0}}}}
</script>
<script type="framer/appear" id="__framer__breakpoints">
[{"hash":"72rtr7","mediaQuery":"(min-width: 1200px)"},{"hash":"dsxqep","mediaQuery":"(min-width: 992px) and (max-width: 1199.98px)"},{"hash":"1d7c730","mediaQuery":"(min-width: 768px) and (max-width: 991.98px)"},{"hash":"1slso0x","mediaQuery":"(max-width: 767.98px)"},{"hash":"ckwyi4","mediaQuery":"(min-width: 1200px)"},{"hash":"3fl3zd","mediaQuery":"(min-width: 992px) and (max-width: 1199.98px)"},{"hash":"fi1c1y","mediaQuery":"(min-width: 768px) and (max-width: 991.98px)"},{"hash":"1x6740i","mediaQuery":"(max-width: 767.98px)"}]
</script>
<script data-framer-appear-animation="no-preference">
(() => {
function c(i, o, s) {
if (
window.__framer_disable_appear_effects_optimization__ ||
typeof animator > "u"
)
return;
let e = { detail: { bg: document.hidden } };
requestAnimationFrame(() => {
let a = "framer-appear-start";
performance.mark(a, e),
animator.animateAppearEffects(
JSON.parse(window.__framer__appearAnimationsContent.text),
(m, p, d) => {
let t = document.querySelector(m);
if (t)
for (let [r, f] of Object.entries(p))
animator.startOptimizedAppearAnimation(t, r, f, d[r]);
},
i,
o,
s &&
window.matchMedia("(prefers-reduced-motion:reduce)")
.matches === !0,
animator.getActiveVariantHash(
JSON.parse(window.__framer__breakpoints.text)
)
);
let n = "framer-appear-end";
performance.mark(n, e),
performance.measure("framer-appear", {
start: a,
end: n,
detail: e.detail,
});
});
}
return c;
})()("data-framer-appear-id", "__Appear_Animation_Transform__", false);
</script>
<script>
(() => {
function d(e) {
let t = Date.prototype.toLocaleString,
o = Date.prototype.toLocaleDateString;
t &&
(Date.prototype.toLocaleString = function (r, n) {
let i = s(this, r, n);
return u(e.current.Date.toLocaleString, i, () =>
t.call(this, r, n)
);
}),
o &&
(Date.prototype.toLocaleDateString = function (r, n) {
let i = s(this, r, n);
return u(e.current.Date.toLocaleDateString, i, () =>
o.call(this, r, n)
);
});
let a = Object.getOwnPropertyDescriptors(
Intl.DateTimeFormat.prototype
).format.get,
c = Intl.DateTimeFormat.prototype.formatRange,
b = Intl.DateTimeFormat.prototype.formatToParts,
D = Intl.DateTimeFormat.prototype.formatRangeToParts;
a &&
Object.defineProperty(Intl.DateTimeFormat.prototype, "format", {
get() {
function m(r) {
let n = p(this),
i = s(r, n);
return u(e.current.DateTimeFormat.format, i, () =>
a.call(this)(r)
);
}
return m.bind(this);
},
}),
c &&
(Intl.DateTimeFormat.prototype.formatRange = function (r, n) {
let i = p(this),
l = s(r, n, i);
return u(e.current.DateTimeFormat.formatRange, l, () =>
c.call(this, r, n)
);
}),
b &&
(Intl.DateTimeFormat.prototype.formatToParts = function (r) {
let n = p(this),
i = s(r, n);
return u(e.current.DateTimeFormat.formatToParts, i, () =>
b.call(this, r)
).map(g);
}),
D &&
(Intl.DateTimeFormat.prototype.formatRangeToParts = function (
r,
n
) {
let i = p(this),
l = s(r, n, i);
return u(e.current.DateTimeFormat.formatRangeToParts, l, () =>
D.call(this, r, n)
).map(g);
});
let y = Number.prototype.toLocaleString;
y &&
(Number.prototype.toLocaleString = function (r, n) {
let i = s(this, r, n);
return u(e.current.Number.toLocaleString, i, () =>
y.call(this, r, n)
);
});
let h = Object.getOwnPropertyDescriptors(Intl.NumberFormat.prototype)
.format.get,
F = Intl.NumberFormat.prototype.formatRange,
T = Intl.NumberFormat.prototype.formatToParts,
I = Intl.NumberFormat.prototype.formatRangeToParts;
h &&
Object.defineProperty(Intl.NumberFormat.prototype, "format", {
get() {
function m(r) {
let n = f(this),
i = s(r, n);
return u(e.current.NumberFormat.format, i, () =>
h.call(this)(r)
);
}
return m.bind(this);
},
}),
F &&
(Intl.NumberFormat.prototype.formatRange = function (r, n) {
let i = f(this),
l = s(r, n, i);
return u(e.current.NumberFormat.formatRange, l, () =>
F.call(this, r, n)
);
}),
T &&
(Intl.NumberFormat.prototype.formatToParts = function (r) {
let n = f(this),
i = s(r, n);
return u(e.current.NumberFormat.formatToParts, i, () =>
T.call(this, r)
).map(g);
}),
I &&
(Intl.NumberFormat.prototype.formatRangeToParts = function (
r,
n
) {
let i = f(this),
l = s(r, n, i);
return u(e.current.NumberFormat.formatRangeToParts, l, () =>
I.call(this, r, n)
).map(g);
});
}
function P(e, t) {
return typeof t == "bigint"
? `${t}n`
: t instanceof Date
? t.getTime()
: t;
}
function s(...e) {
let t = JSON.stringify(e, P),
o = 0;
for (let a = 0; a < t.length; a++)
(o += t.charCodeAt(a)), (o += o << 10), (o ^= o >> 6);
return (o += o << 3), (o ^= o >> 11), (o += o << 15), o >>> 0;
}
function u(e, t, o) {
let a = e[t];
if (typeof a < "u") return a;
let c = o();
return (e[t] = c), c;
}
function g(e) {
return { ...e };
}
function p(e) {
let t = e.resolvedOptions(),
o = {
locale: t.locale,
calendar: t.calendar,
numberingSystem: t.numberingSystem,
timeZone: t.timeZone,
hour12: t.hour12,
weekday: t.weekday,
era: t.era,
year: t.year,
month: t.month,
day: t.day,
hour: t.hour,
minute: t.minute,
second: t.second,
timeZoneName: t.timeZoneName,
};
for (let a in t) a in o || (o[a] = t[a]);
return o;
}
function f(e) {
let t = e.resolvedOptions(),
o = {
locale: t.locale,
numberingSystem: t.numberingSystem,
style: t.style,
currency: t.currency,
currencyDisplay: t.currencyDisplay,
currencySign: t.currencySign,
unit: t.unit,
unitDisplay: t.unitDisplay,
minimumIntegerDigits: t.minimumIntegerDigits,
minimumFractionDigits: t.minimumFractionDigits,
maximumFractionDigits: t.maximumFractionDigits,
minimumSignificantDigits: t.minimumSignificantDigits,
maximumSignificantDigits: t.maximumSignificantDigits,
useGrouping: t.useGrouping === !0 ? "auto" : t.useGrouping,
notation: t.notation,
compactDisplay: t.compactDisplay,
signDisplay: t.signDisplay,
roundingIncrement: t.roundingIncrement ?? 1,
roundingMode: t.roundingMode ?? "halfExpand",
roundingPriority: t.roundingPriority ?? "auto",
trailingZeroDisplay: t.trailingZeroDisplay ?? "auto",
};
for (let a in t) a in o || (o[a] = t[a]);
return o;
}
return d;
})()({
current: {
Date: {
toLocaleString: {
613734703: "Jan 3, 2025",
2614344847: "Jan 6, 2026",
3939256226: "Jan 8, 2026",
},
toLocaleDateString: {},
},
DateTimeFormat: {
format: {},
formatRange: {},
formatToParts: {},
formatRangeToParts: {},
},
Number: { toLocaleString: {} },
NumberFormat: {
format: {},
formatRange: {},
formatToParts: {},
formatRangeToParts: {},
},
},
});
</script>
<script>
typeof document < "u" &&
(window.process = {
...window.process,
env: { ...window.process?.env, NODE_ENV: "production" },
});
</script>
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/react.DEOeqTf0.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/rolldown-runtime.OA-FSkXT.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/motion.tCRb7qjL.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/framer.C6I0UnrZ.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/Phosphor.KLZruMz7.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/fdldKf5t1.B2u-8RZT.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/xYEC_wF3E.kUFyjEl0.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/TMY2tIZqI.Ca9sdrSF.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/Sz9S4_GWH.DuiQFaIA.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/umXNQhy9r.BpBOkXjK.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/DzJ2WJLW6ex2WOYt2oa9aELcyjDmE0MElnF3CPx-wbE.oeDrRXaS.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/Y3A3NmeQd.DA7DNnF6.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/p7d8ot7xK.fFRUmHcB.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/YhjCwsFY5.B_-IIGC7.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/rKNwAsolT.BihaS-W9.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/aAdohScXF.BF0vcpVj.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/aPqv2C1EJ.DCxrpMTu.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/lyp4ejQRr.Dd4Qhtyv.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/RRx77qS32.DmuIVgFP.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/Sz9S4_GWH.CNgICfCL.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/KpfcnG7CO.BYZb0K-I.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/aPqv2C1EJ.CpTQ9Fk-.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/Eji9e8aNf.DxBt1zAX.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/augiA20Il.ueyPln5F.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/shared-lib.BAPFrZ5n.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/nZIMpa9h8.Cr8G4lvJ.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/BX4pDZiwB.BTBNomil.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/n9jrpPEGX.BjAdspbT.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/MAEN_7pJo.B5z7yO38.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/xh1LtkXB8.DSEoOWNa.mjs" />
<link rel="modulepreload" fetchpriority="low"
href="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/script_main.B5qv3A9j.mjs" />
<script type="module" async data-framer-bundle="main" fetchpriority="low"
src="https://framerusercontent.com/sites/69Nw2jItjG1xsPcWcAtRKd/script_main.B5qv3A9j.mjs"></script>
<script type="framer/handover" id="__framer__handoverData">
[{"0":1,"1":127},["Map",2,3,23,24,40,41,57,58,74,75,123,124],"{\"from\":{\"constraint\":{\"left\":{\"collection\":\"iflcXQ2ZL\",\"name\":\"xzuyzIPBr\",\"type\":\"Identifier\"},\"operator\":\"==\",\"right\":{\"collection\":\"xzuyzIPBr\",\"name\":\"id\",\"type\":\"Identifier\"},\"type\":\"BinaryOperation\"},\"left\":\"a1cad4be-79e2-4169-9d73-56614b8a19f0\",\"right\":\"ea69f9a0-ffaf-483f-9aa1-348f61f072fa\",\"type\":\"LeftJoin\"},\"limit\":{\"type\":\"LiteralValue\",\"value\":1},\"select\":[{\"alias\":\"xzuyzIPBr.c9amkcDvh\",\"collection\":\"xzuyzIPBr\",\"name\":\"c9amkcDvh\",\"type\":\"Identifier\"},{\"collection\":\"iflcXQ2ZL\",\"name\":\"lonRy_0aR\",\"type\":\"Identifier\"},{\"collection\":\"iflcXQ2ZL\",\"name\":\"REU1pIKSU\",\"type\":\"Identifier\"},{\"collection\":\"iflcXQ2ZL\",\"name\":\"AWppcwE7g\",\"type\":\"Identifier\"},{\"collection\":\"iflcXQ2ZL\",\"name\":\"fwzCneSH2\",\"type\":\"Identifier\"},{\"collection\":\"iflcXQ2ZL\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[4],{"xzuyzIPBr.c9amkcDvh":5,"lonRy_0aR":11,"REU1pIKSU":14,"AWppcwE7g":16,"fwzCneSH2":19,"id":21},{"type":6,"value":7},"responsiveimage",{"src":8,"srcSet":9,"pixelWidth":10,"pixelHeight":10},"https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000","https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=512&width=4000&height=4000 512w,https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=1024&width=4000&height=4000 1024w,https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?scale-down-to=2048&width=4000&height=4000 2048w,https://framerusercontent.com/images/UoEEE12go2R5RC8gPNDzm2A8FBI.png?width=4000&height=4000 4000w",4000,{"type":12,"value":13},"string","Pixelyft Solutions",{"type":12,"value":15},"Website",{"type":17,"value":18},"color","rgb(0, 0, 0)",{"type":12,"value":20},"pixelyft",{"type":12,"value":22},"M3RNJGrBF","{\"from\":{\"constraint\":{\"left\":{\"collection\":\"trhF01sIM\",\"name\":\"xzuyzIPBr\",\"type\":\"Identifier\"},\"operator\":\"==\",\"right\":{\"collection\":\"xzuyzIPBr\",\"name\":\"id\",\"type\":\"Identifier\"},\"type\":\"BinaryOperation\"},\"left\":\"a1cad4be-79e2-4169-9d73-56614b8a19f0\",\"right\":\"ea69f9a0-ffaf-483f-9aa1-348f61f072fa\",\"type\":\"LeftJoin\"},\"limit\":{\"type\":\"LiteralValue\",\"value\":1},\"offset\":{\"type\":\"LiteralValue\",\"value\":1},\"select\":[{\"alias\":\"xzuyzIPBr.c9amkcDvh\",\"collection\":\"xzuyzIPBr\",\"name\":\"c9amkcDvh\",\"type\":\"Identifier\"},{\"collection\":\"trhF01sIM\",\"name\":\"lonRy_0aR\",\"type\":\"Identifier\"},{\"collection\":\"trhF01sIM\",\"name\":\"REU1pIKSU\",\"type\":\"Identifier\"},{\"collection\":\"trhF01sIM\",\"name\":\"AWppcwE7g\",\"type\":\"Identifier\"},{\"collection\":\"trhF01sIM\",\"name\":\"fwzCneSH2\",\"type\":\"Identifier\"},{\"collection\":\"trhF01sIM\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[25],{"xzuyzIPBr.c9amkcDvh":26,"lonRy_0aR":32,"REU1pIKSU":34,"AWppcwE7g":35,"fwzCneSH2":36,"id":38},{"type":6,"value":27},{"src":28,"srcSet":29,"pixelWidth":30,"pixelHeight":31},"https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125","https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=512&width=1500&height=1125 512w,https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?scale-down-to=1024&width=1500&height=1125 1024w,https://framerusercontent.com/images/lToC6EEINYxctGNRUUJDbR6tCY.png?width=1500&height=1125 1500w",1500,1125,{"type":12,"value":33},"MSI Engineering",{"type":12,"value":15},{"type":17,"value":18},{"type":12,"value":37},"quantum",{"type":12,"value":39},"F0hwtJeWI","{\"from\":{\"constraint\":{\"left\":{\"collection\":\"ElHlGkgdE\",\"name\":\"xzuyzIPBr\",\"type\":\"Identifier\"},\"operator\":\"==\",\"right\":{\"collection\":\"xzuyzIPBr\",\"name\":\"id\",\"type\":\"Identifier\"},\"type\":\"BinaryOperation\"},\"left\":\"a1cad4be-79e2-4169-9d73-56614b8a19f0\",\"right\":\"ea69f9a0-ffaf-483f-9aa1-348f61f072fa\",\"type\":\"LeftJoin\"},\"limit\":{\"type\":\"LiteralValue\",\"value\":1},\"offset\":{\"type\":\"LiteralValue\",\"value\":2},\"select\":[{\"alias\":\"xzuyzIPBr.c9amkcDvh\",\"collection\":\"xzuyzIPBr\",\"name\":\"c9amkcDvh\",\"type\":\"Identifier\"},{\"collection\":\"ElHlGkgdE\",\"name\":\"lonRy_0aR\",\"type\":\"Identifier\"},{\"collection\":\"ElHlGkgdE\",\"name\":\"REU1pIKSU\",\"type\":\"Identifier\"},{\"collection\":\"ElHlGkgdE\",\"name\":\"AWppcwE7g\",\"type\":\"Identifier\"},{\"collection\":\"ElHlGkgdE\",\"name\":\"fwzCneSH2\",\"type\":\"Identifier\"},{\"collection\":\"ElHlGkgdE\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[42],{"xzuyzIPBr.c9amkcDvh":43,"lonRy_0aR":48,"REU1pIKSU":50,"AWppcwE7g":52,"fwzCneSH2":53,"id":55},{"type":6,"value":44},{"src":45,"srcSet":46,"pixelWidth":10,"pixelHeight":47},"https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000","https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=512&width=4000&height=3000 512w,https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=1024&width=4000&height=3000 1024w,https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?scale-down-to=2048&width=4000&height=3000 2048w,https://framerusercontent.com/images/kdgoG0FEXmIlb5VcWMuCSUSQ.png?width=4000&height=3000 4000w",3000,{"type":12,"value":49},"Upcreatorz",{"type":12,"value":51},"Website Design",{"type":17,"value":18},{"type":12,"value":54},"orbital",{"type":12,"value":56},"aImGgLX4W","{\"from\":{\"constraint\":{\"left\":{\"collection\":\"y5vXWt5zK\",\"name\":\"xzuyzIPBr\",\"type\":\"Identifier\"},\"operator\":\"==\",\"right\":{\"collection\":\"xzuyzIPBr\",\"name\":\"id\",\"type\":\"Identifier\"},\"type\":\"BinaryOperation\"},\"left\":\"a1cad4be-79e2-4169-9d73-56614b8a19f0\",\"right\":\"ea69f9a0-ffaf-483f-9aa1-348f61f072fa\",\"type\":\"LeftJoin\"},\"limit\":{\"type\":\"LiteralValue\",\"value\":1},\"offset\":{\"type\":\"LiteralValue\",\"value\":3},\"select\":[{\"alias\":\"xzuyzIPBr.c9amkcDvh\",\"collection\":\"xzuyzIPBr\",\"name\":\"c9amkcDvh\",\"type\":\"Identifier\"},{\"collection\":\"y5vXWt5zK\",\"name\":\"lonRy_0aR\",\"type\":\"Identifier\"},{\"collection\":\"y5vXWt5zK\",\"name\":\"REU1pIKSU\",\"type\":\"Identifier\"},{\"collection\":\"y5vXWt5zK\",\"name\":\"AWppcwE7g\",\"type\":\"Identifier\"},{\"collection\":\"y5vXWt5zK\",\"name\":\"fwzCneSH2\",\"type\":\"Identifier\"},{\"collection\":\"y5vXWt5zK\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[59],{"xzuyzIPBr.c9amkcDvh":60,"lonRy_0aR":66,"REU1pIKSU":68,"AWppcwE7g":69,"fwzCneSH2":70,"id":72},{"type":6,"value":61},{"src":62,"srcSet":63,"pixelWidth":64,"pixelHeight":65},"https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160","https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=512&width=3840&height=2160 512w,https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=1024&width=3840&height=2160 1024w,https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?scale-down-to=2048&width=3840&height=2160 2048w,https://framerusercontent.com/images/QbgyBLH8XuyV0RZWbBd311ZkI.png?width=3840&height=2160 3840w",3840,2160,{"type":12,"value":67},"Animetro",{"type":12,"value":51},{"type":17,"value":18},{"type":12,"value":71},"animetro",{"type":12,"value":73},"gT7aH0pbU","{\"from\":\"65f1b0db-eb92-49ab-8c3b-036854334357\",\"limit\":{\"type\":\"LiteralValue\",\"value\":3},\"offset\":{\"type\":\"LiteralValue\",\"value\":0},\"select\":[{\"collection\":\"mZHEBD6Um\",\"name\":\"xDjjiIyrc\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"p5peP8ErJ\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"yaNLAN1hN\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"Rd6j4GOOr\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"oQdBtKrcK\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[76,93,108],{"xDjjiIyrc":77,"p5peP8ErJ":82,"yaNLAN1hN":85,"Rd6j4GOOr":87,"oQdBtKrcK":89,"id":91},{"type":6,"value":78},{"src":79,"srcSet":80,"pixelWidth":81,"pixelHeight":81},"https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780","https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=512&width=1780&height=1780 512w,https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?scale-down-to=1024&width=1780&height=1780 1024w,https://framerusercontent.com/images/dEfvwcQBHl2553VyMoiSlxcVBDs.jpg?width=1780&height=1780 1780w",1780,{"type":83,"value":84},"date","2026-01-06T00:00:00.000Z",{"type":12,"value":86},"Why Most Websites Fail to Convert (And It Has Nothing to Do With Design)",{"type":12,"value":88},"After auditing 200+ business websites across SaaS, real estate, and D2C, one pattern is clear:\nmost websites fail not because they look bad—but because they’re built without intent.",{"type":12,"value":90},"design-portfolio-mistakes-that-cost-you-high-paying-clients",{"type":12,"value":92},"Iwsndt0sG",{"xDjjiIyrc":94,"p5peP8ErJ":98,"yaNLAN1hN":100,"Rd6j4GOOr":102,"oQdBtKrcK":104,"id":106},{"type":6,"value":95},{"src":96,"srcSet":97,"pixelWidth":64,"pixelHeight":65},"https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160","https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=512&width=3840&height=2160 512w,https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=1024&width=3840&height=2160 1024w,https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?scale-down-to=2048&width=3840&height=2160 2048w,https://framerusercontent.com/images/5ipUJ7Zzc3YmRXyvHMziFHkDx3A.jpg?width=3840&height=2160 3840w",{"type":83,"value":99},"2025-01-03T00:00:00.000Z",{"type":12,"value":101},"Why Premium Brands Don’t Choose Cheap Developers",{"type":12,"value":103},"It’s not about money.\nIt’s about risk.\nPremium brands avoid cheap development because:\nDowntime costs money\n\nPoor UX costs trust\n\nSlow sites cost conversions\n",{"type":12,"value":105},"why-premium-brands-don’t-choose-cheap-developers",{"type":12,"value":107},"r428LabQV",{"xDjjiIyrc":109,"p5peP8ErJ":113,"yaNLAN1hN":115,"Rd6j4GOOr":117,"oQdBtKrcK":119,"id":121},{"type":6,"value":110},{"src":111,"srcSet":112,"pixelWidth":64,"pixelHeight":65},"https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160","https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=512&width=3840&height=2160 512w,https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=1024&width=3840&height=2160 1024w,https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?scale-down-to=2048&width=3840&height=2160 2048w,https://framerusercontent.com/images/rvRWRweDgkzDFnNh62FsKmxPYg.jpg?width=3840&height=2160 3840w",{"type":83,"value":114},"2026-01-08T00:00:00.000Z",{"type":12,"value":116},"UI vs UX: Why Great Design Fails Without Great Experience",{"type":12,"value":118},"Introduction\nMany businesses invest heavily in visually appealing interfaces, yet struggle with low engagement and poor conversions. The issue is rarely the UI alone—it is almost always the UX. While UI focuses on how a product looks, UX determines how effectively users can interact with it.\n",{"type":12,"value":120},"ui-vs-ux-why-great-design-fails-without-great-experience",{"type":12,"value":122},"LMEScL90S","{\"from\":\"65f1b0db-eb92-49ab-8c3b-036854334357\",\"limit\":{\"type\":\"LiteralValue\",\"value\":2},\"offset\":{\"type\":\"LiteralValue\",\"value\":0},\"select\":[{\"collection\":\"mZHEBD6Um\",\"name\":\"xDjjiIyrc\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"p5peP8ErJ\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"yaNLAN1hN\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"Rd6j4GOOr\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"oQdBtKrcK\",\"type\":\"Identifier\"},{\"collection\":\"mZHEBD6Um\",\"name\":\"id\",\"type\":\"Identifier\"}]}default",[125,126],{"xDjjiIyrc":77,"p5peP8ErJ":82,"yaNLAN1hN":85,"Rd6j4GOOr":87,"oQdBtKrcK":89,"id":91},{"xDjjiIyrc":94,"p5peP8ErJ":98,"yaNLAN1hN":100,"Rd6j4GOOr":102,"oQdBtKrcK":104,"id":106},["Map"]]
</script>
<div id="svg-templates" style="
position: absolute;
overflow: hidden;
bottom: 0;
left: 0;
width: 0;
height: 0;
z-index: 0;
contain: strict;
" aria-hidden="true">
<svg width="16" height="16" viewBox="0 0 24 24" id="svg-1311537242_217">
<path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M5 12h14m-4 4 4-4m-4-4 4 4" />
</svg>
<svg viewBox="0 0 24 24" id="svg-1154356418_1062">
<path
d="M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z" />
</svg>
<svg viewBox="0 0 24 24" id="svg-1241953022_113">
<path d="M4 0h16v8h-8zm0 8h8l8 8H4zm0 8h8v8z" />
</svg>
<svg viewBox="0 0 24 24" id="svg-714027679_261">
<path
d="m24 4.515-7.658 14.97H9.149l3.205-6.204h-.144C9.566 16.713 5.621 18.973 0 19.485v-6.118s3.596-.213 5.71-2.435H0V4.515h6.417v5.278l.144-.001 2.622-5.277h4.854v5.244h.144l2.72-5.244H24Z" />
</svg>
<svg viewBox="0 0 24 24" id="svg1790382662_457">
<path
d="M21.147 0H2.853A2.86 2.86 0 0 0 0 2.853v18.294A2.86 2.86 0 0 0 2.853 24h18.294A2.86 2.86 0 0 0 24 21.147V2.853A2.86 2.86 0 0 0 21.147 0zM10.34 17.287a.953.953 0 0 1-.953.953h-4a.954.954 0 0 1-.954-.953V5.38a.953.953 0 0 1 .954-.953h4a.954.954 0 0 1 .953.953zm9.233-5.467a.944.944 0 0 1-.953.947h-4a.947.947 0 0 1-.953-.947V5.38a.953.953 0 0 1 .953-.953h4a.954.954 0 0 1 .953.953z" />
</svg>
<svg viewBox="0 0 24 24" id="svg1949475059_1326">
<path
d="M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855-5.833-3.387L15.119 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667zm2.01-3.023-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.795.795 0 0 0-.393.681zm1.097-2.365 2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5Z" />
</svg>
<svg viewBox="0 0 24 24" id="svg-2096480319_611">
<path
d="M.643 1.475c0 .814.668 1.475 1.49 1.475H14.49c1.408 0 2.568.43 3.48 1.29.91.861 1.366 1.967 1.366 3.32 0 1.25-.456 2.274-1.367 3.072-.911.78-2.07 1.168-3.479 1.168H9.12c-.824 0-1.491.66-1.491 1.475 0 .815.667 1.475 1.491 1.475h5.93l5.342 8.482c.332.512.797.768 1.398.768.663 0 1.129-.256 1.398-.768.269-.533.217-1.096-.155-1.69l-4.753-7.56c1.284-.574 2.299-1.414 3.044-2.52.746-1.127 1.119-2.427 1.119-3.902 0-1.496-.342-2.807-1.026-3.934-.662-1.127-1.594-2.008-2.795-2.643C17.42.327 16.044 0 14.49 0H2.134C1.311 0 .643.66.643 1.475Z" />
</svg>
<svg viewBox="0 0 24 24" id="svg1063593976_1261">
<path
d="M12.51 13.214c.046-.8.438-1.506 1.03-2.006a3.424 3.424 0 0 1 2.212-.79c.85 0 1.631.3 2.211.79.592.5.983 1.206 1.028 2.005.045.823-.285 1.586-.865 2.153a3.389 3.389 0 0 1-2.374.938 3.393 3.393 0 0 1-2.376-.938c-.58-.567-.91-1.33-.865-2.152M7.35 14.831c.006.314.106.922.256 1.398a7.372 7.372 0 0 0 1.593 2.757 8.227 8.227 0 0 0 2.787 2.001 8.947 8.947 0 0 0 3.66.76 8.964 8.964 0 0 0 3.657-.772 8.285 8.285 0 0 0 2.785-2.01 7.428 7.428 0 0 0 1.592-2.762 6.964 6.964 0 0 0 .25-3.074 7.123 7.123 0 0 0-1.016-2.779 7.764 7.764 0 0 0-1.852-2.043h.002L13.566 2.55l-.02-.015c-.492-.378-1.319-.376-1.86.002-.547.382-.609 1.015-.123 1.415l-.001.001 3.126 2.543-9.53.01h-.013c-.788.001-1.545.518-1.695 1.172-.154.665.38 1.217 1.2 1.22V8.9l4.83-.01-8.62 6.617-.034.025c-.813.622-1.075 1.658-.563 2.313.52.667 1.625.668 2.447.004L7.414 14s-.069.52-.063.831zm12.09 1.741c-.97.988-2.326 1.548-3.795 1.55-1.47.004-2.827-.552-3.797-1.538a4.51 4.51 0 0 1-1.036-1.622 4.282 4.282 0 0 1 .282-3.519 4.702 4.702 0 0 1 1.153-1.371c.942-.768 2.141-1.183 3.396-1.185 1.256-.002 2.455.41 3.398 1.175.48.391.87.854 1.152 1.367a4.28 4.28 0 0 1 .522 1.706 4.236 4.236 0 0 1-.239 1.811 4.54 4.54 0 0 1-1.035 1.626" />
</svg>
<svg viewBox="0 0 61 13" id="svg11456750778">
<path
d="M 6.075 12.887 C 2.61 12.887 0 10.076 0 6.605 C 0 3.124 2.476 0.29 6.075 0.29 C 7.985 0.29 9.306 0.891 10.339 2.268 L 8.673 3.691 C 7.973 2.927 7.13 2.546 6.075 2.546 C 3.731 2.546 2.443 4.384 2.443 6.605 C 2.443 8.826 3.854 10.631 6.075 10.631 C 7.119 10.631 8.007 10.25 8.707 9.486 L 10.35 10.966 C 9.362 12.285 8.007 12.887 6.075 12.887 Z M 17.525 3.644 L 19.768 3.644 L 19.768 12.666 L 17.525 12.666 L 17.525 11.348 C 17.058 12.285 16.28 12.91 14.793 12.91 C 12.416 12.91 10.517 10.792 10.517 8.19 C 10.517 5.587 12.416 3.47 14.793 3.47 C 16.269 3.47 17.058 4.095 17.525 5.032 Z M 17.591 8.19 C 17.591 6.779 16.647 5.61 15.159 5.61 C 13.726 5.61 12.794 6.79 12.794 8.19 C 12.794 9.555 13.726 10.77 15.159 10.77 C 16.636 10.77 17.591 9.59 17.591 8.19 Z M 21.356 0 L 23.599 0 L 23.599 12.655 L 21.356 12.655 Z M 24.599 11.464 C 24.599 10.723 25.176 10.099 25.964 10.099 C 26.321 10.091 26.665 10.232 26.919 10.489 C 27.172 10.746 27.313 11.098 27.309 11.464 C 27.309 12.227 26.742 12.851 25.965 12.851 C 25.603 12.857 25.255 12.712 24.998 12.451 C 24.741 12.19 24.597 11.834 24.599 11.464 Z M 35.893 11.209 C 35.06 12.25 33.794 12.91 32.295 12.91 C 29.618 12.91 27.653 10.792 27.653 8.19 C 27.653 5.587 29.618 3.47 32.295 3.47 C 33.738 3.47 34.993 4.095 35.826 5.078 L 34.094 6.57 C 33.661 6.015 33.095 5.599 32.294 5.599 C 30.862 5.599 29.929 6.779 29.929 8.178 C 29.929 9.578 30.862 10.758 32.295 10.758 C 33.161 10.758 33.761 10.295 34.205 9.67 Z M 36.082 8.19 C 36.082 5.587 38.048 3.47 40.724 3.47 C 43.401 3.47 45.366 5.588 45.366 8.19 C 45.366 10.792 43.401 12.91 40.724 12.91 C 38.048 12.897 36.082 10.792 36.082 8.19 Z M 43.09 8.19 C 43.09 6.779 42.156 5.61 40.724 5.61 C 39.291 5.599 38.359 6.779 38.359 8.19 C 38.359 9.589 39.291 10.77 40.724 10.77 C 42.156 10.77 43.09 9.59 43.09 8.19 Z M 60.536 7.149 L 60.536 12.655 L 58.293 12.655 L 58.293 7.715 C 58.293 6.154 57.582 5.483 56.516 5.483 C 55.517 5.483 54.806 5.992 54.806 7.716 L 54.806 12.655 L 52.563 12.655 L 52.563 7.715 C 52.563 6.154 51.841 5.483 50.786 5.483 C 49.786 5.483 48.909 5.992 48.909 7.716 L 48.909 12.655 L 46.666 12.655 L 46.666 3.633 L 48.909 3.633 L 48.909 4.882 C 49.375 3.91 50.219 3.424 51.518 3.424 C 52.751 3.424 53.784 4.049 54.351 5.102 C 54.917 4.026 55.75 3.424 57.26 3.424 C 59.104 3.436 60.536 4.87 60.536 7.149 Z"
fill="var(--token-4d926bee-328f-497f-a3cd-ce0b138f5bc3, rgb(156, 163, 175))" />
</svg>
<svg viewBox="0 0 61 13" id="svg10668734624">
<path
d="M 6.075 12.887 C 2.61 12.887 0 10.076 0 6.605 C 0 3.124 2.476 0.29 6.075 0.29 C 7.985 0.29 9.306 0.891 10.339 2.268 L 8.673 3.691 C 7.973 2.927 7.13 2.546 6.075 2.546 C 3.731 2.546 2.443 4.384 2.443 6.605 C 2.443 8.826 3.854 10.631 6.075 10.631 C 7.119 10.631 8.007 10.25 8.707 9.486 L 10.35 10.966 C 9.362 12.285 8.007 12.887 6.075 12.887 Z M 17.525 3.644 L 19.768 3.644 L 19.768 12.666 L 17.525 12.666 L 17.525 11.348 C 17.058 12.285 16.28 12.91 14.793 12.91 C 12.416 12.91 10.517 10.792 10.517 8.19 C 10.517 5.587 12.416 3.47 14.793 3.47 C 16.269 3.47 17.058 4.095 17.525 5.032 Z M 17.591 8.19 C 17.591 6.779 16.647 5.61 15.159 5.61 C 13.726 5.61 12.794 6.79 12.794 8.19 C 12.794 9.555 13.726 10.77 15.159 10.77 C 16.636 10.77 17.591 9.59 17.591 8.19 Z M 21.356 0 L 23.599 0 L 23.599 12.655 L 21.356 12.655 Z M 24.599 11.464 C 24.599 10.723 25.176 10.099 25.964 10.099 C 26.321 10.091 26.665 10.232 26.919 10.489 C 27.172 10.746 27.313 11.098 27.309 11.464 C 27.309 12.227 26.742 12.851 25.965 12.851 C 25.603 12.857 25.255 12.712 24.998 12.451 C 24.741 12.19 24.597 11.834 24.599 11.464 Z M 35.893 11.209 C 35.06 12.25 33.794 12.91 32.295 12.91 C 29.618 12.91 27.653 10.792 27.653 8.19 C 27.653 5.587 29.618 3.47 32.295 3.47 C 33.738 3.47 34.993 4.095 35.826 5.078 L 34.094 6.57 C 33.661 6.015 33.095 5.599 32.294 5.599 C 30.862 5.599 29.929 6.779 29.929 8.178 C 29.929 9.578 30.862 10.758 32.295 10.758 C 33.161 10.758 33.761 10.295 34.205 9.67 Z M 36.082 8.19 C 36.082 5.587 38.048 3.47 40.724 3.47 C 43.401 3.47 45.366 5.588 45.366 8.19 C 45.366 10.792 43.401 12.91 40.724 12.91 C 38.048 12.897 36.082 10.792 36.082 8.19 Z M 43.09 8.19 C 43.09 6.779 42.156 5.61 40.724 5.61 C 39.291 5.599 38.359 6.779 38.359 8.19 C 38.359 9.589 39.291 10.77 40.724 10.77 C 42.156 10.77 43.09 9.59 43.09 8.19 Z M 60.536 7.149 L 60.536 12.655 L 58.293 12.655 L 58.293 7.715 C 58.293 6.154 57.582 5.483 56.516 5.483 C 55.517 5.483 54.806 5.992 54.806 7.716 L 54.806 12.655 L 52.563 12.655 L 52.563 7.715 C 52.563 6.154 51.841 5.483 50.786 5.483 C 49.786 5.483 48.909 5.992 48.909 7.716 L 48.909 12.655 L 46.666 12.655 L 46.666 3.633 L 48.909 3.633 L 48.909 4.882 C 49.375 3.91 50.219 3.424 51.518 3.424 C 52.751 3.424 53.784 4.049 54.351 5.102 C 54.917 4.026 55.75 3.424 57.26 3.424 C 59.104 3.436 60.536 4.87 60.536 7.149 Z"
fill='var(--token-ead7e12c-7340-422a-bcc4-7b1033d0630b, rgb(156, 163, 175)) /* {"name":"gray-400"} */' />
</svg>
<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M 10.5 0 C 3 0 0 6.75 0 6.75 C 0 6.75 3 13.5 10.5 13.5 C 18 13.5 21 6.75 21 6.75 C 21 6.75 18 0 10.5 0 Z M 10.5 10.5 C 8.429 10.5 6.75 8.821 6.75 6.75 C 6.75 4.679 8.429 3 10.5 3 C 12.571 3 14.25 4.679 14.25 6.75 C 14.25 8.821 12.571 10.5 10.5 10.5 Z"
fill-opacity="var(--1m6trwb, 0)" fill="var(--21h8s6, rgb(0, 0, 0))" height="13.5px" id="WtEjxLeUV"
transform="translate(1.5 5.25)" width="21px" />
<path d="M 10.5 0 C 3 0 0 6.75 0 6.75 C 0 6.75 3 13.5 10.5 13.5 C 18 13.5 21 6.75 21 6.75 C 21 6.75 18 0 10.5 0 Z"
fill="transparent" height="13.5px" id="kBKX7Uy8u" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(1.5 5.25)" width="21px" />
<path
d="M 0 3.75 C 0 1.679 1.679 0 3.75 0 C 5.821 0 7.5 1.679 7.5 3.75 C 7.5 5.821 5.821 7.5 3.75 7.5 C 1.679 7.5 0 5.821 0 3.75 Z"
fill="transparent" height="7.5px" id="EI7JXN_Ew" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(8.25 8.25)" width="7.5px" />
</svg>
<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M 5.25 0 L 5.25 5.78 C 5.25 5.978 5.171 6.169 5.031 6.309 L 1.81 9.53 C 1.609 9.73 1.312 9.8 1.043 9.71 C 0.774 9.62 0.578 9.386 0.538 9.105 L 0 5.25 Z"
fill-opacity="var(--1m6trwb, 0)" fill="var(--21h8s6, rgb(0, 0, 0))" height="9.7487961692037px" id="ugallOpxe"
transform="translate(12 11.25)" width="5.25px" />
<path
d="M 9.749 0 L 3.969 0 C 3.77 0 3.58 0.079 3.439 0.219 L 0.219 3.44 C 0.019 3.641 -0.051 3.938 0.039 4.207 C 0.129 4.476 0.363 4.672 0.644 4.712 L 4.499 5.25 Z"
fill-opacity="var(--1m6trwb, 0)" fill="var(--21h8s6, rgb(0, 0, 0))" height="5.25px" id="lQV3eI5uT"
transform="translate(3.001 6.75)" width="9.7487961692037px" />
<path d="M 5.115 2.473 C 4.752 3.269 3.53 5.115 0 5.115 C 0 1.585 1.846 0.363 2.642 0 Z"
fill-opacity="var(--1m6trwb, 0)" fill="var(--21h8s6, rgb(0, 0, 0))" height="5.115000000000009px" id="Rol3EuQGC"
transform="translate(3.75 15.135)" width="5.115000000000002px" />
<path
d="M 10.417 6.833 C 12.667 4.583 12.807 1.907 12.737 0.713 C 12.713 0.337 12.413 0.037 12.037 0.013 C 10.843 -0.057 8.168 0.082 5.917 2.333 L 0 8.25 L 4.5 12.75 Z"
fill="transparent" height="12.749957776566365px" id="T1dzJH3_E" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(7.5 3.75)" width="12.74989583333332px" />
<path
d="M 9.749 0 L 3.969 0 C 3.77 0 3.58 0.079 3.439 0.219 L 0.219 3.44 C 0.019 3.641 -0.051 3.938 0.039 4.207 C 0.129 4.476 0.363 4.672 0.644 4.712 L 4.499 5.25"
fill="transparent" height="5.25px" id="Xo_c2m9KI" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(3.001 6.75)" width="9.7487961692037px" />
<path
d="M 5.25 0 L 5.25 5.78 C 5.25 5.978 5.171 6.169 5.031 6.309 L 1.81 9.53 C 1.609 9.73 1.312 9.8 1.043 9.71 C 0.774 9.62 0.578 9.386 0.538 9.105 L 0 5.25"
fill="transparent" height="9.7487961692037px" id="puaO4cp7A" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(12 11.25)" width="5.25px" />
<path d="M 5.115 2.473 C 4.752 3.269 3.53 5.115 0 5.115 C 0 1.585 1.846 0.363 2.642 0" fill="transparent"
height="5.115000000000009px" id="lMY7FBQMB" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round"
stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(3.75 15.135)"
width="5.115000000000002px" />
</svg>
<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 3 C 0 1.343 1.343 0 3 0 C 4.657 0 6 1.343 6 3 C 6 4.657 4.657 6 3 6 C 1.343 6 0 4.657 0 3 Z"
fill-opacity="var(--1m6trwb, 0)" fill="var(--21h8s6, rgb(0, 0, 0))" height="6px" id="hbFE0um0n"
transform="translate(9 9)" width="6px" />
<path d="M 3.75 0 L 0 0 C 0.325 1.92 1.83 3.425 3.75 3.75 Z" fill-opacity="var(--1m6trwb, 0)"
fill="var(--21h8s6, rgb(0, 0, 0))" height="3.75px" id="e4V0qyAEo" transform="translate(18.75 6)"
width="3.75px" />
<path d="M 3.75 3.75 L 3.75 0 C 1.83 0.325 0.325 1.83 0 3.75 Z" fill-opacity="var(--1m6trwb, 0)"
fill="var(--21h8s6, rgb(0, 0, 0))" height="3.75px" id="a_X1izbfz" transform="translate(18.75 14.25)"
width="3.75px" />
<path d="M 0 3.75 L 0 0 C 1.92 0.325 3.425 1.83 3.75 3.75 Z" fill-opacity="var(--1m6trwb, 0)"
fill="var(--21h8s6, rgb(0, 0, 0))" height="3.75px" id="eSULfk69l" transform="translate(1.5 14.25)"
width="3.75px" />
<path d="M 0 0 L 0 3.75 C 1.92 3.425 3.425 1.92 3.75 0 Z" fill-opacity="var(--1m6trwb, 0)"
fill="var(--21h8s6, rgb(0, 0, 0))" height="3.75px" id="MCko6wB8V" transform="translate(1.5 6)" width="3.75px" />
<path d="M 0 3 C 0 1.343 1.343 0 3 0 C 4.657 0 6 1.343 6 3 C 6 4.657 4.657 6 3 6 C 1.343 6 0 4.657 0 3 Z"
fill="transparent" height="6px" id="DyGh_6DZB" stroke-dasharray="" stroke-linecap="round"
stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)" stroke="var(--21h8s6, rgb(0, 0, 0))"
transform="translate(9 9)" width="6px" />
<path d="M 0 12 L 0 0 L 21 0 L 21 12 Z" fill="transparent" height="12px" id="LXv5QRk1T" stroke-dasharray=""
stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)"
stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(1.5 6)" width="21px" />
<path d="M 3.75 3.75 C 1.83 3.425 0.325 1.92 0 0" fill="transparent" height="3.75px" id="N7sSuwtvJ"
stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)"
stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(18.75 6)" width="3.75px" />
<path d="M 0 3.75 C 0.325 1.83 1.83 0.325 3.75 0" fill="transparent" height="3.75px" id="KsIplJ1HF"
stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)"
stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(18.75 14.25)" width="3.75px" />
<path d="M 0 0 C 1.92 0.325 3.425 1.83 3.75 3.75" fill="transparent" height="3.75px" id="Wz86GvQLr"
stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)"
stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(1.5 14.25)" width="3.75px" />
<path d="M 3.75 0 C 3.425 1.92 1.92 3.425 0 3.75" fill="transparent" height="3.75px" id="ieJtm0ryn"
stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--pgex8v, 1.5)"
stroke="var(--21h8s6, rgb(0, 0, 0))" transform="translate(1.5 6)" width="3.75px" />
</svg>
</div>
<!-- Start of bodyEnd -->
<!-- End of bodyEnd -->
</body>
</html>