/* head style #1 */
/* cyrillic-ext */
@font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQIl5na-1Q.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: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQInpna-1Q.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQIlZna-1Q.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQIlJna-1Q.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: 'Geist';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RQuQImpna.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: "Inter";
src: url("../fonts/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("../fonts/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("../fonts/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Inter";
src: url("../fonts/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2");
font-display: swap;
font-style: normal;
font-weight: 400;
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Inter";
src: url("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Inter";
src: url("../fonts/cugnVhSraaRyANCaUtI5FV17wk.woff2");
font-style: normal;
font-weight: 900;
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Inter";
src: url("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Inter";
src: url("../fonts/3ZmXbBKToJifDV9gwcifVd1tEY.woff2");
font-style: italic;
font-weight: 900;
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Inter";
src: url("../fonts/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("../fonts/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";
src: url("../fonts/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("../fonts/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("../fonts/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("../fonts/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Inter";
src: url("../fonts/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2");
font-display: swap;
font-style: italic;
font-weight: 700;
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Inter";
src: url("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/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("../fonts/1K3W8DizY3v4emK8Mb08YHxTbs.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Inter";
src: url("../fonts/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2");
font-display: swap;
font-style: normal;
font-weight: 700;
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Inter";
src: url("../fonts/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("../fonts/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("../fonts/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: "Open Sauce One";
src: url("../fonts/3WfnZksKV9qFKlmPOweqZdumjg.woff2");
font-style: normal;
font-weight: 700
}
@font-face {
font-family: "Open Sauce One";
src: url("../fonts/6O7MeaZaWwN4BSaWtVn9SbCmK0U.woff2");
font-style: normal;
font-weight: 600
}
@font-face {
font-family: "Open Sauce One";
src: url("../fonts/7u6OD4xiuxPxD0fns9h4rxbmgo.woff2");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: "Geist Placeholder";
src: local("Arial");
ascent-override: 94.47%;
descent-override: 27.73%;
line-gap-override: 0.00%;
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.00%;
size-adjust: 107.89%
}
/* head style #2 */
@media(min-width: 1200px) {
.hidden-72rtr7 {
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
.hidden-bftmrr {
display: none !important
}
}
@media(max-width: 809.98px) {
.hidden-1dg6ntz {
display: none !important
}
}
@media(min-width: 1200px) {
.hidden-1bxgor {
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
.hidden-1445s4m {
display: none !important
}
}
@media(max-width: 809.98px) {
.hidden-3ncqs3 {
display: none !important
}
}
/* head style #3 */
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-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e: #1c1917;
--token-b9b29e69-e997-4651-b982-7d2578af98ba: #ff8a3c;
--token-36358b80-843b-4b9b-8837-1db6f0179267: #f4f4f3;
--token-36691d6b-fd51-40c3-90d4-8c2b90652b0a: #aa94ff;
--token-8e3e3777-b629-4428-b98e-de9f99cf29c7: #e7e5e4;
--token-9390ee0f-6276-43bf-884e-7519f927be6b: #78716c;
--token-319eba99-1424-4723-9327-7906d74a7237: #ffa952;
--token-8ce2847c-a5fe-4863-beb3-465f21a680e9: #44403c;
--token-0ddbc857-f8b5-4b77-ba78-345cc93c3e71: #ff8a3c;
--token-97e3ea9d-f90f-4401-b807-591dd22eaa3f: #d0cac6;
--token-5a68d921-836c-4fc4-85c6-de30b05a19ab: #9ef483;
--token-516e4704-9e17-454f-a5b3-385a87f41a7e: #fff;
--token-150242f5-ab25-4ec0-a122-46ae43c0ba04: #1c1917b3
}
@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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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[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 (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-eSUjv.framer-1bh554o,
.framer-eSUjv .framer-1bh554o {
display: block
}
.framer-eSUjv.framer-1bxgor {
--selection-background-color: var(--token-b9b29e69-e997-4651-b982-7d2578af98ba, #ff8a3c);
--selection-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
background-color: var(--token-b9b29e69-e997-4651-b982-7d2578af98ba, #ff8a3c);
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-eSUjv .framer-1f2u182 {
background: 0 0;
flex-grow: 1;
width: 0;
height: 0;
margin: 0;
position: relative
}
.framer-eSUjv .framer-ca1k8a-container {
height: auto;
position: var(--framer-canvas-fixed-position, fixed);
view-transition-name: framer-eSUjv-ca1k8a-exclude;
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: none;
order: 1001;
top: 0;
left: 0;
right: 0
}
::view-transition-group(framer-eSUjv-ca1k8a-exclude) {
animation: none !important
}
::view-transition-new(framer-eSUjv-ca1k8a-exclude) {
animation: none !important
}
::view-transition-old(framer-eSUjv-ca1k8a-exclude) {
animation: none !important
}
.framer-eSUjv .framer-hyu1hp {
background-color: var(--token-b9b29e69-e997-4651-b982-7d2578af98ba, #ff8a3c);
z-index: 0;
flex-flow: column;
flex: none;
order: 1002;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 80px 20px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-1abdbzp-container {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 948px);
z-index: 0;
flex: none;
width: 948px;
position: absolute;
bottom: -48px;
right: -311px
}
.framer-eSUjv .framer-ia081z {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 40px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-1mrk4c4 {
flex-flow: row;
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-eSUjv .framer-13up1cp {
flex-flow: column;
flex: 1 0 0;
place-content: center space-between;
align-self: stretch;
align-items: center;
width: 1px;
height: auto;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-5gddpu,
.framer-eSUjv .framer-1y4tbdr,
.framer-eSUjv .framer-1isd7u3,
.framer-eSUjv .framer-1vye3nl,
.framer-eSUjv .framer-1uqi2j0,
.framer-eSUjv .framer-1b19bul,
.framer-eSUjv .framer-10ued5i,
.framer-eSUjv .framer-nt514a {
--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-eSUjv .framer-qdmwsl,
.framer-eSUjv .framer-3zapxf {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-ij7tep {
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: visible
}
.framer-eSUjv .framer-axk6iq {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 66px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-azuqzr,
.framer-eSUjv .framer-1n7fra5 {
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: visible
}
.framer-eSUjv .framer-1unt5vk {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-7ob6wi-container,
.framer-eSUjv .framer-3r4y8z-container,
.framer-eSUjv .framer-36q2wj-container,
.framer-eSUjv .framer-2zbqnf-container,
.framer-eSUjv .framer-evs4i4-container,
.framer-eSUjv .framer-1x2x0qw-container,
.framer-eSUjv .framer-212gta-container,
.framer-eSUjv .framer-ob6i6g-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-eSUjv .framer-gwmxg9 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-uyuysq {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-1kv5ejn,
.framer-eSUjv .framer-uwzhjc,
.framer-eSUjv .framer-18i549b {
--framer-paragraph-spacing: 0px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-eSUjv .framer-14mnjoa {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-1xybeu4-container,
.framer-eSUjv .framer-117fh5w-container,
.framer-eSUjv .framer-qweavh-container {
flex: none;
width: 48px;
height: 48px;
position: relative
}
.framer-eSUjv .framer-1lixxmr {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-wbrn8s {
flex-flow: row;
flex: none;
place-content: flex-end center;
align-items: flex-end;
gap: 100px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-111e3sr-container {
aspect-ratio: 3.74194;
height: var(--framer-aspect-ratio-supported, 203px);
flex: 1 0 0;
width: 1px;
position: relative
}
.framer-eSUjv .framer-153v9t3 {
background-color: #f4f4f3;
border-radius: 24px;
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 1px;
max-width: 300px;
height: min-content;
padding: 24px;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-9pg310 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 7px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-sesx38 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-eSUjv .framer-kmc4z0 {
--framer-input-background: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--framer-input-border-radius-bottom-left: 10px;
--framer-input-border-radius-bottom-right: 10px;
--framer-input-border-radius-top-left: 10px;
--framer-input-border-radius-top-right: 10px;
--framer-input-focused-border-color: var(--token-0ddbc857-f8b5-4b77-ba78-345cc93c3e71, #ac459d);
--framer-input-focused-border-style: solid;
--framer-input-focused-border-width: 1px;
--framer-input-font-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-input-font-family: "Open Sauce One";
--framer-input-font-letter-spacing: 0em;
--framer-input-font-line-height: 1.2em;
--framer-input-font-size: 16px;
--framer-input-font-weight: 400;
--framer-input-icon-color: #999;
--framer-input-padding: 16px;
--framer-input-placeholder-color: var(--token-9390ee0f-6276-43bf-884e-7519f927be6b, #78716c);
flex: none;
width: 100%;
height: 56px;
position: relative
}
.framer-eSUjv .framer-wrhvin-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-eSUjv .framer-77h215 {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 12px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-17zriz2 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-vtty9b {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-eSUjv .framer-1tq6e2g {
flex: none;
width: 126px;
height: 25px;
position: relative
}
.framer-eSUjv .framer-128qmod-container {
bottom: calc(calc(100% - min(var(--framer-viewport-height, 100%), 100%)) + 64px);
height: auto;
position: var(--framer-canvas-fixed-position, fixed);
z-index: 10;
flex: none;
order: 1003;
width: auto;
right: 20px
}
[data-layout-template=true]>#overlay {
margin-bottom: 0
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-eSUjv[data-selection=true] * ::selection {
color: var(--selection-color, none);
background-color: var(--selection-background-color, none)
}
.framer-eSUjv [data-selection=true] * ::selection {
color: var(--selection-color, none);
background-color: var(--selection-background-color, none)
}
@media (min-width:810px) and (max-width:1199.98px) {
.framer-eSUjv .framer-axk6iq {
flex: none;
width: min-content
}
.framer-eSUjv .framer-azuqzr,
.framer-eSUjv .framer-1unt5vk,
.framer-eSUjv .framer-1n7fra5,
.framer-eSUjv .framer-gwmxg9 {
width: min-content
}
.framer-eSUjv .framer-1uqi2j0,
.framer-eSUjv .framer-1b19bul {
white-space: pre;
width: auto
}
.framer-eSUjv .framer-uyuysq {
flex-direction: column;
align-content: flex-start;
align-items: flex-start
}
.framer-eSUjv .framer-111e3sr-container {
height: var(--framer-aspect-ratio-supported, 99px)
}
}
@media (max-width:809.98px) {
.framer-eSUjv .framer-ca1k8a-container {
view-transition-name: unset
}
.framer-eSUjv .framer-1mrk4c4 {
flex-direction: column;
gap: 48px
}
.framer-eSUjv .framer-13up1cp {
align-self: unset;
flex: none;
justify-content: center;
gap: 40px;
width: 100%;
height: min-content
}
.framer-eSUjv .framer-axk6iq {
flex: none;
gap: 48px;
width: 100%
}
.framer-eSUjv .framer-uyuysq,
.framer-eSUjv .framer-77h215 {
flex-direction: column
}
.framer-eSUjv .framer-1kv5ejn {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
align-self: stretch
}
.framer-eSUjv .framer-wbrn8s {
flex-direction: column;
gap: 40px
}
.framer-eSUjv .framer-111e3sr-container {
height: var(--framer-aspect-ratio-supported, 53px);
flex: none;
order: 1;
width: 100%
}
.framer-eSUjv .framer-153v9t3 {
max-width: unset;
flex: none;
order: 0;
width: 100%
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-V7F88.framer-lux5qc,
.framer-V7F88 .framer-lux5qc {
display: block
}
.framer-V7F88.framer-72rtr7 {
background-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1daw1fe {
background-color: var(--token-36358b80-843b-4b9b-8837-1db6f0179267, #f4f4f3);
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-15cgbio {
height: 100vh;
min-height: 800px;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 90px 20px 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-65gs6t {
height: 437px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: 1900px;
position: absolute;
top: calc(65.25% - 218.5px);
left: calc(50% - 950px);
-webkit-mask: linear-gradient(270deg, #0000 8.98262%, #000 23.7806% 82.9533%, #0000 90.852%);
mask: linear-gradient(270deg, #0000 8.98262%, #000 23.7806% 82.9533%, #0000 90.852%)
}
.framer-V7F88 .framer-1kbqna4-container,
.framer-V7F88 .framer-kuoyml-container,
.framer-V7F88 .framer-ezjv2m-container {
flex: none;
position: absolute;
inset: 0
}
.framer-V7F88 .framer-1yrpt99 {
flex-flow: row;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 1px;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-18yvwic {
min-width: 35%;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 32px;
width: 1px;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1pb4hg2 {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
will-change: var(--framer-will-change-effect-override, transform);
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-V7F88 .framer-t16mb9 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1pu0gom {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 7px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1wshjrc,
.framer-V7F88 .framer-1qdvawk,
.framer-V7F88 .framer-17gve0l {
will-change: var(--framer-will-change-effect-override, transform);
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-V7F88 .framer-11xpnvb,
.framer-V7F88 .framer-1wnzuhl,
.framer-V7F88 .framer-j5dbvt {
--3nk2ft: var(--token-b9b29e69-e997-4651-b982-7d2578af98ba, #ff8a3c);
height: var(--framer-aspect-ratio-supported, 16px);
flex: none;
width: 16px;
position: relative
}
.framer-V7F88 .framer-1p3yycv,
.framer-V7F88 .framer-6whwi1,
.framer-V7F88 .framer-osupoh {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-V7F88 .framer-9nuq2f,
.framer-V7F88 .framer-1n5ngb0 {
will-change: var(--framer-will-change-effect-override, transform);
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-k031gt,
.framer-V7F88 .framer-15tytln,
.framer-V7F88 .framer-1v77dqb {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative
}
.framer-V7F88 .framer-1sqxbbv-container,
.framer-V7F88 .framer-16wu4gd-container {
flex: 1 0 0;
width: 1px;
height: 137px;
position: relative
}
.framer-V7F88 .framer-1c3zhcn-container {
aspect-ratio: .5625;
height: var(--framer-aspect-ratio-supported, 640px);
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: 360px;
position: relative
}
.framer-V7F88 .framer-1bj9udz-container,
.framer-V7F88 .framer-m7kck4-container,
.framer-V7F88 .framer-rtja4g-container {
aspect-ratio: .582555;
height: var(--framer-aspect-ratio-supported, 618px);
width: 360px;
position: relative
}
.framer-V7F88 .framer-uugj6h {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-end;
align-self: stretch;
align-items: center;
gap: 10px;
width: 1px;
height: auto;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1atwxm8 {
flex-flow: column;
flex: 1 0 0;
place-content: center space-between;
align-items: center;
width: 1px;
max-width: 300px;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1r3292c {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1ic85bw {
--framer-paragraph-spacing: 0px;
--framer-text-wrap-override: balance;
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-V7F88 .framer-qtbi3g-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-V7F88 .framer-icoyts {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 32px 20px 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-8eitcu {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 15px;
width: 1px;
max-width: 620px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-14n94ah,
.framer-V7F88 .framer-1uvspr4,
.framer-V7F88 .framer-l53rv6,
.framer-V7F88 .framer-1e0dote,
.framer-V7F88 .framer-hhx7bo,
.framer-V7F88 .framer-mkv2m8,
.framer-V7F88 .framer-1c3m26z,
.framer-V7F88 .framer-6v99lk,
.framer-V7F88 .framer-14gjj8z,
.framer-V7F88 .framer-15bfzg4,
.framer-V7F88 .framer-102wvsd,
.framer-V7F88 .framer-7vnw58,
.framer-V7F88 .framer-3x6z40,
.framer-V7F88 .framer-fpu0a7,
.framer-V7F88 .framer-fkhjnx {
--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-V7F88 .framer-qmz4t5 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
padding: 0;
display: flex;
position: relative;
-webkit-mask: linear-gradient(270deg, #0000 0%, #000 15.537% 85.8161%, #0000 100%);
mask: linear-gradient(270deg, #0000 0%, #000 15.537% 85.8161%, #0000 100%)
}
.framer-V7F88 .framer-1dti48q,
.framer-V7F88 .framer-enj1mg,
.framer-V7F88 .framer-1evtjc8,
.framer-V7F88 .framer-5oyvrr,
.framer-V7F88 .framer-12wfjgf {
height: 30px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 127px;
position: relative
}
.framer-V7F88 .framer-1d0bx8m,
.framer-V7F88 .framer-1nyhg89 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
padding: 0 20px;
display: flex;
position: relative
}
.framer-V7F88 .framer-byhnbo {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: sticky;
top: 0;
overflow: visible
}
.framer-V7F88 .framer-rqyxwu-container {
z-index: 0;
flex: none;
position: absolute;
inset: 0 -20px
}
.framer-V7F88 .framer-hvzfwl-container {
flex: 1 0 0;
width: 1px;
max-width: 600px;
height: auto;
position: relative
}
.framer-V7F88 .framer-1n8vpg7 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
max-width: 1280px;
height: 250vh;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-182rbm9,
.framer-V7F88 .framer-138rczx,
.framer-V7F88 .framer-bikeoz,
.framer-V7F88 .framer-7djxed,
.framer-V7F88 .framer-9zeme6 {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 1px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1gk3fk-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 42%;
left: 32px;
transform: translateY(-50%)
}
.framer-V7F88 .framer-1mjxuef-container {
z-index: 1;
flex: none;
width: 321px;
height: auto;
position: absolute;
top: 50%;
right: 49px;
transform: translateY(-50%)
}
.framer-V7F88 .framer-1lbbc3l-container {
z-index: 1;
flex: none;
width: 284px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-q7lnlh-container {
z-index: 1;
flex: none;
width: 246px;
height: auto;
position: absolute;
top: 50%;
left: 138px;
transform: translateY(-50%)
}
.framer-V7F88 .framer-1d6n1nb-container {
z-index: 1;
flex: none;
width: 288px;
height: auto;
position: absolute;
top: 50%;
right: 127px;
transform: translateY(-50%)
}
.framer-V7F88 .framer-1682lk2,
.framer-V7F88 .framer-k6mf5p {
opacity: 0;
height: 50vh;
overflow: var(--overflow-clip-fallback, clip);
flex: none;
width: 100%;
position: relative
}
.framer-V7F88 .framer-r66ymc {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 80vh;
padding: 0 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-nt57c2 {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: 1px;
max-width: 850px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-oc2gks-container,
.framer-V7F88 .framer-ahfw8u-container,
.framer-V7F88 .framer-zkese2-container,
.framer-V7F88 .framer-1o2dn1n-container,
.framer-V7F88 .framer-stuu3s-container,
.framer-V7F88 .framer-qjyg8r-container,
.framer-V7F88 .framer-16l12ky-container,
.framer-V7F88 .framer-1exqt27-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-V7F88 .framer-dcnr8z,
.framer-V7F88 .framer-1xd8wow {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 120px 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-7qtbj6 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 32px;
width: 1px;
max-width: 1000px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1ff1qa4-container {
aspect-ratio: 1.29782;
height: var(--framer-aspect-ratio-supported, 826px);
z-index: 0;
flex: none;
width: 107%;
position: absolute;
top: -247px;
left: -572px
}
.framer-V7F88 .framer-1r7594y {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1f9pt6y {
aspect-ratio: .5625;
height: var(--framer-aspect-ratio-supported, 640px);
max-width: 360px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
border-radius: 24px;
flex: none;
width: 100%;
position: relative
}
.framer-V7F88 .framer-k82zmm {
background-color: var(--token-b9b29e69-e997-4651-b982-7d2578af98ba, #ff8a3c);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 2px;
width: 286px;
height: min-content;
padding: 24px;
display: flex;
position: absolute;
bottom: 24px;
left: 0;
overflow: hidden
}
.framer-V7F88 .framer-1n45oqq,
.framer-V7F88 .framer-wqzz5b {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-ad94ku {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 120px 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-nfl9iq {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 40px;
width: 1px;
max-width: 1000px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1bz9q7s-container {
aspect-ratio: 1.29782;
height: var(--framer-aspect-ratio-supported, 1202px);
z-index: 0;
flex: none;
width: 156%;
position: absolute;
top: -498px;
bottom: -353px;
right: -880px
}
.framer-V7F88 .framer-1dwb6y4 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1ea469s {
aspect-ratio: 1.63823;
height: var(--framer-aspect-ratio-supported, 293px);
will-change: var(--framer-will-change-override, transform);
border-radius: 24px;
flex: 1 0 0;
gap: 0;
width: 1px;
position: relative;
overflow: hidden
}
.framer-V7F88 .framer-cw4rpe {
background-color: var(--token-36691d6b-fd51-40c3-90d4-8c2b90652b0a, #aa94ff);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 16px;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 2px;
width: 139px;
height: min-content;
padding: 16px;
display: flex;
position: absolute;
top: 92%;
right: 16px;
overflow: hidden;
transform: translateY(-50%)
}
.framer-V7F88 .framer-f62vvo {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 120px 20px;
display: flex;
position: relative
}
.framer-V7F88 .framer-1wbkw5j {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 860px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-ggmoyd {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
max-width: 540px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1vi10u9 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1w3gbko-container,
.framer-V7F88 .framer-1ynuuey-container,
.framer-V7F88 .framer-1kdur8j-container,
.framer-V7F88 .framer-t6hmp7-container,
.framer-V7F88 .framer-12utjqh-container,
.framer-V7F88 .framer-e0ko8c-container,
.framer-V7F88 .framer-ptp1hf-container,
.framer-V7F88 .framer-1rhhr9k-container,
.framer-V7F88 .framer-1qivb98-container,
.framer-V7F88 .framer-ff7bij-container {
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-V7F88 .framer-1qn124t {
flex: none;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative
}
.framer-V7F88 .framer-1el4o8z,
.framer-V7F88 .framer-qhacxd {
flex-flow: row;
flex: none;
place-content: center flex-start;
place-self: start;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative
}
.framer-V7F88 .framer-4a3cq2 {
z-index: 4;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 100vh;
min-height: 900px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-90h6eu {
aspect-ratio: 1.3373;
height: var(--framer-aspect-ratio-supported, 1570px);
flex: none;
width: 175%;
max-width: 2500px;
position: absolute;
top: 0;
left: 50%;
overflow: visible;
transform: translate(-50%);
-webkit-mask: linear-gradient(#000 40%, #0000 45%);
mask: linear-gradient(#000 40%, #0000 45%)
}
.framer-V7F88 .framer-10nok9k {
aspect-ratio: 1.3373;
height: var(--framer-aspect-ratio-supported, 1570px);
z-index: 0;
flex: none;
width: 100%;
max-width: 2500px;
position: absolute;
top: 20px;
left: 50%;
overflow: visible;
transform: translate(-50%)
}
.framer-V7F88 .framer-1yw91gp,
.framer-V7F88 .framer-syynhu,
.framer-V7F88 .framer-mfn1re,
.framer-V7F88 .framer-13pswe9,
.framer-V7F88 .framer-1wfgcjy,
.framer-V7F88 .framer-p1pkfj {
flex-flow: column;
flex: none;
place-content: center space-between;
align-items: center;
width: 280px;
height: 100%;
padding: 0;
display: flex;
position: absolute;
top: 0%;
left: calc(50% - 140px);
overflow: visible
}
.framer-V7F88 .framer-1b0tnf9,
.framer-V7F88 .framer-whuryl,
.framer-V7F88 .framer-28lfak,
.framer-V7F88 .framer-ux40ey,
.framer-V7F88 .framer-115eiym,
.framer-V7F88 .framer-8lzuf9,
.framer-V7F88 .framer-dzeugx,
.framer-V7F88 .framer-9fe705,
.framer-V7F88 .framer-x3v27,
.framer-V7F88 .framer-17s2iwa,
.framer-V7F88 .framer-31m0ri,
.framer-V7F88 .framer-u8r456 {
aspect-ratio: 1.4;
height: var(--framer-aspect-ratio-supported, 200px);
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-hjtxye,
.framer-V7F88 .framer-1e4hbc1,
.framer-V7F88 .framer-h04syx,
.framer-V7F88 .framer-p3bwxz,
.framer-V7F88 .framer-1ql2t42,
.framer-V7F88 .framer-lpn19l,
.framer-V7F88 .framer-18e6grc,
.framer-V7F88 .framer-on8l8q,
.framer-V7F88 .framer-g3kwq7,
.framer-V7F88 .framer-x0ah5m,
.framer-V7F88 .framer-ew35me,
.framer-V7F88 .framer-1acwy3a,
.framer-V7F88 .framer-1axshn0,
.framer-V7F88 .framer-1807z2a,
.framer-V7F88 .framer-1yukhbc,
.framer-V7F88 .framer-1qqtjht,
.framer-V7F88 .framer-55wukc,
.framer-V7F88 .framer-139y6ga {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
height: 1px;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-asymxn,
.framer-V7F88 .framer-nu0u0k,
.framer-V7F88 .framer-1s9atzu,
.framer-V7F88 .framer-1omi9li,
.framer-V7F88 .framer-8zmfi6,
.framer-V7F88 .framer-ad3w4r,
.framer-V7F88 .framer-gygkf8,
.framer-V7F88 .framer-1ik2kak,
.framer-V7F88 .framer-1o3igfh,
.framer-V7F88 .framer-d66lk9,
.framer-V7F88 .framer-1bacb80,
.framer-V7F88 .framer-ht36hc {
border-radius: 24px;
flex: 1 0 0;
width: 1px;
height: 100%;
position: relative
}
.framer-V7F88 .framer-1ymizma,
.framer-V7F88 .framer-gtyb88,
.framer-V7F88 .framer-1t6rxdb,
.framer-V7F88 .framer-1ro40rt {
height: 100vh;
overflow: var(--overflow-clip-fallback, clip);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: sticky;
top: 0
}
.framer-V7F88 .framer-18rx8d4,
.framer-V7F88 .framer-oe55ig,
.framer-V7F88 .framer-1opjb1c,
.framer-V7F88 .framer-l1c9sk {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 1px;
max-width: 1060px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-9evltg,
.framer-V7F88 .framer-a9row3,
.framer-V7F88 .framer-1n74nc7,
.framer-V7F88 .framer-1ybgqs4 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-6ljbcu-container,
.framer-V7F88 .framer-im9hrj-container,
.framer-V7F88 .framer-1xfjtcv-container,
.framer-V7F88 .framer-1hy5dbk-container {
flex: none;
width: 25%;
height: auto;
position: relative
}
.framer-V7F88 .framer-1lyyo6o,
.framer-V7F88 .framer-1n66q5h {
background-color: var(--token-36691d6b-fd51-40c3-90d4-8c2b90652b0a, #aa94ff);
opacity: 0;
will-change: var(--framer-will-change-override, transform);
border-top-left-radius: 8px;
border-top-right-radius: 24px;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 25%;
height: min-content;
min-height: 33px;
padding: 8px 16px;
display: flex;
position: relative;
overflow: hidden
}
.framer-V7F88 .framer-1kz5tzb-container,
.framer-V7F88 .framer-9t4e7x-container,
.framer-V7F88 .framer-h7nbf4-container,
.framer-V7F88 .framer-1vy91eg-container,
.framer-V7F88 .framer-ynyynm-container,
.framer-V7F88 .framer-12bfv2e-container,
.framer-V7F88 .framer-171z96y-container,
.framer-V7F88 .framer-zrxo4b-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-V7F88 .framer-odeztn {
background-color: var(--token-36691d6b-fd51-40c3-90d4-8c2b90652b0a, #aa94ff);
opacity: 0;
will-change: var(--framer-will-change-override, transform);
border-top-left-radius: 8px;
border-top-right-radius: 24px;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 50%;
height: min-content;
min-height: 33px;
padding: 8px 16px;
display: flex;
position: relative;
overflow: hidden
}
.framer-V7F88 .framer-y3wvj5 {
background-color: var(--token-36691d6b-fd51-40c3-90d4-8c2b90652b0a, #aa94ff);
opacity: 0;
will-change: var(--framer-will-change-override, transform);
border-top-left-radius: 8px;
border-top-right-radius: 24px;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 75%;
height: min-content;
min-height: 33px;
padding: 8px 16px;
display: flex;
position: relative;
overflow: hidden
}
.framer-V7F88 .framer-6glyc8 {
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: 150px 20px;
display: flex;
position: relative
}
.framer-V7F88 .framer-1mt4sn7 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 100%;
max-width: 850px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-thgd3i {
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: 120px 20px;
display: flex;
position: relative
}
.framer-V7F88 .framer-1hgp94n {
max-width: 1280px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1nykg9j {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-tnh1mm {
--framer-paragraph-spacing: 0px;
--framer-text-wrap-override: balance;
flex: none;
width: 100%;
max-width: 80%;
height: auto;
position: relative
}
.framer-V7F88 .framer-148cb07 {
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-V7F88 .framer-1nwjcbi,
.framer-V7F88 .framer-uo4bwd {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 120px 20px;
display: flex;
position: relative
}
.framer-V7F88 .framer-1oe0asy {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 48px;
width: 1px;
max-width: 960px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-2xmjx5,
.framer-V7F88 .framer-1kine2r {
flex-flow: column;
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-V7F88 .framer-1o66szz,
.framer-V7F88 .framer-qgk034 {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 700px;
height: auto;
position: relative
}
.framer-V7F88 .framer-3n01vo {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 8px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-apna19 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex: none;
grid-template-rows: repeat(1, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 8px;
width: 100%;
padding: 0;
display: grid;
position: relative
}
.framer-V7F88 .framer-1es0q1l {
flex-flow: column;
flex: none;
grid-column: span 2;
place-content: flex-start center;
place-self: start;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-qlltry,
.framer-V7F88 .framer-hj9g5n {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-moby07 {
flex-flow: column;
flex: none;
place-content: flex-start center;
place-self: start;
align-items: flex-start;
gap: 20px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-x9i691 {
flex: none;
grid-template-columns: repeat(3, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative
}
.framer-V7F88 .framer-10fs3s1 {
flex-flow: row;
flex: none;
place-content: center flex-start;
place-self: start;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative
}
.framer-V7F88 .framer-1bwgaf5-container {
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-V7F88 .framer-zt6ki4 {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 1px;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-y2zlyq {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 12px;
width: 100%;
max-width: 750px;
height: 308px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-skmd48 {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
top: 46%;
left: 4%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-1hokn83,
.framer-V7F88 .framer-1t3wpgt,
.framer-V7F88 .framer-13fos04,
.framer-V7F88 .framer-1ytus11,
.framer-V7F88 .framer-17sdzhz,
.framer-V7F88 .framer-1ld0i05 {
flex: 1 0 0;
width: 1px;
height: 100%;
position: relative
}
.framer-V7F88 .framer-1d8dw7l {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
top: 61%;
left: 24%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-1b34fsl {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
top: 37%;
left: 44%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-9np4pz {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
top: 61%;
left: 64%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-em55ka {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
bottom: 27px;
right: -68px
}
.framer-V7F88 .framer-yqa8wz {
--border-bottom-width: 2px;
--border-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
--border-left-width: 2px;
--border-right-width: 2px;
--border-style: solid;
--border-top-width: 2px;
aspect-ratio: .9;
height: var(--framer-aspect-ratio-supported, 200px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 20px;
width: 180px;
padding: 0;
display: flex;
position: absolute;
top: 37%;
left: 81%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-p597ba {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 410px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-ups9hz-container {
z-index: 0;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-V7F88 .framer-1z0su7z {
z-index: 3;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 120px 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-7tzivl {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 56px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1j3dqmd-container {
aspect-ratio: 2.21448;
height: var(--framer-aspect-ratio-supported, 616px);
z-index: 0;
flex: none;
position: absolute;
top: -150px;
left: -102px;
right: -102px;
-webkit-mask: linear-gradient(270deg, #0000 0%, #000 16.8162% 85.6824%, #0000002b 100%);
mask: linear-gradient(270deg, #0000 0%, #000 16.8162% 85.6824%, #0000002b 100%)
}
.framer-V7F88 .framer-1tsajaa {
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-V7F88 .framer-1pfz00c {
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-V7F88 .framer-1q7srpn-container {
flex: 1 0 0;
width: 1px;
max-width: 230px;
height: auto;
position: relative
}
.framer-V7F88 .framer-gvwd37 {
flex: none;
grid-template-columns: repeat(3, minmax(50px, 1fr));
grid-auto-rows: minmax(0, 1fr);
justify-content: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative
}
.framer-V7F88 .framer-rznupx {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 39px;
width: 1px;
max-width: 630px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-V7F88 .framer-1y5n5c7 {
background-color: var(--token-516e4704-9e17-454f-a5b3-385a87f41a7e, #fff);
opacity: 0;
z-index: 0;
flex: none;
width: 1px;
height: 940px;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden
}
.framer-9S855 .framer-styles-preset-nt4ptn:not(.rich-text-wrapper),
.framer-9S855 .framer-styles-preset-nt4ptn.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One 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: 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: 700;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-9S855 .framer-styles-preset-nt4ptn:not(.rich-text-wrapper),
.framer-9S855 .framer-styles-preset-nt4ptn.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One 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: 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: 700;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-9S855 .framer-styles-preset-nt4ptn:not(.rich-text-wrapper),
.framer-9S855 .framer-styles-preset-nt4ptn.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One 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: 700;
--framer-font-weight-bold: 900;
--framer-font-weight-bold-italic: 900;
--framer-font-weight-italic: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-V7F88[data-border=true]:after,
.framer-V7F88 [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 (min-width:810px) and (max-width:1199.98px) {
.framer-V7F88.framer-72rtr7 {
width: 810px
}
.framer-V7F88 .framer-15cgbio {
height: min-content
}
.framer-V7F88 .framer-65gs6t {
width: unset;
top: calc(58.5083% - 218.5px);
left: -255px;
right: -255px
}
.framer-V7F88 .framer-1yrpt99 {
flex-direction: column;
align-content: center;
align-items: center
}
.framer-V7F88 .framer-18yvwic {
flex-direction: row;
flex: none;
width: 100%
}
.framer-V7F88 .framer-1pb4hg2,
.framer-V7F88 .framer-1ic85bw,
.framer-V7F88 .framer-qtbi3g-container {
flex: 1 0 0;
width: 1px
}
.framer-V7F88 .framer-t16mb9 {
flex: 1 0 0;
width: 1px;
max-width: 300px
}
.framer-V7F88 .framer-1pu0gom {
order: 1
}
.framer-V7F88 .framer-9nuq2f {
order: 0
}
.framer-V7F88 .framer-uugj6h {
align-self: unset;
flex: none;
width: 100%;
height: min-content
}
.framer-V7F88 .framer-1atwxm8 {
height: min-content;
max-width: unset;
justify-content: center;
gap: 32px
}
.framer-V7F88 .framer-1r3292c {
flex-direction: row;
align-content: flex-end;
align-items: flex-end
}
.framer-V7F88 .framer-1gk3fk-container {
width: 322px;
top: 42%;
left: 1px
}
.framer-V7F88 .framer-1mjxuef-container {
right: 0
}
.framer-V7F88 .framer-q7lnlh-container {
left: 64px
}
.framer-V7F88 .framer-1d6n1nb-container {
right: 33px
}
.framer-V7F88 .framer-1ff1qa4-container {
height: var(--framer-aspect-ratio-supported, 636px);
top: -316px;
left: -413px
}
.framer-V7F88 .framer-1r7594y {
padding: 40px 0 40px 40px
}
.framer-V7F88 .framer-1f9pt6y {
height: var(--framer-aspect-ratio-supported, 621px)
}
.framer-V7F88 .framer-1bz9q7s-container {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 516px);
width: 87%;
top: -235px;
right: -292px
}
.framer-V7F88 .framer-1ea469s {
height: var(--framer-aspect-ratio-supported, 223px)
}
.framer-V7F88 .framer-90h6eu {
height: var(--framer-aspect-ratio-supported, 1515px);
width: 250%
}
.framer-V7F88 .framer-10nok9k {
height: var(--framer-aspect-ratio-supported, 1515px)
}
.framer-V7F88 .framer-148cb07 {
align-content: unset;
align-items: unset;
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;
display: grid
}
.framer-V7F88 .framer-1kdur8j-container,
.framer-V7F88 .framer-t6hmp7-container,
.framer-V7F88 .framer-12utjqh-container,
.framer-V7F88 .framer-e0ko8c-container {
flex: none;
place-self: start;
width: 100%
}
.framer-V7F88 .framer-apna19 {
grid-template-columns: repeat(1, minmax(50px, 1fr))
}
.framer-V7F88 .framer-1es0q1l {
grid-column: span 1
}
.framer-V7F88 .framer-x9i691,
.framer-V7F88 .framer-gvwd37 {
grid-template-columns: repeat(2, minmax(50px, 1fr))
}
.framer-V7F88 .framer-1j3dqmd-container {
height: var(--framer-aspect-ratio-supported, 440px)
}
}
@media (max-width:809.98px) {
.framer-V7F88.framer-72rtr7 {
width: 390px
}
.framer-V7F88 .framer-15cgbio {
height: min-content;
min-height: unset
}
.framer-V7F88 .framer-65gs6t {
width: unset;
top: calc(50.0224% - 218.5px);
left: -243px;
right: -243px
}
.framer-V7F88 .framer-1yrpt99 {
flex-direction: column;
align-content: center;
align-items: center
}
.framer-V7F88 .framer-18yvwic,
.framer-V7F88 .framer-1n45oqq,
.framer-V7F88 .framer-1kdur8j-container,
.framer-V7F88 .framer-t6hmp7-container,
.framer-V7F88 .framer-12utjqh-container,
.framer-V7F88 .framer-e0ko8c-container,
.framer-V7F88 .framer-1pfz00c,
.framer-V7F88 .framer-1q7srpn-container {
flex: none;
width: 100%
}
.framer-V7F88 .framer-1c3zhcn-container {
height: var(--framer-aspect-ratio-supported, 427px);
width: 240px
}
.framer-V7F88 .framer-uugj6h {
align-self: unset;
flex: none;
width: 100%;
height: min-content
}
.framer-V7F88 .framer-1atwxm8 {
height: min-content;
max-width: unset;
justify-content: center;
gap: 32px
}
.framer-V7F88 .framer-1n5ngb0,
.framer-V7F88 .framer-6v99lk {
order: 1
}
.framer-V7F88 .framer-1r3292c,
.framer-V7F88 .framer-1c3m26z,
.framer-V7F88 .framer-1hokn83 {
order: 0
}
.framer-V7F88 .framer-1gk3fk-container {
left: unset;
width: 280px;
top: 42%;
right: 0
}
.framer-V7F88 .framer-1mjxuef-container,
.framer-V7F88 .framer-1d6n1nb-container {
left: 0;
right: unset;
width: 280px;
top: 49%
}
.framer-V7F88 .framer-1lbbc3l-container {
top: 49%
}
.framer-V7F88 .framer-q7lnlh-container {
left: unset;
top: 50%;
right: 0
}
.framer-V7F88 .framer-r66ymc {
height: min-content;
padding: 64px 20px
}
.framer-V7F88 .framer-7qtbj6,
.framer-V7F88 .framer-nfl9iq,
.framer-V7F88 .framer-148cb07 {
flex-direction: column
}
.framer-V7F88 .framer-1ff1qa4-container {
height: var(--framer-aspect-ratio-supported, 289px);
top: -166px;
left: -89px
}
.framer-V7F88 .framer-1r7594y {
flex: none;
width: 100%;
padding: 40px
}
.framer-V7F88 .framer-1f9pt6y {
height: var(--framer-aspect-ratio-supported, 480px)
}
.framer-V7F88 .framer-1bz9q7s-container {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 327px);
order: 0;
width: 424px;
top: -145px;
right: -212px
}
.framer-V7F88 .framer-wqzz5b {
flex: none;
order: 2;
width: 100%
}
.framer-V7F88 .framer-1dwb6y4 {
flex: none;
order: 1;
width: 100%
}
.framer-V7F88 .framer-1ea469s {
height: var(--framer-aspect-ratio-supported, 214px)
}
.framer-V7F88 .framer-f62vvo,
.framer-V7F88 .framer-6glyc8,
.framer-V7F88 .framer-thgd3i,
.framer-V7F88 .framer-1nwjcbi,
.framer-V7F88 .framer-1xd8wow,
.framer-V7F88 .framer-1z0su7z,
.framer-V7F88 .framer-uo4bwd {
padding: 64px 20px
}
.framer-V7F88 .framer-4a3cq2 {
height: 60vh;
min-height: 550px
}
.framer-V7F88 .framer-90h6eu {
height: var(--framer-aspect-ratio-supported, 962px);
width: 330%
}
.framer-V7F88 .framer-10nok9k {
height: var(--framer-aspect-ratio-supported, 962px)
}
.framer-V7F88 .framer-1yw91gp,
.framer-V7F88 .framer-syynhu,
.framer-V7F88 .framer-mfn1re,
.framer-V7F88 .framer-13pswe9,
.framer-V7F88 .framer-1wfgcjy,
.framer-V7F88 .framer-p1pkfj {
width: 150px;
left: calc(50% - 75px)
}
.framer-V7F88 .framer-1b0tnf9,
.framer-V7F88 .framer-whuryl,
.framer-V7F88 .framer-28lfak,
.framer-V7F88 .framer-ux40ey,
.framer-V7F88 .framer-115eiym,
.framer-V7F88 .framer-8lzuf9,
.framer-V7F88 .framer-dzeugx,
.framer-V7F88 .framer-9fe705,
.framer-V7F88 .framer-x3v27,
.framer-V7F88 .framer-17s2iwa,
.framer-V7F88 .framer-31m0ri,
.framer-V7F88 .framer-u8r456 {
height: var(--framer-aspect-ratio-supported, 107px)
}
.framer-V7F88 .framer-asymxn,
.framer-V7F88 .framer-nu0u0k,
.framer-V7F88 .framer-1s9atzu,
.framer-V7F88 .framer-1omi9li,
.framer-V7F88 .framer-8zmfi6,
.framer-V7F88 .framer-ad3w4r,
.framer-V7F88 .framer-gygkf8,
.framer-V7F88 .framer-1ik2kak,
.framer-V7F88 .framer-1o3igfh,
.framer-V7F88 .framer-d66lk9,
.framer-V7F88 .framer-1bacb80,
.framer-V7F88 .framer-ht36hc {
border-radius: 8px
}
.framer-V7F88 .framer-1nyhg89 {
gap: 24px
}
.framer-V7F88 .framer-1ymizma,
.framer-V7F88 .framer-gtyb88,
.framer-V7F88 .framer-1t6rxdb,
.framer-V7F88 .framer-1ro40rt {
height: min-content;
top: 32px
}
.framer-V7F88 .framer-tnh1mm {
max-width: unset
}
.framer-V7F88 .framer-apna19 {
flex-flow: column;
align-content: center;
align-items: center;
display: flex
}
.framer-V7F88 .framer-1es0q1l,
.framer-V7F88 .framer-moby07 {
align-self: unset
}
.framer-V7F88 .framer-x9i691,
.framer-V7F88 .framer-gvwd37 {
grid-template-columns: repeat(1, minmax(50px, 1fr))
}
.framer-V7F88 .framer-y2zlyq {
align-content: unset;
align-items: unset;
justify-content: unset;
height: 560px;
display: grid
}
.framer-V7F88 .framer-skmd48 {
height: var(--framer-aspect-ratio-supported, 156px);
width: 140px;
top: 15%;
left: 50%
}
.framer-V7F88 .framer-1d8dw7l {
height: var(--framer-aspect-ratio-supported, 156px);
width: 140px;
top: 40%;
left: 26%
}
.framer-V7F88 .framer-1b34fsl {
height: var(--framer-aspect-ratio-supported, 156px);
width: 140px;
top: 35%;
left: 77%
}
.framer-V7F88 .framer-9np4pz {
height: var(--framer-aspect-ratio-supported, 156px);
width: 140px;
top: 67%;
left: 29%
}
.framer-V7F88 .framer-em55ka {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 156px);
left: 65%;
right: unset;
width: 140px;
top: 85%;
transform: translate(-50%, -50%)
}
.framer-V7F88 .framer-yqa8wz {
height: var(--framer-aspect-ratio-supported, 156px);
width: 140px;
top: 60%;
left: 72%
}
.framer-V7F88 .framer-1j3dqmd-container {
height: var(--framer-aspect-ratio-supported, 250px);
top: -113px
}
.framer-V7F88 .framer-1tsajaa {
flex-direction: column;
align-content: flex-start;
align-items: flex-start
}
}
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-font-family-preview, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-font-style-preview, var(--framer-blockquote-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-font-weight-preview, 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-preview, 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-font-family-preview, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-font-style-preview, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-font-weight-preview, var(--framer-link-font-weight, var(--framer-blockquote-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-link-text-transform, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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))))))))
}
}
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-font-family-preview, var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-blockquote-font-style, var(--framer-font-style, normal)))));
font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-blockquote-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-link-text-transform, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-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-link-text-color, var(--framer-blockquote-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-link-text-color-rgb, var(--framer-link-text-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))))))))))
}
}
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-font-family-preview, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));
font-style: var(--framer-font-style-preview, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-font-weight-preview, 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-font-family-preview, 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-font-style-preview, 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-font-weight-preview, 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 {
padding-inline-start: calc(calc(var(--max-list-digits, 1) + 1)*1ch)
}
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
}
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 {
overflow-wrap: anywhere;
vertical-align: top;
min-width: 16ch
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child {
width: 100% !important
}
[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: .75ch;
display: table-cell
}
[data-framer-component-type=DeprecatedRichText] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: .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
}
}
.framer-UkIYs {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--3nk2ft);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 16px
}
.ssr-variant {
display: contents
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-7tu8S.framer-11renjp,
.framer-7tu8S .framer-11renjp {
display: block
}
.framer-7tu8S.framer-11kkfea {
cursor: pointer;
height: 430px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 240px;
padding: 0;
display: flex;
position: relative
}
.framer-7tu8S .framer-gc7mty-container,
.framer-7tu8S .framer-18zbbv6-container {
z-index: 1;
flex: none;
position: absolute;
inset: 0
}
.framer-7tu8S .framer-6ink8q {
height: 64px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 64px;
padding: 0;
display: flex;
position: relative
}
.framer-7tu8S .framer-zxfa1r {
overflow: var(--overflow-clip-fallback, clip);
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-7tu8S .framer-rj95j0 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
flex: none;
width: 32px;
position: relative
}
.framer-Lyd6D {
-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-tjhZV.framer-h65kac,
.framer-tjhZV .framer-h65kac {
display: block
}
.framer-tjhZV.framer-1a9xkbx {
cursor: pointer;
flex-flow: row;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 0;
width: 285px;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-tjhZV .framer-ao1gjw {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 32px
}
.framer-tjhZV .framer-1rz942z {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 79%;
left: 23%
}
.framer-tjhZV .framer-r5rhy {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 1px;
height: min-content;
padding: 16px 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-tjhZV .framer-6nxicm {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-tjhZV .framer-hu1z6q {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: relative
}
.framer-tjhZV .framer-1bcx0ft {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 51%;
left: 51%
}
.framer-tjhZV.framer-v-fb4xjd.framer-1a9xkbx,
.framer-tjhZV.framer-v-1k925xo.framer-1a9xkbx {
cursor: unset
}
.framer-tjhZV.framer-v-1a9xkbx.hover .framer-ao1gjw,
.framer-tjhZV.framer-v-1yez8ss.hover .framer-ao1gjw {
bottom: unset;
left: unset;
position: relative
}
.framer-tjhZV.framer-v-1a9xkbx.hover .framer-1rz942z {
top: 49%;
left: 49%
}
.framer-tjhZV.framer-v-1a9xkbx.hover .framer-hu1z6q {
z-index: 1;
position: absolute;
bottom: -24px;
right: -24px
}
.framer-tjhZV.framer-v-1a9xkbx.hover .framer-1bcx0ft {
left: unset;
top: -35px;
right: -35px
}
.framer-tjhZV.framer-v-1yez8ss.hover .framer-1rz942z {
top: 51%;
left: 51%
}
.framer-tjhZV.framer-v-1yez8ss.hover .framer-hu1z6q {
position: absolute;
bottom: -24px;
right: -24px
}
.framer-tjhZV[data-border=true]:after,
.framer-tjhZV [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-MNZ14 {
aspect-ratio: 1;
background-color: var(--wdq76p);
width: 48px;
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-WyM2F.framer-1x8ycah,
.framer-WyM2F .framer-1x8ycah {
display: block
}
.framer-WyM2F.framer-1udawtd {
height: 900px;
overflow: var(--overflow-clip-fallback, clip);
width: 1200px;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-jOL9U.framer-wxp07b,
.framer-jOL9U .framer-wxp07b {
display: block
}
.framer-jOL9U.framer-4mk3sm {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: 600px;
padding: 0;
display: flex;
position: relative
}
.framer-jOL9U .framer-149eetm {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-VAUWo.framer-1x8qxei,
.framer-VAUWo .framer-1x8qxei {
display: block
}
.framer-VAUWo.framer-1u92vl5 {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 384px;
height: min-content;
padding: 24px;
display: flex;
position: relative;
overflow: visible
}
.framer-VAUWo .framer-1qiy90p {
height: var(--framer-aspect-ratio-supported, 16px);
flex: none;
width: 32px;
position: relative
}
.framer-VAUWo .framer-18p53ip {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-5uW3D {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--3nk2ft);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 16px
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-NgB49.framer-oh5ifu,
.framer-NgB49 .framer-oh5ifu {
display: block
}
.framer-NgB49.framer-1gilzre {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 4px 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-NgB49 .framer-1rpi8db {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-RiRWI.framer-2i05zn,
.framer-RiRWI .framer-2i05zn {
display: block
}
.framer-RiRWI.framer-1w6nztt {
cursor: pointer;
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 26px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-RiRWI .framer-1qc6jxp {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-RiRWI .framer-rpeq1k {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: relative
}
.framer-RiRWI .framer-1wmxoh7 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 51%;
left: 51%
}
.framer-RiRWI .framer-kyrhj5 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 32px
}
.framer-RiRWI .framer-5bxj7e {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 79%;
left: 23%
}
.framer-RiRWI.framer-v-pu8dz7.framer-1w6nztt {
cursor: unset;
gap: 12px
}
.framer-RiRWI.framer-v-1w6nztt.hover .framer-1qc6jxp {
order: 1
}
.framer-RiRWI.framer-v-1w6nztt.hover .framer-rpeq1k {
order: 2;
position: absolute;
bottom: -24px;
right: -24px
}
.framer-RiRWI.framer-v-1w6nztt.hover .framer-1wmxoh7 {
left: unset;
top: -35px;
right: -35px
}
.framer-RiRWI.framer-v-1w6nztt.hover .framer-kyrhj5 {
bottom: unset;
left: unset;
order: 0;
position: relative
}
.framer-RiRWI.framer-v-1w6nztt.hover .framer-5bxj7e {
top: 51%;
left: 51%
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-1VCBb.framer-2k33ci,
.framer-1VCBb .framer-2k33ci {
display: block
}
.framer-1VCBb.framer-1x3awig {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 265px;
height: min-content;
padding: 8px 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-1VCBb .framer-1wk1che {
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
position: absolute;
inset: 0 0 -2px
}
.framer-1VCBb .framer-1fikey5 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-JHcZ6.framer-1mi19n2,
.framer-JHcZ6 .framer-1mi19n2 {
display: block
}
.framer-JHcZ6.framer-l9kgtf {
flex-flow: row;
place-content: flex-start;
align-items: flex-start;
gap: 40px;
width: 1060px;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-JHcZ6 .framer-1urk2zf {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start space-between;
align-self: stretch;
align-items: flex-start;
width: 1px;
height: auto;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-JHcZ6 .framer-1nwst38 {
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: visible
}
.framer-JHcZ6 .framer-wg588h,
.framer-JHcZ6 .framer-1l2pb6x,
.framer-JHcZ6 .framer-czoqq7,
.framer-JHcZ6 .framer-1hxjgnp {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-JHcZ6 .framer-1iqflfq {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 2px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-JHcZ6 .framer-1mwx26b {
aspect-ratio: .881919;
height: var(--framer-aspect-ratio-supported, 542px);
will-change: var(--framer-will-change-override, transform);
flex: 1 0 0;
gap: 0;
width: 1px;
position: relative;
overflow: hidden
}
.framer-JHcZ6 .framer-1b60rky {
flex: none;
position: absolute;
inset: 0
}
.framer-JHcZ6.framer-v-140t8w5.framer-l9kgtf {
width: 770px
}
.framer-JHcZ6.framer-v-140t8w5 .framer-1urk2zf {
align-self: unset;
justify-content: center;
gap: 24px;
height: min-content
}
.framer-JHcZ6.framer-v-140t8w5 .framer-1mwx26b {
aspect-ratio: unset;
align-self: stretch;
height: auto
}
.framer-JHcZ6.framer-v-gwvdwf.framer-l9kgtf {
flex-direction: column;
gap: 16px;
width: 320px;
padding: 24px
}
.framer-JHcZ6.framer-v-gwvdwf .framer-1urk2zf {
align-self: unset;
flex: none;
justify-content: center;
gap: 16px;
width: 100%;
height: min-content
}
.framer-JHcZ6.framer-v-gwvdwf .framer-1mwx26b {
aspect-ratio: unset;
flex: none;
width: 100%;
height: 200px
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-w0ULH.framer-vheo16,
.framer-w0ULH .framer-vheo16 {
display: block
}
.framer-w0ULH.framer-1afpbq {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 850px;
height: min-content;
min-height: 342px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-w0ULH .framer-ixi06w-container {
z-index: 1;
flex: none;
width: 411px;
height: auto;
position: absolute;
top: 53%;
left: 77px
}
.framer-w0ULH .framer-xgn40q-container {
z-index: 1;
flex: none;
width: 411px;
height: auto;
position: absolute;
top: 47%;
right: 77px
}
.framer-w0ULH.framer-v-18jllwl .framer-ixi06w-container {
top: 50%;
left: 74px
}
.framer-w0ULH.framer-v-18jllwl .framer-xgn40q-container {
top: 46%;
right: -84px
}
.framer-w0ULH.framer-v-18ve0f5 .framer-ixi06w-container {
top: 50%;
left: -88px
}
.framer-w0ULH.framer-v-18ve0f5 .framer-xgn40q-container {
top: 50%
}
.framer-w0ULH.framer-v-pig5mr.framer-1afpbq {
width: 810px;
min-height: 342px
}
.framer-w0ULH.framer-v-pig5mr .framer-ixi06w-container {
top: 50%;
left: 15px
}
.framer-w0ULH.framer-v-pig5mr .framer-xgn40q-container {
top: 50%;
right: 15px
}
.framer-w0ULH.framer-v-1i0l5je.framer-1afpbq {
min-height: unset;
flex-direction: column;
width: 320px
}
.framer-w0ULH.framer-v-1i0l5je .framer-ixi06w-container {
left: unset;
top: unset;
width: 100%;
position: relative
}
.framer-w0ULH.framer-v-1i0l5je .framer-xgn40q-container {
right: unset;
top: unset;
width: 100%;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-Fw1Vg.framer-10ue3ix,
.framer-Fw1Vg .framer-10ue3ix {
display: block
}
.framer-Fw1Vg.framer-1qg09zd {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 411px;
height: min-content;
padding: 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-Fw1Vg .framer-15pm6se {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-Fw1Vg .framer-1hgwns2-container {
flex: none;
width: 116px;
height: 31px;
position: relative
}
.framer-Fw1Vg .framer-1ydkicr {
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: visible
}
.framer-Fw1Vg .framer-1ovm0mn,
.framer-Fw1Vg .framer-cdrxx6,
.framer-Fw1Vg .framer-1t4a7h8,
.framer-Fw1Vg .framer-1kxe2en,
.framer-Fw1Vg .framer-1mwoyl3 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 11px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Fw1Vg .framer-u9k5k7,
.framer-Fw1Vg .framer-6z5lb1,
.framer-Fw1Vg .framer-17ha8eu,
.framer-Fw1Vg .framer-1xi6rgd,
.framer-Fw1Vg .framer-1tsub6f {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 21px);
flex: none;
width: 20px;
position: relative
}
.framer-Fw1Vg .framer-19s7us6,
.framer-Fw1Vg .framer-2e667b,
.framer-Fw1Vg .framer-occc8c,
.framer-Fw1Vg .framer-1c3bea0,
.framer-Fw1Vg .framer-heg6pd {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-cFJpv {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--3nk2ft);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 16px
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-cBRLK.framer-1l4r1n6,
.framer-cBRLK .framer-1l4r1n6 {
display: block
}
.framer-cBRLK.framer-esfhap {
cursor: pointer;
width: 116px;
height: 31px;
text-decoration: none;
position: relative;
overflow: visible
}
.framer-cBRLK .framer-yil9za {
flex: none;
position: absolute;
inset: 0;
overflow: visible
}
.framer-cBRLK.framer-v-z77pwa.framer-esfhap {
cursor: unset
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-W2Q9M.framer-voa9fg,
.framer-W2Q9M .framer-voa9fg {
display: block
}
.framer-W2Q9M.framer-syi7gl {
flex-flow: column;
place-content: flex-start space-between;
align-items: flex-start;
width: 314px;
height: 448px;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-W2Q9M .framer-167f7mv {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-W2Q9M .framer-5m41q7 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-W2Q9M .framer-y5izit {
height: var(--framer-aspect-ratio-supported, 48px);
flex: none;
width: 48px;
position: relative
}
.framer-W2Q9M .framer-s0iiw7 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-W2Q9M .framer-1yk8a2n,
.framer-W2Q9M .framer-17fh6er {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-MNB1R,
.framer-KIxjp,
.framer-zWEo2,
.framer-JK0qE {
-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-LGO4h.framer-1koo30b,
.framer-LGO4h .framer-1koo30b {
display: block
}
.framer-LGO4h.framer-1gvg5yz {
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 1200px;
height: 1200px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-LGO4h .framer-1ek0hia {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 1200px);
flex: 1 0 0;
width: 1px;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-BHyQE.framer-eqf69a,
.framer-BHyQE .framer-eqf69a {
display: block
}
.framer-BHyQE.framer-4js0en {
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: 1200px;
height: min-content;
padding: 120px 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-1d8ieb7 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-fdkfw4 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start space-between;
align-self: stretch;
align-items: flex-start;
width: 1px;
max-width: 35%;
height: auto;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-1uaru6j {
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-BHyQE .framer-p97x0e-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-BHyQE .framer-5issjm {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-BHyQE .framer-12rqft2 {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 49px;
padding: 4px;
display: flex;
position: relative;
overflow: hidden
}
.framer-BHyQE .framer-bq7k68 {
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
width: 49%;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px
}
.framer-BHyQE .framer-mauqcn {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-1tj0n5m,
.framer-BHyQE .framer-6qjv1j,
.framer-BHyQE .framer-szukhg {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-BHyQE .framer-3vbky0 {
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 8px;
width: 1px;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-1u2601-container,
.framer-BHyQE .framer-y52spg-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-BHyQE .framer-xsyoq7 {
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 24px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-BHyQE .framer-1rr8v91 {
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-BHyQE .framer-et9u0t-container,
.framer-BHyQE .framer-q2qxqn-container {
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-BHyQE.framer-v-2xlfez .framer-bq7k68,
.framer-BHyQE.framer-v-12pjb3p .framer-bq7k68 {
left: unset;
width: 49%;
right: 4px
}
.framer-BHyQE.framer-v-4uws8o.framer-4js0en,
.framer-BHyQE.framer-v-12pjb3p.framer-4js0en {
width: 810px
}
.framer-BHyQE.framer-v-4uws8o .framer-1d8ieb7,
.framer-BHyQE.framer-v-12pjb3p .framer-1d8ieb7,
.framer-BHyQE.framer-v-1l403ga .framer-1d8ieb7,
.framer-BHyQE.framer-v-1l403ga .framer-1rr8v91,
.framer-BHyQE.framer-v-snpi0y .framer-1d8ieb7,
.framer-BHyQE.framer-v-snpi0y .framer-1rr8v91 {
flex-direction: column
}
.framer-BHyQE.framer-v-4uws8o .framer-fdkfw4,
.framer-BHyQE.framer-v-12pjb3p .framer-fdkfw4,
.framer-BHyQE.framer-v-1l403ga .framer-fdkfw4,
.framer-BHyQE.framer-v-snpi0y .framer-fdkfw4 {
align-self: unset;
height: min-content;
max-width: unset;
flex: none;
justify-content: center;
gap: 0;
width: 100%
}
.framer-BHyQE.framer-v-4uws8o .framer-1uaru6j,
.framer-BHyQE.framer-v-12pjb3p .framer-1uaru6j,
.framer-BHyQE.framer-v-1l403ga .framer-1uaru6j,
.framer-BHyQE.framer-v-snpi0y .framer-1uaru6j {
order: 0
}
.framer-BHyQE.framer-v-4uws8o .framer-xsyoq7,
.framer-BHyQE.framer-v-12pjb3p .framer-xsyoq7,
.framer-BHyQE.framer-v-1l403ga .framer-xsyoq7,
.framer-BHyQE.framer-v-1l403ga .framer-et9u0t-container,
.framer-BHyQE.framer-v-1l403ga .framer-q2qxqn-container,
.framer-BHyQE.framer-v-snpi0y .framer-xsyoq7,
.framer-BHyQE.framer-v-snpi0y .framer-et9u0t-container,
.framer-BHyQE.framer-v-snpi0y .framer-q2qxqn-container {
flex: none;
width: 100%
}
.framer-BHyQE.framer-v-1l403ga.framer-4js0en,
.framer-BHyQE.framer-v-snpi0y.framer-4js0en {
width: 390px;
padding: 64px 20px
}
.framer-BHyQE.framer-v-1l403ga .framer-bq7k68 {
width: 40%
}
.framer-BHyQE.framer-v-1l403ga .framer-mauqcn,
.framer-BHyQE.framer-v-snpi0y .framer-mauqcn {
max-width: 40%
}
.framer-BHyQE.framer-v-snpi0y .framer-bq7k68 {
left: unset;
width: 59%;
right: 4px
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-hsOrS.framer-12c7uha,
.framer-hsOrS .framer-12c7uha {
display: block
}
.framer-hsOrS.framer-1ssbpsi {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 16px;
width: 410px;
height: min-content;
padding: 8px 48px 8px 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-hsOrS .framer-83o7df {
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-hsOrS .framer-4onvqz {
flex: none;
gap: 0;
width: 80px;
height: 80px;
position: relative;
overflow: visible
}
.framer-hsOrS .framer-e923yq {
will-change: var(--framer-will-change-override, transform);
flex: none;
gap: 0;
position: absolute;
inset: 0;
overflow: hidden
}
.framer-hsOrS .framer-1g7zjxz {
flex: none;
position: absolute;
inset: 0
}
.framer-hsOrS .framer-g8swzq {
flex: none;
width: 19px;
height: 19px;
position: absolute;
top: -6px;
right: -6px
}
.framer-hsOrS .framer-1w90d06 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start center;
align-items: flex-start;
gap: 2px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-hsOrS .framer-10wpeeb,
.framer-hsOrS .framer-1hzbg2 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-hsOrS .framer-ig7vzd {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 32px;
padding: 0;
display: flex;
position: absolute;
top: 8px;
right: 8px;
overflow: visible
}
.framer-hsOrS .framer-1m4e5l0 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-hsOrS .framer-q2j0ya,
.framer-hsOrS .framer-1lfzx8e {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 18px);
z-index: 1;
flex: none;
width: 18px;
position: absolute;
top: 51%;
left: 51%
}
.framer-hsOrS .framer-hdh28 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 5px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 5px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 0
}
.framer-hsOrS.framer-v-1ssbpsi.hover .framer-83o7df,
.framer-hsOrS.framer-v-1ssbpsi.hover .framer-1g7zjxz {
inset: -4px
}
.framer-hsOrS.framer-v-1ssbpsi.hover .framer-1m4e5l0 {
height: var(--framer-aspect-ratio-supported, 5px);
width: 5px;
position: absolute;
top: 0;
right: 0
}
.framer-hsOrS.framer-v-1ssbpsi.hover .framer-hdh28 {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 32px);
left: unset;
width: 100%;
position: relative
}
.framer-hsOrS[data-border=true]:after,
.framer-hsOrS [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-i5JxN.framer-1ip8o5m,
.framer-i5JxN .framer-1ip8o5m {
display: block
}
.framer-i5JxN.framer-lw7auw {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 357px;
height: min-content;
padding: 12px;
display: flex;
position: relative;
overflow: hidden
}
.framer-i5JxN .framer-q4tydz,
.framer-i5JxN .framer-1bhgue8 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-67pawi {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-1vkaurc {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-mq1m5d,
.framer-i5JxN .framer-12jzy37,
.framer-i5JxN .framer-h4cbmx,
.framer-i5JxN .framer-q4bkve,
.framer-i5JxN .framer-14edgjq,
.framer-i5JxN .framer-1qqc8a6 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-i5JxN .framer-n92rqf-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-i5JxN .framer-10vu5hf {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-i5JxN .framer-5bcbb1 {
flex-flow: row;
flex: none;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-1lkfe4 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 0 4px 0 0;
display: flex;
position: relative
}
.framer-i5JxN .framer-bl75ed,
.framer-i5JxN .framer-10anew8 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-i5JxN .framer-krch8w {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -48px;
left: -24px
}
.framer-i5JxN .framer-1d9xhqa {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0 0 6px;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-yxu5s4,
.framer-i5JxN .framer-gg09jx,
.framer-i5JxN .framer-141xw9h,
.framer-i5JxN .framer-8be3d0,
.framer-i5JxN .framer-2t5pzt {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 11px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-i5JxN .framer-1fj2109,
.framer-i5JxN .framer-mtvm0c,
.framer-i5JxN .framer-l26thl,
.framer-i5JxN .framer-vs2zi0,
.framer-i5JxN .framer-zna78y {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative
}
.framer-i5JxN .framer-1djhj3k-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-i5JxN.framer-v-1ihunyh.framer-lw7auw,
.framer-i5JxN.framer-v-srubkk.framer-lw7auw {
width: 357px
}
.framer-i5JxN.framer-v-1ihunyh .framer-bl75ed,
.framer-i5JxN.framer-v-srubkk .framer-bl75ed {
z-index: 1;
position: absolute;
top: -48px;
left: -24px
}
.framer-i5JxN.framer-v-1ihunyh .framer-krch8w,
.framer-i5JxN.framer-v-srubkk .framer-krch8w {
bottom: unset;
left: unset;
position: relative
}
.framer-i5JxN.framer-v-yozr36.framer-lw7auw {
width: 356px
}
.framer-UTPM9 .framer-styles-preset-nbbwm2:not(.rich-text-wrapper),
.framer-UTPM9 .framer-styles-preset-nbbwm2.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: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-9390ee0f-6276-43bf-884e-7519f927be6b, #78716c);
--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-mMvuT.framer-129exgb,
.framer-mMvuT .framer-129exgb {
display: block
}
.framer-mMvuT.framer-8y8mpm {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 630px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-mMvuT .framer-1teozbf-container {
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 0;
left: 50%
}
.framer-mMvuT .framer-votflg-container,
.framer-mMvuT .framer-1cvwtxh-container,
.framer-mMvuT .framer-1chacr3-container,
.framer-mMvuT .framer-kfmu2r-container,
.framer-mMvuT .framer-1y6h5jb-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-R7F3R.framer-429w9f,
.framer-R7F3R .framer-429w9f {
display: block
}
.framer-R7F3R.framer-14en5sm {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 591px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-R7F3R .framer-1udug7n {
cursor: pointer;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-R7F3R .framer-7jjkd5,
.framer-R7F3R .framer-1ezj1ha {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-R7F3R .framer-1i7igi3 {
height: 32px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 32px;
position: relative
}
.framer-R7F3R .framer-g9uhit {
height: 2px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 16px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 8px)
}
.framer-R7F3R .framer-1swwpjl {
height: 16px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex: none;
width: 2px;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 1px)
}
.framer-R7F3R .framer-1p7w50g {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: min-content;
padding: 0 16px 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-R7F3R.framer-v-1dh989p .framer-1p7w50g {
pointer-events: none;
width: unset;
z-index: 1;
position: absolute;
top: 64px;
left: 0;
right: 0
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-1dosg.framer-1y33vbl,
.framer-1dosg .framer-1y33vbl {
display: block
}
.framer-1dosg.framer-1wmizdg {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1200px;
height: min-content;
padding: 80px 20px;
display: flex;
position: relative;
overflow: visible
}
.framer-1dosg .framer-1nxo0vt {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-1dosg .framer-1l6r6sf {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 1px;
max-width: 420px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-1dosg .framer-1sup4n0-container {
z-index: 0;
flex: none;
width: 100%;
height: 165px;
position: relative
}
.framer-1dosg .framer-hkbb7s {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-1dosg .framer-5u4ans {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 19px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-1dosg .framer-ctadt3,
.framer-1dosg .framer-1ducaa7 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-1dosg .framer-12bsylg-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-1dosg .framer-1ymuarc {
will-change: var(--framer-will-change-override, transform);
flex: 1 0 0;
align-self: stretch;
gap: 0;
width: 1px;
height: auto;
position: relative;
overflow: hidden
}
.framer-1dosg .framer-1pkds23 {
flex: none;
position: absolute;
inset: 0
}
.framer-1dosg.framer-v-1rjpfn6.framer-1wmizdg {
width: 810px
}
.framer-1dosg.framer-v-1rjpfn6 .framer-1l6r6sf {
max-width: 380px
}
.framer-1dosg.framer-v-j6pwpz.framer-1wmizdg {
width: 390px;
padding: 64px 20px
}
.framer-1dosg.framer-v-j6pwpz .framer-1nxo0vt {
flex-direction: column
}
.framer-1dosg.framer-v-j6pwpz .framer-1l6r6sf {
flex: none;
width: 100%
}
.framer-1dosg.framer-v-j6pwpz .framer-1ymuarc {
align-self: unset;
aspect-ratio: 1.34082;
height: var(--framer-aspect-ratio-supported, 261px);
flex: none;
width: 100%
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-9KpTj.framer-1h23ane,
.framer-9KpTj .framer-1h23ane {
display: block
}
.framer-9KpTj.framer-aby96i {
flex-flow: row;
place-content: center;
align-items: center;
gap: 20px;
width: 1200px;
height: min-content;
padding: 10px 15px;
display: flex;
position: relative;
overflow: visible
}
.framer-9KpTj .framer-1ra53ci {
flex-flow: row;
flex: 1 0 0;
place-content: center space-between;
align-items: center;
width: 1px;
max-width: 1280px;
height: min-content;
padding: 8px 8px 8px 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-9KpTj .framer-kbq21g {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 119px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-9KpTj .framer-fpm9a-container,
.framer-9KpTj .framer-1i92kng-container,
.framer-9KpTj .framer-wujlbb-container,
.framer-9KpTj .framer-1kq0ka7-container,
.framer-9KpTj .framer-1bnz38r-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-9KpTj .framer-sk2zao {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-end;
align-items: center;
gap: 0;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-9KpTj .framer-2zlonu-container {
flex: none;
width: 40px;
height: 40px;
position: relative
}
.framer-9KpTj .framer-1ptyjgh {
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-9KpTj .framer-bh34mi-container {
flex: none;
width: 119px;
height: auto;
position: relative
}
.framer-9KpTj .framer-qbmrb-container {
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-9KpTj.framer-v-1yt85w9.framer-aby96i {
flex-direction: column;
justify-content: flex-start;
gap: 0;
width: 390px;
padding: 8px 15px 0
}
.framer-9KpTj.framer-v-1yt85w9 .framer-1ra53ci {
flex-direction: column;
flex: none;
justify-content: center;
gap: 8px;
width: 100%;
padding: 16px 8px 8px
}
.framer-9KpTj.framer-v-1yt85w9 .framer-kbq21g {
gap: unset;
z-index: 1;
justify-content: space-between;
width: 100%;
height: 40px;
padding: 0 8px 0 12px
}
.framer-9KpTj.framer-v-1yt85w9 .framer-fpm9a-container,
.framer-9KpTj.framer-v-z3v2bw .framer-fpm9a-container,
.framer-9KpTj.framer-v-195zvl0 .framer-fpm9a-container {
order: 0
}
.framer-9KpTj.framer-v-1yt85w9 .framer-sk2zao,
.framer-9KpTj.framer-v-z3v2bw .framer-sk2zao,
.framer-9KpTj.framer-v-195zvl0 .framer-sk2zao {
order: 1
}
.framer-9KpTj.framer-v-1yt85w9 .framer-1ptyjgh {
z-index: 2;
flex-direction: column;
place-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px 24px
}
.framer-9KpTj.framer-v-1yt85w9 .framer-1i92kng-container {
order: 0;
width: 100%
}
.framer-9KpTj.framer-v-1yt85w9 .framer-wujlbb-container {
order: 1;
width: 100%
}
.framer-9KpTj.framer-v-1yt85w9 .framer-1kq0ka7-container {
order: 2;
width: 100%
}
.framer-9KpTj.framer-v-1yt85w9 .framer-1bnz38r-container {
order: 3;
width: 100%
}
.framer-9KpTj.framer-v-1yt85w9 .framer-qbmrb-container {
flex: none;
width: 100%
}
.framer-9KpTj.framer-v-z3v2bw.framer-aby96i,
.framer-9KpTj.framer-v-195zvl0.framer-aby96i {
flex-direction: column;
justify-content: flex-start;
gap: 0;
width: 390px;
padding: 8px 15px
}
.framer-9KpTj.framer-v-z3v2bw .framer-1ra53ci,
.framer-9KpTj.framer-v-195zvl0 .framer-1ra53ci {
flex-direction: column;
flex: none;
justify-content: center;
gap: 8px;
width: 100%;
padding: 8px
}
.framer-9KpTj.framer-v-z3v2bw .framer-kbq21g,
.framer-9KpTj.framer-v-195zvl0 .framer-kbq21g {
gap: unset;
z-index: 1;
justify-content: space-between;
width: 100%;
height: 40px;
padding: 0 0 0 8px
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-OaFgG.framer-1hhhvhr,
.framer-OaFgG .framer-1hhhvhr {
display: block
}
.framer-OaFgG.framer-1s1xu4p {
cursor: pointer;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
padding: 12px;
text-decoration: none;
display: flex;
position: relative
}
.framer-OaFgG .framer-16w8h4c {
height: 100%;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
width: 100%;
position: absolute;
bottom: -25px;
right: -20px
}
.framer-OaFgG .framer-9hkgrs {
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-OaFgG .framer-b0b0hd {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-OaFgG .framer-1p914h4 {
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
bottom: -25px;
right: -5px
}
.framer-OaFgG.framer-v-1dcyu3n.framer-1s1xu4p {
justify-content: flex-start;
padding: 0
}
.framer-OaFgG.framer-v-1dcyu3n .framer-9hkgrs {
justify-content: flex-start
}
.framer-OaFgG.framer-v-1s1xu4p.hover .framer-16w8h4c {
height: unset;
width: unset;
inset: 4px
}
.framer-OaFgG.framer-v-1s1xu4p.hover .framer-b0b0hd {
z-index: 1;
position: absolute;
top: -25px;
right: -5px
}
.framer-OaFgG.framer-v-1s1xu4p.hover .framer-1p914h4 {
bottom: unset;
right: unset;
position: relative
}
@media (max-width:1199px) and (min-width:810px) {
.framer-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-TaIwK.framer-1cxga72,
.framer-TaIwK .framer-1cxga72 {
display: block
}
.framer-TaIwK.framer-1sa2ztz {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 153px;
height: min-content;
min-height: 40px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-TaIwK .framer-o764od {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
height: min-content;
padding: 12px 18px;
display: flex;
position: absolute;
top: 50%;
left: 0;
right: 0;
overflow: hidden
}
.framer-TaIwK .framer-e1rh9n {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-TaIwK.framer-v-1sa2ztz.hover.framer-1sa2ztz {
padding: 0 0 4px
}
.framer-TaIwK.framer-v-1sa2ztz.hover .framer-o764od {
top: -4px
}
.framer-TcEna .framer-styles-preset-1hbbjin:not(.rich-text-wrapper),
.framer-TcEna .framer-styles-preset-1hbbjin.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: 16px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: #f4f4f3;
--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-0w3Ab.framer-5by1pd,
.framer-0w3Ab .framer-5by1pd {
display: block
}
.framer-0w3Ab.framer-k4xav5 {
cursor: pointer;
width: 40px;
height: 40px;
position: relative;
overflow: visible
}
.framer-0w3Ab .framer-1i5tg5n {
flex: none;
width: 16px;
height: 2px;
position: absolute;
top: calc(35% - 1px);
left: calc(50% - 8px);
overflow: visible
}
.framer-0w3Ab .framer-1yz6q39 {
flex: none;
width: 16px;
height: 2px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 8px);
overflow: visible
}
.framer-0w3Ab .framer-1bhvl0q {
flex: none;
width: 16px;
height: 2px;
position: absolute;
top: calc(65% - 1px);
left: calc(50% - 8px);
overflow: visible
}
.framer-0w3Ab.framer-v-7caep0 .framer-1i5tg5n,
.framer-0w3Ab.framer-v-7caep0 .framer-1bhvl0q,
.framer-0w3Ab.framer-v-101n2sv .framer-1i5tg5n,
.framer-0w3Ab.framer-v-101n2sv .framer-1bhvl0q,
.framer-0w3Ab.framer-v-1ucznup .framer-1i5tg5n,
.framer-0w3Ab.framer-v-1ucznup .framer-1bhvl0q {
top: calc(50% - 1px)
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-8Zl5d.framer-11dk5k2,
.framer-8Zl5d .framer-11dk5k2 {
display: block
}
.framer-8Zl5d.framer-2rmzor {
cursor: pointer;
flex-flow: row;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 10px;
width: min-content;
height: 42px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-8Zl5d .framer-2whn68 {
flex-flow: row;
flex: none;
place-content: flex-end flex-start;
align-items: flex-end;
gap: 10px;
width: min-content;
height: min-content;
padding: 4px 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-8Zl5d .framer-1iba6u4 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-8Zl5d.framer-v-2rmzor.hover.framer-2rmzor {
padding: 0 0 4px
}
.framer-8Zl5d[data-border=true]:after,
.framer-8Zl5d [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-lWhv0.framer-d6jhaw,
.framer-lWhv0 .framer-d6jhaw {
display: block
}
.framer-lWhv0.framer-ir74bo {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 48px;
height: 48px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-lWhv0 .framer-bur7wl {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 48px;
height: 48px;
padding: 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-lWhv0 .framer-bftyzb {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 28px);
flex: none;
width: 28px;
position: relative
}
.framer-lWhv0.framer-v-ir74bo.hover.framer-ir74bo {
padding: var(--ybjwcl)
}
.framer-c34KP {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--1vgxeuo);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 18px
}
.framer-WLrrN {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--1vgxeuo);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 18px
}
.framer-Cf6cG {
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
aspect-ratio: 1;
background-color: var(--1vgxeuo);
-webkit-mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
mask: url("data:image/svg+xml,") alpha no-repeat center/auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none);
width: 18px
}
.framer-form-input {
padding: var(--framer-input-padding);
font-family: var(--framer-input-font-family);
font-weight: var(--framer-input-font-weight);
font-size: var(--framer-input-font-size);
font-style: var(--framer-input-font-style);
color: var(--framer-input-font-color);
font-feature-settings: var(--framer-input-font-open-type-features);
font-variation-settings: var(--framer-input-font-variation-axes);
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
height: var(--framer-input-wrapper-height, 100%);
letter-spacing: var(--framer-input-font-letter-spacing);
text-align: var(--framer-input-font-text-alignment);
line-height: var(--framer-input-font-line-height);
background: 0 0;
border: none;
overflow: hidden
}
.framer-form-input:focus-visible {
outline: none
}
.framer-form-input-wrapper:after {
content: "";
pointer-events: none;
box-sizing: border-box;
border-top-left-radius: var(--framer-input-border-radius-top-left);
border-top-right-radius: var(--framer-input-border-radius-top-right);
border-bottom-right-radius: var(--framer-input-border-radius-bottom-right);
border-bottom-left-radius: var(--framer-input-border-radius-bottom-left);
corner-shape: var(--framer-input-corner-shape);
border-color: var(--framer-input-border-color);
border-top-width: var(--framer-input-border-top-width);
border-right-width: var(--framer-input-border-right-width);
border-bottom-width: var(--framer-input-border-bottom-width);
border-left-width: var(--framer-input-border-left-width);
border-style: var(--framer-input-border-style);
width: 100%;
height: 100%;
transition: var(--framer-input-focused-transition);
transition-property: border-color, border-width, border-style, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, corner-shape;
position: absolute;
top: 0;
left: 0
}
.framer-form-input-wrapper {
box-shadow: var(--framer-input-box-shadow);
border-top-left-radius: var(--framer-input-border-radius-top-left);
border-top-right-radius: var(--framer-input-border-radius-top-right);
border-bottom-right-radius: var(--framer-input-border-radius-bottom-right);
border-bottom-left-radius: var(--framer-input-border-radius-bottom-left);
corner-shape: var(--framer-input-corner-shape);
background: var(--framer-input-background);
transition: var(--framer-input-focused-transition);
transition-property: background, box-shadow;
overflow: hidden
}
.framer-form-text-input .framer-form-input::placeholder {
color: var(--framer-input-placeholder-color)
}
.framer-form-text-input {
padding: var(--framer-input-padding);
align-items: center;
display: flex
}
.framer-form-text-input .framer-form-input {
flex: 1;
width: auto;
min-width: 0;
padding: 0
}
.framer-form-text-input.framer-form-textarea-input-type {
padding: 0
}
.framer-form-text-input.framer-form-textarea-input-type textarea.framer-form-input {
width: 100%;
padding: var(--framer-input-padding)
}
.framer-form-text-input .framer-form-input[type=date],
.framer-form-text-input .framer-form-input[type=time] {
appearance: none
}
.framer-form-text-input .framer-form-input::-webkit-date-and-time-value {
text-align: start
}
.framer-form-text-input textarea {
resize: var(--framer-textarea-resize);
min-height: inherit;
max-height: inherit;
white-space: break-spaces;
display: flex;
overflow-y: auto
}
.framer-form-text-input textarea::-webkit-resizer {
background: url("data:image/svg+xml,") no-repeat
}
.framer-form-text-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) textarea::-webkit-resizer {
background: url("data:image/svg+xml,") no-repeat
}
.framer-form-text-input textarea::-webkit-scrollbar {
cursor: pointer;
background: 0 0
}
.framer-form-text-input textarea::-webkit-scrollbar-thumb:window-inactive {
opacity: 0
}
.framer-form-text-input textarea::-webkit-scrollbar-corner {
background: 0 0;
outline: none
}
.framer-form-text-input .framer-form-input::-webkit-datetime-edit {
height: var(--framer-input-font-line-height)
}
.framer-form-text-input .framer-form-input.framer-form-input-empty::-webkit-datetime-edit {
color: var(--framer-input-placeholder-color);
-webkit-text-fill-color: var(--framer-input-placeholder-color);
overflow: visible
}
.framer-form-text-input.framer-form-text-input-type:before {
content: var(--framer-input-icon-content, none);
background-repeat: no-repeat;
background-size: 16px;
background-color: var(--framer-input-icon-color);
width: 16px;
height: 16px;
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 16px;
mask-size: 16px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: var(--framer-input-icon-mask-image);
mask-image: var(--framer-input-icon-mask-image);
background-position: 50%;
background-image: var(--framer-input-icon-image);
flex-shrink: 0;
margin-right: 8px;
display: block
}
.framer-form-text-input .framer-form-input[type=date]:before,
.framer-form-text-input .framer-form-input[type=time]:before {
content: "";
box-sizing: content-box;
width: 16px;
padding: var(--framer-input-padding);
pointer-events: none;
background-repeat: no-repeat;
background-size: 16px;
background-color: var(--framer-input-icon-color);
background-position: 10px;
border: none;
padding-left: 10px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
-webkit-mask-position: 10px;
mask-position: 10px;
-webkit-mask-size: 16px;
mask-size: 16px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat
}
.framer-form-text-input .framer-form-input[type=date]:before {
-webkit-mask-image: var(--framer-input-icon-mask-image, url("data:image/svg+xml,"));
mask-image: var(--framer-input-icon-mask-image, url("data:image/svg+xml,"));
background-image: var(--framer-input-icon-image)
}
.framer-form-text-input .framer-form-input[type=time]:before {
-webkit-mask-image: var(--framer-input-icon-mask-image, url("data:image/svg+xml,"));
mask-image: var(--framer-input-icon-mask-image, url("data:image/svg+xml,"));
background-image: var(--framer-input-icon-image)
}
.framer-form-text-input .framer-form-input::-webkit-calendar-picker-indicator {
opacity: 0;
padding: var(--framer-input-padding);
width: 16px;
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.framer-form-text-input:focus-within,
.framer-form-text-input.framer-form-input-forced-focus {
box-shadow: var(--framer-input-focused-box-shadow, var(--framer-input-box-shadow));
background: var(--framer-input-focused-background, var(--framer-input-background))
}
.framer-form-text-input:focus-within:after,
.framer-form-text-input.framer-form-input-forced-focus:after {
border-color: var(--framer-input-focused-border-color, var(--framer-input-border-color));
border-style: var(--framer-input-focused-border-style, var(--framer-input-border-style));
border-width: var(--framer-input-focused-border-width, var(--framer-input-border-top-width)var(--framer-input-border-right-width)var(--framer-input-border-bottom-width)var(--framer-input-border-left-width))
}
.framer-form-text-input-clear {
cursor: pointer;
width: 16px;
height: 16px;
color: var(--framer-input-placeholder-color);
background: 0 0;
border: none;
outline: none;
flex-shrink: 0;
order: 2;
justify-content: center;
align-items: center;
margin-left: 8px;
padding: 0;
transition: color .15s;
display: flex
}
.framer-form-text-input-clear:hover,
.framer-form-text-input-clear:focus-visible {
color: var(--framer-input-font-color)
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-65KkR.framer-1croqb6,
.framer-65KkR .framer-1croqb6 {
display: block
}
.framer-65KkR.framer-8z15a8 {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 266px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-65KkR .framer-1b0oebq {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 32px
}
.framer-65KkR .framer-rdj03w {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 79%;
left: 23%
}
.framer-65KkR .framer-hq96ih {
will-change: var(--framer-will-change-override, transform);
z-index: 1;
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
height: min-content;
padding: 16px 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-65KkR .framer-1h2ph75 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
gap: 10px;
width: 20px;
position: relative;
overflow: hidden
}
.framer-65KkR .framer-mdo4q6 {
flex: none;
position: absolute;
inset: 0;
overflow: visible
}
.framer-65KkR .framer-1z196s {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 2px);
flex: none;
width: 2px;
position: absolute;
top: 0;
left: 50%;
overflow: visible
}
.framer-65KkR .framer-pwuvbg {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-65KkR .framer-1ond762 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 57px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 57px;
padding: 0;
display: flex;
position: relative
}
.framer-65KkR .framer-1o9qw2d {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
z-index: 1;
flex: none;
width: 24px;
position: absolute;
top: 51%;
left: 51%
}
.framer-65KkR.framer-v-hubsas.framer-8z15a8,
.framer-65KkR.framer-v-y06hof.framer-8z15a8,
.framer-65KkR.framer-v-jnmi6k.framer-8z15a8,
.framer-65KkR.framer-v-1im1ftv.framer-8z15a8 {
cursor: unset
}
.framer-65KkR.framer-v-hubsas .framer-mdo4q6 {
overflow: hidden
}
.framer-65KkR.framer-v-hubsas .framer-1ond762,
.framer-65KkR.framer-v-jnmi6k .framer-1ond762,
.framer-65KkR.framer-v-1im1ftv .framer-1ond762,
.framer-65KkR.framer-v-8z15a8.hover .framer-1ond762 {
position: absolute;
bottom: -24px;
right: -24px
}
.framer-65KkR.framer-v-8z15a8.hover .framer-1b0oebq {
bottom: unset;
left: unset;
position: relative
}
.framer-65KkR.framer-v-8z15a8.hover .framer-rdj03w {
top: 51%;
left: 51%
}
.framer-65KkR.framer-v-8z15a8.hover .framer-1o9qw2d {
left: unset;
top: -35px;
right: -35px
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-vqFJh.framer-ja6xax,
.framer-vqFJh .framer-ja6xax {
display: block
}
.framer-vqFJh.framer-11hvnfp {
flex-flow: column;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-vqFJh .framer-sb8rtq-container {
flex: none;
align-self: stretch;
width: auto;
height: 36px;
position: relative
}
.framer-vqFJh .framer-p8vdvl-container {
flex: none;
width: 140px;
height: 36px;
position: relative
}
.framer-vqFJh[data-border=true]:after,
.framer-vqFJh [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-vJZ6T.framer-a72uoc,
.framer-vJZ6T .framer-a72uoc {
display: block
}
.framer-vJZ6T.framer-dtt3cg {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 165px;
height: 36px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-vJZ6T .framer-6qftc7 {
pointer-events: none;
flex-flow: row;
flex: 1 0 0;
place-content: center space-between;
align-items: center;
width: 1px;
height: 36px;
padding: 12px;
display: flex;
position: relative;
overflow: visible
}
.framer-vJZ6T .framer-1h9vyi4,
.framer-vJZ6T .framer-13hu8es {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-vJZ6T .framer-1gx9jr5,
.framer-vJZ6T .framer-nwo29y {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 14px;
height: 14px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-vJZ6T .framer-1jm6116,
.framer-vJZ6T .framer-155noxv {
height: var(--framer-aspect-ratio-supported, 16px);
flex: none;
width: 16px;
position: relative
}
.framer-vJZ6T .framer-94h6nr {
flex: none;
width: 14px;
height: 14px;
position: relative
}
.framer-vJZ6T .framer-13kov2f {
pointer-events: none;
height: 36px;
transform-style: preserve-3d;
z-index: 1;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
padding: 12px;
display: flex;
position: absolute;
bottom: -13px;
right: -21px;
overflow: visible
}
.framer-vJZ6T .framer-12epo25 {
flex: none;
width: 14px;
height: 16px;
position: relative
}
.framer-vJZ6T.framer-v-dtt3cg.hover .framer-6qftc7,
.framer-vJZ6T.framer-v-1m92pfs.hover .framer-6qftc7 {
z-index: 1;
flex: none;
width: 100%;
height: min-content;
position: absolute;
top: -21px;
left: -40px
}
.framer-vJZ6T.framer-v-dtt3cg.hover .framer-13kov2f,
.framer-vJZ6T.framer-v-1m92pfs.hover .framer-13kov2f {
bottom: unset;
right: unset;
flex: 1 0 0;
width: 1px;
position: relative
}
.framer-vJZ6T[data-border=true]:after,
.framer-vJZ6T [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-dG7nF.framer-ebv6cp,
.framer-dG7nF .framer-ebv6cp {
display: block
}
.framer-dG7nF.framer-mspslz {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 12px;
width: 300px;
height: 137px;
padding: 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-dG7nF .framer-17oiaro {
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex: none;
position: absolute;
inset: 0
}
.framer-dG7nF .framer-11669cx {
will-change: var(--framer-will-change-override, transform);
flex: none;
gap: 0;
width: 96px;
height: 100%;
position: relative;
overflow: hidden
}
.framer-dG7nF .framer-j3y4v9 {
flex: none;
position: absolute;
inset: 0
}
.framer-dG7nF .framer-1lfys2w {
flex-flow: column;
flex: 1 0 0;
place-content: flex-end space-between;
align-items: flex-end;
width: 1px;
height: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-dG7nF .framer-14c45f1 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 32px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-dG7nF .framer-aeqsye {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-dG7nF .framer-py5p8z,
.framer-dG7nF .framer-7b4xk2 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 18px);
z-index: 1;
flex: none;
width: 18px;
position: absolute;
top: 51%;
left: 51%
}
.framer-dG7nF .framer-1bghcun {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 5px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 5px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 0
}
.framer-dG7nF .framer-1lsg1zl {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-dG7nF .framer-15kzr1c {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-dG7nF .framer-r28a1y {
--text-truncation-display-inline-for-safari-16: inline;
--text-truncation-display-none-for-safari-16: none;
--text-truncation-line-break-for-safari-16: "\a ";
-webkit-line-clamp: 2;
height: auto;
overflow: var(--overflow-clip-fallback, clip);
white-space: pre-line;
word-break: break-word;
word-wrap: break-word;
-webkit-box-orient: vertical;
flex: none;
width: 100%;
display: -webkit-box;
position: relative
}
.framer-dG7nF.framer-v-mspslz.hover .framer-17oiaro,
.framer-dG7nF.framer-v-mspslz.hover .framer-j3y4v9 {
inset: -4px
}
.framer-dG7nF.framer-v-mspslz.hover .framer-aeqsye {
height: var(--framer-aspect-ratio-supported, 5px);
width: 5px;
position: absolute;
top: 0;
right: 0
}
.framer-dG7nF.framer-v-mspslz.hover .framer-1bghcun {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 32px);
left: unset;
width: 100%;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-SJts5.framer-1w7ci7x,
.framer-SJts5 .framer-1w7ci7x {
display: block
}
.framer-SJts5.framer-fconqb {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 860px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-SJts5 .framer-ymm54n {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-SJts5 .framer-bw8kve {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 16px;
left: 16px;
right: 16px;
overflow: visible
}
.framer-SJts5 .framer-rar7q {
z-index: 1;
flex-flow: wrap;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 8px 16px;
width: 1px;
height: min-content;
padding: 4px 16px;
display: flex;
position: relative;
overflow: visible
}
.framer-SJts5 .framer-sr5es9 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-SJts5 .framer-1byhbil {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 4px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SJts5 .framer-1yclibg,
.framer-SJts5 .framer-13s6rly,
.framer-SJts5 .framer-780nea {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-SJts5 .framer-11cay1w {
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-SJts5 .framer-41g6rw {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 32px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SJts5 .framer-8rd5gv {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 32px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-SJts5 .framer-6w8ybh,
.framer-SJts5 .framer-xiwyet {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 18px);
z-index: 1;
flex: none;
width: 18px;
position: absolute;
top: 51%;
left: 51%
}
.framer-SJts5 .framer-1h2i7rx {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 5px);
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
z-index: 0;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 5px;
padding: 0;
display: flex;
position: absolute;
bottom: 0;
left: 0
}
.framer-SJts5.framer-v-ff3yhj.framer-fconqb {
width: 628px
}
.framer-SJts5.framer-v-ff3yhj .framer-ymm54n {
aspect-ratio: .923529;
height: var(--framer-aspect-ratio-supported, 680px)
}
.framer-SJts5.framer-v-1o853hv.framer-fconqb {
cursor: unset;
width: 280px
}
.framer-SJts5.framer-v-1o853hv .framer-ymm54n {
aspect-ratio: .923529;
height: var(--framer-aspect-ratio-supported, 303px)
}
.framer-SJts5.framer-v-1o853hv .framer-rar7q {
flex-direction: column;
gap: 0 16px;
padding: 8px 24px
}
.framer-SJts5.framer-v-1o853hv .framer-sr5es9 {
flex: none;
width: 100%
}
.framer-SJts5.framer-v-1o853hv .framer-1byhbil {
justify-content: flex-start;
width: 100%
}
.framer-SJts5.framer-v-1o853hv .framer-11cay1w {
flex: 1 0 0;
width: 1px
}
.framer-SJts5.framer-v-1o853hv .framer-780nea {
--text-truncation-display-inline-for-safari-16: inline;
--text-truncation-display-none-for-safari-16: none;
--text-truncation-line-break-for-safari-16: "\a ";
-webkit-line-clamp: 1;
overflow: var(--overflow-clip-fallback, clip);
white-space: pre-line;
word-break: break-word;
word-wrap: break-word;
-webkit-box-orient: vertical;
flex: 1 0 0;
width: 1px;
display: -webkit-box
}
.framer-SJts5.framer-v-1o853hv .framer-41g6rw {
height: var(--framer-aspect-ratio-supported, 58px);
width: 58px
}
.framer-SJts5.framer-v-1o853hv .framer-8rd5gv {
height: var(--framer-aspect-ratio-supported, 58px)
}
.framer-SJts5.framer-v-1o853hv .framer-6w8ybh,
.framer-SJts5.framer-v-1o853hv .framer-xiwyet {
height: var(--framer-aspect-ratio-supported, 24px);
width: 24px
}
.framer-SJts5.framer-v-fconqb.hover .framer-8rd5gv,
.framer-SJts5.framer-v-ff3yhj.hover .framer-8rd5gv {
height: var(--framer-aspect-ratio-supported, 5px);
width: 5px;
position: absolute;
top: 0;
right: 0
}
.framer-SJts5.framer-v-fconqb.hover .framer-1h2i7rx,
.framer-SJts5.framer-v-ff3yhj.hover .framer-1h2i7rx {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 32px);
left: unset;
width: 100%;
position: relative
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-7xRV7.framer-1vgme2m,
.framer-7xRV7 .framer-1vgme2m {
display: block
}
.framer-7xRV7.framer-1r1b7c1 {
cursor: pointer;
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 410px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-7xRV7 .framer-170m0tu {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-7xRV7 .framer-10nqcfj {
aspect-ratio: 1.33442;
height: var(--framer-aspect-ratio-supported, 308px);
will-change: var(--framer-will-change-override, transform);
flex: none;
gap: 0;
width: 100%;
position: relative;
overflow: hidden
}
.framer-7xRV7 .framer-666ry5 {
flex: none;
position: absolute;
inset: 0
}
.framer-7xRV7 .framer-a37zj3 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 8px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-7xRV7 .framer-1rvfs1d,
.framer-7xRV7 .framer-54f39i {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-7xRV7 .framer-vwj0cc {
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-7xRV7 .framer-17smjnw {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 40px);
flex: none;
width: 40px;
position: relative
}
.framer-7xRV7 .framer-1wi03vo {
flex-flow: row;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 4px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-7xRV7 .framer-1lgj96n,
.framer-7xRV7 .framer-1kicpka {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-LjgO7 .framer-styles-preset-vobbdw:not(.rich-text-wrapper),
.framer-LjgO7 .framer-styles-preset-vobbdw.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: 12px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 600;
--framer-letter-spacing: .08em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-mEfaZ.framer-uomo79,
.framer-mEfaZ .framer-uomo79 {
display: block
}
.framer-mEfaZ.framer-fxudbl {
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: flex-start center;
align-items: flex-start;
gap: 24px;
width: 633px;
height: 460px;
padding: 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-mEfaZ .framer-1a8cvuq-container {
flex: 1 0 0;
width: 1px;
max-width: 240px;
height: 100%;
position: relative
}
.framer-mEfaZ .framer-bgly0w {
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: visible
}
.framer-mEfaZ .framer-18fs2uj {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-mEfaZ .framer-89rxcy,
.framer-mEfaZ .framer-1f7szv4,
.framer-mEfaZ .framer-10fcjxj,
.framer-mEfaZ .framer-6uaoa8,
.framer-mEfaZ .framer-1d4i7lw {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 2px;
display: flex;
position: relative;
overflow: visible
}
.framer-mEfaZ .framer-1sgjn4s,
.framer-mEfaZ .framer-1xuhc5u,
.framer-mEfaZ .framer-16vp95s,
.framer-mEfaZ .framer-fdrnpa,
.framer-mEfaZ .framer-62h3a1 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
width: 20px;
position: relative
}
.framer-mEfaZ .framer-1f4k5vu {
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: visible
}
.framer-mEfaZ .framer-1i8969e,
.framer-mEfaZ .framer-164co2w,
.framer-mEfaZ .framer-1oyhlet {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-mEfaZ .framer-u8uqg4 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-mEfaZ .framer-1soumnw {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 64px);
flex: none;
width: 64px;
position: relative
}
.framer-mEfaZ .framer-1mfct25 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 2px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-mEfaZ.framer-v-1ak5qjs.framer-fxudbl {
width: 320px
}
.framer-mEfaZ.framer-v-t0few0.framer-fxudbl {
flex-direction: column;
height: min-content
}
.framer-mEfaZ.framer-v-t0few0 .framer-1a8cvuq-container {
height: auto;
max-width: unset;
flex: none;
order: 1;
width: 100%
}
.framer-mEfaZ.framer-v-t0few0 .framer-bgly0w {
flex: none;
order: 0;
justify-content: center;
gap: 40px;
width: 100%;
height: min-content
}
.framer-frPLY .framer-styles-preset-1ogee0:not(.rich-text-wrapper),
.framer-frPLY .framer-styles-preset-1ogee0.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 72px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-frPLY .framer-styles-preset-1ogee0:not(.rich-text-wrapper),
.framer-frPLY .framer-styles-preset-1ogee0.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 64px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-frPLY .framer-styles-preset-1ogee0:not(.rich-text-wrapper),
.framer-frPLY .framer-styles-preset-1ogee0.rich-text-wrapper h1 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 40px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 64px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 48px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Xpj46 .framer-styles-preset-rrfwft:not(.rich-text-wrapper),
.framer-Xpj46 .framer-styles-preset-rrfwft.rich-text-wrapper h2 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 28px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-nW0hK .framer-styles-preset-1wrwlce:not(.rich-text-wrapper),
.framer-nW0hK .framer-styles-preset-1wrwlce.rich-text-wrapper h3 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 40px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 32px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--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-Stgiz .framer-styles-preset-p8wdud:not(.rich-text-wrapper),
.framer-Stgiz .framer-styles-preset-p8wdud.rich-text-wrapper h4 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
}
.framer-oVaau .framer-styles-preset-tm36jc:not(.rich-text-wrapper),
.framer-oVaau .framer-styles-preset-tm36jc.rich-text-wrapper h5 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.04em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-ol20P .framer-styles-preset-9ib6be:not(.rich-text-wrapper),
.framer-ol20P .framer-styles-preset-9ib6be.rich-text-wrapper h6 {
--framer-font-family: "Open Sauce One", "Open Sauce One Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 700;
--framer-letter-spacing: -.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-XpmD2 .framer-styles-preset-ayrfxa:not(.rich-text-wrapper),
.framer-XpmD2 .framer-styles-preset-ayrfxa.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: 18px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 150%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-8ce2847c-a5fe-4863-beb3-465f21a680e9, #44403c);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-Gu0MN .framer-styles-preset-1k7rk9d:not(.rich-text-wrapper),
.framer-Gu0MN .framer-styles-preset-1k7rk9d.rich-text-wrapper a {
--framer-link-hover-text-color: #1c191780;
--framer-link-text-color: var(--token-a94a69c8-4eb5-4dba-a2ac-d9b68e8c8b9e, #1c1917);
--framer-link-text-decoration: none;
transition: color .3s cubic-bezier(.44, 0, .56, 1)
}
.framer-8c887 .framer-styles-preset-x6ia7a:not(.rich-text-wrapper),
.framer-8c887 .framer-styles-preset-x6ia7a.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: 16px;
--framer-font-style: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-9390ee0f-6276-43bf-884e-7519f927be6b, #78716c);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-YnhV6 {
-webkit-mask: var(--framer-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--framer-icon-mask);
mask: var(--framer-icon-mask);
width: 24px;
display: block
}
/* --- overrides locales --- */
#__framer-badge-container {
display: none !important
}
a[href*="veloxthemes"],
a[href*="framer.com/"][class*="badge"] {
display: none !important
}
/* badge flotante del vendedor de la plantilla (checkout polar.sh) */
a[href*="polar.sh"],
.framer-128qmod-container {
display: none !important
}
/* ====== animaciones del clon estático (anim.js) ====== */
/* anti-flash: ocultar las "appear" mientras JS prepara la entrada.
anim.js pone opacity:1 inline (gana a esta regla, que no es !important). */
html.mmf-js [style*="--mmf-from"] {
opacity: 0
}
/* sección "Pain point": fondo se oscurece + texto claro al togglear .mmf-dark (transición suave) */
[data-framer-name="Pain point"] [data-framer-name="White"] {
transition: background-color .7s ease
}
[data-framer-name="Pain point"].mmf-dark [data-framer-name="White"] {
background-color: #1c1917 !important
}
[data-framer-name="Pain point"] [data-framer-component-type="RichTextContainer"],
[data-framer-name="Pain point"] [data-framer-component-type="RichTextContainer"] * {
transition: color .7s ease
}
[data-framer-name="Pain point"].mmf-dark [data-framer-component-type="RichTextContainer"],
[data-framer-name="Pain point"].mmf-dark [data-framer-component-type="RichTextContainer"] * {
color: #f4f4f3 !important
}
/* flechas dibujadas: transición del trazo */
path.mmf-draw {
transition: stroke-dashoffset 1.1s cubic-bezier(.65,0,.35,1)
}
/* ===== Menú móvil (overlay construido por anim.js) ===== */
.mmf-mmenu { position: fixed; inset: 0; z-index: 99999; background: rgba(20,18,16,.98);
-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
display: flex; align-items: center; justify-content: center;
opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease }
.mmf-mmenu.open { opacity: 1; visibility: visible }
.mmf-mmenu-inner { display: flex; flex-direction: column; gap: 1.3rem; text-align: center; padding: 2rem }
.mmf-mmenu-inner a { color: #f4f4f3; font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em;
text-decoration: none; opacity: 0; transform: translateY(14px); transition: opacity .4s ease, transform .4s ease }
.mmf-mmenu.open .mmf-mmenu-inner a { opacity: 1; transform: none }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(1) { transition-delay: .08s }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(2) { transition-delay: .14s }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(3) { transition-delay: .20s }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(4) { transition-delay: .26s }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(5) { transition-delay: .32s }
.mmf-mmenu.open .mmf-mmenu-inner a:nth-child(6) { transition-delay: .38s }
.mmf-mmenu-inner a.mmf-mmenu-cta { background: #ff8a3c; color: #1c1917; padding: .55em 1.4em; border-radius: 999px; margin-top: .4rem }
.mmf-mmenu-x { position: absolute; top: 1.2rem; right: 1.5rem; background: none; border: 0; color: #f4f4f3;
font-size: 2.6rem; line-height: 1; cursor: pointer; padding: .2rem .5rem }
/* hamburguesa -> X */
.mmf-burger > div { transition: transform .3s ease, opacity .3s ease }
.mmf-burger.mmf-open > div:nth-child(1) { transform: translateY(5px) rotate(45deg) }
.mmf-burger.mmf-open > div:nth-child(2) { opacity: 0 }
.mmf-burger.mmf-open > div:nth-child(3) { transform: translateY(-5px) rotate(-45deg) }
/* offset de los anchors bajo el nav fijo (scroll nativo instantáneo, sin smooth) */
html { scroll-padding-top: 100px }
/* título de las cards (nicho) más pequeño — el preset 9ib6be es compartido; se acota por el
data-framer-name del contenedor del título de card ("Rama" / "Instagram overhaul for Sadewa"). */
[data-framer-name="Rama"] h6.framer-styles-preset-9ib6be,
[data-framer-name="Instagram overhaul for Sadewa"] h6.framer-styles-preset-9ib6be { font-size: 13.5px !important }
/* sección "Our team": subir el abanico de fotos para cerrar el hueco bajo el título y no tapar la descripción */
[data-framer-name="Our team"] .framer-y2zlyq { transform: translateY(-72px) }
/* badges naranja de las features: texto blanco (stat + label legibles sobre naranja) */
[data-framer-name="Organic Follower Growth"] *, [data-framer-name="Organic Follower Growth"],
[data-framer-name="Impressions"] *, [data-framer-name="Impressions"],
[data-framer-name="200%"] *, [data-framer-name="200%"],
[data-framer-name="4.2M"] *, [data-framer-name="4.2M"] { color: #fff !important }
/* ===== Log in como último enlace del nav (fila de links) + hover cápsula ===== */
:has(> .mmf-login) { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 1.6rem }
.mmf-login { white-space: nowrap; padding: .5em 1.1em; border-radius: 999px;
transition: background-color .28s ease, color .28s ease }
.mmf-login:hover { background: #fff; color: #1c1917 }
/* ===== Logo MakeMeFamex (lockup icono + wordmark) ===== */
:has(> .mmf-logo) { display: flex; align-items: center; height: 100% }
.mmf-logo { color: #f4f4f3; align-self: center }
.mmf-logo .mmf-me { color: #ff8a3c }
footer .mmf-logo, footer .mmf-logo .mmf-me { color: #1c1917 }
/* Logo en la card naranja de Comparison ("Our agency"): el "Me" naranja quedaba invisible
sobre el fondo naranja → lockup blanco uniforme y legible. */
[data-framer-name="Comparison"] .mmf-logo,
[data-framer-name="Comparison"] .mmf-logo .mmf-me { color: #f4f4f3 }
/* ===== Menú principal: quitar texto fantasma + pill blanco en hover ===== */
/* la 2ª copia del texto (duplicado del efecto roll de Framer) se oculta en reposo */
a[data-framer-name="Default"][data-highlight] [data-framer-name="Content"] > *:nth-child(2) {
opacity: 0 !important
}
/* el pill "BG" de Framer tapaba el texto (z-order); lo dejamos oculto y usamos
el FONDO del propio como pill (siempre pinta detrás del texto) */
a[data-framer-name="Default"][data-highlight] [data-framer-name="BG"] {
opacity: 0 !important
}
a[data-framer-name="Default"][data-highlight] {
border-radius: 50px;
transition: background-color .28s ease !important
}
a[data-framer-name="Default"][data-highlight] [data-framer-name="Content"] p {
transition: color .28s ease
}
/* hover: pill blanco + texto oscuro (el texto queda por encima del fondo) */
a[data-framer-name="Default"][data-highlight]:hover {
background-color: #fff !important
}
a[data-framer-name="Default"][data-highlight]:hover [data-framer-name="Content"] p {
color: #1c1917 !important
}
/* ===== Footer: fixes finales ===== */
/* 1) Eyebrows (CONTACT / NAVIGATION / LEGAL / FOLLOW US): el magenta #ac459d era ilegible
sobre el naranja → tono oscuro cálido, se lee como micro-label */
footer .framer-styles-preset-vobbdw:not(.rich-text-wrapper),
footer .framer-styles-preset-vobbdw.rich-text-wrapper p { color: #7c2d12 !important }
/* 2) Wordmark "Get famous. Grow your socials." (3 líneas) quedaba recortado tras la card
redondeada de la sección CTA (la tapa ~184px). Bajamos el contenido del footer para
que el wordmark salga completo debajo de la card. */
footer { padding-top: 215px !important }
@media (max-width: 809px) { footer { padding-top: 150px !important } }
@media (max-width: 509px) { footer { padding-top: 120px !important } }