@font-face {
    font-family: __abc_diatype_e47fee;
    src: url("") format("woff2");
    font-display: swap;
    font-weight: 500
}

@font-face {
    font-family: __abc_diatype_e47fee;
    src: url("") format("woff2");
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: __abc_diatype_e47fee;
    src: url("") format("woff2");
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: __abc_diatype_Fallback_e47fee;
    src: local("Arial");
    ascent-override: 93.82%;
    descent-override: 32.11%;
    line-gap-override: 0.00%;
    size-adjust: 99.34%
}

.__className_e47fee {
    font-family: __abc_diatype_e47fee, __abc_diatype_Fallback_e47fee
}

.__variable_e47fee {
    --font-abcdiatype: "__abc_diatype_e47fee", "__abc_diatype_Fallback_e47fee"
}

/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-abcdiatype), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

:root {
    --white: #fff;
    --blueberry-litest: #c9d5ff;
    --blueberry-lite: #8da6ff;
    --blueberry: #5570ff;
    --blueberry-deep: #3049cb;
    --mint-litest: #c2fff4;
    --mint-lite: #28e7c4;
    --mint-dark: #007873;
    --mint: #00a39e;
    --navy-000: #121529;
    --navy-100: #1b2045;
    --navy-200: #2c346d;
    --navy-300: #4e579a;
    --navy-400: #949abf;
    --navy-500: #c4c8e3;
    --navy-600: #e5e7f8;
    --navy-700: #f4f6ff;
    --lime-litest: #dfa;
    --lime-lite: #bfff5e;
    --lime: #9aff00;
    --lime-deep: #72bd00;
    --sky-blue-litest: #b4f1ff;
    --sky-blue-lite: #50e0ff;
    --sky-blue: #00abe1;
    --navy-lite: #2c346d;
    --navy: #1b2045;
    --grey: #f9f9f9;
    --grey-deep: #d3d6db;
    --purple-litest: #ede4ff;
    --purple-lite: #cf9fff;
    --purple: #ae5eff;
    --graphite-100: #181818;
    --graphite-200: #35373a;
    --graphite-300: #626872;
    --graphite-400: #a8acb1;
    --graphite-500: #a8acb1;
    --graphite-600: #d3d6db;
    --graphite-700: #eff1f2;
    --graphite-800: #fff;
    --orange-litest: #ffefd7;
    --orange-lite: #ffbe8e;
    --orange: #ff6b00;
    --px-desktop: 80px
}

.basic-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 2rem 1rem
}

@media (min-width:640px) {
    .basic-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1280px) {
    .basic-box {
        padding-left: var(--px-desktop);
        padding-right: var(--px-desktop)
    }
}

.basic-box-blog-filter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 0
}

@media (min-width:640px) {
    .basic-box-blog-filter {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 40px
    }
}

@media (min-width:1280px) {
    .basic-box-blog-filter {
        padding-left: var(--px-desktop);
        padding-right: var(--px-desktop)
    }
}

.basic-box-phone-only {
    padding-left: 1rem;
    padding-right: 1rem
}

.gridder {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem
}

.style-h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -2px
}

@media (min-width:640px) {
    .style-h1 {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width:800px) {
    .style-h1 {
        line-height: 52px
    }
}

@media (min-width:1280px) {
    .style-h1 {
        font-size: 64px;
        line-height: 68px
    }
}

.style-h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.5px
}

@media (min-width:800px) {
    .style-h2 {
        font-size: 40px;
        line-height: 44px
    }
}

.style-h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px
}

@media (min-width:640px) {
    .style-h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.style-h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

@media (min-width:640px) {
    .style-h4 {
        font-size: 24px;
        line-height: 28px
    }
}

.style-h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}

.style-eyebrow {
    font-size: 16px
}

.style-eyebrow,
.style-eyebrow-small {
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0
}

.style-eyebrow-small {
    font-size: 14px
}

.style-cta {
    line-height: 20px
}

.style-cta,
.style-detail-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0
}

.style-detail-title {
    line-height: 24px
}

.style-p1-short {
    line-height: 20px
}

.style-p1-long,
.style-p1-short {
    font-size: 16px;
    letter-spacing: -.2px
}

.style-p1-long {
    line-height: 24px
}

.style-p2-long {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

.style-p3 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width:640px) {
    .style-p3 {
        font-size: 18px;
        line-height: 24px
    }
}

.text-content h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -2px
}

@media (min-width:640px) {
    .text-content h1 {
        font-size: 48px;
        line-height: 52px
    }
}

@media (min-width:800px) {
    .text-content h1 {
        line-height: 52px
    }
}

@media (min-width:1280px) {
    .text-content h1 {
        font-size: 64px;
        line-height: 68px
    }
}

.text-content h1 {
    padding-bottom: .625rem
}

.text-content h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.5px
}

@media (min-width:800px) {
    .text-content h2 {
        font-size: 40px;
        line-height: 44px
    }
}

.text-content h2 {
    padding-bottom: .625rem
}

.text-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.5px
}

@media (min-width:640px) {
    .text-content h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.text-content h3 {
    padding-bottom: .625rem
}

.text-content h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

@media (min-width:640px) {
    .text-content h4 {
        font-size: 24px;
        line-height: 28px
    }
}

.text-content h4 {
    padding-bottom: .625rem
}

.text-content h5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.2px;
    padding-bottom: .625rem;
    font-weight: 700
}

.text-content h6 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width:640px) {
    .text-content h6 {
        font-size: 18px;
        line-height: 24px
    }
}

.text-content h6 {
    padding-bottom: .625rem
}

