@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    color: inherit;
    font-family: "Plus Jakarta Sans", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:root {
    --white: #fffdf8;
    --black: #1c1c1c;
    --purple: #ab9ff2;
    --lilac: #e2dffe;
    --yellow: #ffd13f;
    --blue: #4a87f2;
    --midnightPurple: #3c315b;
    --pink: #ffdadc;
    --green: #2ec08b;
    --moonYellow: #ffffc4;
    --red: #ff7243;
    --grey: #e8e6e2;
    --dark1: #161618;
    --dark3: #232326;
    --dark4: #28282c;
    --dark5: #2e2e32;
    --dark6: #34343a;
    --dark8: #5842c3;
    --dark9: #706f78;
    --dark10: #7e7d86;
    --dark11: #a09fa6;
    --dark12: #ededef;
    --light3: #f4f2f4;
    --light5: #e9e8ea;
    --light6: #e4e2e4;
    --light9: #908e96;
    --light10: #86848d;
    --darkViolet4: #2c2250;
    --darkViolet6: #392c72;
    --violet1: #fdfcfe;
    --violet3: #f5f2ff;
    --violet4: #ede9fe;
    --violet6: #d7cff9;
    --violet8: #aa99ec;
    --tomato: rgba(255, 243, 240, 0.98);
    --darkOpaque1: rgba(46, 46, 50, 0.1);
    --darkOpaque2: rgba(46, 46, 50, 0.2);
    --darkOpaque3: rgba(46, 46, 50, 0.3);
    --darkOpaque4: rgba(46, 46, 50, 0.4);
    --darkOpaque5: rgba(46, 46, 50, 0.5);
    --darkOpaque6: rgba(46, 46, 50, 0.6);
    --darkOpaque7: rgba(46, 46, 50, 0.7);
    --darkOpaque8: rgba(46, 46, 50, 0.8);
    --darkOpaque9: rgba(46, 46, 50, 0.9);
    --themeBgColor: var(--violet3);
    --themeTextColor: var(--black);
    --themeTitleColor: var(--midnightPurple);
    --themeSubNavBgColor: var(--violet1);
    --themeNavLinkColor: var(--midnightPurple);
    --themeNavLinkHoverColor: var(--midnightPurple);
    --themeFooterBgColor: var(--light3);
    --themeFooterInputColor: var(--white);
    --themeCardShadow: var(--light6);
    --themeCardTagBgColor: var(--white);
    --themeFooterButtonHoverColor: var(--black);
    --themeFooterButtonHoverBgColor: var(--dark12);
    --themeTagBgColor: var(--white);
    --themeTransition: "none";
    --maxWidthContent: 1728px;
    --spacingXXXS: 4px;
    --spacingXXS: 8px;
    --spacingXS: 16px;
    --spacingS: 24px;
    --spacingM: 32px;
    --spacingL: 48px;
    --spacingXL: 64px;
    --spacingXXL: 96px;
    --spacingXXXL: 128px;
    --snap: cubic-bezier(0, 1, 0.5, 1);
    --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --easeoutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
    --easeInoutCirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
    --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
    --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);
    --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
    --easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1);
    --easeInsine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --easeOutsine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --easeInOutsine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easeOutVack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --zTop: 99;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

html {
    font-size: 18px;
    background-color: var(--themeBgColor);
    color: var(--themeTextColor);
    -webkit-transition: var(--themeTransition);
    transition: var(--themeTransition);
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    position: relative;
    
    font-feature-settings: "liga" on;
    hanging-punctuation: first;
}

a {
    border: none;
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

button {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.screenreader-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.focus-visible:not(.custom-focus),
*:focus-visible:not(.custom-focus) {
    outline: 4px solid var(--red);
    border-radius: 32px;
}

.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

*:not(pre)>code[class*="language-"] {
    background: var(--dark3) !important;
    border-radius: 8px;
    padding: 4px;
}

pre[class*="language-"],
code[class*="language-"] {
    font-size: 14px !important;
}

@media (max-width: 768px) {

    pre[class*="language-"],
    code[class*="language-"] {
        font-size: 12px !important;
    }
}

pre[class*="language-"] {
    padding: 24px !important;
    margin: 24px 0 !important;
    background: var(--dark3) !important;
    border-radius: 16px !important;
    overflow: unset !important;
    overflow-wrap: break-word;
}

@media (max-width: 768px) {
    pre[class*="language-"] {
        padding: 16px !important;
        border-radius: 8px !important;
    }
}

.css-oqolqd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.css-wb9h1f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: var(--maxWidthContent);
    padding: 24px 48px;
    margin: auto;
}

@media (max-width: 1280px) {
    .css-wb9h1f {
        display: none;
    }
}

.css-dvp184 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 128px;
}

