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-207e16aa-7659-42a5-93ab-55528f99b49c: #f3f0f5;
--token-c274de84-f08f-4960-8d80-3263d375fa7b: #e1dde4;
--token-f02edc2d-a020-4238-937f-50e7641378f4: #978aa1;
--token-58e32966-f8cf-423c-9a0c-f1fbbe8f6694: #6b5e75;
--token-7e2f214d-aa01-4f17-99ec-d6a40d3792f0: #3b3242;
--token-58058dcd-a192-4da3-a68c-9a8d6274f322: #140f21;
--token-0f4ab4bd-730d-4a3e-bd70-049bfead3b9e: #3e3af2;
--token-3e3c357d-5d86-4deb-85f8-e6270a89d446: #f5f4fb;
--token-805b7add-313e-4da5-8247-579e5a659af2: #ddd6fe;
--token-dff3d0cf-ef4a-406d-9cb0-0ecf978e319a: #7c3aed;
--token-cf8e0529-f0c1-4cda-8a89-4f30ad34e8d9: #070018;
--token-c0deaf3a-1d87-41f8-bff6-c104dc30a7f8: #fff;
--framer-will-change-override: none
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform
}
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter
}
}
[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid)var(--framer-text-decoration, none)var(--framer-text-decoration-color, currentcolor)var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height)
}
@supports not (color:color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb, var(--framer-text-stroke-color, initial))
}
mark.framer-text {
background-color: var(--framer-blockquote-text-background-color-rgb, var(--framer-blockquote-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))))
}
}
@supports not (aspect-ratio:1) {
.framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
position: relative !important
}
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
content: "";
padding-bottom: calc(100%/calc(var(--aspect-ratio)));
display: block
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
position: absolute;
top: 0;
left: 0;
height: 100% !important
}
}
@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-CnEIN.framer-lux5qc,
.framer-CnEIN .framer-lux5qc {
display: block
}
.framer-CnEIN.framer-72rtr7 {
background-color: var(--token-cf8e0529-f0c1-4cda-8a89-4f30ad34e8d9, #070018);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 1200px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1udkua5-container {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: none;
width: 100%;
height: auto;
position: sticky;
top: 0
}
.framer-CnEIN .framer-azm4qb {
background-color: var(--token-cf8e0529-f0c1-4cda-8a89-4f30ad34e8d9, #070018);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 100%;
height: min-content;
padding: 96px 80px 120px;
scroll-margin-top: 96px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-18pmzji {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 100px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1dallil {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-d8fxu0 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 100%;
max-width: 840px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1dy6jls {
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-CnEIN .framer-1mymqlo {
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: hidden
}
.framer-CnEIN .framer-uzftbz {
--framer-paragraph-spacing: 60px;
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-CnEIN .framer-12wnbbe-container,
.framer-CnEIN .framer-h8rwtp-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-qaor0k {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 60%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-118qpgb {
--framer-paragraph-spacing: 20px;
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-CnEIN .framer-18lepch {
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1d2c44b-container {
will-change: var(--framer-will-change-effect-override, transform);
flex: none;
align-self: stretch;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-1popli8 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-2nfti8 {
filter: drop-shadow(0 1px 1px #00000040);
aspect-ratio: 1.94127;
height: var(--framer-aspect-ratio-supported, 503px);
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-rbguz5 {
flex: none;
width: 365px;
height: 208px;
position: relative
}
.framer-CnEIN .framer-kfp5ha {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 50%;
left: -60px;
overflow: hidden;
transform: translateY(-50%)
}
.framer-CnEIN .framer-yvedku {
flex: none;
width: 330px;
height: 177px;
position: relative
}
.framer-CnEIN .framer-1yobt6j {
z-index: 1;
background: linear-gradient(270deg, #3f3bf200 0%, #3f3bf2 54.7694%, #3f3bf200 100%);
flex: none;
width: 160px;
height: 2px;
position: absolute;
bottom: 175px;
left: calc(27.5758% - 80px);
overflow: hidden;
box-shadow: 0 .602187px 0 -.916667px #895bf575, 0 2.28853px 0 -1.83333px #895bf573, 0 10px 0 -2.75px #895bf561
}
.framer-CnEIN .framer-1euf06k {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 120px;
left: 52%;
overflow: hidden;
transform: translate(-50%)
}
.framer-CnEIN .framer-bexjwa {
flex: none;
width: 5px;
height: 2px;
position: relative
}
.framer-CnEIN .framer-9mvi9q {
z-index: 1;
background: linear-gradient(270deg, #3f3bf200 0%, #3f3bf2 54.7694%, #3f3bf200 100%);
flex: none;
width: 160px;
height: 2px;
position: absolute;
bottom: 244px;
left: calc(24.4737% - 80px);
overflow: hidden;
box-shadow: 0 .602187px 0 -.916667px #895bf575, 0 2.28853px 0 -1.83333px #895bf573, 0 10px 0 -2.75px #895bf561
}
.framer-CnEIN .framer-woklfz {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
top: 50%;
right: -40px;
overflow: hidden;
transform: translateY(-50%)
}
.framer-CnEIN .framer-e9yxbb {
flex: none;
width: 297px;
height: 189px;
position: relative
}
.framer-CnEIN .framer-1i809qz {
z-index: 1;
background: linear-gradient(270deg, #3f3bf200 0%, #3f3bf2 54.7694%, #3f3bf200 100%);
flex: none;
width: 160px;
height: 2px;
position: absolute;
bottom: 187px;
left: calc(30.6397% - 80px);
overflow: hidden;
box-shadow: 0 .602187px 0 -.916667px #895bf575, 0 2.28853px 0 -1.83333px #895bf573, 0 10px 0 -2.75px #895bf561
}
.framer-CnEIN .framer-jdm47h,
.framer-CnEIN .framer-mrhrik {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 42px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0 32px;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-13nvbax,
.framer-CnEIN .framer-1e8kd4x {
--framer-paragraph-spacing: 16px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-583fpc-container,
.framer-CnEIN .framer-13easg5-container {
flex: none;
width: 100%;
height: 60px;
position: relative
}
.framer-CnEIN .framer-1he5meb {
width: 164px;
height: 36px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-b1fefc {
aspect-ratio: 2.25904;
width: var(--framer-aspect-ratio-supported, 117px);
flex: none;
position: absolute;
top: -8px;
bottom: -8px;
left: 53%;
overflow: visible;
transform: translate(-50%)
}
.framer-CnEIN .framer-1e38wcs,
.framer-CnEIN .framer-1uxc3hf {
width: 166px;
height: 41px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1uee35u {
flex: none;
width: 106px;
position: absolute;
top: -6px;
bottom: -6px;
left: calc(50% - 53px);
overflow: visible
}
.framer-CnEIN .framer-1w79hza {
flex: none;
width: 67px;
height: 35px;
position: absolute;
top: calc(48.7805% - 17.5px);
left: calc(49.3976% - 33.5px);
overflow: visible
}
.framer-CnEIN .framer-1w8tjg4 {
width: 164px;
height: 40px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1hjzwhb {
flex: none;
width: 139px;
height: 35px;
position: absolute;
top: calc(47.5% - 17.5px);
left: calc(49.3902% - 69.5px);
overflow: visible
}
.framer-CnEIN .framer-fod0f6 {
width: 163px;
height: 41px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1n6t55d {
flex: none;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
right: -1px;
overflow: hidden
}
.framer-CnEIN .framer-1otlwae {
flex: none;
width: 70px;
height: 35px;
position: absolute;
top: calc(47.5% - 17.5px);
left: calc(50% - 35px);
overflow: visible
}
.framer-CnEIN .framer-qze67u {
width: 162px;
height: 41px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-qu7zsm {
flex: none;
width: 124px;
height: 28px;
position: absolute;
top: calc(51.2195% - 14px);
left: calc(50% - 62px);
overflow: visible
}
.framer-CnEIN .framer-yx1x8m {
will-change: var(--framer-will-change-effect-override, transform);
z-index: 1;
flex: none;
width: 878px;
height: 952px;
position: absolute;
top: -227px;
left: 0;
overflow: hidden
}
.framer-CnEIN .framer-h93seo,
.framer-CnEIN .framer-12b18nb {
flex: none;
position: absolute;
inset: 0
}
.framer-CnEIN .framer-s7p7z9 {
background: linear-gradient(#fff 0%, #f5f3fb 100%);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
height: min-content;
padding: 96px 80px;
scroll-margin-top: 96px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-kl7s9w {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1bm2fic {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 100%;
max-width: 840px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-2vrngz,
.framer-CnEIN .framer-kaxd8q {
flex-flow: column;
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-CnEIN .framer-o2yhs6-container,
.framer-CnEIN .framer-vymfrb-container,
.framer-CnEIN .framer-1vjgtp7-container,
.framer-CnEIN .framer-1u3fwk5-container,
.framer-CnEIN .framer-1ohmpmy-container,
.framer-CnEIN .framer-qm8new-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-1vp5z4g,
.framer-CnEIN .framer-1sehy57,
.framer-CnEIN .framer-d8prwf,
.framer-CnEIN .framer-13ysro7,
.framer-CnEIN .framer-1hg1wrb,
.framer-CnEIN .framer-1cseh8o,
.framer-CnEIN .framer-1fod6la {
--framer-paragraph-spacing: 60px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-CnEIN .framer-sbsajr {
--framer-paragraph-spacing: 20px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 60%;
max-width: 60%;
height: auto;
position: relative
}
.framer-CnEIN .framer-1is1ng4-container,
.framer-CnEIN .framer-d4bteu-container,
.framer-CnEIN .framer-u2v3si-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-CnEIN .framer-gv1bbl {
width: 129px;
height: 28px;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1frk5zk {
width: 124px;
height: 41px;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1072q3n {
width: 124px;
height: 37px;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-18euc34,
.framer-CnEIN .framer-w786pw,
.framer-CnEIN .framer-7d0c30 {
width: 172px;
height: 37px;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-mu4rsr {
width: 121px;
height: 44px;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-i579 {
background-color: #070119;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
height: min-content;
padding: 96px 80px;
scroll-margin-top: 96px;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-d4cvwf {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1uggbjn {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 32px;
width: 100%;
max-width: 840px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1wpzpbd {
--framer-paragraph-spacing: 20px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-CnEIN .framer-8bsppl,
.framer-CnEIN .framer-9o7ldk {
--border-bottom-width: 1px;
--border-color: var(--token-7e2f214d-aa01-4f17-99ec-d6a40d3792f0, #514759);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 60px;
width: 100%;
height: min-content;
padding: 60px;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-jg9ra2 {
flex-flow: column;
flex: none;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 24px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-ztqj9r,
.framer-CnEIN .framer-53etgp {
--framer-paragraph-spacing: 60px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 478px;
height: auto;
position: relative
}
.framer-CnEIN .framer-1wmh8wh {
aspect-ratio: .966443;
height: var(--framer-aspect-ratio-supported, 395px);
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-jiw355 {
aspect-ratio: 1.99227;
height: var(--framer-aspect-ratio-supported, 20px);
flex: 1 0 0;
gap: 10px;
width: 1px;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1cm3eho {
z-index: 1;
background: linear-gradient(270deg, #3f3bf200 0%, #3f3bf2 54.7694%, #3f3bf200 100%);
flex: none;
width: 160px;
height: 2px;
position: absolute;
bottom: 190px;
left: calc(29.2367% - 80px);
overflow: hidden;
box-shadow: 0 .602187px 0 -.916667px #895bf575, 0 2.28853px 0 -1.83333px #895bf573, 0 10px 0 -2.75px #895bf561
}
.framer-CnEIN .framer-3jwov0 {
flex: none;
width: 332px;
height: 217px;
position: relative
}
.framer-CnEIN .framer-f7l9hp {
--border-bottom-width: 1px;
--border-color: var(--token-7e2f214d-aa01-4f17-99ec-d6a40d3792f0, #2f2736);
--border-left-width: 1px;
--border-right-width: 1px;
--border-style: solid;
--border-top-width: 1px;
will-change: var(--framer-will-change-override, transform);
border-radius: 16px;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 60px;
width: 100%;
height: min-content;
padding: 60px;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1vxdbuq {
aspect-ratio: .96317;
height: var(--framer-aspect-ratio-supported, 446px);
border-radius: 16px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
max-width: 500px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1k1hdu1 {
flex: none;
width: 382px;
height: 226px;
position: relative
}
.framer-CnEIN .framer-1c1t2bk,
.framer-CnEIN .framer-1fglj02 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 16px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1etct21 {
aspect-ratio: 1.07143;
height: var(--framer-aspect-ratio-supported, 401px);
border-radius: 16px;
flex-flow: column;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 0;
width: 1px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1t51ejn {
flex: none;
width: 348px;
height: 228px;
position: relative
}
.framer-CnEIN .framer-z5b3fi {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 80px;
width: 100%;
height: min-content;
padding: 0 80px 40px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-bxbh11,
.framer-CnEIN .framer-lgdh59,
.framer-CnEIN .framer-c0spo9,
.framer-CnEIN .framer-1b16jcv {
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-CnEIN .framer-16qrqt8 {
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-CnEIN .framer-1ir1b2h,
.framer-CnEIN .framer-1pd5rcc,
.framer-CnEIN .framer-y7iirw,
.framer-CnEIN .framer-1uu7cm8 {
--framer-paragraph-spacing: 60px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-1e8yzl7 {
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-oi556j,
.framer-CnEIN .framer-11mffm4,
.framer-CnEIN .framer-9ob5ru {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 1px;
height: min-content;
padding: 0 40px 0 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-17g5fvw,
.framer-CnEIN .framer-1aw8vbx,
.framer-CnEIN .framer-hkljmt {
flex: none;
width: 48px;
height: 49px;
position: relative
}
.framer-CnEIN .framer-1hvqwhf,
.framer-CnEIN .framer-1n8hnxl,
.framer-CnEIN .framer-19ctl3l {
--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-CnEIN .framer-1aob1w4 {
z-index: 1;
flex: none;
width: 878px;
height: 951px;
position: absolute;
top: -280px;
left: 0;
overflow: hidden
}
.framer-CnEIN .framer-16lkknw {
z-index: 3;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 60px;
width: 100%;
height: min-content;
padding: 96px 60px;
scroll-margin-top: 96px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-ovbirw {
z-index: 3;
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 60px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1j65xtd {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
max-width: 840px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-iy44n5 {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
max-width: 840px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-10nra96-container {
z-index: 2;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-CnEIN .framer-vsu5tu {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-br896s {
aspect-ratio: 1280;
height: var(--framer-aspect-ratio-supported, 1px);
opacity: .2;
background: linear-gradient(90deg, #fff0 0%, #fff 49.0991%, #fff0 100%);
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-1v16o2s {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 353px;
height: 45px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-u67rus {
--framer-paragraph-spacing: 0px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-CnEIN .framer-c677iq {
z-index: 2;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
height: min-content;
padding: 41px 60px;
scroll-margin-top: 96px;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-h31pv6 {
will-change: var(--framer-will-change-override, transform);
border-radius: 24px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 80px 0 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-CnEIN .framer-bnamm0 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 80px;
width: 100%;
height: min-content;
padding: 70px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-ywm80v {
--framer-paragraph-spacing: 60px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: .5 0 0;
width: 1px;
height: auto;
position: relative
}
.framer-CnEIN .framer-1rp5rft {
flex-flow: column;
flex: .5 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 24px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-CnEIN .framer-1s4uvm4 {
--framer-paragraph-spacing: 20px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 70%;
height: auto;
position: relative
}
.framer-CnEIN .framer-1ebjpm8 {
z-index: 1;
flex: none;
width: 990px;
height: 1073px;
position: absolute;
bottom: 469px;
left: -110px;
overflow: hidden
}
.framer-CnEIN .framer-k4s78 {
flex: none;
height: 1073px;
position: absolute;
top: -90px;
left: 0;
right: 0
}
.framer-1JCp9 .framer-styles-preset-13l7jcv:not(.rich-text-wrapper),
.framer-1JCp9 .framer-styles-preset-13l7jcv.rich-text-wrapper h1 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 84px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
@media (max-width:1439px) and (min-width:810px) {
.framer-1JCp9 .framer-styles-preset-13l7jcv:not(.rich-text-wrapper),
.framer-1JCp9 .framer-styles-preset-13l7jcv.rich-text-wrapper h1 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 67px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-1JCp9 .framer-styles-preset-13l7jcv:not(.rich-text-wrapper),
.framer-1JCp9 .framer-styles-preset-13l7jcv.rich-text-wrapper h1 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 54px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
.framer-Nx4K1 .framer-styles-preset-1xm2qak:not(.rich-text-wrapper),
.framer-Nx4K1 .framer-styles-preset-1xm2qak.rich-text-wrapper p {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
@media (max-width:1439px) and (min-width:810px) {
.framer-Nx4K1 .framer-styles-preset-1xm2qak:not(.rich-text-wrapper),
.framer-Nx4K1 .framer-styles-preset-1xm2qak.rich-text-wrapper p {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-Nx4K1 .framer-styles-preset-1xm2qak:not(.rich-text-wrapper),
.framer-Nx4K1 .framer-styles-preset-1xm2qak.rich-text-wrapper p {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: center;
--framer-text-color: var(--token-3e3c357d-5d86-4deb-85f8-e6270a89d446, #f5f3ff);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
.framer-eI0qZ .framer-styles-preset-11t5m9o:not(.rich-text-wrapper),
.framer-eI0qZ .framer-styles-preset-11t5m9o.rich-text-wrapper h2 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 62px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: #1d054f;
--framer-text-decoration: none;
--framer-text-transform: none
}
@media (max-width:1439px) and (min-width:810px) {
.framer-eI0qZ .framer-styles-preset-11t5m9o:not(.rich-text-wrapper),
.framer-eI0qZ .framer-styles-preset-11t5m9o.rich-text-wrapper h2 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 50px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: #1d054f;
--framer-text-decoration: none;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-eI0qZ .framer-styles-preset-11t5m9o:not(.rich-text-wrapper),
.framer-eI0qZ .framer-styles-preset-11t5m9o.rich-text-wrapper h2 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 42px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.04em;
--framer-line-height: 100%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: #1d054f;
--framer-text-decoration: none;
--framer-text-transform: none
}
}
.framer-dXUKo .framer-styles-preset-ghiulo:not(.rich-text-wrapper),
.framer-dXUKo .framer-styles-preset-ghiulo.rich-text-wrapper h3 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 34px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
@media (max-width:1199px) and (min-width:810px) {
.framer-dXUKo .framer-styles-preset-ghiulo:not(.rich-text-wrapper),
.framer-dXUKo .framer-styles-preset-ghiulo.rich-text-wrapper h3 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 26px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.03em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-dXUKo .framer-styles-preset-ghiulo:not(.rich-text-wrapper),
.framer-dXUKo .framer-styles-preset-ghiulo.rich-text-wrapper h3 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 22px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.03em;
--framer-line-height: 120%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
.framer-3VQdb .framer-styles-preset-1ee2jjo:not(.rich-text-wrapper),
.framer-3VQdb .framer-styles-preset-1ee2jjo.rich-text-wrapper h4 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 22px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
@media (max-width:1199px) and (min-width:810px) {
.framer-3VQdb .framer-styles-preset-1ee2jjo:not(.rich-text-wrapper),
.framer-3VQdb .framer-styles-preset-1ee2jjo.rich-text-wrapper h4 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
@media (max-width:809px) and (min-width:0) {
.framer-3VQdb .framer-styles-preset-1ee2jjo:not(.rich-text-wrapper),
.framer-3VQdb .framer-styles-preset-1ee2jjo.rich-text-wrapper h4 {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: -.02em;
--framer-line-height: 110%;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-text-decoration: none;
--framer-text-transform: none
}
}
.framer-CnEIN[data-border=true]:after,
.framer-CnEIN [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-CnEIN.framer-72rtr7 {
width: 810px
}
.framer-CnEIN .framer-azm4qb {
padding: 96px 40px 120px;
overflow: hidden
}
.framer-CnEIN .framer-1dallil {
max-width: 840px
}
.framer-CnEIN .framer-1mymqlo,
.framer-CnEIN .framer-qaor0k,
.framer-CnEIN .framer-sbsajr {
max-width: 80%
}
.framer-CnEIN .framer-2nfti8 {
height: var(--framer-aspect-ratio-supported, 343px)
}
.framer-CnEIN .framer-kfp5ha {
top: 69%;
left: 14%;
transform: translate(-50%, -50%)
}
.framer-CnEIN .framer-woklfz {
left: 86%;
right: unset;
top: 67%;
transform: translate(-50%, -50%)
}
.framer-CnEIN .framer-s7p7z9,
.framer-CnEIN .framer-i579,
.framer-CnEIN .framer-16lkknw {
padding: 80px 40px
}
.framer-CnEIN .framer-1bm2fic,
.framer-CnEIN .framer-1uggbjn {
max-width: unset
}
.framer-CnEIN .framer-8bsppl,
.framer-CnEIN .framer-f7l9hp,
.framer-CnEIN .framer-9o7ldk {
gap: 40px;
padding: 40px
}
.framer-CnEIN .framer-jg9ra2 {
flex: 1 0 0;
width: 1px
}
.framer-CnEIN .framer-ztqj9r,
.framer-CnEIN .framer-53etgp {
width: 100%
}
.framer-CnEIN .framer-1wmh8wh {
height: var(--framer-aspect-ratio-supported, 281px);
flex: .8 0 0
}
.framer-CnEIN .framer-jiw355 {
height: var(--framer-aspect-ratio-supported, 0px)
}
.framer-CnEIN .framer-3jwov0 {
width: 283px;
height: 198px
}
.framer-CnEIN .framer-1vxdbuq {
height: var(--framer-aspect-ratio-supported, 300px);
max-width: unset;
flex: .9 0 0
}
.framer-CnEIN .framer-1k1hdu1 {
width: 306px;
height: 195px
}
.framer-CnEIN .framer-1etct21 {
height: var(--framer-aspect-ratio-supported, 253px);
flex: .8 0 0
}
.framer-CnEIN .framer-1t51ejn {
width: 292px;
height: 204px
}
.framer-CnEIN .framer-z5b3fi {
gap: 60px;
padding: 0 40px 40px
}
.framer-CnEIN .framer-1e8yzl7 {
flex-direction: column;
gap: 40px
}
.framer-CnEIN .framer-oi556j,
.framer-CnEIN .framer-11mffm4,
.framer-CnEIN .framer-9ob5ru {
flex: none;
width: 100%
}
.framer-CnEIN .framer-iy44n5 {
padding: 0 24px
}
.framer-CnEIN .framer-c677iq {
padding: 40px 40px 80px
}
.framer-CnEIN .framer-h31pv6 {
max-width: unset;
gap: 32px;
padding: 0
}
.framer-CnEIN .framer-bnamm0 {
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
gap: 40px
}
.framer-CnEIN .framer-ywm80v {
flex: none;
width: 100%;
max-width: 80%
}
.framer-CnEIN .framer-1rp5rft {
flex: none;
gap: 32px;
width: min-content
}
.framer-CnEIN .framer-1s4uvm4 {
width: 438px;
max-width: 60%
}
.framer-CnEIN .framer-d4bteu-container {
width: 730px
}
.framer-CnEIN .framer-1ebjpm8 {
width: 714px;
height: 774px;
bottom: 768px
}
}
@media (max-width:809.98px) {
.framer-CnEIN.framer-72rtr7 {
width: 390px
}
.framer-CnEIN .framer-1udkua5-container {
position: fixed;
left: 0
}
.framer-CnEIN .framer-azm4qb {
gap: 60px;
padding: 144px 20px 80px;
overflow: hidden
}
.framer-CnEIN .framer-18pmzji {
max-width: unset;
gap: 56px
}
.framer-CnEIN .framer-d8fxu0,
.framer-CnEIN .framer-qaor0k,
.framer-CnEIN .framer-ovbirw,
.framer-CnEIN .framer-1j65xtd {
max-width: unset
}
.framer-CnEIN .framer-18lepch {
flex-direction: column;
gap: 16px;
width: 100%
}
.framer-CnEIN .framer-h8rwtp-container {
order: 0;
width: 100%
}
.framer-CnEIN .framer-1d2c44b-container {
align-self: unset;
order: 1;
width: 100%
}
.framer-CnEIN .framer-1popli8 {
padding: 0
}
.framer-CnEIN .framer-2nfti8 {
filter: unset;
aspect-ratio: unset;
background-color: #fff0;
gap: 14px;
height: min-content;
box-shadow: 0 1px 2px #00000040
}
.framer-CnEIN .framer-rbguz5 {
order: 0
}
.framer-CnEIN .framer-kfp5ha {
order: 1
}
.framer-CnEIN .framer-1euf06k {
order: 2
}
.framer-CnEIN .framer-woklfz {
order: 3
}
.framer-CnEIN .framer-jdm47h,
.framer-CnEIN .framer-mrhrik {
gap: 12px
}
.framer-CnEIN .framer-583fpc-container,
.framer-CnEIN .framer-13easg5-container {
height: 80px
}
.framer-CnEIN .framer-yx1x8m {
height: 711px;
width: unset;
top: -67px;
left: -80px;
right: -186px
}
.framer-CnEIN .framer-s7p7z9,
.framer-CnEIN .framer-i579 {
padding: 40px 20px
}
.framer-CnEIN .framer-sbsajr {
max-width: unset;
width: 91%
}
.framer-CnEIN .framer-8bsppl,
.framer-CnEIN .framer-f7l9hp,
.framer-CnEIN .framer-9o7ldk {
flex-direction: column;
gap: 24px;
padding: 32px
}
.framer-CnEIN .framer-jg9ra2 {
order: 1;
width: 100%
}
.framer-CnEIN .framer-ztqj9r,
.framer-CnEIN .framer-53etgp,
.framer-CnEIN .framer-1s4uvm4 {
width: 100%
}
.framer-CnEIN .framer-1wmh8wh {
aspect-ratio: 1.625;
height: var(--framer-aspect-ratio-supported, 176px);
flex: none;
order: 0;
width: 100%
}
.framer-CnEIN .framer-jiw355 {
aspect-ratio: 1.86319;
height: var(--framer-aspect-ratio-supported, 0px)
}
.framer-CnEIN .framer-1vxdbuq {
aspect-ratio: 1.50526;
height: var(--framer-aspect-ratio-supported, 215px);
max-width: unset;
flex: none;
order: 0;
width: 100%
}
.framer-CnEIN .framer-1k1hdu1 {
width: 311px;
height: 215px
}
.framer-CnEIN .framer-1c1t2bk,
.framer-CnEIN .framer-1fglj02 {
flex: none;
order: 1;
width: 100%
}
.framer-CnEIN .framer-1etct21 {
aspect-ratio: 2.53529;
height: var(--framer-aspect-ratio-supported, 211px);
flex: none;
order: 0;
width: 100%
}
.framer-CnEIN .framer-1t51ejn {
width: 304px;
height: 211px
}
.framer-CnEIN .framer-z5b3fi {
gap: 40px;
padding: 0 16px
}
.framer-CnEIN .framer-1ir1b2h {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 100%
}
.framer-CnEIN .framer-1e8yzl7 {
flex-direction: column
}
.framer-CnEIN .framer-oi556j,
.framer-CnEIN .framer-11mffm4,
.framer-CnEIN .framer-9ob5ru {
flex: none;
width: 100%;
padding: 0
}
.framer-CnEIN .framer-1aob1w4 {
width: 795px;
height: 861px;
top: -230px;
left: -166px
}
.framer-CnEIN .framer-12b18nb {
bottom: -1px
}
.framer-CnEIN .framer-16lkknw {
padding: 40px 20px;
overflow: hidden
}
.framer-CnEIN .framer-br896s {
height: var(--framer-aspect-ratio-supported, 0px)
}
.framer-CnEIN .framer-c677iq {
padding: 80px 20px;
overflow: hidden
}
.framer-CnEIN .framer-h31pv6 {
border-bottom-left-radius: unset;
border-bottom-right-radius: unset;
border-top-left-radius: unset;
border-top-right-radius: unset;
max-width: unset;
will-change: unset;
gap: 40px;
padding: 0
}
.framer-CnEIN .framer-bnamm0 {
flex-direction: column;
gap: 24px;
overflow: hidden
}
.framer-CnEIN .framer-ywm80v {
flex: none;
width: 100%
}
.framer-CnEIN .framer-1rp5rft {
flex: none;
gap: 40px;
width: 100%
}
.framer-CnEIN .framer-1ebjpm8 {
width: 100%;
height: 507px;
bottom: 465px;
left: 0
}
.framer-CnEIN .framer-k4s78 {
height: unset;
bottom: 0;
left: -76px;
right: unset;
width: 448px
}
}
.ssr-variant {
display: contents
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-Vigho.framer-1ond4cc,
.framer-Vigho .framer-1ond4cc {
display: block
}
.framer-Vigho.framer-as8ex9 {
flex-flow: column;
place-content: center;
align-items: center;
gap: 0;
width: 1440px;
height: min-content;
padding: 16px 80px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-1rinnmq {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-e04dds {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-164ceph {
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-Vigho .framer-vks6tb {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-1mgll8x {
flex: none;
width: 172px;
height: 61px;
position: relative
}
.framer-Vigho .framer-1iojhxq-container {
flex: none;
width: 32px;
height: 32px;
position: relative
}
.framer-Vigho .framer-7w37zn {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-9rxbm4,
.framer-Vigho .framer-10nks1n,
.framer-Vigho .framer-1q15hnd,
.framer-Vigho .framer-1125eul,
.framer-Vigho .framer-cdeo8m,
.framer-Vigho .framer-14qbysr {
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: hidden */
}
.framer-Vigho .framer-serto0,
.framer-Vigho .framer-2gotjx,
.framer-Vigho .framer-15wufx3,
.framer-Vigho .framer-inoah3,
.framer-Vigho .framer-14xhbv7,
.framer-Vigho .framer-1ywcp81 {
/* white-space: pre-line; */
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-Vigho .framer-1gahdrx {
flex-flow: row;
flex: none;
place-content: flex-start flex-end;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Vigho .framer-2ukeln-container {
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-Vigho .framer-1ame0ar {
aspect-ratio: 1280;
height: var(--framer-aspect-ratio-supported, 1px);
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-Vigho.framer-as8ex9,
.framer-Vigho .framer-1rinnmq,
.framer-Vigho .framer-164ceph,
.framer-Vigho .framer-vks6tb,
.framer-Vigho .framer-7w37zn,
.framer-Vigho .framer-9rxbm4,
.framer-Vigho .framer-10nks1n,
.framer-Vigho .framer-1q15hnd,
.framer-Vigho .framer-1125eul,
.framer-Vigho .framer-cdeo8m,
.framer-Vigho .framer-14qbysr,
.framer-Vigho .framer-1gahdrx {
gap: 0
}
.framer-Vigho.framer-as8ex9>* {
margin: 0
}
.framer-Vigho.framer-as8ex9>:first-child,
.framer-Vigho .framer-1rinnmq>:first-child {
margin-top: 0
}
.framer-Vigho.framer-as8ex9>:last-child,
.framer-Vigho .framer-1rinnmq>:last-child {
margin-bottom: 0
}
.framer-Vigho .framer-1rinnmq>* {
margin: 8px 0
}
.framer-Vigho .framer-164ceph>* {
margin: 0 4px
}
.framer-Vigho .framer-164ceph>:first-child,
.framer-Vigho .framer-vks6tb>:first-child,
.framer-Vigho .framer-7w37zn>:first-child,
.framer-Vigho .framer-9rxbm4>:first-child,
.framer-Vigho .framer-10nks1n>:first-child,
.framer-Vigho .framer-1q15hnd>:first-child,
.framer-Vigho .framer-1125eul>:first-child,
.framer-Vigho .framer-cdeo8m>:first-child,
.framer-Vigho .framer-14qbysr>:first-child,
.framer-Vigho .framer-1gahdrx>:first-child {
margin-left: 0
}
.framer-Vigho .framer-164ceph>:last-child,
.framer-Vigho .framer-vks6tb>:last-child,
.framer-Vigho .framer-7w37zn>:last-child,
.framer-Vigho .framer-9rxbm4>:last-child,
.framer-Vigho .framer-10nks1n>:last-child,
.framer-Vigho .framer-1q15hnd>:last-child,
.framer-Vigho .framer-1125eul>:last-child,
.framer-Vigho .framer-cdeo8m>:last-child,
.framer-Vigho .framer-14qbysr>:last-child,
.framer-Vigho .framer-1gahdrx>:last-child {
margin-right: 0
}
.framer-Vigho .framer-vks6tb>* {
margin: 0 5px
}
.framer-Vigho .framer-7w37zn>* {
margin: 0 16px
}
.framer-Vigho .framer-9rxbm4>*,
.framer-Vigho .framer-10nks1n>*,
.framer-Vigho .framer-1q15hnd>*,
.framer-Vigho .framer-1125eul>*,
.framer-Vigho .framer-cdeo8m>*,
.framer-Vigho .framer-14qbysr>* {
margin: 0 2px
}
.framer-Vigho .framer-1gahdrx>* {
margin: 0 6px
}
}
.framer-Vigho.framer-v-burbdq.framer-as8ex9 {
width: 810px;
padding: 16px 24px 0
}
.framer-Vigho.framer-v-burbdq .framer-e04dds {
cursor: pointer;
padding: 18px 0
}
.framer-Vigho.framer-v-burbdq .framer-7w37zn {
gap: 24px
}
.framer-Vigho.framer-v-burbdq .framer-1gahdrx {
min-width: 160px;
min-height: 40px
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-Vigho.framer-v-burbdq .framer-7w37zn {
gap: 0
}
.framer-Vigho.framer-v-burbdq .framer-7w37zn>* {
margin: 0 12px
}
.framer-Vigho.framer-v-burbdq .framer-7w37zn>:first-child {
margin-left: 0
}
.framer-Vigho.framer-v-burbdq .framer-7w37zn>:last-child {
margin-right: 0
}
}
.framer-Vigho.framer-v-1kl98r.framer-as8ex9 {
place-content: flex-start;
align-items: flex-start;
width: 390px;
height: 77px;
padding: 16px;
overflow: hidden
}
.framer-Vigho.framer-v-1kl98r .framer-1rinnmq {
max-width: unset;
justify-content: flex-start
}
.framer-Vigho.framer-v-1kl98r .framer-e04dds {
flex-direction: column;
justify-content: flex-start;
gap: 24px
}
.framer-Vigho.framer-v-1kl98r .framer-164ceph,
.framer-Vigho.framer-v-1u7q1u5 .framer-164ceph {
gap: unset;
justify-content: space-between;
width: 100%
}
.framer-Vigho.framer-v-1kl98r .framer-7w37zn {
pointer-events: none;
flex-direction: column;
gap: 8px;
width: 100%
}
.framer-Vigho.framer-v-1kl98r .framer-9rxbm4,
.framer-Vigho.framer-v-1kl98r .framer-10nks1n,
.framer-Vigho.framer-v-1kl98r .framer-1q15hnd,
.framer-Vigho.framer-v-1kl98r .framer-1125eul,
.framer-Vigho.framer-v-1kl98r .framer-cdeo8m,
.framer-Vigho.framer-v-1kl98r .framer-14qbysr,
.framer-Vigho.framer-v-1u7q1u5 .framer-9rxbm4,
.framer-Vigho.framer-v-1u7q1u5 .framer-10nks1n,
.framer-Vigho.framer-v-1u7q1u5 .framer-1q15hnd,
.framer-Vigho.framer-v-1u7q1u5 .framer-1125eul,
.framer-Vigho.framer-v-1u7q1u5 .framer-cdeo8m,
.framer-Vigho.framer-v-1u7q1u5 .framer-14qbysr {
padding: 6px 0
}
.framer-Vigho.framer-v-1kl98r .framer-1gahdrx {
pointer-events: none
}
.framer-Vigho.framer-v-1kl98r .framer-2ukeln-container,
.framer-Vigho.framer-v-1u7q1u5 .framer-2ukeln-container {
width: 100%
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-Vigho.framer-v-1kl98r .framer-e04dds,
.framer-Vigho.framer-v-1kl98r .framer-164ceph,
.framer-Vigho.framer-v-1kl98r .framer-7w37zn {
gap: 0
}
.framer-Vigho.framer-v-1kl98r .framer-e04dds>* {
margin: 12px 0
}
.framer-Vigho.framer-v-1kl98r .framer-e04dds>:first-child,
.framer-Vigho.framer-v-1kl98r .framer-7w37zn>:first-child {
margin-top: 0
}
.framer-Vigho.framer-v-1kl98r .framer-e04dds>:last-child,
.framer-Vigho.framer-v-1kl98r .framer-7w37zn>:last-child {
margin-bottom: 0
}
.framer-Vigho.framer-v-1kl98r .framer-164ceph>*,
.framer-Vigho.framer-v-1kl98r .framer-164ceph>:first-child,
.framer-Vigho.framer-v-1kl98r .framer-164ceph>:last-child {
margin: 0
}
.framer-Vigho.framer-v-1kl98r .framer-7w37zn>* {
margin: 4px 0
}
}
.framer-Vigho.framer-v-1u7q1u5.framer-as8ex9 {
align-content: flex-start;
align-items: flex-start;
width: 390px;
padding: 16px 16px 24px;
overflow: hidden
}
.framer-Vigho.framer-v-1u7q1u5 .framer-1rinnmq {
max-width: unset
}
.framer-Vigho.framer-v-1u7q1u5 .framer-e04dds {
flex-direction: column;
justify-content: flex-start;
gap: 32px
}
.framer-Vigho.framer-v-1u7q1u5 .framer-7w37zn {
flex-direction: column;
gap: 8px;
width: 100%
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-Vigho.framer-v-1u7q1u5 .framer-e04dds,
.framer-Vigho.framer-v-1u7q1u5 .framer-164ceph,
.framer-Vigho.framer-v-1u7q1u5 .framer-7w37zn {
gap: 0
}
.framer-Vigho.framer-v-1u7q1u5 .framer-e04dds>* {
margin: 16px 0
}
.framer-Vigho.framer-v-1u7q1u5 .framer-e04dds>:first-child,
.framer-Vigho.framer-v-1u7q1u5 .framer-7w37zn>:first-child {
margin-top: 0
}
.framer-Vigho.framer-v-1u7q1u5 .framer-e04dds>:last-child,
.framer-Vigho.framer-v-1u7q1u5 .framer-7w37zn>:last-child {
margin-bottom: 0
}
.framer-Vigho.framer-v-1u7q1u5 .framer-164ceph>*,
.framer-Vigho.framer-v-1u7q1u5 .framer-164ceph>:first-child,
.framer-Vigho.framer-v-1u7q1u5 .framer-164ceph>:last-child {
margin: 0
}
.framer-Vigho.framer-v-1u7q1u5 .framer-7w37zn>* {
margin: 4px 0
}
}
body {
--framer-will-change-override: none
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform
}
}
body {
--framer-will-change-filter-override: none
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter
}
}
[data-framer-component-type] {
position: absolute
}
[data-framer-component-type=Text] {
cursor: inherit
}
[data-framer-component-text-autosized] * {
white-space: pre
}
[data-framer-component-type=Text]>* {
text-align: var(--framer-text-alignment, start)
}
[data-framer-component-type=Text] span span,
[data-framer-component-type=Text] p span,
[data-framer-component-type=Text] h1 span,
[data-framer-component-type=Text] h2 span,
[data-framer-component-type=Text] h3 span,
[data-framer-component-type=Text] h4 span,
[data-framer-component-type=Text] h5 span,
[data-framer-component-type=Text] h6 span {
display: block
}
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span {
display: unset
}
[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid)var(--framer-text-decoration, none)var(--framer-text-decoration-color, currentcolor)var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height)
}
[data-framer-component-type=Text] a,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] a span span span,
[data-framer-component-type=Text] a p span span,
[data-framer-component-type=Text] a h1 span span,
[data-framer-component-type=Text] a h2 span span,
[data-framer-component-type=Text] a h3 span span,
[data-framer-component-type=Text] a h4 span span,
[data-framer-component-type=Text] a h5 span span,
[data-framer-component-type=Text] a h6 span span {
--font-family: var(--framer-link-font-family, var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform, var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid))var(--framer-link-text-decoration, var(--framer-text-decoration, none))var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor))var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto));
--text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink));
--text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset))
}
[data-framer-component-type=Text] a:hover,
[data-framer-component-type=Text] a div span:hover,
[data-framer-component-type=Text] a span span span:hover,
[data-framer-component-type=Text] a p span span:hover,
[data-framer-component-type=Text] a h1 span span:hover,
[data-framer-component-type=Text] a h2 span span:hover,
[data-framer-component-type=Text] a h3 span span:hover,
[data-framer-component-type=Text] a h4 span span:hover,
[data-framer-component-type=Text] a h5 span span:hover,
[data-framer-component-type=Text] a h6 span span:hover {
--font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid)))var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor)))var(--framer-link-hover-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset)))
}
[data-framer-component-type=Text].isCurrent a,
[data-framer-component-type=Text].isCurrent a div span,
[data-framer-component-type=Text].isCurrent a span span span,
[data-framer-component-type=Text].isCurrent a p span span,
[data-framer-component-type=Text].isCurrent a h1 span span,
[data-framer-component-type=Text].isCurrent a h2 span span,
[data-framer-component-type=Text].isCurrent a h3 span span,
[data-framer-component-type=Text].isCurrent a h4 span span,
[data-framer-component-type=Text].isCurrent a h5 span span,
[data-framer-component-type=Text].isCurrent a h6 span span {
--font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid)))var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor)))var(--framer-link-current-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto)));
--text-decoration-skip-ink: var(--framer-link-current-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink)));
--text-underline-offset: var(--framer-link-current-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset)))
}
[data-framer-component-type=RichTextContainer] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex
}
p.framer-text,
div.framer-text,
figure.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text {
margin: 0;
padding: 0
}
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
mark.framer-text,
span.framer-text:not([data-text-fill]) {
font-family: var(--framer-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-blockquote-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-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: var(--framer-font-weight-preview, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1));
text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
cursor: var(--framer-custom-cursors, pointer);
background-color: initial;
border-radius: var(--framer-link-text-background-radius, initial);
corner-shape: var(--framer-link-text-background-corner-shape, initial);
padding: var(--framer-link-text-background-padding, initial)
}
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-webkit-text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
-webkit-text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial)));
-webkit-text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-color: var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial)));
text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial)));
text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial)));
text-underline-offset: var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial)));
background-color: var(--framer-link-text-background-color, initial)
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
}
}
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
color: inherit;
font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px))*var(--framer-font-size-scale, 1))
}
code.framer-text a.framer-text,
code.framer-text span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
}
}
a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link]:hover,
span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
font-family: var(--framer-font-family-preview, var(--framer-link-hover-font-family, var(--framer-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))));
font-style: var(--framer-font-style-preview, var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))));
font-weight: var(--framer-font-weight-preview, var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))));
font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px)))*var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
border-radius: var(--framer-link-hover-text-background-radius, var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial)));
corner-shape: var(--framer-link-hover-text-background-corner-shape, var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial)));
padding: var(--framer-link-hover-text-background-padding, var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial)))
}
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-webkit-text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
text-decoration-line: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial))));
-webkit-text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
text-decoration-style: var(--framer-link-hover-text-decoration-style, var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-color: var(--framer-link-hover-text-decoration-color, var(--framer-blockquote-text-decoration-color, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))));
text-decoration-thickness: var(--framer-link-hover-text-decoration-thickness, var(--framer-blockquote-text-decoration-thickness, var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))));
text-decoration-skip-ink: var(--framer-link-hover-text-decoration-skip-ink, var(--framer-blockquote-text-decoration-skip-ink, var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))));
text-underline-offset: var(--framer-link-hover-text-decoration-offset, var(--framer-blockquote-text-decoration-offset, var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))));
background-color: var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color, var(--framer-text-background-color, initial)))
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))))
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
}
}
a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(--framer-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:before {
content: counter(list-item, var(--list-style-type))".";
font-variant-numeric: tabular-nums;
position: absolute;
inset-inline-start: 0
}
ol.framer-text>li.framer-text:nth-last-child(n+10),
ol.framer-text>li.framer-text:nth-last-child(n+10)~li {
padding-inline-start: 3ch
}
ol.framer-text>li.framer-text:nth-last-child(n+100),
ol.framer-text>li.framer-text:nth-last-child(n+100)~li {
padding-inline-start: 4ch
}
ol.framer-text>li.framer-text:nth-last-child(n+1000),
ol.framer-text>li.framer-text:nth-last-child(n+1000)~li {
padding-inline-start: 5ch
}
ol.framer-text>li.framer-text:nth-last-child(n+10000),
ol.framer-text>li.framer-text:nth-last-child(n+10000)~li {
padding-inline-start: 6ch
}
ol.framer-text>li.framer-text:nth-last-child(n+100000),
ol.framer-text>li.framer-text:nth-last-child(n+100000)~li {
padding-inline-start: 7ch
}
ol.framer-text>li.framer-text:nth-last-child(n+1000000),
ol.framer-text>li.framer-text:nth-last-child(n+1000000)~li {
padding-inline-start: 8ch
}
ul.framer-text>li.framer-text:before {
content: "•";
position: absolute;
inset-inline-start: 0
}
.framer-table-wrapper {
overflow-x: auto
}
table.framer-text,
.framer-table-wrapper table.framer-text {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%
}
td.framer-text,
th.framer-text {
vertical-align: top;
min-width: 16ch
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
width: 100% !important
}
@supports not (aspect-ratio:1) {
.framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
position: relative !important
}
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
content: "";
padding-bottom: calc(100%/calc(var(--aspect-ratio)));
display: block
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module[data-width=fill]>.ssr-variant>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>.ssr-variant>:first-child {
position: absolute;
top: 0;
left: 0;
height: 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
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-qKk7h.framer-1pq8zeu,
.framer-qKk7h .framer-1pq8zeu {
display: block
}
.framer-qKk7h.framer-13q038e {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
height: min-content;
padding: 12px 16px 12px 18px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-qKk7h .framer-1jdsnyf {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 0 2px;
display: flex;
position: relative;
overflow: visible
}
.framer-qKk7h .framer-soivts {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-qKk7h .framer-1s904ms-container {
flex: none;
width: 24px;
height: 24px;
position: relative
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-qKk7h.framer-13q038e,
.framer-qKk7h .framer-1jdsnyf {
gap: 0
}
.framer-qKk7h.framer-13q038e>* {
margin: 0 3px
}
.framer-qKk7h.framer-13q038e>:first-child,
.framer-qKk7h .framer-1jdsnyf>:first-child {
margin-left: 0
}
.framer-qKk7h.framer-13q038e>:last-child,
.framer-qKk7h .framer-1jdsnyf>:last-child {
margin-right: 0
}
.framer-qKk7h .framer-1jdsnyf>* {
margin: 0
}
}
.framer-qKk7h.framer-v-aqty9m.framer-13q038e {
padding: 8px 12px 8px 14px
}
.framer-qKk7h.framer-v-70e3xk.framer-13q038e,
.framer-qKk7h.framer-v-vk5u5o.framer-13q038e {
gap: 10px
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-qKk7h.framer-v-70e3xk.framer-13q038e {
gap: 0
}
.framer-qKk7h.framer-v-70e3xk.framer-13q038e>* {
margin: 0 5px
}
.framer-qKk7h.framer-v-70e3xk.framer-13q038e>:first-child {
margin-left: 0
}
.framer-qKk7h.framer-v-70e3xk.framer-13q038e>:last-child {
margin-right: 0
}
.framer-qKk7h.framer-v-vk5u5o.framer-13q038e {
gap: 0
}
.framer-qKk7h.framer-v-vk5u5o.framer-13q038e>* {
margin: 0 5px
}
.framer-qKk7h.framer-v-vk5u5o.framer-13q038e>:first-child {
margin-left: 0
}
.framer-qKk7h.framer-v-vk5u5o.framer-13q038e>:last-child {
margin-right: 0
}
}
.framer-qKk7h.framer-v-ht3im2.framer-13q038e {
gap: 10px;
padding: 8px 12px 8px 14px
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-qKk7h.framer-v-ht3im2.framer-13q038e {
gap: 0
}
.framer-qKk7h.framer-v-ht3im2.framer-13q038e>* {
margin: 0 5px
}
.framer-qKk7h.framer-v-ht3im2.framer-13q038e>:first-child {
margin-left: 0
}
.framer-qKk7h.framer-v-ht3im2.framer-13q038e>:last-child {
margin-right: 0
}
}
.framer-qKk7h[data-border=true]:after,
.framer-qKk7h [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-ZO0WH.framer-5dpru4,
.framer-ZO0WH .framer-5dpru4 {
display: block
}
.framer-ZO0WH.framer-obe5e6 {
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 6px;
width: min-content;
height: min-content;
padding: 4px 8px;
display: flex;
position: relative;
overflow: visible
}
.framer-ZO0WH .framer-1d8fsrl {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 6px);
flex: none;
width: 6px;
position: relative
}
.framer-ZO0WH .framer-tq76gg {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-ZO0WH.framer-obe5e6 {
gap: 0
}
.framer-ZO0WH.framer-obe5e6>* {
margin: 0 3px
}
.framer-ZO0WH.framer-obe5e6>:first-child {
margin-left: 0
}
.framer-ZO0WH.framer-obe5e6>:last-child {
margin-right: 0
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-6dxJs.framer-k3cezn,
.framer-6dxJs .framer-k3cezn {
display: block
}
.framer-6dxJs.framer-1xxr9ho {
flex-flow: row;
place-content: center;
align-items: center;
gap: 56px;
width: 1224px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-6dxJs .framer-1330why {
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-6dxJs .framer-15dec2-container,
.framer-6dxJs .framer-1djdh2c-container,
.framer-6dxJs .framer-otlywm-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-6dxJs .framer-iv1z5l {
will-change: var(--framer-will-change-override, transform);
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: hidden
}
.framer-6dxJs .framer-13yhog7 {
aspect-ratio: .99903;
height: var(--framer-aspect-ratio-supported, 585px);
flex: none;
width: 100%;
position: relative;
overflow: visible
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-6dxJs.framer-1xxr9ho,
.framer-6dxJs .framer-1330why,
.framer-6dxJs .framer-iv1z5l {
gap: 0
}
.framer-6dxJs.framer-1xxr9ho>* {
margin: 0 28px
}
.framer-6dxJs.framer-1xxr9ho>:first-child {
margin-left: 0
}
.framer-6dxJs.framer-1xxr9ho>:last-child {
margin-right: 0
}
.framer-6dxJs .framer-1330why>* {
margin: 4px 0
}
.framer-6dxJs .framer-1330why>:first-child,
.framer-6dxJs .framer-iv1z5l>:first-child {
margin-top: 0
}
.framer-6dxJs .framer-1330why>:last-child,
.framer-6dxJs .framer-iv1z5l>:last-child {
margin-bottom: 0
}
.framer-6dxJs .framer-iv1z5l>* {
margin: 0
}
}
.framer-6dxJs.framer-v-1lrbylx .framer-13yhog7,
.framer-6dxJs.framer-v-cj7i4z .framer-13yhog7,
.framer-6dxJs.framer-v-1anas14 .framer-13yhog7,
.framer-6dxJs.framer-v-1wly2e1 .framer-13yhog7 {
height: var(--framer-aspect-ratio-supported, 200px)
}
.framer-6dxJs.framer-v-cj7i4z.framer-1xxr9ho,
.framer-6dxJs.framer-v-1anas14.framer-1xxr9ho,
.framer-6dxJs.framer-v-1wly2e1.framer-1xxr9ho {
flex-direction: column;
width: 810px
}
.framer-6dxJs.framer-v-cj7i4z .framer-1330why,
.framer-6dxJs.framer-v-cj7i4z .framer-iv1z5l,
.framer-6dxJs.framer-v-1anas14 .framer-1330why,
.framer-6dxJs.framer-v-1anas14 .framer-iv1z5l,
.framer-6dxJs.framer-v-1wly2e1 .framer-1330why,
.framer-6dxJs.framer-v-1wly2e1 .framer-iv1z5l {
flex: none;
width: 100%
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-6dxJs.framer-v-cj7i4z.framer-1xxr9ho {
gap: 0
}
.framer-6dxJs.framer-v-cj7i4z.framer-1xxr9ho>* {
margin: 28px 0
}
.framer-6dxJs.framer-v-cj7i4z.framer-1xxr9ho>:first-child {
margin-top: 0
}
.framer-6dxJs.framer-v-cj7i4z.framer-1xxr9ho>:last-child {
margin-bottom: 0
}
.framer-6dxJs.framer-v-1anas14.framer-1xxr9ho {
gap: 0
}
.framer-6dxJs.framer-v-1anas14.framer-1xxr9ho>* {
margin: 28px 0
}
.framer-6dxJs.framer-v-1anas14.framer-1xxr9ho>:first-child {
margin-top: 0
}
.framer-6dxJs.framer-v-1anas14.framer-1xxr9ho>:last-child {
margin-bottom: 0
}
.framer-6dxJs.framer-v-1wly2e1.framer-1xxr9ho {
gap: 0
}
.framer-6dxJs.framer-v-1wly2e1.framer-1xxr9ho>* {
margin: 28px 0
}
.framer-6dxJs.framer-v-1wly2e1.framer-1xxr9ho>:first-child {
margin-top: 0
}
.framer-6dxJs.framer-v-1wly2e1.framer-1xxr9ho>:last-child {
margin-bottom: 0
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-yRvHO.framer-1e6z9qv,
.framer-yRvHO .framer-1e6z9qv {
display: block
}
.framer-yRvHO.framer-134j5x5 {
cursor: pointer;
flex-flow: row;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 568px;
height: min-content;
padding: 24px 80px 24px 24px;
display: flex;
position: relative;
overflow: visible
}
.framer-yRvHO .framer-orp2j3 {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 1px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-yRvHO .framer-pxam19 {
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-yRvHO .framer-1dv65qu,
.framer-yRvHO .framer-7tihfm {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-yRvHO.framer-134j5x5,
.framer-yRvHO .framer-orp2j3,
.framer-yRvHO .framer-pxam19 {
gap: 0
}
.framer-yRvHO.framer-134j5x5>* {
margin: 0 10px
}
.framer-yRvHO.framer-134j5x5>:first-child {
margin-left: 0
}
.framer-yRvHO.framer-134j5x5>:last-child {
margin-right: 0
}
.framer-yRvHO .framer-orp2j3>* {
margin: 10px 0
}
.framer-yRvHO .framer-orp2j3>:first-child,
.framer-yRvHO .framer-pxam19>:first-child {
margin-top: 0
}
.framer-yRvHO .framer-orp2j3>:last-child,
.framer-yRvHO .framer-pxam19>:last-child {
margin-bottom: 0
}
.framer-yRvHO .framer-pxam19>* {
margin: 4px 0
}
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-kfHs9.framer-1qpojl9,
.framer-kfHs9 .framer-1qpojl9 {
display: block
}
.framer-kfHs9.framer-1c6tzpm {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 4px;
width: 1000px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.framer-kfHs9 .framer-au31pa-container,
.framer-kfHs9 .framer-1e5062z-container,
.framer-kfHs9 .framer-12xfef4-container,
.framer-kfHs9 .framer-ltkmar-container,
.framer-kfHs9 .framer-lheaoq-container,
.framer-kfHs9 .framer-150nq65-container,
.framer-kfHs9 .framer-579u95-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-kfHs9 .framer-11os79h,
.framer-kfHs9 .framer-1dnqs6d,
.framer-kfHs9 .framer-1lhgkwl {
flex: none;
width: 100%;
height: 1px;
position: relative;
overflow: hidden
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-kfHs9.framer-1c6tzpm {
gap: 0
}
.framer-kfHs9.framer-1c6tzpm>* {
margin: 2px 0
}
.framer-kfHs9.framer-1c6tzpm>:first-child {
margin-top: 0
}
.framer-kfHs9.framer-1c6tzpm>:last-child {
margin-bottom: 0
}
}
.framer-0gwaU[data-border=true]:after,
.framer-0gwaU [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-0gwaU.framer-1vpn59g,
.framer-0gwaU .framer-1vpn59g {
display: block
}
.framer-0gwaU.framer-118m0yp {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 400px;
height: min-content;
padding: 28px 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-0gwaU .framer-19ezkvd {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-0gwaU .framer-vy704x {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 90%;
height: auto;
position: relative
}
.framer-0gwaU .framer-1gbcnuj {
z-index: 1;
flex: none;
width: 16px;
height: 16px;
position: relative;
overflow: hidden
}
.framer-0gwaU .framer-1tqw5d4 {
flex: none;
width: 16px;
height: 2px;
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 8px);
overflow: visible
}
.framer-0gwaU .framer-1giqggi {
flex: none;
width: 2px;
height: 16px;
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 1px);
overflow: visible
}
.framer-0gwaU .framer-nkbek7 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: min-content;
padding: 0 20px 0 0;
display: flex;
position: relative;
overflow: visible
}
.framer-0gwaU .framer-1fkevxv {
-webkit-user-select: none;
user-select: none;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0gwaU.framer-118m0yp,
.framer-0gwaU .framer-nkbek7 {
gap: 0
}
.framer-0gwaU.framer-118m0yp>* {
margin: 0
}
.framer-0gwaU.framer-118m0yp>:first-child,
.framer-0gwaU .framer-nkbek7>:first-child {
margin-top: 0
}
.framer-0gwaU.framer-118m0yp>:last-child,
.framer-0gwaU .framer-nkbek7>:last-child {
margin-bottom: 0
}
.framer-0gwaU .framer-nkbek7>* {
margin: 5px 0
}
}
.framer-0gwaU.framer-v-15xsywv.framer-118m0yp {
gap: 12px;
overflow: visible
}
.framer-0gwaU.framer-v-15xsywv .framer-1fkevxv {
-webkit-user-select: unset;
user-select: unset
}
@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
.framer-0gwaU.framer-v-15xsywv.framer-118m0yp {
gap: 0
}
.framer-0gwaU.framer-v-15xsywv.framer-118m0yp>* {
margin: 6px 0
}
.framer-0gwaU.framer-v-15xsywv.framer-118m0yp>:first-child {
margin-top: 0
}
.framer-0gwaU.framer-v-15xsywv.framer-118m0yp>:last-child {
margin-bottom: 0
}
}
.v1.framer-custom-input::placeholder {
color: var(--framer-custom-placeholder-color) !important
}
@supports (aspect-ratio:1) {
body {
--framer-aspect-ratio-supported: auto
}
}
.framer-L3GBz.framer-766dp0,
.framer-L3GBz .framer-766dp0 {
display: block
}
.framer-L3GBz.framer-1mco83h {
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: 1400px;
height: min-content;
padding: 0 60px 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz .framer-103jbxx {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: 100%;
max-width: 1280px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz .framer-14rxzjd {
aspect-ratio: 1280;
height: var(--framer-aspect-ratio-supported, 1px);
flex: none;
width: 100%;
position: relative;
overflow: hidden
}
.framer-L3GBz .framer-1re9atj {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 50px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz .framer-x0aqhw {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
min-height: 22px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz .framer-4k8e9b {
flex: none;
width: 265px;
height: 83px;
position: relative
}
.framer-L3GBz .framer-7zlkov {
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 24px;
width: min-content;
height: min-content;
padding: 6px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz .framer-v08r86,
.framer-L3GBz .framer-fvq2u,
.framer-L3GBz .framer-1qlgyz2,
.framer-L3GBz .framer-15askvc,
.framer-L3GBz .framer-hky5ei {
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-L3GBz .framer-1inkqgd,
.framer-L3GBz .framer-19kwaxa,
.framer-L3GBz .framer-tlvslq,
.framer-L3GBz .framer-1owo7z3,
.framer-L3GBz .framer-14xuyiq,
.framer-L3GBz .framer-ggkavd {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-L3GBz .framer-1lqsnkd {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-L3GBz.framer-v-wj62cs.framer-1mco83h {
justify-content: center;
width: 810px;
padding: 0 24px 24px
}
.framer-L3GBz.framer-v-wj62cs .framer-1re9atj {
height: min-content
}
.framer-L3GBz.framer-v-wj62cs .framer-7zlkov {
gap: 16px;
padding: 0
}
.framer-L3GBz.framer-v-wj62cs .framer-v08r86,
.framer-L3GBz.framer-v-wj62cs .framer-fvq2u,
.framer-L3GBz.framer-v-wj62cs .framer-1qlgyz2,
.framer-L3GBz.framer-v-wj62cs .framer-15askvc,
.framer-L3GBz.framer-v-wj62cs .framer-hky5ei {
padding: 6px 4px
}
.framer-L3GBz.framer-v-15ahqrq.framer-1mco83h {
width: 390px;
padding: 0 20px 32px
}
.framer-L3GBz.framer-v-15ahqrq .framer-103jbxx {
max-width: unset;
justify-content: flex-start;
width: min-content
}
.framer-L3GBz.framer-v-15ahqrq .framer-14rxzjd {
aspect-ratio: unset;
width: 358px;
height: 1px
}
.framer-L3GBz.framer-v-15ahqrq .framer-1re9atj {
flex-direction: column;
justify-content: flex-start;
gap: 32px;
width: 358px;
height: min-content
}
.framer-L3GBz.framer-v-15ahqrq .framer-x0aqhw {
order: 3
}
.framer-L3GBz.framer-v-15ahqrq .framer-4k8e9b {
order: 1
}
.framer-L3GBz.framer-v-15ahqrq .framer-7zlkov {
flex-direction: column;
order: 0;
gap: 0;
padding: 0
}
.framer-L3GBz.framer-v-15ahqrq .framer-v08r86,
.framer-L3GBz.framer-v-15ahqrq .framer-fvq2u,
.framer-L3GBz.framer-v-15ahqrq .framer-1qlgyz2,
.framer-L3GBz.framer-v-15ahqrq .framer-15askvc,
.framer-L3GBz.framer-v-15ahqrq .framer-hky5ei {
padding: 8px 0
}
.framer-L3GBz.framer-v-15ahqrq .framer-1lqsnkd {
order: 2;
justify-content: center;
width: 100%
}
.framer-L3GBz.framer-v-15ahqrq .framer-ggkavd {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px
}
.framer-3cCCa .framer-styles-preset-1e8tugi:not(.rich-text-wrapper),
.framer-3cCCa .framer-styles-preset-1e8tugi.rich-text-wrapper p {
--framer-font-family: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-bold-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-family-italic: "Be Vietnam Pro", "Be Vietnam Pro Placeholder", sans-serif;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -.02em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-f02edc2d-a020-4238-937f-50e7641378f4, #9a91a1);
--framer-text-decoration: none;
--framer-text-transform: none
}
.framer-UpEIa .framer-styles-preset-iblbjt:not(.rich-text-wrapper),
.framer-UpEIa .framer-styles-preset-iblbjt.rich-text-wrapper a {
--framer-link-current-text-color: var(--token-207e16aa-7659-42a5-93ab-55528f99b49c, #f3f0f5);
--framer-link-current-text-decoration: none;
--framer-link-hover-text-color: var(--token-c274de84-f08f-4960-8d80-3263d375fa7b, #e1dde4);
--framer-link-hover-text-decoration: none;
--framer-link-text-color: var(--token-f02edc2d-a020-4238-937f-50e7641378f4, #9a91a1);
--framer-link-text-decoration: none;
transition: color .3s cubic-bezier(.44, 0, .56, 1)
}
@media (max-width: 809.98px) {
.framer-CnEIN .framer-h8rwtp-, .framer-CnEIN .framer-h8rwtp-container a {
order: 0;
width: 100%;
}
.framer-CnEIN .framer-1d2c44b-container,.framer-CnEIN .framer-1d2c44b-container a {
order: 0;
width: 100%;
}
}