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-7b1d37bc-f9a7-46e2-95fb-f89e38e3b6a6: #006afe
}
@supports (z-index:calc(infinity)) {
#__framer-badge-container {
--infinity: infinity
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 0
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body {
--framer-will-change-override: transform
}
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body {
--framer-will-change-filter-override: filter
}
}
[data-framer-component-type=Text] div div span,
[data-framer-component-type=Text] a div span,
[data-framer-component-type=Text] span span span,
[data-framer-component-type=Text] p span span,
[data-framer-component-type=Text] h1 span span,
[data-framer-component-type=Text] h2 span span,
[data-framer-component-type=Text] h3 span span,
[data-framer-component-type=Text] h4 span span,
[data-framer-component-type=Text] h5 span span,
[data-framer-component-type=Text] h6 span span,
[data-framer-component-type=Text] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid)var(--framer-text-decoration, none)var(--framer-text-decoration-color, currentcolor)var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height)
}
@supports not (color:color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))));
-webkit-text-stroke-color: var(--framer-text-stroke-color-rgb, var(--framer-text-stroke-color, initial))
}
mark.framer-text {
background-color: var(--framer-blockquote-text-background-color-rgb, var(--framer-blockquote-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial));
-webkit-text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))));
text-decoration-color: var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-blockquote-text-color-rgb, var(--framer-blockquote-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))));
text-decoration-color: var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
color: var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))));
background-color: var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))));
-webkit-text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))));
text-decoration-color: var(--framer-link-hover-text-decoration-color-rgb, var(--framer-link-hover-text-decoration-color, var(--framer-link-current-text-decoration-color-rgb, var(--framer-link-current-text-decoration-color, var(--framer-link-text-decoration-color-rgb, var(--framer-link-text-decoration-color, var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))))))))
}
}
@supports not (color:color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: var(--framer-link-hover-text-color-rgb, var(--framer-link-hover-text-color, var(--framer-link-current-text-color-rgb, var(--framer-link-current-text-color, var(--framer-link-text-color-rgb, var(--framer-link-text-color, var(--framer-code-text-color-rgb, var(--framer-code-text-color, var(--framer-text-color-rgb, var(--framer-text-color, #000))))))))));
background-color: var(--framer-link-hover-text-background-color-rgb, var(--framer-link-hover-text-background-color, var(--framer-link-current-text-background-color-rgb, var(--framer-link-current-text-background-color, var(--framer-link-text-background-color-rgb, var(--framer-link-text-background-color, initial))))))
}
}
@supports not (aspect-ratio:1) {
.framer-text-module:not([data-width=fit])[style*=aspect-ratio] {
position: relative !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-Mhm0p.framer-19487nn,
.framer-Mhm0p .framer-19487nn {
display: block
}
.framer-Mhm0p.framer-188yn5t {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
background-color: #fff;
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
.framer-Mhm0p .framer-1xf6dg {
z-index: 10;
background-color: #fff;
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: 72px;
padding: 0 80px;
display: flex;
position: fixed;
top: 0;
left: 0;
overflow: visible
}
.framer-Mhm0p .framer-rncufh {
aspect-ratio: 2.04545;
height: var(--framer-aspect-ratio-supported, 44px);
flex: none;
width: 90px;
position: relative
}
.framer-Mhm0p .framer-1nmv2mw {
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 60px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-kiriay,
.framer-Mhm0p .framer-1ufliug,
.framer-Mhm0p .framer-197p821,
.framer-Mhm0p .framer-2bl0ru {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 36px;
width: min-content;
height: 16px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-x3z9g5,
.framer-Mhm0p .framer-mr3y95,
.framer-Mhm0p .framer-czaroz,
.framer-Mhm0p .framer-d0ulad,
.framer-Mhm0p .framer-1klgxej,
.framer-Mhm0p .framer-1c01nrr,
.framer-Mhm0p .framer-10yue2s,
.framer-Mhm0p .framer-cs47u,
.framer-Mhm0p .framer-fv5xo,
.framer-Mhm0p .framer-ra3shj,
.framer-Mhm0p .framer-1ckxu8s,
.framer-Mhm0p .framer-1thwcn7,
.framer-Mhm0p .framer-exu831,
.framer-Mhm0p .framer-1nasjfi,
.framer-Mhm0p .framer-ehvt2p,
.framer-Mhm0p .framer-9xiwv7,
.framer-Mhm0p .framer-1rnmsa7,
.framer-Mhm0p .framer-id2f16,
.framer-Mhm0p .framer-uc2ghe,
.framer-Mhm0p .framer-d0q7wl,
.framer-Mhm0p .framer-1jqxdy4 {
--framer-paragraph-spacing: 0px;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-Mhm0p .framer-205bw0 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-okuxmx {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-Mhm0p .framer-4587y2 {
height: 400px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-filter-override, filter);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
padding: 0;
display: flex;
position: relative
}
.framer-Mhm0p .framer-1w7ikit {
z-index: 1;
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: absolute;
bottom: 80px;
left: 80px;
overflow: visible
}
.framer-Mhm0p .framer-6gq2n,
.framer-Mhm0p .framer-1jg45f8 {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 384px;
height: auto;
position: relative
}
.framer-Mhm0p .framer-epzsxw {
z-index: 1;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 40%;
height: min-content;
padding: 0;
display: flex;
position: absolute;
bottom: -60px;
left: 50%;
overflow: visible;
transform: translate(-50%)
}
.framer-Mhm0p .framer-183mmgu {
background: linear-gradient(90deg, #016bfe 0%, #2592e5 100%);
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 12px;
width: 1px;
height: min-content;
padding: 24px 36px;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 4px 12.6px #0000000f
}
.framer-Mhm0p .framer-romsyf,
.framer-Mhm0p .framer-17z51wb {
height: 32px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-filter-override, filter);
flex: none;
width: 32px;
position: relative
}
.framer-Mhm0p .framer-13r3k1x {
background-color: #fff;
flex-flow: row;
flex: 1 0 0;
place-content: center;
align-items: center;
gap: 12px;
width: 1px;
height: min-content;
padding: 24px 36px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 4px 12.6px #0000000f
}
.framer-Mhm0p .framer-1bn9yrd {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 48px;
width: 100%;
height: min-content;
padding: 120px 80px 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-1tn6h9k,
.framer-Mhm0p .framer-b7celo {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-3ujdwp {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 432px;
height: auto;
position: relative
}
.framer-Mhm0p .framer-x4o3oy {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 40px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-1p7xy8v {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-flzkhp,
.framer-Mhm0p .framer-6ojk6x,
.framer-Mhm0p .framer-1kdtpig,
.framer-Mhm0p .framer-1r56gjt,
.framer-Mhm0p .framer-1e7n4uw,
.framer-Mhm0p .framer-1n4yr7h {
flex-flow: column;
flex: 1 0 0;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: 1px;
height: 100%;
padding: 40px;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-izce2l,
.framer-Mhm0p .framer-13oou32,
.framer-Mhm0p .framer-iif44l,
.framer-Mhm0p .framer-9l0pmn,
.framer-Mhm0p .framer-12bv2tb,
.framer-Mhm0p .framer-zgx9bp {
--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-Mhm0p .framer-1te5abo,
.framer-Mhm0p .framer-7133w7,
.framer-Mhm0p .framer-p9qjcf,
.framer-Mhm0p .framer-1pf6c6c {
flex: none;
width: 3px;
height: 182px;
position: relative
}
.framer-Mhm0p .framer-zbi234 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 100%;
height: 257px;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-uumsav {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 48px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-Mhm0p .framer-nueq53 {
aspect-ratio: 1.96185;
height: var(--framer-aspect-ratio-supported, 451px);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 85%;
padding: 0 40px;
display: flex;
position: relative
}
.framer-Mhm0p .framer-nj7bf2-container {
flex: none;
width: 100%;
height: auto;
position: relative
}
.framer-4cza1 .framer-styles-preset-jd6vwv:not(.rich-text-wrapper),
.framer-4cza1 .framer-styles-preset-jd6vwv.rich-text-wrapper a {
--framer-link-text-color: #333
}
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-SS1kX.framer-uo9yoe,
.framer-SS1kX .framer-uo9yoe {
display: block
}
.framer-SS1kX.framer-112y0vh {
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX .framer-1gyzbkb {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 32px 80px;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX .framer-1dixufh,
.framer-SS1kX .framer-1aeauz,
.framer-SS1kX .framer-g6ie85 {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX .framer-1stp1ev,
.framer-SS1kX .framer-levnt1,
.framer-SS1kX .framer-qzbdmk,
.framer-SS1kX .framer-dwtzw,
.framer-SS1kX .framer-8f0zoo,
.framer-SS1kX .framer-1h054in,
.framer-SS1kX .framer-wl3q84,
.framer-SS1kX .framer-17jiwzo,
.framer-SS1kX .framer-1p0st2j,
.framer-SS1kX .framer-1s4u4mo,
.framer-SS1kX .framer-ng9812,
.framer-SS1kX .framer-m5zw39,
.framer-SS1kX .framer-5twx83,
.framer-SS1kX .framer-1ys9jkl,
.framer-SS1kX .framer-20pabk,
.framer-SS1kX .framer-qhrnwk,
.framer-SS1kX .framer-j2b8uf {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
.framer-SS1kX .framer-fvuzjf,
.framer-SS1kX .framer-1frjdnz,
.framer-SS1kX .framer-b93jrd {
flex-flow: column;
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-SS1kX .framer-1pllyhp,
.framer-SS1kX .framer-1k6jrnn,
.framer-SS1kX .framer-1opkrwq,
.framer-SS1kX .framer-k2bas9,
.framer-SS1kX .framer-gfru8l {
flex-flow: column;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX .framer-1lexrw9 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX .framer-19vkdrt {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 128px);
flex: none;
width: 100%;
position: relative
}
.framer-SS1kX .framer-i9c074 {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 24px 0;
display: flex;
position: relative;
overflow: visible
}
.framer-SS1kX[data-border=true]:after,
.framer-SS1kX [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
}
.fontSize16 {
font-size: 16px !important;
line-height: 26px !important;
}
.fontSize18 {
font-size: 18px !important;
}
.transparent-white-bg{
width: 100%;
background: #006afe09;
height: 72px;
padding: 0 80px;
display: flex;
position: fixed;
top: 0;
left: 0%;
}