@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-light-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-medium-webfont.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-semibold-webfont.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-extrabold-webfont.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/gilroy-black-webfont.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

.fullpage-swiper {
    width: 100%;
    height: 100vh
}

.ltp-banner {
    margin-bottom: 20px
}

.ltp-banner img {
    width: 856px;
    border-radius: 12px;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

@media screen and (max-width: 640px) {
    .ltp-banner img {
        width: 90%
    }
}

.page-header {
    font-family: Gilroy, Helvetica Neue, Helvetica, Arial, sans-serif;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    z-index: 10
}

.page-header .logo {
    display: flex;
    align-items: center;
    gap: 8px
}

.page-header .logo .logo-icon {
    width: 41px
}

.page-header .logo .logo-text {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.page-header .link-wrapper {
    display: flex;
    align-items: center;
    gap: 30px
}

.page-header .link-wrapper .theme {
    width: 66px;
    height: 36px;
    border-radius: 18px;
    background: #0003;
    padding: 4px;
    cursor: pointer;
    display: flex;
    transition: all .3s ease;
    justify-content: flex-end
}

.page-header .link-wrapper .theme .icon {
    width: 28px
}

.page-header .link-wrapper .theme-dark {
    justify-content: start;
    background: #fff3
}

.page-header .link-wrapper .link .icon {
    width: 24px;
    color: #fff
}

.landing-img-wrapper {
    display: none
}

.landing-page {
    font-family: Gilroy, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    width: 100vw;
    min-height: 100vh;
    position: relative
}

.landing-page .page-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: url(../images/bg-dark.webp) center center/cover no-repeat
}

.landing-page .page-content {
    width: 100%;
    overflow-y: visible !important;
    overflow-x: hidden !important
}

.landing-page .section-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column
}

