li.active.jsx-345374123 {
    font-weight: 700;
}

@media (max-width: 767px) {
    li.active.jsx-345374123 {
        background: linear-gradient(90deg, rgba(255, 60, 160, .15), rgba(255, 125, 89, .15));
    }
}

.seperator.jsx-3081171851 {
                                background-color: #2d233c3d;
                                height: 2.5rem;
                                width: 1px;
                            }

.nav-btn.jsx-3081171851 {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.nav-btn__burger.jsx-3081171851, .nav-btn__burger.jsx-3081171851:after, .nav-btn__burger.jsx-3081171851:before {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-radius: .25rem;
    height: 2px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1.5rem;
}

.nav-btn__burger.jsx-3081171851:after, .nav-btn__burger.jsx-3081171851:before {
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
}

.nav-btn__burger.jsx-3081171851:before {
    --tw-translate-x: -0.75rem;
    --tw-translate-y: -0.5rem;
}

.nav-btn__burger.jsx-3081171851:after, .nav-btn__burger.jsx-3081171851:before {
    -webkit-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));
    -ms-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));
    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));
}

.nav-btn__burger.jsx-3081171851:after {
    --tw-translate-x: -0.75rem;
    --tw-translate-y: 0.5rem;
}

.nav-btn.open.jsx-3081171851 .nav-btn__burger.jsx-3081171851 {
    background-color: transparent;
}

.nav-btn.open.jsx-3081171851 .nav-btn__burger.jsx-3081171851:before {
    --tw-translate-x: -1rem;
    --tw-translate-y: 0px;
    --tw-rotate: 45deg;
}

.nav-btn.open.jsx-3081171851 .nav-btn__burger.jsx-3081171851:after, .nav-btn.open.jsx-3081171851 .nav-btn__burger.jsx-3081171851:before {
    -webkit-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));
    -ms-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));
    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));
}

.nav-btn.open.jsx-3081171851 .nav-btn__burger.jsx-3081171851:after {
    --tw-translate-x: -1rem;
    --tw-translate-y: 0px;
    --tw-rotate: -45deg;
}

.circle.jsx-3774071116 {
                                background-repeat: no-repeat;
                                background-size: contain;
                                position: absolute;
                                z-index: -50;
                            }

.circle01.jsx-3774071116 {
    height: 240px;
    left: -178px;
    top: -110px;
    width: 240px;
}

@media (min-width: 768px) {
    .circle01.jsx-3774071116 {
        height: 540px;
        left: -200px;
        top: -150px;
        width: 540px;
    }
}

.circle01.jsx-3774071116 {
    background-image: url("../images/home/62a73667a31730dbe47c3b47_circle01.svg" );
}

.circle02.jsx-3774071116 {
    height: 240px;
    right: -100px;
    top: -200px;
    width: 240px;
}

@media (min-width: 768px) {
    .circle02.jsx-3774071116 {
        height: 344px;
        right: 200px;
        top: -100px;
        width: 344px;
    }
}

.circle02.jsx-3774071116 {
    background-image: url("../images/home/62a7374ba31730dbe47c3b4a_circle02.svg" );
}

.circle03.jsx-3774071116 {
    --tw-scale-x: -1;
    --tw-scale-y: 1;
    -webkit-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));
    -ms-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));
    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: 768px) {
    .circle03.jsx-3774071116 {
        --tw-scale-x: 1;
        -webkit-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));
        -ms-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));
        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));
    }
}

.circle03.jsx-3774071116 {
    bottom: -160px;
    height: 390px;
    right: -218px;
    width: 390px;
}

@media (min-width: 768px) {
    .circle03.jsx-3774071116 {
        bottom: -400px;
        height: 660px;
        right: -32px;
        width: 660px;
    }
}

.circle03.jsx-3774071116 {
    background-image: url("../images/home/62a7374ba31730dbe47c3b4b_circle03.svg" );
}

.circle04.jsx-3774071116 {
    bottom: -160px;
    height: 240px;
    left: -70px;
    width: 240px;
}

@media (min-width: 768px) {
    .circle04.jsx-3774071116 {
        bottom: -171px;
        height: 344px;
        left: -100px;
        width: 344px;
    }
}

.circle04.jsx-3774071116 {
    background-image: url("../images/home/62a7374ba31730dbe47c3b49_circle04.svg");
}

.signals.jsx-3774071116 {
    background-image: url("../images/home/62a2008ca31730dbe47c278e_signals02.png" );
    background-repeat: no-repeat;
    background-size: contain;
    height: 764px;
    position: absolute;
    right: calc(50vw - 372px);
    top: 64px;
    width: 764px;
    z-index: -40;
}

@media (min-width: 768px) {
    .signals.jsx-3774071116 {
        top: 64px;
    }
}

@media (min-width: 1024px) {
    .signals.jsx-3774071116 {
        height: 1140px;
        right: calc(58vw - 952px);
        top: 10px;
        width: 1140px;
    }
}

@media (min-width: 768px) and (max-width: 1141px) {
    .signals.jsx-3774071116 {
        height: 1140px;
        right: calc(58vw - 602px);
        top: 0;
        width: 1140px;
    }
}

.avatar.jsx-3774071116 {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -30;
}

.avatar01.jsx-3774071116 {
    height: 64px;
    left: 12px;
    top: 22px;
    width: 64px;
}

@media (min-width: 768px) {
    .avatar01.jsx-3774071116 {
        height: 146px;
        left: 38vw;
        top: 100px;
        width: 143px;
    }
}

.avatar01.jsx-3774071116 {
    background-image: url("../images/home/62a2008ba31730dbe47c278c_avatar01.png" );
}

.avatar02.jsx-3774071116 {
    height: 42px;
    right: 12px;
    top: 58px;
    width: 44px;
}

@media (min-width: 768px) {
    .avatar02.jsx-3774071116 {
        height: 98px;
        right: 8vw;
        top: 300px;
        width: 98px;
    }
}

.avatar02.jsx-3774071116 {
    background-image: url("../images/home/62a2008ca31730dbe47c278d_avatar02.png" );
}

.avatar03.jsx-3774071116 {
    height: 38px;
    left: 12px;
    top: 488px;
    width: 43px;
}

@media (min-width: 768px) {
    .avatar03.jsx-3774071116 {
        height: 86px;
        left: 40vw;
        top: 520px;
        width: 96px;
    }
}

.avatar03.jsx-3774071116 {
    background-image: url("../images/home/62a2008ca31730dbe47c278f_avatar03.png" );
}

.avatar04.jsx-3774071116 {
    height: 60px;
    right: -10px;
    width: 63px;
}

@media (min-width: 768px) {
    .avatar04.jsx-3774071116 {
        bottom: 100px;
        height: 161px;
        right: 4vw;
        width: 168px;
    }
}

.avatar04.jsx-3774071116 {
    background-image: url("../images/home/62a2008da31730dbe47c2790_avatar04.png" );
}

@media (max-width: 768px) {
    .avatar04.jsx-3774071116 {
        top: 488px;
    }
}