@media (max-width: 1450px) {
    .css-dvp184 {
        gap: 6vw;
    }
}

.css-1y7o7bo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 32px;
    color: var(--themeNavLinkColor);
}

.css-1xtamyu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-1xtamyu>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.css-1tpglzm {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 38px;
    border-radius: 32px;
}

.css-1f4mf3f {
    position: absolute;
    top: 0;
    left: 24px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-1f4mf3f svg {
    width: 20px;
    height: auto;
}

.css-104065d {
    
    white-space: pre-wrap;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
}

@media (max-width: 768px) {
    .css-104065d {
        font-size: 14px;
        line-height: 1.25;
    }
}

.css-1alifpd {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 21px;
}

.css-1alifpd:after {
    content: "";
    position: absolute;
    inset: 0;
    top: 8px;
    background-color: var(--themeSubNavBgColor);
    border-radius: 21px;
    z-index: -1;
}

.css-1rdbwsk {
    width: 100%;
    padding: 4px 4px 0;
}

.css-1rdbwsk:first-of-type {
    margin-top: 8px;
}

.css-1rdbwsk:last-of-type {
    padding-bottom: 4px;
}

.css-dgjwh3 {
    position: relative;
    display: block;
    width: 100%;
    color: var(--midnightPurple);
}

.css-dgjwh3>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    border-radius: 32px;
    background-color: transparent;
}

.css-pn8gyy {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 100%;
    border-radius: 32px;
    background-color: var(--lilac);
    z-index: -1;
    opacity: 0;
}

.css-ml4hz6 {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: var(--themePrimaryButtonBgColor);
    color: var(--themePrimaryButtonTextColor);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    transition: transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    padding: 16px 32px;
    border-radius: 32px;
}

@media (max-width: 768px) {
    .css-ml4hz6 {
        padding: 16px 24px;
        border-radius: 75px;
    }
}

@media (hover: hover) {
    .css-ml4hz6:not(:disabled):hover {
        background-color: var(--themePrimaryButtonHoverBgColor);
        color: var(--themePrimaryButtonHoverTextColor);
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985);
    }

    .css-ml4hz6:not(:disabled):hover span,
    .css-ml4hz6:not(:disabled):hover svg {
        color: currentColor;
    }
}

.css-ml4hz6:disabled {
    background-color: var(--dark11);
    color: var(--white);
    cursor: default;
}

.css-ml4hz6 svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 768px) {
    .css-ml4hz6 svg {
        width: 14px;
        height: 14px;
    }
}

.css-14ucm0x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 24px;
}

@media (max-width: 768px) {
    .css-14ucm0x {
        padding: 12px 20px;
    }
}

@media (min-width: 1281px) {
    .css-14ucm0x {
        display: none;
    }
}

.css-1v7wsoy {
    width: auto;
    height: 31px;
}

@media (min-width: 769px) {
    .css-1v7wsoy {
        display: none;
    }
}

.css-1qk6hee {
    width: auto;
    height: 36px;
}

@media (max-width: 768px) {
    .css-1qk6hee {
        display: none;
    }
}

.css-2nsq40 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.css-1p5gbg6 {
    position: relative;
    width: 52px;
    height: 52px;
    padding: 16px;
    background-color: var(--white);
    border-radius: 50%;
}

@media (max-width: 768px) {
    .css-1p5gbg6 {
        width: 47px;
        height: 47px;
        padding: 13px;
    }
}

.css-rlbvjh {
    display: inline-block;
    position: absolute;
    inset: 0;
}

.css-rlbvjh span:nth-of-type(1) {
    top: 19px;
}

@media (max-width: 768px) {
    .css-rlbvjh span:nth-of-type(1) {
        top: 17px;
    }
}

.css-rlbvjh span:nth-of-type(2) {
    top: 0;
    bottom: 0;
}

.css-rlbvjh span:nth-of-type(3) {
    bottom: 19px;
}

@media (max-width: 768px) {
    .css-rlbvjh span:nth-of-type(3) {
        bottom: 17px;
    }
}

.css-1jb97d7 {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    width: 20px;
    margin: auto;
    background-color: var(--black);
    border-radius: 2px;
}

.css-hspbzs {
    display: inline-block;
    position: absolute;
    inset: 0;
}

.css-hspbzs span {
    inset: 0;
}

.css-hspbzs span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.css-hspbzs span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.css-16hfrgy {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 197px;
    background-color: var(--white);
    border-radius: 28px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .css-16hfrgy {
        width: 166px;
        border-radius: 24px;
    }
}

.css-16hfrgy ul,
.css-16hfrgy li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.css-j95xzt {
    width: 100%;
    position: absolute;
    top: undefinedpx;
    z-index: 10;
}