.landing-page .section-1 .title-wrapper {
    width: 100%;
    height: 62%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.landing-page .section-1 .title-wrapper .main-title {
    text-align: center;
    font-size: 96px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.92px;
    transition: all 2s
}

.landing-page .section-1 .title-wrapper .main-title h1 {
    font-size: 1em;
    margin: 0
}

.landing-page .section-1 .title-wrapper .main-title-light h1 {
    background: radial-gradient(47.46% 140.36% at 50% 50%, #000, #0063d8 86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.landing-page .section-1 .title-wrapper .main-title-dark h1 {
    background: radial-gradient(47.46% 140.36% at 50% 50%, #fff, #8bbcd8 86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.landing-page .section-1 .title-wrapper .title {
    margin: 0 auto;
    max-width: 90%
}

.landing-page .section-1 .title-wrapper .subtitle {
    margin-top: 30px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: .4px;
    transition: all .3s
}

.landing-page .section-1 .image-wrapper {
    width: 100%;
    height: 38%;
    margin: 0 auto;
    position: relative
}

.landing-page .section-1 .image-wrapper .planet-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.landing-page .section-1 .image-wrapper .planet-wrapper .planet {
    width: 100%;
    object-fit: cover
}

.landing-page .section-1 .image-wrapper .bird {
    width: 230px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999
}

.landing-page .section-1 .image-wrapper .text-box-wrapper-out {
    position: absolute;
    width: 100%;
    height: 0;
    padding-top: 100%;
    left: 0;
    top: 0
}

.landing-page .section-1 .image-wrapper .text-box-wrapper {
    overflow: hidden;
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-page .section-1 .image-wrapper .text-box-wrapper .text-box {
    position: absolute;
    width: 160%;
    height: 160%;
    transform: rotate(-47deg)
}

.landing-page .section-1 .image-wrapper .text-box-wrapper .text-box svg {
    width: 100%;
    height: 100%
}

.landing-page .section-2 {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.landing-page .section-2 .container-wrapper {
    width: 100%;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-page .section-2 .container-out {
    width: 100vmin;
    max-width: 960px
}

.landing-page .section-2 .container-inner {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 100%
}

.landing-page .section-2 .content {
    transition: all .5s;
    transform: scale(.65);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.landing-page .section-2 .path {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(65, 159, 255, .1);
    aspect-ratio: 1/1;
    border-radius: 50%;
    pointer-events: none
}

.landing-page .section-2 .path-1 {
    width: 48.95833333%;
    height: 48.95833333%
}

.landing-page .section-2 .path-2 {
    width: 70.83333333%;
    height: 70.83333333%
}

.landing-page .section-2 .path-3 {
    width: 92.5%;
    height: 92.5%
}

.landing-page .section-2 .path-4 {
    width: 114.5833333%;
    height: 114.5833333%
}

.landing-page .section-2 .path-5 {
    width: 136.4583333333%;
    height: 136.4583333333%
}

.landing-page .section-2 .logo-box-position {
    z-index: 99;
    width: 14.5%;
    height: 14.5%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-bg {
    width: 140%;
    height: 140%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-bg-9 {
    width: 180%;
    height: 180%
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-bg-10 {
    width: 160%;
    height: 160%
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box .logo-icon {
    width: 59.2%
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box .logo-text {
    margin-top: 8px;
    color: #1b165a;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box .logo-text-white {
    color: #fff
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 210%;
    height: 210%;
    opacity: 0;
    pointer-events: none
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-text svg {
    width: 100%;
    height: 100%;
    transform: rotate(-25deg)
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-text-9,
.landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box-text-10 {
    width: 220%;
    height: 220%
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper:hover {
    z-index: 9999999
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper:hover .logo-box-text {
    opacity: 1
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper:hover .logo-box-text svg {
    animation-play-state: running
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-2 {
    animation: circle-rotate-2 200s linear -100s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-3 {
    animation: circle-rotate-3 200s linear -20s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-4 {
    animation: circle-rotate-4 150s linear -60s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-5 {
    animation: circle-rotate-5 170s linear -50s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-6 {
    animation: circle-rotate-6 150s linear 0s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-7 {
    animation: circle-rotate-7 160s linear -100s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-8 {
    animation: circle-rotate-8 170s linear -140s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-9 {
    animation: circle-rotate-9 180s linear -140s infinite
}

.landing-page .section-2 .logo-box-position .logo-box-wrapper-10 {
    animation: circle-rotate-10 200s linear -200s infinite
}

.landing-page .section-2 .main-logo {
    cursor: pointer;
    z-index: 9999;
    width: 23.958333%;
    height: 23.958333%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.landing-page .section-2 .main-logo .logo-bg {
    width: 140%;
    height: 140%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    background: url(../images/logo1_bg.png) center left/auto 100%
}

.landing-page .section-2 .main-logo .logo-box {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.landing-page .section-2 .main-logo .logo-box .logo-icon {
    width: 71.428%
}

.landing-page .section-2 .main-logo .logo-box .logo-text {
    color: #1b165a;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase
}

.landing-page .section-2 .main-logo .text-box {
    position: absolute;
    width: 210%;
    height: 210%;
    animation: text-rotate 20s linear infinite;
    pointer-events: none
}

.landing-page .section-2 .main-logo .text-box svg {
    width: 100%;
    height: 100%
}

.landing-page .section-2 .main-logo:hover .text-box {
    animation-play-state: paused
}

.landing-page .section-2-scale {
    justify-content: start
}

.landing-page .section-2-scale .container-wrapper {
    transition-property: width;
    transition-duration: .4;
    width: calc(100% - 660px)
}

@keyframes text-rotate-big {
    0% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(-90deg)
    }
}

@keyframes text-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes circle-rotate-2 {
    0% {
        transform: rotate(0) translate(458.333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(458.333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-3 {
    0% {
        transform: rotate(0) translate(458.333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(458.333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-4 {
    0% {
        transform: rotate(0) translate(283.33333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(283.33333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-5 {
    0% {
        transform: rotate(0) translate(195.8333333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(195.8333333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-6 {
    0% {
        transform: rotate(0) translate(283.33333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(283.33333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-7 {
    0% {
        transform: rotate(0) translate(370%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(370%) rotate(-360deg)
    }
}

@keyframes circle-rotate-8 {
    0% {
        transform: rotate(0) translate(195.8333333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(195.8333333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-9 {
    0% {
        transform: rotate(0) translate(458.333333%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(458.333333%) rotate(-360deg)
    }
}

@keyframes circle-rotate-10 {
    0% {
        transform: rotate(0) translate(370%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(370%) rotate(-360deg)
    }
}

@keyframes circle-rotate-2-m {
    0% {
        transform: rotate(0) translate(367.741935%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(367.741935%) rotate(-360deg)
    }
}

@keyframes circle-rotate-3-m {
    0% {
        transform: rotate(0) translate(367.741935%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(367.741935%) rotate(-360deg)
    }
}

@keyframes circle-rotate-4-m {
    0% {
        transform: rotate(0) translate(282.2580645%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(282.2580645%) rotate(-360deg)
    }
}

@keyframes circle-rotate-5-m {
    0% {
        transform: rotate(0) translate(194.3548387%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(194.3548387%) rotate(-360deg)
    }
}

@keyframes circle-rotate-6-m {
    0% {
        transform: rotate(0) translate(194.3548387%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(194.3548387%) rotate(-360deg)
    }
}

@keyframes circle-rotate-7-m {
    0% {
        transform: rotate(0) translate(194.3548387%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(194.3548387%) rotate(-360deg)
    }
}

@keyframes circle-rotate-8-m {
    0% {
        transform: rotate(0) translate(282.2580645%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(282.2580645%) rotate(-360deg)
    }
}

@keyframes circle-rotate-9-m {
    0% {
        transform: rotate(0) translate(367.741935%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(367.741935%) rotate(-360deg)
    }
}

@keyframes circle-rotate-10-m {
    0% {
        transform: rotate(0) translate(194.3548387%) rotate(0)
    }

    to {
        transform: rotate(360deg) translate(194.3548387%) rotate(-360deg)
    }
}

.landing-page .section-3 {
    width: 100%;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.landing-page .section-3 .title {
    margin-top: 80px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center
}

.landing-page .section-3 .partners {
    width: 100%;
    height: 90px;
    padding: 15px 0;
    background: linear-gradient(90deg, #ffffff0f, #ffffff1f 50.14%, #ffffff0f)
}

.landing-page .section-3 .partners .partners-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    height: 100%;
    animation: logoMove 35s linear infinite;
    width: max-content
}

.landing-page .section-3 .partners .partners-inner a {
    height: 60px
}

.landing-page .section-3 .partners .partners-inner a img {
    height: 100%;
    width: auto;
    cursor: pointer
}

.landing-page .section-3 .partners .partners-inner a:hover {
    animation-play-state: paused
}

@keyframes logoMove {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-50% - 14px))
    }
}

@keyframes logoMoveM {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(-50% - 8px))
    }
}

.landing-page .section-3 .investors {
    display: flex;
    gap: 14px;
    width: 100%;
    align-items: center;
    justify-content: center
}

.landing-page .section-3 .investors .investors-item {
    width: 210px;
    border-radius: 8px;
    cursor: pointer
}

.landing-page .section-3 .investors .investors-item img {
    width: 100%;
    height: 100%
}

.landing-page .section-3 .investors-light .investors-item {
    background: #fff3
}

.landing-page .section-3 .investors-dark .investors-item {
    background: #ffffff1a
}

.landing-page .section-3 .auditors {
    max-width: 680px;
    margin: 0 auto;
    gap: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.landing-page .section-3 .auditors .auditors-item {
    width: 196px;
    border-radius: 8px;
    cursor: pointer
}

.landing-page .section-3 .auditors .auditors-item img {
    width: 100%;
    height: 100%
}

.landing-page .section-3 .auditors-light .auditors-item {
    background: #fff3
}

.landing-page .section-3 .auditors-dark .auditors-item {
    background: #ffffff1a
}

.landing-page .section-3 .footer {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 30px;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px
}

.landing-page .section-3 .footer a {
    color: #ffffff80
}

.landing-page .bird-box {
    position: relative;
    width: 71.4285714%;
    height: 71.4285714%
}

.landing-page .bird-box svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.landing-page .bird-box .eye-box-1 {
    position: absolute;
    width: 12%;
    height: 12%;
    border-radius: 50%;
    left: 32.03%;
    top: 43.48%;
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-page .bird-box .eye-box-1 .pupil {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background-color: #fff;
    transition: transform .1s ease-out;
    transform: translate(-130%, -130%)
}

.landing-page .bird-box .eye-box-2 {
    position: absolute;
    width: 12%;
    height: 12%;
    border-radius: 50%;
    left: 55.99%;
    top: 43.48%;
    transition: transform .1s ease-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.landing-page .bird-box .eye-box-2 .pupil {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background-color: #fff;
    transition: transform .1s ease-out;
    transform: translate(-130%, -130%)
}

.detail-dialog {
    font-family: Gilroy, Helvetica Neue, Helvetica, Arial, sans-serif;
    z-index: 1000;
    width: 550px;
    position: fixed;
    right: 110px;
    top: 120px;
    bottom: 100px;
    overflow: scroll;
    transform: translate(800px);
    opacity: 0;
    transition: all .3s;
    color: #fff;
    border-radius: 12px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.detail-dialog::-webkit-scrollbar {
    display: none
}

.detail-dialog .close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 10;
    color: #fff
}

.detail-dialog .card {
    border-radius: 12px;
    background: #ffffff1a;
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    width: 100%;
    padding: 30px
}

.detail-dialog .card .title-box {
    display: flex;
    align-items: center;
    gap: 8px
}

.detail-dialog .card .title-box .icon {
    width: 30px
}

.detail-dialog .card .title-box .text {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase
}

.detail-dialog .card .intro {
    margin-top: 25px;
    color: #ffffff80;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.detail-dialog .card .info {
    width: 100%;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap
}

.detail-dialog .card .info .info-item {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.detail-dialog .card .info .info-item .item-label {
    color: #ffffff4d;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: .7px;
    text-transform: uppercase
}

.detail-dialog .card .info .info-item .item-value {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.detail-dialog .card .info .info-item .item-value .item-unit {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: .457px;
    margin-left: 5px
}

.detail-dialog .card .info .info-item-last {
    margin-top: 20px;
    width: 50%
}

.detail-dialog .card .chart {
    width: 100%
}

.detail-dialog .card .btns {
    width: 100%;
    margin-top: 30px;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.detail-dialog .card .btns .btn {
    width: calc(50% - 10px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    border-radius: 8px;
    text-decoration: none
}

.detail-dialog .card .btns .btn:nth-child(1) {
    color: #fff;
    background: linear-gradient(4deg, #2489ff 5.04%, #86beff 104.27%, #b7d9ff 256.45%, #d1e7ff 325.31%), #2489ff
}

.detail-dialog .card .btns .btn:nth-child(2) {
    color: #2489ff;
    border: 1px solid #2489FF
}

.detail-dialog .card .btns .btn:nth-child(3) {
    font-size: 18px;
    color: #2489ff
}

.detail-dialog .card-2 {
    margin-top: 30px
}

.detail-dialog .card-2 .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 40px
}

.detail-dialog .card-2 .card-item {
    margin-bottom: 20px
}

.detail-dialog .card-2 .card-item:nth-last-child {
    margin-bottom: 0
}

.detail-dialog .card-2 .card-item .subtitle {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 15px
}

.detail-dialog .card-2 .card-item .subtitle svg {
    color: #fff
}

.detail-dialog .card-2 .card-item .subtitle span {
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .9px;
    text-transform: uppercase
}

.detail-dialog .card-2 .card-item .content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.detail-dialog .card-2 .card-item .content .content-item {
    width: calc(50% - 5px);
    height: 120px;
    border-radius: 10px;
    background: #ffffff1a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 25px
}

.detail-dialog .card-2 .card-item .content .content-item .item-icon {
    width: 40px
}

.detail-dialog .card-2 .card-item .content .content-item .item-title {
    margin-top: 15px;
    color: #ffffffb3;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.detail-dialog .card-2 .card-item .content .content-item .item-intro {
    color: #ffffff80;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 4px
}

.page-header-light .logo .logo-text,
.page-header-light .link-wrapper .link .icon {
    color: #000
}

.detail-dialog-light,
.detail-dialog-light .close-icon {
    color: #1b165a
}

.detail-dialog-light .card {
    background: #ffffffb3;
    -webkit-backdrop-filter: blur(75px);
    backdrop-filter: blur(75px)
}

.detail-dialog-light .card .intro {
    color: #1b165ab3
}

.detail-dialog-light .card .info .info-item .item-label {
    color: #1b165a4d
}

.detail-dialog-light .card-2 .card-item .subtitle svg {
    color: #1b165a
}

.detail-dialog-light .card-2 .card-item .content .content-item {
    background: #1b165a0d
}

.detail-dialog-light .card-2 .card-item .content .content-item .item-title {
    color: #1b165ab3
}

.detail-dialog-light .card-2 .card-item .content .content-item .item-intro {
    color: #1b165a80
}

.landing-page-light .page-bg {
    background: url(../images/bg-light.webp) center center/cover no-repeat
}

.landing-page-light .section-1 .title-wrapper .subtitle {
    color: #16295a
}

.landing-page-light .section-2 .path {
    border: 2px solid rgba(65, 159, 255, .1)
}

.landing-page-light .section-3 .title {
    color: #1b165a
}

.landing-page-light .section-3 .partners {
    background: linear-gradient(90deg, #ffffff26, #ffffff4d 50.14%, #ffffff26)
}

.landing-page-light .section-3 .footer,
.landing-page-light .section-3 .footer a {
    color: #1b165a80
}

@media screen and (max-width: 640px) {
    .page-header {
        height: 64px;
        padding: 0 20px
    }

    .page-header .logo {
        gap: 6px
    }

    .page-header .logo .logo-icon {
        width: 32px
    }

    .page-header .logo .logo-text {
        font-size: 19px
    }

    .page-header .link-wrapper {
        gap: 16px
    }

    .page-header .link-wrapper .theme {
        width: 44px;
        height: 24px;
        border-radius: 12px;
        padding: 2px
    }

    .page-header .link-wrapper .theme .icon,
    .page-header .link-wrapper .link .icon {
        width: 20px;
        height: 20px
    }

    .landing-page .section-1 .title-wrapper {
        height: 60%;
        z-index: 1000
    }

    .landing-page .section-1 .title-wrapper .main-title {
        font-size: 66px
    }

    .landing-page .section-1 .title-wrapper .subtitle {
        margin-top: 20px;
        padding: 0 30px;
        font-size: 16px
    }

    .landing-page .section-1 .image-wrapper {
        height: 40%;
        position: relative
    }

    .landing-page .section-1 .image-wrapper .planet-wrapper {
        position: absolute;
        width: 100%;
        height: 0;
        padding-top: 100%;
        left: 0;
        top: 0
    }

    .landing-page .section-1 .image-wrapper .planet-wrapper .planet {
        position: absolute;
        width: 200%;
        max-width: 200%;
        height: 200%;
        left: 50%;
        top: 0;
        transform: translate(-50%)
    }

    .landing-page .section-1 .image-wrapper .bird {
        width: 180px
    }

    .landing-page .section-1 .image-wrapper .text-box-wrapper {
        width: 200%;
        height: 200%;
        left: 50%;
        transform: translate(-50%)
    }

    .landing-page .section-2 {
        overflow: hidden
    }

    .landing-page .section-2 .path-1 {
        width: 61.79487%;
        height: 61.79487%
    }

    .landing-page .section-2 .path-2 {
        width: 89.74358974%;
        height: 89.74358974%
    }

    .landing-page .section-2 .path-3 {
        width: 116.9230769%;
        height: 116.9230769%
    }

    .landing-page .section-2 .path-4,
    .landing-page .section-2 .path-5 {
        display: none
    }

    .landing-page .section-2 .logo-box-position {
        width: 15.897435%;
        height: 15.897435%
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper .logo-box .logo-text {
        margin-top: 4px;
        font-size: 8px;
        letter-spacing: .04px
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-2 {
        animation: circle-rotate-2-m 200s linear -120s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-3 {
        animation: circle-rotate-3-m 200s linear -20s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-4 {
        animation: circle-rotate-4-m 150s linear -60s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-5 {
        animation: circle-rotate-5-m 170s linear -50s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-6 {
        animation: circle-rotate-6-m 150s linear 0s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-7 {
        animation: circle-rotate-7-m 160s linear -100s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-8 {
        animation: circle-rotate-8-m 170s linear -140s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-9 {
        animation: circle-rotate-9-m 180s linear -140s infinite
    }

    .landing-page .section-2 .logo-box-position .logo-box-wrapper-10 {
        animation: circle-rotate-10-m 200s linear -200s infinite
    }

    .landing-page .section-2 .main-logo {
        width: 32.82051282%;
        height: 32.82051282%
    }

    .landing-page .section-2 .main-logo .logo-box .logo-text {
        font-size: 10px;
        letter-spacing: .5px
    }

    .landing-page .section-2 .main-logo .text-box {
        width: 200%;
        height: 200%
    }

    .landing-page .section-2-scale {
        justify-content: center
    }

    .landing-page .section-2-scale .container-wrapper {
        width: 100%
    }

    .landing-page .section-3 {
        padding-top: 20px
    }

    .landing-page .section-3 .title {
        margin-top: 64px;
        margin-bottom: 30px;
        font-size: 20px
    }

    .landing-page .section-3 .partners {
        height: 70px;
        padding: 12px 0
    }

    .landing-page .section-3 .partners .partners-inner {
        gap: 16px;
        animation: logoMoveM 35s linear infinite
    }

    .landing-page .section-3 .investors {
        gap: 10px
    }

    .landing-page .section-3 .investors .investors-item {
        width: 150px;
        height: 50px
    }

    .landing-page .section-3 .auditors {
        gap: 10px
    }

    .landing-page .section-3 .auditors .auditors-item {
        width: 150px;
        height: 50px
    }

    .landing-page .section-3 .footer {
        margin-bottom: 10px
    }

    .detail-dialog {
        width: 95%;
        max-width: 550px;
        right: 50%;
        top: 60px;
        bottom: 60px;
        transform: translate(200%)
    }

    .detail-dialog .card {
        padding: 20px
    }

    .detail-dialog .card .title-box .icon {
        width: 24px
    }

    .detail-dialog .card .title-box .text {
        font-size: 18px
    }

    .detail-dialog .card .intro {
        margin-top: 16px;
        font-size: 12px
    }

    .detail-dialog .card .info {
        margin: 20px 0
    }

    .detail-dialog .card .info .info-item .item-label {
        font-size: 12px;
        letter-spacing: .2px
    }

    .detail-dialog .card .info .info-item .item-value {
        font-size: 24px
    }

    .detail-dialog .card .info .info-item .item-value .item-unit {
        font-size: 14px;
        margin-left: 3px
    }

    .detail-dialog .card .info .info-item-last {
        margin-top: 14px
    }

    .detail-dialog .card .btns {
        margin-top: 20px;
        gap: 14px
    }

    .detail-dialog .card .btns .btn {
        width: calc(50% - 7px);
        height: 36px;
        font-size: 16px;
        border-radius: 6px
    }

    .detail-dialog .card .btns .btn:nth-child(3) {
        font-size: 16px
    }

    .detail-dialog .card-2 {
        margin-top: 20px
    }

    .detail-dialog .card-2 .title {
        font-size: 18px;
        margin-bottom: 30px
    }

    .detail-dialog .card-2 .card-item {
        margin-bottom: 14px
    }

    .detail-dialog .card-2 .card-item .subtitle {
        gap: 5px;
        margin-bottom: 10px
    }

    .detail-dialog .card-2 .card-item .subtitle span {
        font-size: 14px
    }

    .detail-dialog .card-2 .card-item .content .content-item {
        height: 100px;
        border-radius: 6px;
        padding: 6px 16px
    }

    .detail-dialog .card-2 .card-item .content .content-item .item-icon {
        width: 24px
    }

    .detail-dialog .card-2 .card-item .content .content-item .item-title {
        margin-top: 6px;
        font-size: 12px
    }

    .detail-dialog .card-2 .card-item .content .content-item .item-intro {
        font-size: 10px;
        margin-top: 2px
    }
}

.egp-banner {
    width: 800px;
    margin: 0 auto 50px;
    z-index: 3000
}

@media screen and (max-width: 768px) {
    .egp-banner {
        width: 80%;
        margin: 10px auto 20px
    }
}

._root_nkfts_1 {
    display: flex;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 2px solid #137CE7;
    color: #0b366b;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

._dark_nkfts_15 {
    color: #fff
}

._root_1l6zc_1 {
    border-radius: 12px;
    border: 2px solid #137CE7
}

._header_1l6zc_6 {
    display: flex;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px 12px 0 0;
    color: #0b366b;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    gap: 12px
}

._dark_1l6zc_21 ._header_1l6zc_6 {
    color: #fff
}

._content_1l6zc_25 {
    padding: 24px 20px;
    border-radius: 0 0 12px 12px
}

._TreauryValue_1l6zc_30,
._AssetAllocationChart_1l6zc_34 {
    margin-bottom: 24px
}

._root_22nma_1 {
    display: flex
}

._assetItem_22nma_5 {
    display: flex;
    flex-direction: column;
    gap: 11px;
    justify-content: center;
    align-items: center;
    min-width: 40px
}

._assetItem_22nma_5 img {
    width: 50px
}

._assetItemName_22nma_18 {
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

._PNP_22nma_31 ._assetItemName_22nma_18 {
    background: #2bb1ba
}

._RDP_22nma_35 ._assetItemName_22nma_18 {
    background: #6048e6
}

._CKP_22nma_39 ._assetItemName_22nma_18 {
    background: #d1884f
}

._EGP_22nma_43 ._assetItemName_22nma_18 {
    background: #1a0c6d
}

._table_16vo8_1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 18px
}

._table_16vo8_1 th {
    color: #658aaf;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

._table_16vo8_1 tr {
    margin-bottom: 18px
}

._itemInfo_16vo8_18 {
    display: flex;
    align-items: center
}

._itemName_16vo8_23 {
    display: flex;
    gap: 11px;
    color: #0b366b;
    width: 120px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    align-items: center
}

._dark_16vo8_34 ._itemName_16vo8_23 {
    color: #fff
}

._itemName_16vo8_23 img {
    width: 32px
}

._AssetAllocationInfo_16vo8_42 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._AssetAllocationBar_16vo8_52 {
    height: 16px;
    border-radius: 200px;
    background: #137ce7;
    position: relative
}

._AssetAllocationVestedBar_16vo8_59 {
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 0px;
    border-radius: 200px
}

._TokenCol_16vo8_68 {
    text-align: left
}

._VestedColHeader_16vo8_72,
._VestingColHeader_16vo8_79 {
    display: flex;
    gap: 3px;
    align-items: center;
    justify-content: right
}

._VestedCol_16vo8_72,
._VestedColValue_16vo8_86,
._VestingCol_16vo8_79,
._VestingColValue_16vo8_90 {
    text-align: right
}

._PNP_16vo8_94 ._VestedColValue_16vo8_86 {
    color: #2bb1ba
}

._CKP_16vo8_98 ._VestedColValue_16vo8_86 {
    color: #d1884f
}

._RDP_16vo8_102 ._VestedColValue_16vo8_86 {
    color: #6048e6
}

._CMP_16vo8_106 ._VestedColValue_16vo8_86 {
    color: #cd9808
}

._EGP_16vo8_110 ._VestedColValue_16vo8_86 {
    color: #1b106b
}

._dark_16vo8_34 ._EGP_16vo8_110 ._VestedColValue_16vo8_86 {
    color: #c4c4e6
}

._LTP_16vo8_118 ._VestedColValue_16vo8_86 {
    color: #1b106b
}

._VestedColValue_16vo8_86 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._VestingColValue_16vo8_90 {
    color: #137ce7;
    font-size: 16px;
    font-weight: 500
}

._comingSoon_16vo8_135 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._PNP_16vo8_94 ._comingSoon_16vo8_135 {
    color: #2bb1ba
}

._CKP_16vo8_98 ._comingSoon_16vo8_135 {
    color: #d1884f
}

._RDP_16vo8_102 ._comingSoon_16vo8_135 {
    color: #6048e6
}

._CMP_16vo8_106 ._comingSoon_16vo8_135 {
    color: #cd9808
}

._EGP_16vo8_110 ._comingSoon_16vo8_135,
._LTP_16vo8_118 ._comingSoon_16vo8_135 {
    color: #1b106b
}

._PNP_16vo8_94 ._AssetAllocationValue_16vo8_166 {
    color: #2bb1ba
}

._CKP_16vo8_98 ._AssetAllocationValue_16vo8_166 {
    color: #d1884f
}

._RDP_16vo8_102 ._AssetAllocationValue_16vo8_166 {
    color: #6048e6
}

._CMP_16vo8_106 ._AssetAllocationValue_16vo8_166 {
    color: #cd9808
}

._EGP_16vo8_110 ._AssetAllocationValue_16vo8_166 {
    color: #1b106b
}

._dark_16vo8_34 ._EGP_16vo8_110 ._AssetAllocationValue_16vo8_166 {
    color: #c4c4e6
}

._PNP_16vo8_94 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #2bb1ba
}

._CKP_16vo8_98 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #d1884f
}

._RDP_16vo8_102 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #6048e6
}

._CMP_16vo8_106 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #cd9808
}

._EGP_16vo8_110 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #1b106b
}

._dark_16vo8_34 ._EGP_16vo8_110 ._AssetAllocationVestedBar_16vo8_59 {
    background-color: #c4c4e6
}

._FeaturePools_wtg7f_1 {
    width: 850px;
    display: flex;
    gap: 20px;
    margin: 0 auto 100px
}

@media screen and (max-width: 768px) {
    ._FeaturePools_wtg7f_1 {
        width: 80%;
        margin-bottom: 50px
    }
}

._FeaturePool_wtg7f_1 {
    border-radius: 12px;
    border: 1.4px solid #FFF;
    background: linear-gradient(90deg, #c0dffd 20.34%, #fff0);
    display: flex;
    padding: 10px 16px;
    align-items: center;
    gap: 12px;
    transition: transform .3s ease, box-shadow .3s ease;
    cursor: pointer;
    flex: 1
}

@keyframes _float_wtg7f_1 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

._FeaturePool_wtg7f_1 {
    animation: _float_wtg7f_1 3s ease-in-out infinite
}

._FeaturePool_wtg7f_1:nth-child(1) {
    animation-delay: 0s
}

._FeaturePool_wtg7f_1:nth-child(2) {
    animation-delay: .2s
}

._FeaturePool_wtg7f_1:nth-child(3) {
    animation-delay: .4s
}

._FeaturePool_wtg7f_1:nth-child(4) {
    animation-delay: .6s
}

._poolName_wtg7f_59 {
    color: #3b3765;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

._subdaoName_wtg7f_67 {
    color: #3b3765;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize
}

._APR_wtg7f_75 {
    display: flex;
    padding: 4px 6px;
    align-items: center;
    gap: 4px;
    border-radius: 100px;
    background: #137ce7
}

._APRName_wtg7f_84 {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500
}

._APRValue_wtg7f_91 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

._poolInfo_wtg7f_99 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1
}

._poolInfo2_wtg7f_106 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._dark_wtg7f_113 ._FeaturePool_wtg7f_1 {
    border-radius: 12px;
    border: 1.4px solid #FFF;
    background: linear-gradient(90deg, #0e58a5 20.34%, #252b6500)
}

._dark_wtg7f_113 ._poolName_wtg7f_59 {
    color: #fff
}

._dark_wtg7f_113 ._subdaoName_wtg7f_67 {
    color: #8fa9e2
}

._root_1t6gj_1 {
    position: relative;
    width: 46px;
    height: 46px
}

._root_1t6gj_1 ._token0Img_1t6gj_6 {
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    border-radius: 14px
}

._root_1t6gj_1 ._token1Img_1t6gj_16 {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0;
    border-radius: 10px
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}