.text-content p {
    line-height: 24px;
    letter-spacing: -.2px;
    padding-bottom: 1.5rem;
    font-size: 18px
}

.text-content ul {
    list-style-type: disc
}

.text-content ol,
.text-content ul {
    line-height: 24px;
    letter-spacing: -.2px;
    list-style-position: inside;
    padding-bottom: 2rem;
    font-size: 18px
}

.text-content ol {
    list-style-type: decimal
}

.text-content li {
    margin-left: 1rem;
    list-style-position: outside;
    padding-bottom: .25rem;
    padding-left: .75rem
}

.text-basics a,
.text-content a {
    text-decoration-line: underline;
    text-underline-offset: 2px
}

.text-content em strong {
    margin-left: .25rem;
    margin-right: .25rem;
    border-radius: .5rem;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-style: normal;
    color: #2f3337;
    background: #f6f6f6;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.text-content-extra p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width:640px) {
    .text-content-extra p {
        font-size: 18px;
        line-height: 24px
    }
}

.text-content-extra p {
    padding-bottom: 1.5rem
}

.faq-module a {
    font-weight: 500;
    color: var(--blueberry);
    text-decoration-line: none;
    text-decoration-color: var(--blueberry)
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-4 {
    left: 1rem
}

.left-\[10px\] {
    left: 10px
}

.left-\[20px\] {
    left: 20px
}

.right-0 {
    right: 0
}

.right-\[10px\] {
    right: 10px
}

.right-\[25px\] {
    right: 25px
}

.top-0 {
    top: 0
}

.top-\[17px\] {
    top: 17px
}

.top-\[24px\] {
    top: 24px
}

.top-\[50px\] {
    top: 50px
}

.top-\[55px\] {
    top: 55px
}

.top-\[60px\] {
    top: 60px
}

.-z-10 {
    z-index: -10
}

.-z-20 {
    z-index: -20
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-start-4 {
    grid-column-start: 4
}

.row-span-1 {
    grid-row: span 1/span 1
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mt-0 {
    margin-top: 0
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[15px\] {
    margin-bottom: 15px
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin-left: .5rem
}

.ml-\[15px\] {
    margin-left: 15px
}

.ml-\[5px\] {
    margin-left: 5px
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-2 {
    margin-right: .5rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-\[13px\] {
    margin-right: 13px
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-40 {
    margin-top: 10rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-1px\] {
    margin-top: -1px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[200px\] {
    margin-top: 200px
}

.mt-\[9px\] {
    margin-top: 9px
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\ !flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[4\/2\.1\] {
    aspect-ratio: 4/2.1
}

.aspect-\[721\/440\] {
    aspect-ratio: 721/440
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-\[100\%\] {
    height: 100%
}

.h-\[120px\] {
    height: 120px
}

.h-\[14px\] {
    height: 14px
}

.h-\[150px\] {
    height: 150px
}

.h-\[15px\] {
    height: 15px
}

.h-\[183px\] {
    height: 183px
}

.h-\[18px\] {
    height: 18px
}

.h-\[20px\] {
    height: 20px
}

.h-\[24px\] {
    height: 24px
}

.h-\[28px\] {
    height: 28px
}

.h-\[30px\] {
    height: 30px
}

.h-\[350px\] {
    height: 350px
}

.h-\[36px\] {
    height: 36px
}

.h-\[400px\] {
    height: 400px
}

.h-\[40px\] {
    height: 40px
}

.h-\[52px\] {
    height: 52px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[80px\] {
    height: 80px
}

.h-\[92px\] {
    height: 92px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-\[20px\] {
    max-height: 20px
}

.min-h-\[144px\] {
    min-height: 144px
}

.min-h-\[183px\] {
    min-height: 183px
}

.min-h-screen {
    min-height: 100vh
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-\[130px\] {
    width: 130px
}

.w-\[210px\] {
    width: 210px
}

.w-\[212px\] {
    width: 212px
}

.w-\[400px\] {
    width: 400px
}

.w-\[440px\] {
    width: 440px
}

.w-\[490px\] {
    width: 490px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-min {
    width: -moz-min-content;
    width: min-content
}

.min-w-\[380px\] {
    min-width: 380px
}

.min-w-\[480px\] {
    min-width: 480px
}

.min-w-\[520px\] {
    min-width: 520px
}

.min-w-\[720px\] {
    min-width: 720px
}

.min-w-full {
    min-width: 100%
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-\[440px\] {
    max-width: 440px
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-\[550px\] {
    max-width: 550px
}

.max-w-\[560px\] {
    max-width: 560px
}

.max-w-\[740px\] {
    max-width: 740px
}

.max-w-none {
    max-width: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-2\/3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-2\/3 {
    --tw-translate-x: -66.666667%
}

.-translate-y-10 {
    --tw-translate-y: -2.5rem
}

.-translate-y-10,
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-10 {
    --tw-translate-x: 2.5rem
}

.translate-x-10,
.translate-x-\[-20\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-20\%\] {
    --tw-translate-x: -20%
}

.translate-x-\[0px\] {
    --tw-translate-x: 0px
}

.translate-x-\[0px\],
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1 {
    --tw-translate-y: 0.25rem
}

.translate-y-1,
.translate-y-10 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.scale-\[1\.01\],
.translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.01\] {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01
}

.scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2
}

.scale-\[1\.2\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.columns-2 {
    -moz-columns: 2;
    column-count: 2
}

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[50px\] {
    gap: 50px
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-8 {
    row-gap: 2rem
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-blueberry>:not([hidden])~:not([hidden]) {
    border-color: var(--blueberry)
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.\ !border-none {
    border-style: none !important
}

.border-blueberry {
    border-color: var(--blueberry)
}

.border-graphite-500 {
    border-color: var(--graphite-500)
}

.border-graphite-600 {
    border-color: var(--graphite-600)
}

.border-graphite-800 {
    border-color: var(--graphite-800)
}

.border-grey-deep {
    border-color: var(--grey-deep)
}

.border-mint {
    border-color: var(--mint)
}

.border-navy-300 {
    border-color: var(--navy-300)
}

.border-navy-400 {
    border-color: var(--navy-400)
}

.border-navy-500 {
    border-color: var(--navy-500)
}

.border-navy-600 {
    border-color: var(--navy-600)
}

.border-purple {
    border-color: var(--purple)
}

.bg-\[\#305eed\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 94 237/var(--tw-bg-opacity))
}

.bg-\[\#E4FFFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(228 255 250/var(--tw-bg-opacity))
}

.bg-\[\#F9FBFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 251 255/var(--tw-bg-opacity))
}

.bg-\[\#ff88ff0f\] {
    background-color: #ff88ff0f
}

.bg-blueberry {
    background-color: var(--blueberry)
}

.bg-graphite-800 {
    background-color: var(--graphite-800)
}

.bg-grey {
    background-color: var(--grey)
}

.bg-navy {
    background-color: var(--navy)
}

.bg-navy-100 {
    background-color: var(--navy-100)
}

.bg-navy-200 {
    background-color: var(--navy-200)
}

.bg-navy-300 {
    background-color: var(--navy-300)
}

.bg-navy-600 {
    background-color: var(--navy-600)
}

.bg-navy-700 {
    background-color: var(--navy-700)
}

.bg-navy-lite {
    background-color: var(--navy-lite)
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    background-color: var(--white)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.\ !pb-\[46px\] {
    padding-bottom: 46px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[0px\] {
    padding-bottom: 0
}

.pb-\[130px\] {
    padding-bottom: 130px
}

.pb-\[22px\] {
    padding-bottom: 22px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[85\.1\%\] {
    padding-bottom: 85.1%
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pl-1 {
    padding-left: .25rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[0px\] {
    padding-left: 0
}

.pl-\[18px\] {
    padding-left: 18px
}

.pl-\[25px\] {
    padding-left: 25px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-\[12px\] {
    padding-right: 12px
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-32 {
    padding-top: 8rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-44 {
    padding-top: 11rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[11px\] {
    padding-top: 11px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[80px\] {
    padding-top: 80px
}

.pt-\[8px\] {
    padding-top: 8px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[56px\] {
    line-height: 56px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-tight {
    line-height: 1.25
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blueberry {
    color: var(--blueberry)
}

.text-blueberry-deep {
    color: var(--blueberry-deep)
}

.text-graphite-300 {
    color: var(--graphite-300)
}

.text-graphite-400 {
    color: var(--graphite-400)
}

.text-grey {
    color: var(--grey)
}

.text-navy-100 {
    color: var(--navy-100)
}

.text-navy-200 {
    color: var(--navy-200)
}

.text-navy-300 {
    color: var(--navy-300)
}

.text-navy-400 {
    color: var(--navy-400)
}

.text-navy-lite {
    color: var(--navy-lite)
}

.text-white {
    color: var(--white)
}

.underline {
    text-decoration-line: underline
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-navy-500::-moz-placeholder {
    color: var(--navy-500)
}

.placeholder-navy-500::placeholder {
    color: var(--navy-500)
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-60 {
    opacity: .6
}

.opacity-80 {
    opacity: .8
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.\ !outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150,
.transition-opacity {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.figma-shadow-1 {
    box-shadow: 15px 25px 40px 0 rgba(27, 50, 96, .2)
}

.mobile-menu-icon {
    position: absolute;
    top: 4px;
    right: 0;
    padding: 20px;
    width: 25px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer
}

.mobile-menu-icon-close {
    padding-top: 18px
}

.mobile-menu-icon span {
    margin-bottom: 3px;
    display: block;
    height: 2px;
    border-radius: 4px;
    width: 100%;
    background-color: #4e579a
}

canvas {
    height: 100% !important;
    width: 100%
}

body {
    --swiper-theme-color: var(--blueberry-lite);
    --swiper-pagination-progressbar-size: 4px
}

.youtube {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.youtube embed,
.youtube iframe,
.youtube object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-slideshow .swiper-pagination-bullet {
    width: 80px;
    height: 4px;
    border-radius: 0;
    margin: 0 !important
}

.blog-slideshow .swiper-pagination {
    top: auto !important;
    bottom: 0 !important
}

.blog-slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--blueberry)
}

.blog-slideshow .swiper-pagination-bullet {
    background-color: var(--navy-600);
    opacity: 1
}

.swiper-pagination-progressbar {
    background-color: var(--navy-600) !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    width: 240px !important
}

.search {
    position: relative
}

.search svg {
    position: absolute;
    transform: scale(.9);
    top: 5px;
    left: 5px
}

.submenu-shown-transition-in .menu-ul {
    animation: submenu-shown-transition-in .3s ease-out forwards
}

.submenu-shown-transition-out .menu-ul {
    animation: submenu-shown-transition-out .3s ease-out forwards
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.scrollbar-hide {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.spline-wrap {
    aspect-ratio: 1;
    width: 512px !important;
    height: 512px !important;
    position: relative
}

.link-arrow-parent:hover .link-arrow-svg {
    transform: translateX(3px) !important
}

.linear-blue-bg {
    background: linear-gradient(to bottom right, #bddfff, #41a4ff)
}

.linear-grey-bg {
    background: linear-gradient(to bottom right, #bddfff, #fff)
}

@keyframes submenu-shown-transition-in {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(-2.5rem)
    }
}

@keyframes submenu-shown-transition-out {
    0% {
        opacity: 0;
        transform: translateX(-2.5rem)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.hoverelement-pagination.dark {
    background-color: var(--navy)
}

.hoverelement-pagination.light {
    background-color: var(--navy-600)
}

.hoverelement-pagination {
    height: 2px;
    position: relative
}

.hoverelement-pagination div {
    transition: all .3s ease;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: left top
}

.hoverelement-pagination.dark div,
.hoverelement-pagination.light div {
    background-color: var(--blueberry-lite)
}

#newsletter-form {
    max-width: 300px;
    width: 100%
}

#newsletter-form p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--navy-lite)
}

.newsletter-signup input[type=email] {
    box-sizing: border-box;
    height: 42px;
    border-radius: 12px;
    border: 1px solid var(--graphite-400);
    color: var(--graphite-400);
    font-size: 16px;
    padding-left: 16px;
    outline: none !important;
    width: 100%;
    padding-right: 110px
}

#newsletter-form .input {
    padding-bottom: 10px
}

.newsletter-signup input::-moz-placeholder {
    color: var(--graphite-400);
    font-size: 16px
}

.newsletter-signup input::placeholder {
    color: var(--graphite-400);
    font-size: 16px
}

.newsletter-signup input[type=submit] {
    cursor: pointer;
    height: 38px;
    background-color: var(--graphite-300);
    padding-left: 20px;
    padding-right: 26px;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0
}

.newsletter-signup input[type=submit]:hover {
    background-color: #595c65
}

.newsletter-signup .hs-submit .actions:after {
    content: url("578b22597a9ddb6733cc55ea089db8405eb84bd0.svg");
    transition: transform .2s ease 0s;
    transform: translateX(0);
    display: block;
    position: absolute;
    width: 8px;
    height: auto;
    right: 12px;
    top: 13px
}

.newsletter-signup .hs-submit:hover .actions:after {
    transform: translateX(3px)
}

#newsletter-form {
    position: relative
}

#newsletter-form .hs_submit {
    position: absolute;
    top: 2px;
    right: 2px
}

.accordion-el {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .5s
}

.accordion-el>* {
    overflow: hidden
}

.accordion-el-active.accordion-el {
    grid-template-rows: 1fr
}

.accordion-svg {
    transform: rotate(0deg);
    transition: all .2s ease
}

.accordion-svg-active {
    transform: rotate(-180deg)
}

.accordion-el a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.hover-bg {
    background-color: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: opacity .2s ease;
    border-radius: inherit;
    opacity: 0
}

.link-arrow:hover .hover-bg {
    opacity: .1
}

.arrow-icon {
    transition: transform .2s ease
}

.link-arrow:hover .arrow-icon {
    transform: translateX(3px)
}

#contact-form form>* {
    margin-bottom: 20px
}

#contact-form input[type=email],
#contact-form input[type=number],
#contact-form input[type=text],
#contact-form select,
#contact-form textarea {
    border: 1px solid var(--navy-400);
    border-radius: 12px;
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#contact-form textarea {
    line-height: 1.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding-top: 15px;
    padding-bottom: 15px
}

#contact-form .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 26px
}

#contact-form label.hs-form-checkbox-display {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

#contact-form input[type=checkbox] {
    -webkit-appearance: none;
    margin: 0;
    width: 18px;
    height: 18px;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--navy-400);
    background-color: transparent;
    display: grid;
    place-content: center
}

#contact-form input[type=checkbox]:before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    box-shadow: inset 1em 1em var(--navy-300)
}

#contact-form input[type=checkbox]:checked:before {
    transform: scale(1)
}

#contact-form input[type=email]:focus,
#contact-form input[type=number]:focus,
#contact-form input[type=text]:focus,
#contact-form select:focus,
#contact-form textarea:focus {
    outline: none;
    border: 1px solid var(--navy-200)
}

#contact-form textarea {
    min-height: 84px
}

#contact-form input::-moz-placeholder,
#contact-form textarea::-moz-placeholder {
    color: var(--navy-400)
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
    color: var(--navy-400)
}

#contact-form input[type=submit] {
    cursor: pointer;
    height: 38px;
    background-color: var(--blueberry);
    padding-left: 20px;
    padding-right: 26px;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0
}

#contact-form input[type=submit]:hover {
    background-color: #455cd8
}

#contact-form .hs-submit {
    margin-bottom: 0
}

#contact-form .hs-submit .actions {
    position: relative;
    display: inline-block
}

#contact-form .hs-submit .actions:after {
    pointer-events: none;
    content: url("578b22597a9ddb6733cc55ea089db8405eb84bd0.svg");
    transition: transform .2s ease 0s;
    transform: translateX(0);
    display: block;
    position: absolute;
    width: 8px;
    height: auto;
    right: 12px;
    top: 8px
}

#contact-form .hs-submit:hover .actions:after {
    transform: translateX(3px)
}

#contact-form label {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0
}

#contact-form a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.testimonial-slideshow .swiper-pagination {
    position: relative !important;
    margin-top: 20px !important
}

.testimonial-slideshow .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important
}

.layout-header.version-white button span,
.layout-header.version-white svg * {
    color: #fff;
    fill: #fff
}

.grid-reverse>div:first-child {
    order: 2
}

.grid-reverse>div:nth-child(2) {
    order: 1
}

.blog-slideshow .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
    left: 50%;
    transform: translateX(-50%)
}

.blog-slideshow .swiper-pagination {
    white-space: nowrap;
    line-height: 4px;
    font-size: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.blog-slideshow .swiper-pagination .swiper-pagination-bullet {
    transition: all .4s ease;
    transform-origin: center
}

.blog-slideshow .swiper-pagination:hover .swiper-pagination-bullet {
    transform: scaleY(2)
}

.hs-richtext a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.interactive-logo {
    width: 50vw;
    height: 50vw;
    max-height: 650px;
    max-width: 650px
}

.glass-png {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 34%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8%
}

.interactive-logo-wrap {
    width: 50vw;
    height: 50vw;
    max-height: 650px;
    max-width: 650px;
    top: 13px
}

@media (min-width:480px) {
    .phone\:gridder {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem
    }
}

@media (min-width:640px) {
    .tablet\:gridder {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem
    }
}

@media (min-width:1280px) {
    .screen\:gridder {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 1rem
    }
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:pt-\[21px\]:first-child {
    padding-top: 21px
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pb-\[21px\]:last-child {
    padding-bottom: 21px
}

.hover\:border-blueberry:hover {
    border-color: var(--blueberry)
}

.hover\:border-mint:hover {
    border-color: var(--mint)
}

.hover\:border-navy-300:hover {
    border-color: var(--navy-300)
}

.hover\:border-purple:hover {
    border-color: var(--purple)
}

.hover\:bg-grey:hover {
    background-color: var(--grey)
}

.hover\:bg-navy-300:hover {
    background-color: var(--navy-300)
}

.hover\:bg-white:hover {
    background-color: var(--white)
}

.hover\:text-navy-200:hover {
    color: var(--navy-200)
}

.hover\:text-white:hover {
    color: var(--white)
}

.focus\:border-none:focus {
    border-style: none
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:transition-none {
        transition-property: none
    }
    .motion-reduce\:hover\:transform-none:hover {
        transform: none
    }
}

@media (min-width:480px) {
    .phone\:col-span-5 {
        grid-column: span 5/span 5
    }
    .phone\:col-span-6 {
        grid-column: span 6/span 6
    }
    .phone\:row-span-2 {
        grid-row: span 2/span 2
    }
    .phone\:-mt-20 {
        margin-top: -5rem
    }
    .phone\:-mt-4 {
        margin-top: -1rem
    }
    .phone\:mb-0 {
        margin-bottom: 0
    }
    .phone\:mb-24 {
        margin-bottom: 6rem
    }
    .phone\:mb-4 {
        margin-bottom: 1rem
    }
    .phone\:ml-2 {
        margin-left: .5rem
    }
    .phone\:mt-12 {
        margin-top: 3rem
    }
    .phone\:mt-8 {
        margin-top: 2rem
    }
    .phone\:block {
        display: block
    }
    .phone\:inline {
        display: inline
    }
    .phone\:flex {
        display: flex
    }
    .phone\:hidden {
        display: none
    }
    .phone\:h-12 {
        height: 3rem
    }
    .phone\:h-36 {
        height: 9rem
    }
    .phone\:h-\[0px\] {
        height: 0
    }
    .phone\:h-\[112px\] {
        height: 112px
    }
    .phone\:h-\[15px\] {
        height: 15px
    }
    .phone\:h-\[20px\] {
        height: 20px
    }
    .phone\:h-\[36px\] {
        height: 36px
    }
    .phone\:h-\[40px\] {
        height: 40px
    }
    .phone\:h-\[440px\] {
        height: 440px
    }
    .phone\:h-\[460px\] {
        height: 460px
    }
    .phone\:h-\[64px\] {
        height: 64px
    }
    .phone\:h-\[80px\] {
        height: 80px
    }
    .phone\:h-full {
        height: 100%
    }
    .phone\:max-h-\[28px\] {
        max-height: 28px
    }
    .phone\:w-1\/2 {
        width: 50%
    }
    .phone\:w-36 {
        width: 9rem
    }
    .phone\:w-\[250px\] {
        width: 250px
    }
    .phone\:w-\[300px\] {
        width: 300px
    }
    .phone\:w-\[400px\] {
        width: 400px
    }
    .phone\:w-\[460px\] {
        width: 460px
    }
    .phone\:w-\[640px\] {
        width: 640px
    }
    .phone\:w-auto {
        width: auto
    }
    .phone\:w-full {
        width: 100%
    }
    .phone\:min-w-\[290px\] {
        min-width: 290px
    }
    .phone\:-translate-y-\[10px\] {
        --tw-translate-y: -10px
    }
    .phone\:-translate-y-\[10px\],
    .phone\:translate-x-\[-80px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .phone\:translate-x-\[-80px\] {
        --tw-translate-x: -80px
    }
    .phone\:translate-x-\[80px\] {
        --tw-translate-x: 80px
    }
    .phone\:scale-\[1\],
    .phone\:translate-x-\[80px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .phone\:scale-\[1\] {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .phone\:grid-flow-col {
        grid-auto-flow: column
    }
    .phone\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .phone\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .phone\:flex-row {
        flex-direction: row
    }
    .phone\:flex-row-reverse {
        flex-direction: row-reverse
    }
    .phone\:gap-0 {
        gap: 0
    }
    .phone\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }
    .phone\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .phone\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .phone\:pb-0 {
        padding-bottom: 0
    }
    .phone\:pb-2 {
        padding-bottom: .5rem
    }
    .phone\:pb-4 {
        padding-bottom: 1rem
    }
    .phone\:pb-5 {
        padding-bottom: 1.25rem
    }
    .phone\:pb-\[24px\] {
        padding-bottom: 24px
    }
    .phone\:pb-\[40px\] {
        padding-bottom: 40px
    }
    .phone\:pl-0 {
        padding-left: 0
    }
    .phone\:pl-6 {
        padding-left: 1.5rem
    }
    .phone\:pr-0 {
        padding-right: 0
    }
    .phone\:pr-4 {
        padding-right: 1rem
    }
    .phone\:pr-6 {
        padding-right: 1.5rem
    }
    .phone\:pr-8 {
        padding-right: 2rem
    }
    .phone\:pt-0 {
        padding-top: 0
    }
    .phone\:pt-2 {
        padding-top: .5rem
    }
    .phone\:pt-20 {
        padding-top: 5rem
    }
    .phone\:pt-4 {
        padding-top: 1rem
    }
    .phone\:pt-\[60px\] {
        padding-top: 60px
    }
}

@media (min-width:500px) {
    .min-\[500px\]\:translate-x-\[110px\] {
        --tw-translate-x: 110px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:610px) {
    .min-\[610px\]\:grid {
        display: grid
    }
    .min-\[610px\]\:pb-12 {
        padding-bottom: 3rem
    }
    .min-\[610px\]\:pr-0 {
        padding-right: 0
    }
    .min-\[610px\]\:pt-10 {
        padding-top: 2.5rem
    }
}

@media (min-width:640px) {
    .sm\:mb-40 {
        margin-bottom: 10rem
    }
    .sm\:mt-0 {
        margin-top: 0
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:justify-end {
        justify-content: flex-end
    }
    .sm\:justify-center {
        justify-content: center
    }
    .sm\:self-start {
        align-self: flex-start
    }
    .tablet\:left-auto {
        left: auto
    }
    .tablet\:top-\[36px\] {
        top: 36px
    }
    .tablet\:top-\[80px\] {
        top: 80px
    }
    .tablet\:order-1 {
        order: 1
    }
    .tablet\:col-span-12 {
        grid-column: span 12/span 12
    }
    .tablet\:col-span-3 {
        grid-column: span 3/span 3
    }
    .tablet\:col-span-6 {
        grid-column: span 6/span 6
    }
    .tablet\:-mt-4 {
        margin-top: -1rem
    }
    .tablet\:mb-12 {
        margin-bottom: 3rem
    }
    .tablet\:mb-4 {
        margin-bottom: 1rem
    }
    .tablet\:mb-8 {
        margin-bottom: 2rem
    }
    .tablet\:mb-\[15px\] {
        margin-bottom: 15px
    }
    .tablet\:mr-\[40px\] {
        margin-right: 40px
    }
    .tablet\:mt-4 {
        margin-top: 1rem
    }
    .tablet\:mt-6 {
        margin-top: 1.5rem
    }
    .tablet\:block {
        display: block
    }
    .tablet\:inline {
        display: inline
    }
    .tablet\:flex {
        display: flex
    }
    .tablet\:hidden {
        display: none
    }
    .tablet\:h-\[16px\] {
        height: 16px
    }
    .tablet\:h-\[195px\] {
        height: 195px
    }
    .tablet\:h-\[40px\] {
        height: 40px
    }
    .tablet\:min-h-\[195px\] {
        min-height: 195px
    }
    .tablet\:w-1\/2 {
        width: 50%
    }
    .tablet\:w-2\/5 {
        width: 40%
    }
    .tablet\:w-3\/5 {
        width: 60%
    }
    .tablet\:w-5\/12 {
        width: 41.666667%
    }
    .tablet\:w-7\/12 {
        width: 58.333333%
    }
    .tablet\:w-\[300px\] {
        width: 300px
    }
    .tablet\:w-\[33\%\] {
        width: 33%
    }
    .tablet\:max-w-\[560px\] {
        max-width: 560px
    }
    .tablet\:shrink-0 {
        flex-shrink: 0
    }
    .tablet\:flex-row {
        flex-direction: row
    }
    .tablet\:flex-wrap {
        flex-wrap: wrap
    }
    .tablet\:items-baseline {
        align-items: baseline
    }
    .tablet\:justify-between {
        justify-content: space-between
    }
    .tablet\:gap-4 {
        gap: 1rem
    }
    .tablet\:gap-8 {
        gap: 2rem
    }
    .tablet\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .tablet\:gap-y-3 {
        row-gap: .75rem
    }
    .tablet\:rounded-3xl {
        border-radius: 1.5rem
    }
    .tablet\:border {
        border-width: 1px
    }
    .tablet\:border-t {
        border-top-width: 1px
    }
    .tablet\:border-none {
        border-style: none
    }
    .tablet\:p-10 {
        padding: 2.5rem
    }
    .tablet\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .tablet\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .tablet\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .tablet\:px-\[--px-desktop\] {
        padding-left: var(--px-desktop);
        padding-right: var(--px-desktop)
    }
    .tablet\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }
    .tablet\:pb-0 {
        padding-bottom: 0
    }
    .tablet\:pb-10 {
        padding-bottom: 2.5rem
    }
    .tablet\:pb-2 {
        padding-bottom: .5rem
    }
    .tablet\:pb-20 {
        padding-bottom: 5rem
    }
    .tablet\:pb-28 {
        padding-bottom: 7rem
    }
    .tablet\:pb-32 {
        padding-bottom: 8rem
    }
    .tablet\:pb-4 {
        padding-bottom: 1rem
    }
    .tablet\:pb-5 {
        padding-bottom: 1.25rem
    }
    .tablet\:pb-52 {
        padding-bottom: 13rem
    }
    .tablet\:pb-\[110px\] {
        padding-bottom: 110px
    }
    .tablet\:pb-\[24px\] {
        padding-bottom: 24px
    }
    .tablet\:pb-\[56\%\] {
        padding-bottom: 56%
    }
    .tablet\:pl-0 {
        padding-left: 0
    }
    .tablet\:pl-10 {
        padding-left: 2.5rem
    }
    .tablet\:pl-4 {
        padding-left: 1rem
    }
    .tablet\:pr-0 {
        padding-right: 0
    }
    .tablet\:pr-10 {
        padding-right: 2.5rem
    }
    .tablet\:pr-6 {
        padding-right: 1.5rem
    }
    .tablet\:pt-0 {
        padding-top: 0
    }
    .tablet\:pt-10 {
        padding-top: 2.5rem
    }
    .tablet\:pt-12 {
        padding-top: 3rem
    }
    .tablet\:pt-16 {
        padding-top: 4rem
    }
    .tablet\:pt-20 {
        padding-top: 5rem
    }
    .tablet\:pt-28 {
        padding-top: 7rem
    }
    .tablet\:pt-4 {
        padding-top: 1rem
    }
    .tablet\:pt-44 {
        padding-top: 11rem
    }
    .tablet\:pt-5 {
        padding-top: 1.25rem
    }
    .tablet\:pt-6 {
        padding-top: 1.5rem
    }
    .tablet\:pt-8 {
        padding-top: 2rem
    }
    .tablet\:pt-\[110px\] {
        padding-top: 110px
    }
    .tablet\:leading-none {
        line-height: 1
    }
}

@media (min-width:700px) {
    .min-\[700px\]\:translate-x-\[6\%\] {
        --tw-translate-x: 6%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:730px) {
    .min-\[730px\]\:translate-x-\[-90px\] {
        --tw-translate-x: -90px
    }
    .min-\[730px\]\:translate-x-\[-90px\],
    .min-\[730px\]\:translate-x-\[90px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .min-\[730px\]\:translate-x-\[90px\] {
        --tw-translate-x: 90px
    }
}

@media (min-width:740px) {
    .min-\[740px\]\:translate-x-\[-40px\] {
        --tw-translate-x: -40px
    }
    .min-\[740px\]\:translate-x-\[-40px\],
    .min-\[740px\]\:translate-x-\[40px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .min-\[740px\]\:translate-x-\[40px\] {
        --tw-translate-x: 40px
    }
}

@media (min-width:768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:p-8 {
        padding: 2rem
    }
    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
    .md\:py-48 {
        padding-top: 12rem;
        padding-bottom: 12rem
    }
    .md\:pl-2 {
        padding-left: .5rem
    }
    .md\:pl-6 {
        padding-left: 1.5rem
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .md\:leading-tight {
        line-height: 1.25
    }
}

@media (min-width:800px) {
    .small-screen\:col-span-10 {
        grid-column: span 10/span 10
    }
    .small-screen\:col-span-4 {
        grid-column: span 4/span 4
    }
    .small-screen\:col-start-2 {
        grid-column-start: 2
    }
    .small-screen\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }
    .small-screen\:ml-28 {
        margin-left: 7rem
    }
    .small-screen\:mt-12 {
        margin-top: 3rem
    }
    .small-screen\:mt-2 {
        margin-top: .5rem
    }
    .small-screen\:block {
        display: block
    }
    .small-screen\:flex {
        display: flex
    }
    .small-screen\:hidden {
        display: none
    }
    .small-screen\:h-\[52px\] {
        height: 52px
    }
    .small-screen\:h-\[600px\] {
        height: 600px
    }
    .small-screen\:w-5\/12 {
        width: 41.666667%
    }
    .small-screen\:w-7\/12 {
        width: 58.333333%
    }
    .small-screen\:w-\[350px\] {
        width: 350px
    }
    .small-screen\:w-\[390px\] {
        width: 390px
    }
    .small-screen\:w-\[400px\] {
        width: 400px
    }
    .small-screen\:w-\[480px\] {
        width: 480px
    }
    .small-screen\:w-\[550px\] {
        width: 550px
    }
    .small-screen\:w-\[600px\] {
        width: 600px
    }
    .small-screen\:min-w-\[360px\] {
        min-width: 360px
    }
    .small-screen\:translate-x-\[-70px\] {
        --tw-translate-x: -70px
    }
    .small-screen\:translate-x-\[-70px\],
    .small-screen\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .small-screen\:translate-y-0 {
        --tw-translate-y: 0px
    }
    .small-screen\:columns-3 {
        -moz-columns: 3;
        column-count: 3
    }
    .small-screen\:flex-row {
        flex-direction: row
    }
    .small-screen\:justify-center {
        justify-content: center
    }
    .small-screen\:rounded-\[16px\] {
        border-radius: 16px
    }
    .small-screen\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .small-screen\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }
    .small-screen\:pb-0 {
        padding-bottom: 0
    }
    .small-screen\:pb-16 {
        padding-bottom: 4rem
    }
    .small-screen\:pb-4 {
        padding-bottom: 1rem
    }
    .small-screen\:pb-\[80px\] {
        padding-bottom: 80px
    }
    .small-screen\:pr-0 {
        padding-right: 0
    }
    .small-screen\:pt-12 {
        padding-top: 3rem
    }
    .small-screen\:pt-32 {
        padding-top: 8rem
    }
    .small-screen\:pt-\[0px\] {
        padding-top: 0
    }
    .small-screen\:pt-\[40px\] {
        padding-top: 40px
    }
    .small-screen\:pt-\[80px\] {
        padding-top: 80px
    }
}

@media (min-width:850px) {
    .min-\[850px\]\:block {
        display: block
    }
    .min-\[850px\]\:hidden {
        display: none
    }
}

@media (min-width:980px) {
    .min-\[980px\]\:translate-x-\[90px\] {
        --tw-translate-x: 90px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1000px) {
    .min-\[1000px\]\:translate-x-\[-10\%\] {
        --tw-translate-x: -10%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1024px) {
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:flex {
        display: flex
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:overflow-hidden {
        overflow: hidden
    }
}

@media (min-width:1100px) {
    .min-\[1100px\]\:translate-x-\[27px\] {
        --tw-translate-x: 27px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1280px) {
    .screen\:absolute {
        position: absolute
    }
    .screen\:left-\[50px\] {
        left: 50px
    }
    .screen\:right-auto {
        right: auto
    }
    .screen\:top-\[20px\] {
        top: 20px
    }
    .screen\:col-span-3 {
        grid-column: span 3/span 3
    }
    .screen\:col-span-4 {
        grid-column: span 4/span 4
    }
    .screen\:col-span-6 {
        grid-column: span 6/span 6
    }
    .screen\:col-span-7 {
        grid-column: span 7/span 7
    }
    .screen\:col-span-8 {
        grid-column: span 8/span 8
    }
    .screen\:col-start-2 {
        grid-column-start: 2
    }
    .screen\:col-start-3 {
        grid-column-start: 3
    }
    .screen\:col-start-5 {
        grid-column-start: 5
    }
    .screen\:-mt-3 {
        margin-top: -.75rem
    }
    .screen\:mb-16 {
        margin-bottom: 4rem
    }
    .screen\:mr-\[0px\] {
        margin-right: 0
    }
    .screen\:mt-0 {
        margin-top: 0
    }
    .screen\:mt-4 {
        margin-top: 1rem
    }
    .screen\:mt-6 {
        margin-top: 1.5rem
    }
    .screen\:block {
        display: block
    }
    .screen\:grid {
        display: grid
    }
    .screen\:hidden {
        display: none
    }
    .screen\:h-48 {
        height: 12rem
    }
    .screen\:h-\[128px\] {
        height: 128px
    }
    .screen\:h-\[160px\] {
        height: 160px
    }
    .screen\:h-\[20px\] {
        height: 20px
    }
    .screen\:h-\[40\] {
        height: 40
    }
    .screen\:h-\[64px\] {
        height: 64px
    }
    .screen\:h-\[80px\] {
        height: 80px
    }
    .screen\:min-h-\[720px\] {
        min-height: 720px
    }
    .screen\:w-11\/12 {
        width: 91.666667%
    }
    .screen\:w-48 {
        width: 12rem
    }
    .screen\:w-\[550px\] {
        width: 550px
    }
    .screen\:w-\[560px\] {
        width: 560px
    }
    .screen\:w-\[570px\] {
        width: 570px
    }
    .screen\:w-\[580px\] {
        width: 580px
    }
    .screen\:w-\[595px\] {
        width: 595px
    }
    .screen\:w-\[600px\] {
        width: 600px
    }
    .screen\:w-full {
        width: 100%
    }
    .screen\:max-w-\[1440px\] {
        max-width: 1440px
    }
    .screen\:max-w-\[560px\] {
        max-width: 560px
    }
    .screen\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .screen\:-translate-x-12,
    .screen\:-translate-x-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .screen\:-translate-x-12 {
        --tw-translate-x: -3rem
    }
    .screen\:-translate-x-20 {
        --tw-translate-x: -5rem
    }
    .screen\:-translate-x-20,
    .screen\:translate-x-\[-27px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .screen\:translate-x-\[-27px\] {
        --tw-translate-x: -27px
    }
    .screen\:gap-4 {
        gap: 1rem
    }
    .screen\:gap-8 {
        gap: 2rem
    }
    .screen\:px-\[--px-desktop\] {
        padding-left: var(--px-desktop);
        padding-right: var(--px-desktop)
    }
    .screen\:px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }
    .screen\:px-\[80px\] {
        padding-left: 80px;
        padding-right: 80px
    }
    .screen\:py-\[84px\] {
        padding-top: 84px;
        padding-bottom: 84px
    }
    .screen\:pb-4 {
        padding-bottom: 1rem
    }
    .screen\:pb-8 {
        padding-bottom: 2rem
    }
    .screen\:pb-9 {
        padding-bottom: 2.25rem
    }
    .screen\:pl-10 {
        padding-left: 2.5rem
    }
    .screen\:pl-\[34\%\] {
        padding-left: 34%
    }
    .screen\:pr-0 {
        padding-right: 0
    }
    .screen\:pr-20 {
        padding-right: 5rem
    }
    .screen\:pt-14 {
        padding-top: 3.5rem
    }
    .screen\:pt-20 {
        padding-top: 5rem
    }
    .screen\:pt-24 {
        padding-top: 6rem
    }
    .screen\:pt-5 {
        padding-top: 1.25rem
    }
    .screen\:pt-\[20px\] {
        padding-top: 20px
    }
}

@media (min-width:1440px) {
    .min-\[1440px\]\:block {
        display: block
    }
}