@media (max-width: 768px) {
    .css-j95xzt {
        top: undefinedpx;
    }
}

:root {
    --themeBgColor: var(--violet3);
    --themeTextColor: var(--black);
    --themeTitleColor: var(--midnightPurple);
    --themeNavLinkColor: var(--midnightPurple);
    --themeNavLinkHoverColor: var(--midnightPurple);
    --themeSubNavBgColor: var(--violet1);
    --themeFooterBgColor: var(--white);
    --themeFooterInputColor: var(--light3);
    --themeCardShadow: var(--lilac);
    --themeCardBgColor: var(--light3);
    --themeCardTitleColor: var(--black);
    --themeCardTextColor: var(--light10);
    --themeCardTextOpacity: 0.9;
    --themeFilterShadow: var(--lilac);
    --themeFooterButtonHoverColor: var(--black);
    --themeFooterButtonHoverBgColor: var(--dark12);
    --themeTransition: background-color .3s ease, color .3s ease;
    --themePrimaryButtonBgColor: var(--purple);
    --themePrimaryButtonTextColor: var(--black);
    --themePrimaryButtonHoverBgColor: var(--lilac);
    --themePrimaryButtonHoverTextColor: var(--black);
    --themeSecondaryButtonBgColor: var(--light3);
    --themeSecondaryButtonTextColor: var(--black);
    --themeSecondaryButtonHoverBgColor: var(--light6);
    --themeSecondaryButtonHoverTextColor: var(--black);
    --themeIntroSubtitleColor: var(--light10);
    --themeCarouselBarBgColor: var(--white);
    --themeSocialButtonBgColor: var(--light3);
    --themeSocialButtonTextColor: var(--light9);
    --themeSocialButtonHoverBgColor: var(--light5);
    --themeCardTagBgColor: var(--white);
    --themeCardTagTextColor: var(--black);
}

.css-79elbk {
    position: relative;
}

.css-4s457g {
    position: relative;
    z-index: 5;
    padding-bottom: var(--spacingXXL);
}

@media (max-width: 768px) {
    .css-4s457g {
        padding-bottom: var(--spacingL);
    }
}

.css-1sgcanc {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 170px;
    padding-bottom: 48px;
}

@media (max-width: 1280px) {
    .css-1sgcanc {
        padding-top: 250px;
        padding-bottom: 160px;
    }
}

@media (max-width: 768px) {
    .css-1sgcanc {
        padding-top: 168px;
        padding-bottom: 76px;
    }
}

.css-4uctki {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--themeTitleColor);
}

.css-8h3fh0 {
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .css-8h3fh0 {
        margin-bottom: 12px;
    }
}

.css-1lfcdcg {
    
    color: midnightPurple;
    text-align: center;
    white-space: pre-wrap;
    letter-spacing: -0.025em;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

@media (max-width: 1280px) {
    .css-1lfcdcg {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .css-1lfcdcg {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .css-1lfcdcg {
        margin-bottom: 12px;
    }
}

.css-pioihn {
    
    text-align: center;
    white-space: pre-wrap;
    font-size: 150px;
    line-height: 0.9;
    letter-spacing: -0.025em;
    font-weight: 500;
}

@media (max-width: 1280px) {
    .css-pioihn {
        font-size: 110px;
    }
}

@media (max-width: 768px) {
    .css-pioihn {
        font-size: 48px;
        line-height: 1;
    }
}

.css-tneezx {
    width: 130px;
    height: 110px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

@media (max-width: 1280px) {
    .css-tneezx {
        width: 100px;
        height: 85px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@media (max-width: 768px) {
    .css-tneezx {
        width: 48px;
        height: 41px;
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.css-1i6lwxq {
    display: inline-block;
    position: relative;
    pointer-events: none;
    width: 130px;
    height: 110px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

.css-1i6lwxq dotlottie-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 191%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1280px) {
    .css-1i6lwxq {
        width: 100px;
        height: 85px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@media (max-width: 768px) {
    .css-1i6lwxq {
        width: 48px;
        height: 41px;
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.css-1yaf92l {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 191%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--purple);
    opacity: 1;
}

.css-14tkg7m {
    margin-top: 48px;
}

@media (max-width: 1280px) {
    .css-14tkg7m {
        margin-top: 160px;
    }
}

@media (max-width: 768px) {
    .css-14tkg7m {
        margin-top: 76px;
    }
}

.css-7jugx5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.css-r2dydj {
    height: 80px;
}

@media (max-width: 768px) {
    .css-r2dydj {
        height: 60px;
    }
}

.css-18nwh2f {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    opacity: 0.6;
    gap: 8px;
    width: 208px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.css-1im1m6k {
    
    font-size: 15px;
    line-height: 1.21;
    font-weight: 500;
    white-space: pre-wrap;
}

@media (max-width: 768px) {
    .css-1im1m6k {
        font-size: 13px;
        line-height: 1.25;
    }
}

.css-1r0vcy5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 800px;
    margin: auto;
    overflow: hidden;
}

@media (max-width: 1280px) {
    .css-1r0vcy5 {
        width: 700px;
    }
}

@media (max-width: 1024px) {
    .css-1r0vcy5 {
        width: 375px;
        max-width: 90%;
    }
}

@media (max-width: 1024px) {
    .css-qfjwfe {
        display: none;
    }
}

.css-1b7pc7j {
    position: relative;
}

.css-1b7pc7j video {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .css-1b7pc7j {
        display: none;
    }
}

.css-ee2ny1 {
    display: block;
}

@media (min-width: 1025px) {
    .css-ee2ny1 {
        display: none;
    }
}

.css-1s2sskw {
    position: relative;
    display: block;
}

.css-1s2sskw video {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
    pointer-events: none;
}

@media (min-width: 1025px) {
    .css-1s2sskw {
        display: none;
    }
}

.css-lwtqqi {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: var(--spacingXXL) 0;
}

@media (max-width: 1280px) {
    .css-lwtqqi {
        padding-top: var(--spacingL);
    }
}

@media (max-width: 768px) {
    .css-lwtqqi {
        padding-bottom: var(--spacingL);
    }
}

.css-uqlue7 {
    padding: 0 20px;
    position: relative;
    margin: calc(-50vh - var(--spacingXXL) * 2) auto 0;
    height: 150vh;
}

.css-9717qm {
    position: absolute;
    width: 100%;
    left: 0;
    top: 75%;
    height: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.css-2rgo62 {
    width: 100%;
    margin-bottom: NaNpx;
    position: -webkit-sticky;
    position: sticky;
    top: 50vh;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1280px) {
    .css-2rgo62 {
        margin-bottom: NaNpx;
    }
}

@media (max-width: 768px) {
    .css-2rgo62 {
        margin-bottom: NaNpx;
    }
}

.css-2rgo62>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-1igbliw {
    color: var(--themeTitleColor);
    margin: 0 auto;
    max-width: 18ch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.css-1rwukgr {
    
    text-align: center;
    white-space: pre-wrap;
    font-size: 96px;
    line-height: 1.1;
    letter-spacing: -0.025em;
    font-weight: 500;
    color: var(--themeTitleColor);
    margin: 0 auto;
    max-width: 18ch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1280px) {
    .css-1rwukgr {
        font-size: 72px;
    }
}

@media (max-width: 768px) {
    .css-1rwukgr {
        font-size: 32px;
    }
}

.css-2hm4ce {
    width: 108px;
    height: 93px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

@media (max-width: 1280px) {
    .css-2hm4ce {
        width: 80px;
        height: 70px;
    }
}

@media (max-width: 768px) {
    .css-2hm4ce {
        width: 45px;
        height: 34px;
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.css-1y0hnow {
    display: inline-block;
    position: relative;
    pointer-events: none;
    width: 108px;
    height: 93px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

.css-1y0hnow dotlottie-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 191%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1280px) {
    .css-1y0hnow {
        width: 80px;
        height: 70px;
    }
}

@media (max-width: 768px) {
    .css-1y0hnow {
        width: 45px;
        height: 34px;
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.css-1akw517 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: -30px;
}

.css-9ztwwo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 24px auto 24px;
}

@media (max-width: 768px) {
    .css-9ztwwo {
        margin-bottom: 16px;
    }
}

.css-15s5dvu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    max-width: var(--maxWidthContent);
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 24px auto 24px;
}

@media (max-width: 1280px) {
    .css-15s5dvu {
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 600px) {
    .css-15s5dvu {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .css-15s5dvu {
        margin-bottom: 16px;
    }
}

@media (max-width: 768px) {
    .css-fn1hyj {
        padding: 0 16px;
        height: 44px;
    }
}

.css-15m32lq {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    height: 56px;
    border-radius: 100px;
    color: var(--black);
    background-color: var(--themeCarouselBarBgColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1280px) {
    .css-15m32lq {
        height: 48px;
    }
}

@media (max-width: 768px) {
    .css-15m32lq {
        height: 28px;
        padding: 4px 8px;
    }
}

@media (max-width: 768px) {
    .css-15m32lq {
        padding: 0 16px;
        height: 44px;
    }
}

.css-zdjh87 {
    width: 28px;
    height: 28px;
}

@media (max-width: 1280px) {
    .css-zdjh87 {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .css-zdjh87 {
        margin-bottom: 2px;
        width: 16px;
        height: 16px;
    }
}

.css-zdjh87+* {
    margin-right: 0.2em;
}

.css-16gipkz {
    
    white-space: pre-wrap;
    letter-spacing: -0.025em;
    font-size: 24px;
    font-weight: 500;
}

@media (max-width: 1280px) {
    .css-16gipkz {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .css-16gipkz {
        font-size: 16px;
    }
}

.css-1sbek7r {
    position: relative;
    width: 100%;
    max-width: var(--maxWidthContent);
    margin: auto;
    cursor: default;
    padding: 48px;
}

.css-1sbek7r:active {
    cursor: default;
}

@media (max-width: 1280px) {
    .css-1sbek7r {
        padding: 32px;
    }
}

@media (max-width: 768px) {
    .css-1sbek7r {
        padding: 20px;
    }
}

.css-xyplo1 {
    display: grid;
    grid-auto-columns: calc((100% - (12 - 1) * 32px) / 12);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    max-width: var(--maxWidthContent);
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    max-width: unset;
    padding: 0;
}

@media (max-width: 1280px) {
    .css-xyplo1 {
        grid-auto-columns: calc((100% - (8 - 1) * 24px) / 8);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 600px) {
    .css-xyplo1 {
        grid-auto-columns: calc((100% - (6 - 1) * 16px) / 6);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1280px) {
    .css-xyplo1 {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .css-xyplo1 {
        padding: 0;
    }
}

.css-1ueta3f {
    grid-row: 1;
    z-index: 4;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.css-15bw71r {
    grid-column: span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
    z-index: 4;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

@media (max-width: 1280px) {
    .css-15bw71r {
        grid-column: span 4;
    }
}

@media (max-width: 600px) {
    .css-15bw71r {
        grid-column: span 6;
    }
}

.css-ze24p0 {
    position: relative;
    aspect-ratio: 0.747;
    box-shadow: 0px 0px 4px var(--themeCardShadow);
    background-color: var(--purple);
    color: var(--black);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 48px 0 48px;
}

@media (max-width: 768px) {
    .css-ze24p0 {
        border-radius: 16px;
    }
}

@media (max-width: 1024px) {
    .css-ze24p0 {
        padding: 32px 32px 0px;
    }
}

.css-bim0ac {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.css-5l0l62 {
    
    white-space: pre-wrap;
    font-size: 2.3vw;
    line-height: 1.2;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin-bottom: var(--spacingM);
}

@media (min-width: 1728px) {
    .css-5l0l62 {
        font-size: 40px;
    }
}

@media (max-width: 1450px) {
    .css-5l0l62 {
        font-size: 2vw;
    }
}

@media (max-width: 1280px) {
    .css-5l0l62 {
        font-size: 3.2vw;
    }
}

@media (max-width: 768px) {
    .css-5l0l62 {
        font-size: 3.5vw;
        line-height: 1.05;
    }
}

@media (max-width: 600px) {
    .css-5l0l62 {
        font-size: 7vw;
    }
}

.css-5l0l62 i {
    font-style: italic;
}

.css-5l0l62 b {
    font-weight: bolder;
}

.css-19npif0 {
    position: absolute;
    inset: 0;
}

.css-19npif0 video {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .css-19npif0 {
        display: none;
    }
}

.css-1w8ja2t {
    position: absolute;
    inset: 0;
    display: block;
}

.css-1w8ja2t video {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}

@media (min-width: 1025px) {
    .css-1w8ja2t {
        display: none;
    }
}

.css-g6p1ca {
    grid-row: 1;
    z-index: 3;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.css-omnvi7 {
    grid-column: span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
    z-index: 3;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

@media (max-width: 1280px) {
    .css-omnvi7 {
        grid-column: span 4;
    }
}

@media (max-width: 600px) {
    .css-omnvi7 {
        grid-column: span 6;
    }
}

.css-1tpb1ro {
    position: relative;
    aspect-ratio: 0.747;
    box-shadow: 0px 0px 4px var(--themeCardShadow);
    background-color: var(--midnightPurple);
    color: var(--white);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 48px 0 48px;
}

@media (max-width: 768px) {
    .css-1tpb1ro {
        border-radius: 16px;
    }
}

@media (max-width: 1024px) {
    .css-1tpb1ro {
        padding: 32px 32px 0px;
    }
}

.css-es0x9u {
    grid-column: span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
    z-index: 2;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

@media (max-width: 1280px) {
    .css-es0x9u {
        grid-column: span 4;
    }
}

@media (max-width: 600px) {
    .css-es0x9u {
        grid-column: span 6;
    }
}

.css-5p7yzi {
    position: relative;
    aspect-ratio: 0.747;
    box-shadow: 0px 0px 4px var(--themeCardShadow);
    background-color: var(--pink);
    color: var(--black);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 48px 0 48px;
}

@media (max-width: 768px) {
    .css-5p7yzi {
        border-radius: 16px;
    }
}

@media (max-width: 1024px) {
    .css-5p7yzi {
        padding: 32px 32px 0px;
    }
}

.css-14pnq3o {
    grid-row: 1;
    z-index: 1;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.css-1tcdpv8 {
    grid-column: span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
    z-index: 1;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

@media (max-width: 1280px) {
    .css-1tcdpv8 {
        grid-column: span 4;
    }
}

@media (max-width: 600px) {
    .css-1tcdpv8 {
        grid-column: span 6;
    }
}

.css-5itljp {
    position: relative;
    aspect-ratio: 0.747;
    box-shadow: 0px 0px 4px var(--themeCardShadow);
    background-color: var(--moonYellow);
    color: var(--black);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 48px 0 48px;
}

@media (max-width: 768px) {
    .css-5itljp {
        border-radius: 16px;
    }
}

@media (max-width: 1024px) {
    .css-5itljp {
        padding: 32px 32px 0px;
    }
}

.css-jgrkut {
    grid-row: 1;
    z-index: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

.css-53tqoq {
    grid-column: span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
    z-index: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
}

@media (max-width: 1280px) {
    .css-53tqoq {
        grid-column: span 4;
    }
}

@media (max-width: 600px) {
    .css-53tqoq {
        grid-column: span 6;
    }
}

.css-fx67rl {
    position: relative;
    aspect-ratio: 0.747;
    box-shadow: 0px 0px 4px var(--themeCardShadow);
    background-color: var(--grey);
    color: var(--black);
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 48px 0 48px;
}

@media (max-width: 768px) {
    .css-fx67rl {
        border-radius: 16px;
    }
}

@media (max-width: 1024px) {
    .css-fx67rl {
        padding: 32px 32px 0px;
    }
}

.css-gs3ky {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: var(--spacingXXL) 0;
}

@media (max-width: 1280px) {
    .css-gs3ky {
        padding-top: var(--spacingL);
    }
}

@media (max-width: 768px) {
    .css-gs3ky {
        padding-bottom: var(--spacingL);
    }
}

/* ========================================================= */

.css-oqolqd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

    .css-wb9h1f {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        max-width: var(--maxWidthContent);
        padding: 24px 48px;
        margin: auto;
    }

    @media (max-width: 1280px) {
        .css-wb9h1f {
            display:none;
        }
    }

        .css-dvp184 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            gap: 128px;
        }

        @media (max-width: 1450px) {
            .css-dvp184 {
                gap:6vw;
            }
        }

            .css-1y7o7bo {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 32px;
                color: var(--themeNavLinkColor);
            }
    

            .css-1xtamyu {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .css-1xtamyu >ul {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: flex-start;
                -webkit-box-align: flex-start;
                -ms-flex-align: flex-start;
                align-items: flex-start;
            }
    
            .css-oqolqd {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                z-index: 11;
            }
            .css-wb9h1f {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            ;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                width: 100%;
                max-width: var(--maxWidthContent);
                padding: 24px 48px;
                margin: auto;
            }
            .css-dvp184 {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex
            ;
                gap: 128px;
            }

.css-ml4hz6 {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: var(--themePrimaryButtonBgColor);
    color: var(--themePrimaryButtonTextColor);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    gap: 10px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    transition: transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    padding: 16px 32px;
    border-radius: 32px;
}
.css-1y7o7bo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 32px;
    color: var(--themeNavLinkColor);
}
.css-1vulvqn {
    width: auto;
    height: 30px;
}
.css-1xtamyu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.css-1xtamyu >ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.css-1tpglzm {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 38px;
    border-radius: 32px;
}
.css-79elbk {
    position: relative;
}
.css-1tpglzm {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 38px;
    border-radius: 32px;
}
.css-1alifpd {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 21px;
}
.css-1f4mf3f {
    position: absolute;
    top: 0;
    left: 24px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transform: scale(0);
    transition: 0.7s
}

@media (hover: hover) {
    .css-ml4hz6:not(:disabled):hover {
        background-color: var(--themePrimaryButtonHoverBgColor);
        color: var(--themePrimaryButtonHoverTextColor);
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985);
    }
    .css-79elbk a:hover{
        background-color: var(--themePrimaryButtonHoverBgColor);
        color: var(--themePrimaryButtonHoverTextColor);
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985);
    }
    .css-79elbk a:hover .css-1f4mf3f{
        transition: 0.7s;
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985) !important;
        transition: 0.7s;
    }
    .css-79elbk a:hover  .css-1baulvz{
        margin-left: 10px;
        transition: 0.7s;
    }
}
@media (hover: hover) {
    .css-fk91ov:not(:disabled):hover {
        background-color:var(--themePrimaryButtonHoverBgColor);
        color: var(--themePrimaryButtonHoverTextColor);
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985);
    }

    .css-fk91ov:not(:disabled):hover span,.css-fk91ov:not(:disabled):hover svg {
        color: currentColor;
    }
}
@media (hover: hover) {
    .css-1jigvz4 a:hover {
        color:var(--light9);
    }
}

.css-1rdbwsk:first-of-type {
    margin-top: 8px;
}
.css-1rdbwsk {
    width: 100%;
    padding: 4px 4px 0;
}
.css-dgjwh3 {
    position: relative;
    display: block;
    width: 100%;
    color: var(--midnightPurple);
}
.css-dgjwh3 >span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    border-radius: 32px;
    background-color: transparent;
}
.css-pn8gyy {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    border-radius: 32px;
    background-color: var(--lilac);
    z-index: -1;
    opacity: 0;
    width: 116px;
    transform: translateX(136px);
}
.css-79elbk a:hover  .css-1alifpd{
    opacity: 1;
    height: 100%;
}
.css-ml4hz6 {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: var(--themePrimaryButtonBgColor);
    color: var(--themePrimaryButtonTextColor);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    gap: 10px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    transition: transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    padding: 16px 32px;
    border-radius: 32px;
}
.css-1p5gbg6 {
    position: relative;
    width: 52px;
    height: 52px;
    padding: 16px;
    background-color: var(--white);
    border-radius: 50%;
}
@media (min-width: 1281px) {
    .css-14ucm0x {
        display: none;
    }
}
@media (max-width: 1280px) {
    .css-wb9h1f {
        display: none;
    }
}
/* ===========================================================Footer Css  =============================== */


.css-aa0ods {
    background-color: var(--themeFooterBgColor);
    position: relative;
    padding: var(--spacingM);
    border-radius: var(--spacingS);
    padding: 48px;
}

@media (max-width: 1280px) {
    .css-aa0ods {
        padding: 32px 32px 130px;
    }
}

@media (max-width: 768px) {
    .css-aa0ods {
        border-radius: 16px;
        padding: 20px 20px 118px;
    }
}

@media (max-width: 600px) {
    .css-aa0ods {
        border-radius: 0;
    }
}

.css-3fnafd {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    max-width: var(--maxWidthContent);
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    grid-row-gap: var(--spacingXL);
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1280px) {
    .css-3fnafd {
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 600px) {
    .css-3fnafd {
        grid-template-columns: repeat(6, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1280px) {
    .css-3fnafd {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .css-3fnafd {
        grid-row-gap: 48px;
        padding-left: 0;
        padding-right: 0;
    }
}

.css-5gn6y3 {
    grid-column: 1/span 4;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    grid-row: 1;
}

@media (max-width: 1280px) {
    .css-5gn6y3 {
        grid-column: 1/span 1;
    }
}

@media (max-width: 600px) {
    .css-5gn6y3 {
        grid-column: 1/span 1;
    }
}

@media (max-width: 1280px) {
    .css-5gn6y3 {
        position: absolute;
        bottom: 32px;
        left: 32px;
    }
}

@media (max-width: 768px) {
    .css-5gn6y3 {
        bottom: 20px;
        left: 20px;
    }
}

.css-32xvv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--spacingM);
    color: var(--themeNavLinkColor);
}

.css-umhq0z {
    width: 60px;
    height: 50px;
}

.css-vkei95 {
    display: inline-block;
    position: relative;
    pointer-events: none;
    width: 60px;
    height: 50px;
}

.css-vkei95 dotlottie-player {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 191%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.css-1yaf92l {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 191%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--purple);
    opacity: 1;
}

.css-zv19i7 {
    grid-column: 5/span 8;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
}

@media (max-width: 1280px) {
    .css-zv19i7 {
        grid-column: 1/span 8;
    }
}

@media (max-width: 600px) {
    .css-zv19i7 {
        grid-column: 1/span 6;
    }
}

.css-1xev7jn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    height: 209px;
    border-radius: 16px;
    width: 100%;
    background-color: var(--themeFooterInputColor);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .css-1xev7jn {
        padding: 8px;
        height: 120px;
        border-radius: 8px;
    }
}

.css-1lekzkb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.css-de7i28 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none;
    background-color: var(--themeFooterInputColor);
    color: var(--themeTextcolor);
    
    font-size: 64px;
    line-height: 1;
    letter-spacing: -0.025em;
    font-weight: 500;
}

@media (max-width: 1280px) {
    .css-de7i28 {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .css-de7i28 {
        grid-row: 4;
        font-size: 32px;
    }
}

@media (max-width: 600px) {
    .css-de7i28 {
        font-size: 28px;
        height: auto;
    }
}

.css-w1isgs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 8px;
}

.css-j3dsqw {
    
    white-space: pre-wrap;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--themeTextcolor);
}

@media (max-width: 1280px) {
    .css-j3dsqw {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .css-j3dsqw {
        font-size: 16px;
        font-weight: 500;
    }
}

.css-6su6fj {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.css-fk91ov {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: var(--themePrimaryButtonBgColor);
    color: var(--themePrimaryButtonTextColor);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    transition: transform 0.2s ease-in, background-color 0.2s ease-in, color 0.2s ease-in;
    padding: 16px 32px;
    border-radius: 32px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .css-fk91ov {
        padding: 16px 24px;
        border-radius: 75px;
    }
}

@media (hover: hover) {
    .css-fk91ov:not(:disabled):hover {
        background-color: var(--themePrimaryButtonHoverBgColor);
        color: var(--themePrimaryButtonHoverTextColor);
        -webkit-transform: scale(0.985);
        -moz-transform: scale(0.985);
        -ms-transform: scale(0.985);
        transform: scale(0.985);
    }

    .css-fk91ov:not(:disabled):hover span,
    .css-fk91ov:not(:disabled):hover svg {
        color: currentColor;
    }
}

.css-fk91ov:disabled {
    background-color: var(--dark11);
    color: var(--white);
    cursor: default;
}

.css-fk91ov svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 768px) {
    .css-fk91ov svg {
        width: 14px;
        height: 14px;
    }
}

.css-104065d {
    
    white-space: pre-wrap;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
}

@media (max-width: 768px) {
    .css-104065d {
        font-size: 14px;
        line-height: 1.25;
    }
}

.css-fpjryc {
    grid-column: 5/span 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacingXS);
    grid-row: 2;
}

@media (max-width: 1280px) {
    .css-fpjryc {
        grid-column: 1/span 2;
    }
}

@media (max-width: 600px) {
    .css-fpjryc {
        grid-column: 1/span 3;
    }
}

.css-okree {
    
    font-size: 15px;
    line-height: 1.21;
    font-weight: 500;
    white-space: pre-wrap;
    color: var(--dark10);
}

@media (max-width: 768px) {
    .css-okree {
        font-size: 13px;
        line-height: 1.25;
    }
}

.css-1jigvz4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacingXS);
}

@media (hover: hover) {
    .css-1jigvz4 a:hover {
        color: var(--light9);
    }
}

.css-1im1m6k {
    
    font-size: 15px;
    line-height: 1.21;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .css-1im1m6k {
        font-size: 13px;
        line-height: 1.25;
    }
}

.css-100m9jg {
    grid-column: 7/span 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacingXS);
    grid-row: 2;
}

@media (max-width: 1280px) {
    .css-100m9jg {
        grid-column: 3/span 2;
    }
}

@media (max-width: 600px) {
    .css-100m9jg {
        grid-column: 4/span 3;
    }
}

.css-8ie19h {
    grid-column: 9/span 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacingXS);
    grid-row: 2;
}

@media (max-width: 1280px) {
    .css-8ie19h {
        grid-column: 5/span 2;
    }
}

@media (max-width: 600px) {
    .css-8ie19h {
        grid-column: 1/span 2;
    }
}

@media (max-width: 600px) {
    .css-8ie19h {
        grid-row: 3;
    }
}

.css-jjz88x {
    grid-column: 11/span 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacingXS);
    grid-row: 2;
}

@media (max-width: 1280px) {
    .css-jjz88x {
        grid-column: 7/span 2;
    }
}

@media (max-width: 600px) {
    .css-jjz88x {
        grid-column: 4/span 3;
    }
}

@media (max-width: 600px) {
    .css-jjz88x {
        grid-row: 3;
    }
}

.css-wpwytb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.css-2k5vc {
    width: 12px;
    height: auto;
    color: var(--themeTextcolor);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}
.css-9oxjts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: auto;
    max-width: var(--maxWidthContent);
    overflow: hidden;
    padding: var(--spacingS) var(--spacingL);
    width: 100%;
}
.css-4s457g {
    position: relative;
    z-index: 5;
    padding-bottom: var(--spacingXXL);
    background: #f5f2ff;
}

.css-1rwukgr {
   
    text-align: center;
    white-space: pre-wrap;
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: -0.025em;
    font-weight: 400;
    color: #fff;
    margin: 0 auto;
    max-width: 18ch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}