* {
    box-sizing: border-box;
    padding: 0%;
    margin: 0%;
}

a {
    text-decoration: none;

}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

body {
    font-family: Quantico, sans-serif !important;
}

.container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.quantico {
    font-family: Quantico, sans-serif !important;
}

/* div#root{
    width: 100%;
    overflow-x: hidden;
} */
/* div#navbarSupportedContent{
    background: #000;
    padding: 20px;
    border-radius: 10px;
} */
.nav-logo {
    max-width: 50px;
    width: 100%;
    object-fit: cover;
}

.crypto-token-banner-text h1 {
    font-size: 100px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    margin-bottom: 45px;
    text-transform: uppercase;
}

.crypto-token-banner-text p {
    font-size: 18px;
    line-height: 200%;
    color: rgb(255, 255, 255);
    max-width: 650px;
    margin-bottom: 58px;
}

.crypto-token-banner-ball {
    position: absolute;
    right: 15%;
    top: 19%;
    z-index: 0;
}

.crypto-token-banner-inner .overlay .masd-grad {
    position: absolute;
    right: -158px;
    top: -100px;
}

.fKNLTS .crypto-banner-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 25px 40px;
}
.crypto-token-banner-shape {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0.5;
}

.heqMfl {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 200ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 200ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {
    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.fKNLTS .crypto-banner-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 25px 40px;
}

.fKNLTS .crypto-banner-card p {
    font-size: 18px;
    line-height: 100px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    position: relative;
    width: max-content;
}

.fKNLTS .crypto-banner-card p::after {
    content: "";
    height: 11px;
    width: 11px;
    background: rgb(191, 255, 10);
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 45px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.kFxwYN {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 250ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 250ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {
    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.gzimNZ.crypto.sticky,
.gzimNZ.crypto-token.sticky,
.gzimNZ.defi.sticky {
    background-color: rgba(255, 255, 255, 0.063);
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px);
}


.gzimNZ.sticky {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 15px;
    backdrop-filter: blur(10px);
    top: 0px;
    animation: 0.3s linear 0s 1 normal none running headerAnimetion;
    padding: 10px 0px !important;
}

.fKNLTS .crypto-banner-card2 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 18px 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.fKNLTS .crypto-banner-card2 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    border-radius: 20px;
    padding: 18px 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.fKNLTS .crypto-banner-card2 p {
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    line-height: 60px;
    position: relative;
    width: max-content;
    padding-left: 25px;
}

.fKNLTS .crypto-banner-card2 p::before {
    content: "";
    height: 11px;
    width: 11px;
    background: rgb(191, 255, 10);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 25px;
}

.fKNLTS .crypto-banner-card2 h2 {
    font-size: 40px;
    line-height: 60px;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.fKNLTS .CountUp-module_mainContainer__515y8::before {
    background: transparent;
}

.CountUp-module_mainContainer__515y8:before {
    background: linear-gradient(0deg, hsla(0, 0%, 96%, 0) 0, #f5f5f5);
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
    color: #fff !important;
}

.fKNLTS .crypto-token-banner-ball img {
    animation: 8s linear 0s infinite normal none running rotate360;
}

.gzimNZ {
    position: absolute;
    /* z-index: 9999; */
    top: 0px;
    left: 0px;
    width: 100%;
    /* padding: 15px 0px; */
}

.crypto-token-banner-card-section {
    margin-top: 150px;
}

.fKNLTS .crypto-token-banner-inner .bottom-overlay {
    height: 50%;
    width: 100%;
    bottom: 0px;
    position: absolute;
    z-index: 0;
    background: linear-gradient(rgba(13, 16, 20, 0) 0%, rgba(13, 16, 20, 0.76) 65.1%, rgb(13, 16, 20) 85.42%);
}

/* video section css start  */
.bVTtCf {
    padding-top: 50px;
}

.bVTtCf .banner-video-card {
    height: 550px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bVTtCf .banner-video-card video {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 30px;
}

.heqMfl {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 200ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 200ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {
    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.cd-headline.slide b.is-hidden {
    animation: 0.6s ease 0s 1 normal none running slide-out;
}

@keyframes slide-out {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }

    60% {
        opacity: 0;
        transform: translateY(120%);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

.bVTtCf .banner-video-card h2 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-size: 70px;
    text-transform: uppercase;
    line-height: 117%;
}

/* key point section css start  */
.hzZpZD {
    padding-top: 140px;
    padding-bottom: 128px;
}

.hzZpZD .key-points-card {
    min-height: 100%;
    padding: 40px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.hzZpZD .key-points-card .blur {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    opacity: 0;
    transition: 0.5s;
}

.hzZpZD .key-points-card .doted-line {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
    opacity: 0;
    transition: 0.5s;
}

.hzZpZD .key-points-card .card-tag {
    padding: 8px 20px;
    background: linear-gradient(90deg, rgba(208, 46, 190, 0.2) 0%, rgba(108, 211, 108, 0.2) 100%);
    border-radius: 20px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    min-height: 40px;
    line-height: 30px;
    font-size: 15px;
}

.hzZpZD .key-points-card h3 {
    margin-bottom: 25px;
    margin-top: 22px;
    max-width: 240px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    letter-spacing: 0px;
    /* color: rgb(17, 17, 17); */
    line-height: 1.46;
}

.hzZpZD .key-points-card:hover .blur,
.hzZpZD .key-points-card:hover .doted-line {
    opacity: 1;
}

.hzZpZD .key-points-card p {
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2;
}

.hzZpZD .key-points-card p {
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2;
}

.hzZpZD .key-points-card .card-link img {
    transition: 0.3s;
    margin-left: 14px;
}

.key-point-peragraph {
    line-height: 30px;
    word-spacing: 3px;
}

.hzZpZD .key-points-card .card-img {
    margin-top: 76px;
    position: relative;
    z-index: 2;
}

.hzZpZD .key-points-card .card-tag {
    padding: 8px 20px;
    background: linear-gradient(90deg, rgba(208, 46, 190, 0.2) 0%, rgba(108, 211, 108, 0.2) 100%);
    border-radius: 20px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    min-height: 40px;
    line-height: 30px;
    font-size: 15px;
}

.hzZpZD .key-points-card h3 {
    margin-bottom: 25px;
    margin-top: 22px;
    max-width: 230px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

/* crypto token feature section css start  */
.iOUJoK {
    position: relative;
}

.iOUJoK .text-with-img .text.add-img:hover::after {
    width: 100%;
}

.iOUJoK .text-with-img .text.add-img:hover {
    opacity: 1;
    z-index: 2;
}

.iOUJoK .text-with-img .text.add-img::after {
    content: "";
    padding: 2px 0px;
    transition: 0.3s;
    width: 0%;
    background: linear-gradient(90deg, rgb(208, 46, 190) 0%, rgb(191, 255, 10) 100%);
    border-radius: 20px;
    position: absolute;
    bottom: -8px;
    left: 0px;
}

.iOUJoK .text-with-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 120%;
    text-align: center;
    color: rgb(255, 255, 255);
    max-width: 913px;
    text-transform: uppercase;
    width: 100%;
    margin: auto auto 110px;
}

.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}

.iOUJoK .text-with-img .text {
    width: max-content;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .word,
.splitting .char {
    display: inline-block;
}

.iOUJoK .text-with-img .text.add-img {
    opacity: 0.5;
    transition: 0.3s;
}

.iOUJoK .text-with-img .text.add-img img {
    display: none;
    margin-top: -10px;
}

.iOUJoK .text-with-img .text.add-img::after {
    content: "";
    padding: 2px 0px;
    transition: 0.3s;
    width: 0%;
    background: linear-gradient(90deg, rgb(208, 46, 190) 0%, rgb(191, 255, 10) 100%);
    border-radius: 20px;
    position: absolute;
    bottom: -8px;
    left: 0px;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(1) {
    background: rgb(191, 255, 10);
}

.iOUJoK .crypto-token-features-cards .stack__card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    position: sticky;
    top: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 3px, rgba(0, 0, 0, 0.25) 0px -1px 2px;
    margin-top: -20px;
    border-radius: 30px;
    overflow: hidden;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(1) .card-bg {
    background: url(../img/card-bg1-B2MhEtNR.png) center center / cover no-repeat;
}

.iOUJoK .crypto-token-features-cards .stack__card .card-bg {
    height: 100%;
    width: 100%;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(1) .card-bg .overlay {
    background: linear-gradient(rgb(191, 255, 10) 0%, rgba(191, 255, 10, 0.8) 35.2%, rgba(191, 255, 10, 0) 100%);
    height: 100%;
    padding: 80px 70px;
    width: 100%;
}

.title {
    line-height: 135% !important;
}

.iOUJoK .crypto-token-features-cards .stack__card .title h4 {
    text-transform: uppercase;
}

.dm-sans {
    font-family: "DM Sans", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    letter-spacing: 0px;
    color: rgb(17, 17, 17);
    line-height: 1.46;
}

.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc((var(--char-offset)* var(--char-offset)) / var(--char-center));
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc((var(--distance) / var(--char-center)));
}

body {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: rgb(68, 68, 68);
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
}

.iOUJoK .crypto-token-features-text h2 {
    margin-bottom: 32px;
    font-family: Quantico, sans-serif;
    font-size: 50px;
    line-height: 120%;
    text-transform: uppercase;
}

.iOUJoK .crypto-token-features-text p {
    margin-bottom: 0px;
    color: rgb(17, 17, 17);
}

.iOUJoK .super-gainers-info-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px -15px;
    width: 100%;
    padding-top: 32px;
    justify-content: space-between;
}

.iOUJoK .super-gainers-info-section .super-gainers-info {
    width: 50%;
    padding: 15px;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(2) {
    background: rgb(255, 123, 202);
}

.iOUJoK .crypto-token-features-cards .stack__card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    position: sticky;
    top: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 3px, rgba(0, 0, 0, 0.25) 0px -1px 2px;
    margin-top: -20px;
    border-radius: 30px;
    overflow: hidden;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(2) .card-bg {
    background: url(../img/card-bg2-BK__xIpE.png) center top / contain no-repeat;
    width: 100%;
    padding: 80px 70px;
}

.iOUJoK .crypto-token-features-cards .stack__card .card-bg {
    height: 100%;
    width: 100%;
}

.iOUJoK .crypto-token-features-img {
    position: absolute;
    bottom: 0px;
}

.iOUJoK .features-img-inner {
    position: relative;
}

.iOUJoK .features-img-inner .setting-icon {
    position: absolute;
    top: 25px;
    left: 25px;
    animation: 5s linear 0s infinite normal none running rotate360;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bQLjvB {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 300ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 300ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {
    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.iOUJoK .crypto-token-features-text a {
    color: rgb(17, 17, 17);
    transition: 0.3s;
    font-weight: 700;
}

.iOUJoK .crypto-token-features-text a img {
    transition: 0.3s;
    margin-left: 14px;
}

.iOUJoK .crypto-token-features-text a:hover img {
    transform: rotate(-45deg);
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(3) {
    background: rgb(173, 255, 235);
}

.iOUJoK .crypto-token-features-cards .stack__card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    position: sticky;
    top: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 3px, rgba(0, 0, 0, 0.25) 0px -1px 2px;
    margin-top: -20px;
    border-radius: 30px;
    overflow: hidden;
}

.iOUJoK .crypto-token-features-cards .stack__card .card-bg {
    height: 100%;
    width: 100%;
}

.iOUJoK .crypto-token-features-cards .stack__card:nth-child(3) .card-bg {
    background: url(../img/card-bg3-fwWHB9ab.png) center bottom / contain no-repeat;
    width: 100%;
    padding: 80px 70px;
}

.iOUJoK .crypto-token-features-cards .stack__card .title h4 {
    text-transform: uppercase;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

/* brand section css start  */
.hjSgN {
    padding: 140px 0px 121px;
}

.hjSgN .crypto-token-tag-inner {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.hjSgN .crypto-token-tag-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    animation: 25s linear 0s infinite normal none running smoothSlider;
}

@keyframes smoothSlider {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-1200px);
    }
}

.hjSgN .crypto-token-tag-list .tag.skyblue {
    background: rgb(174, 227, 253);
}

.hjSgN .crypto-token-tag-list .tag {
    font-family: Quantico, sans-serif;
    margin-right: 30px;
    padding: 0px 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 250%;
    text-transform: uppercase;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 50px;
}

.hjSgN .crypto-token-tag-list .tag.skyblue2 {
    background: rgb(173, 255, 235);
}

.hjSgN .crypto-token-tag-list .tag.offwhite {
    background: rgb(255, 248, 231);
}

.hjSgN .crypto-token-tag-list .tag.skyblue3 {
    background: rgb(173, 229, 255);
}

.hjSgN .crypto-token-tag-list .tag.pink {
    background: rgb(255, 123, 202);
}

.hjSgN .crypto-token-tag-list .tag.yellow {
    background: rgb(242, 221, 9);
}

.hjSgN .crypto-token-tag-list .tag.offwhite {
    background: rgb(255, 248, 231);
}

.hjSgN .crypto-token-tag-list .tag.yellowgreen {
    background: rgb(191, 255, 10);
}

/* crypto token partners css start  */
.cYALgd {
    margin-bottom: 140px;
    background: url(../img/grain-texture-DYWmYZVu.png) center top / cover no-repeat;
    position: relative;
}

.cYALgd::before {
    content: "";
    position: absolute;
    height: 250px;
    width: 100%;
    top: -47px;
    left: 0px;
    background: linear-gradient(rgb(13, 16, 20) 0%, rgba(13, 16, 20, 0) 100%);
}

.cYALgd::after {
    content: "";
    position: absolute;
    height: 20%;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(rgba(13, 16, 20, 0) 0%, rgb(13, 16, 20) 100%);
}

.cYALgd .partners-title {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 133%;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 64px;
    position: relative;
    z-index: 1;
}

.cYALgd .green-shape {
    position: absolute;
    z-index: 0;
    left: 20%;
    top: 20%;
}

.cYALgd .partners-list {
    position: relative;
    z-index: 1;
}

.cYALgd .partners-list ul {
    margin: 0px -15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.cYALgd .partners-list ul li {
    width: 20%;
    padding: 0px 15px;
    margin-bottom: 30px;
}

.cYALgd .partners-logo {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    min-width: 210px;
    min-height: 210px;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

img,
svg {
    vertical-align: middle;
}

.cYALgd .partners-logo .btn-outline {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

.cYALgd .partners-logo .round {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.063);
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: -1;
    animation: 0.2s ease 0s 1 normal forwards running scale-down;
}

@keyframes scale-down {
    0% {
        transform: scale(600);
    }

    100% {}
}

.round {
    top: 210px;
    left: 193px;
    width: 1px;
    height: 1px;
}

.cYALgd .partners-logo:hover {
    cursor: pointer;
}

.cYALgd .partners-logo:hover .btn-outline {
    opacity: 1;
    animation: 5s linear 0s infinite normal none running rotate360 ;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.cYALgd .partners-list ul {
    margin: 0px -15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0px;
}

.cYALgd .partners-logo .btn-outline {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
}

/* scrool text section css start  */
.jRgfhY {
    background: url(../img/dotted-bg-BaYuvdoO.svg) center center / cover no-repeat;
    padding: 54px 0px;
    /* overflow: hidden; */
}

.jRgfhY .scroll-text-inner ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.jRgfhY .scroll-text-inner ul li {
    margin-right: 38px;
    font-family: Quantico, sans-serif;
    line-height: 100%;
    font-size: 100px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.heqMfl {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 200ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 200ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {

    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}
.tokenomics-progress-section{
    margin-top: 100px;
}
/* .ex-tokenomic-card{
    display: flex;
    flex-direction: column; 
    gap: 160px; 
    margin-top: 190px;
}
.ex-tokenomic-card1{
    display: flex;
    flex-direction: column; 
    gap: 40px; 
    margin-top: 70px;
    
} */
/* .ex-tokenomic-card0{
    display: flex;
    flex-direction: column; 
    gap: 90px; 
    margin-top: 120px;
} */
h3.quantico.number-diy {
    font-size: 20px;
}
/* .bsaquP .tokenomics-progress-section {
    margin-top: -100px;
} */
/* crypto toknomic section css start  */

.bsaquP {
    padding-top: 140px;
}

.bsaquP .tokenomics-card {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
}

.bsaquP .tokenomics-card .overlay {
    background: url(../img/grain-texture-DYWmYZVu.png) center center / cover no-repeat;
    height: 100%;
    padding: 121px 100px 136px;
}

.bsaquP .tokenomics-card .overlay .shape {
    position: absolute;
    top: 0px;
    left: 15%;
    z-index: 0;
}

.bsaquP .tokenomics-content {
    position: relative;
    z-index: 2;
}

.bsaquP .tokenomics-content h2 {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 51px;
}

.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .word,
.splitting .char {
    display: inline-block;
}

.bsaquP .tokenomics-progress-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.community {
    width: 50%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.community .tokenomics-progress-bg {
    background: rgb(191, 255, 10);
    opacity: 0.8;
    border-radius: 30px 0px 0px 30px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
    height: 60px;
    overflow: hidden;
    margin-bottom: 26px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text h3 {
    font-family: Quantico, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-text p {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.team {
    width: 15%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.team .tokenomics-progress-bg {
    background: rgb(255, 123, 202);
    opacity: 0.8;
    border-radius: 0px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
    height: 60px;
    overflow: hidden;
    margin-bottom: 26px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.investor {
    width: 8%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.investor .tokenomics-progress-bg {
    background: rgb(173, 255, 235);
    opacity: 0.8;
    border-radius: 0px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
    height: 60px;
    overflow: hidden;
    margin-bottom: 26px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.advisors {
    width: 5%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.Development .tokenomics-progress-bg {
    background: rgb(173, 255, 177);
    opacity: 0.8;
    /* border-radius: 0px 30px 30px 0px; */
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.Development {
    width: 2.5%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.Eco-System .tokenomics-progress-bg {
    background: rgb(233, 255, 173);
    opacity: 0.8;
    /* border-radius: 0px 30px 30px 0px; */
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.Eco-System {
    width: 2.5%;
}
/* Founder-team */
.bsaquP .tokenomics-progress-section .tokenomics-progress.Founder-team .tokenomics-progress-bg {
    background: rgb(247, 186, 129);
    opacity: 0.8;
    /* border-radius: 0px 30px 30px 0px; */
}
.bsaquP .tokenomics-progress-section .tokenomics-progress.Founder-team {
    width: 2%;
}

/* Rewards-User */
.bsaquP .tokenomics-progress-section .tokenomics-progress.Rewards-User .tokenomics-progress-bg {
    background: rgb(241, 100, 100);
    opacity: 0.8;
    /* border-radius: 0px 30px 30px 0px; */
}
.bsaquP .tokenomics-progress-section .tokenomics-progress.Rewards-User {
    width: 10%;
}

/* Charity */
.bsaquP .tokenomics-progress-section .tokenomics-progress.Charity .tokenomics-progress-bg {
    background: rgb(138, 100, 241);
    opacity: 0.8;
    /* border-radius: 0px 30px 30px 0px; */
}
.bsaquP .tokenomics-progress-section .tokenomics-progress.Charity {
    width: 5%;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress.advisors .tokenomics-progress-bg {
    background: rgb(206, 92, 235);
    opacity: 0.8;
    border-radius: 0px 30px 30px 0px;
}

.bsaquP .tokenomics-progress-section .tokenomics-progress .tokenomics-progress-bg {
    height: 60px;
    overflow: hidden;
    margin-bottom: 26px;
}

.bQLjvB {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 300ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 300ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {

    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.bsaquP .tokenomics-list ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.bsaquP .tokenomics-list ul li {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.bsaquP .tokenomics-list ul li span {
    font-weight: 700;
    line-height: 167%;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.bsaquP .tokenomics-list ul li h5 {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 167%;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.bsaquP .tokenomics-list ul li h5 span {
    color: rgb(191, 254, 11);
    margin-left: 20px;
}

/* lastest news section css start  */
.cyMWnU {
    padding-top: 122px;
    position: relative;
}

.cyMWnU .latest-news-title {
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    gap: 20px;
}

.cyMWnU .latest-news-title h2 {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.cyMWnU .latest-news-title a {
    color: rgb(255, 255, 255);
    transition: 0.3s;
}

.cyMWnU .latest-news-title a img {
    filter: brightness(100);
    margin-left: 14px;
    transition: 0.3s;
}

.bQLjvB {
    opacity: 1;
    transform: translateY(0px);
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    transition: opacity 0.7s ease-out 300ms, transform 0.7s ease-out;
    animation: 0.7s ease-out 300ms 1 normal none running bounceInUp;
}

@keyframes bounceInUp {

    0% {
        transform: translateY(48px);
    }

    60% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.cyMWnU .news-content .news-row-section {
    position: relative;
}

.cyMWnU .news-content .news-row-section::after {
    content: "";
    height: 60px;
    width: 50%;
    background: linear-gradient(90deg, rgba(208, 46, 190, 0.1) 0%, rgba(208, 46, 190, 0) 100%);
    position: absolute;
    left: 0px;
    z-index: 0;
    top: 32%;
}

.cyMWnU .news-content .news-row {
    padding: 25px 100px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cyMWnU .news-content .news-row .news-link {
    position: relative;
    z-index: 1;
}

.cyMWnU .news-content .news-row h5 {
    font-family: Quantico, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 0px;
}

.cyMWnU .news-content .news-row h3 {
    font-family: Quantico, sans-serif;
    line-height: 50px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-top: 20px;
}

.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char::before,
.splitting .char::after {
    content: attr(data-char);
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    transition: inherit;
    user-select: none;
}

.cyMWnU .news-content .news-row .link {
    height: 29px;
    width: 24px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    right: 100px;
    top: 38%;
    z-index: 11;
}

.cyMWnU .news-content .news-row .link .link-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: rotate(-135deg) translateY(-35px);
    transition: 0.3s;
}

.cyMWnU .news-content .news-row .news-row-bg.news1 {
    background: url(../img/news_1-CTJLXC5Q.png);
}

.cyMWnU .news-content .news-row:hover .news-row-bg {
    transform: scale(1.3);
    top: 0px;
}

.cyMWnU .news-content .news-row .news-row-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 100%;
    z-index: 0;
    transition: 0.3s;
}

/* Documents section css start  */
.bgtoUI {
    padding-top: 122px;
    position: relative;
}

.bgtoUI .documents-title {
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.bgtoUI .documents-title h2 {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

.bgtoUI .documents-content .doc-row-section {
    position: relative;
}

.bgtoUI .documents-content .doc-row-section::after {
    content: "";
    height: 60px;
    width: 50%;
    background: linear-gradient(90deg, rgba(108, 211, 108, 0) 0%, rgba(108, 211, 108, 0.1) 100%);
    position: absolute;
    right: 0px;
    top: 33%;
    z-index: 0;
}

.bgtoUI .documents-content .documents-row {
    padding: 50px 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    position: relative;
    z-index: 1;
}

.bgtoUI .documents-content .documents-row h3 {
    font-family: Quantico, sans-serif;
    line-height: 50px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin-bottom: 0px;
}

.documents-row:hover img.doc-img {
    display: block;
    z-index: 2;
}

.documents-row {
    z-index: -1;
}

.bgtoUI .documents-content .documents-row .doc-img {
    display: none;
    position: absolute;
    margin-top: -167px;
}

/* crypto token social section css start  */

.npAOL {
    padding: 140px 0px;
}

.npAOL .crypto-social-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px -15px;
}

.npAOL .crypto-social-list .crypto-social-link {
    width: 20%;
}

.npAOL .crypto-social-btn {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 30px;
    height: 210px;
    max-width: 210px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.npAOL .crypto-social-list .crypto-social-link .crypto-social-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 72px;
    max-height: 42px;
    overflow: hidden;
}

.npAOL .crypto-social-list .crypto-social-link .crypto-social-icon img {
    margin-bottom: 10px;
    transition: 0.3s;
}

.npAOL .crypto-social-list .crypto-social-link:hover .crypto-social-icon img {
    transform: translateY(-48px);
}

/* footer section css start  */


.igfrrw.token-footer-section {
    background: url(../img/bg_footer-4ECt0ZRl.png) center center / cover no-repeat fixed;
}

.igfrrw.token-footer-section .overlay {
    background: url(../img/grain-texture-DYWmYZVu.png) center center / cover no-repeat fixed;
    height: 100%;
}

.igfrrw.token-footer-section .overlay .overlay2 {
    background: linear-gradient(rgb(13, 16, 20) 0%, rgba(13, 16, 20, 0.8) 100%);
    height: 100%;
    width: 100%;
    position: relative;
}

.igfrrw .token-footer-menu-section {
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.igfrrw .token-footer-menu-section .footer-column {
    padding-top: 73px;
    padding-bottom: 70px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    min-height: 100%;
    padding-left: 8px;
}

.igfrrw .token-footer-menu-section .footer-column {
    padding-top: 73px;
    padding-bottom: 70px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    min-height: 100%;
    padding-left: 8px;
}

.igfrrw .token-footer-menu-section .footer-column h5 {
    margin-bottom: 26px;
    font-family: Quantico, sans-serif;
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 167%;
    text-transform: uppercase;
}

.igfrrw .token-footer-menu-section .footer-column ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.igfrrw .token-footer-menu-section .footer-column ul li a {
    color: rgba(255, 255, 255, 0.8);
    line-height: 240%;
    font-weight: 500;
    transition: 0.3s;
}

.igfrrw .token-subscribe-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 30px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.igfrrw .token-subscribe-section input[type="email"] {
    background: transparent;
    overflow: hidden;
    height: 100%;
    max-width: 500px;
    width: 100%;
    border: none;
    outline: none;
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 167%;
    color: rgb(255, 255, 255);
}

.igfrrw .token-subscribe-section input[type="submit"] {
    background: rgb(191, 255, 10);
    border-radius: 50px;
    max-width: 293px;
    width: 100%;
    overflow: hidden;
    color: rgb(17, 17, 17);
    font-weight: 700;
    line-height: 26px;
    padding: 17px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
}

.igfrrw .token-footer-bottom-text {
    padding: 40px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.igfrrw .token-footer-bottom-text .text {
    font-family: Quantico, sans-serif;
    font-weight: 700;
    font-size: 99px;
    line-height: 120px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

.igfrrw .token-footer-bottom-text .text span {
    position: relative;
}

/* .igfrrw .token-footer-bottom-text .text span.top {
    top: -70px;
    transition: 0.3s;
} */
.igfrrw.token-footer-section .overlay .overlay2 .footer-shape {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    text-align: center;
    z-index: 0;
}

.fYlIwF.progress-done {
    visibility: visible;
    transform: translateY(0px);
}

/* .igfrrw .token-footer-bottom-text .text span.top {
    top: -70px;
    transition: 0.3s;
} */
.igfrrw .token-footer-bottom-text .text span {
    position: relative;
}

.fYlIwF {
    position: fixed;
    right: 30px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    box-shadow: rgba(128, 130, 134, 0.25) 0px 0px 0px 0.1rem inset;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.75rem);
    transition: 0.2s linear, margin-right;
}

.fYlIwF .staco-scroll-top-icon.crypto-token {
    color: rgb(191, 255, 10);
}

.fYlIwF .staco-scroll-top-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: rgba(0, 149, 255, 0.8);
}

.video-texts-animy{
    position: relative;
    z-index: 2;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-size: 70px;
    text-transform: uppercase;
    line-height: 37% !important;
}
/* extra css annimatio  */




p {
  text-shadow: 0 0 7px rgba(255,255,255,.3), 0 0 3px rgba(255,255,255,.3);
}
.containers {
  color: #e5e5e5;
  font-size: 2.26rem;
  text-transform: uppercase;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animation {
  height:70px;
  overflow:hidden;
  margin-left: 1rem;
  padding: 20px;
}

.animation > div > div {
  padding: 0.25rem 0.75rem;
  height:2.81rem;
  margin-bottom: 2.81rem;
  display:inline-block;
}

.animation div:first-child {
  animation: text-animation 8s infinite;
}



@keyframes text-animation {
  0% {margin-top: 0;}
  10% {margin-top: 0;}
  20% {margin-top: -5.62rem;}
  30% {margin-top: -5.62rem;}
  40% {margin-top: -11.24rem;}
  60% {margin-top: -11.24rem;}
  70% {margin-top: -5.62rem;}
  80% {margin-top: -5.62rem;}
  90% {margin-top: 0;}
  100% {margin-top: 0;}
}


/* banner section text annimation  */

.key {
    font-size: 100px;
    display: inline-block;
    letter-spacing: -1vw;
    transition: transform 0.2s;
  }
  
  
  
  @keyframes pressDown1 {
    30%,
    40%,
    100% {
      transform: translateY(0);
    }
    35% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown2 {
    70%,
    80%,
    100% {
      transform: translateY(0);
    }
    75% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown3 {
    30%,
    40%,
    100% {
      transform: translateY(0);
    }
    35% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown4 {
    40%,
    50%,
    100% {
      transform: translateY(0);
    }
    45% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown5 {
    20%,
    30%,
    100% {
      transform: translateY(0);
    }
    25% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown6 {
    60%,
    70%,
    100% {
      transform: translateY(0);
    }
    65% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown7 {
    10%,
    20%,
    100% {
      transform: translateY(0);
    }
    15% {
      transform: translateY(10px);
    }
  }
  
  @keyframes pressDown8 {
    35%,
    45%,
    100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(10px);
    }
  }
  
  
  
  .key:nth-child(1) {
    animation: pressDown1 2s infinite;
  }
  
  .key:nth-child(2) {
    animation: pressDown2 3s infinite;
  }
  
  .key:nth-child(3) {
    animation: pressDown3 4s infinite;
  }
  
  .key:nth-child(4) {
    animation: pressDown4 2.5s infinite;
  }
  
  .key:nth-child(5) {
    animation: pressDown5 2.5s infinite;
  }
  
  .key:nth-child(6) {
    animation: pressDown6 3.5s infinite;
  }
  
  .key:nth-child(7) {
    animation: pressDown7 2.2s infinite;
  }
  
  .key:nth-child(8) {
    animation: pressDown8 3.2s infinite;
  }
  
  
  
/* banner section text annimation end  */
.btn-outline:hover{
   opacity: 1;
   animation: 5s linear 0s infinite normal none running rotate360 ;
   background-color: #b4b4b43f;
}
@keyframes rotate360{
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}


.cyMWnU .news-content .news-row .news-row-bg .overlay {
    background: url(../img/news-grain-RR3LuXXu.png) center center / cover no-repeat;
    height: 100%;
    padding: 75px;
}
.cyMWnU .news-content .news-row .news-row-bg.news2 {
    background: url(../img/news_2-MmZ8b8QH.png);
}
.cyMWnU .news-content .news-row .news-row-bg .overlay {
    background: url(../img/news-grain-RR3LuXXu.png) center center / cover no-repeat;
    height: 100%;
    padding: 75px;
}
.cyMWnU .news-content .news-row .news-row-bg.news3 {
    background: url(../img/news_3-BE0c4zzm.png);
}
.cyMWnU .news-content .news-row .news-row-bg.news4 {
    background: url(../img/news_4-CS9DWese.png);
}

/* footer css start  */
.footer-logo img{
    max-width: 80px;
    object-fit: cover;
    width: 100%;
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0.gap-4 {
    background: transparent;
    padding: 20px;
    border-radius: 20px;
}
body{
    width: 100%;
    overflow-x: hidden;
}

img.meet-partner-brands{
    max-width: 150px;
    width: 100%;
    object-fit: cover;
}
.hzZpZD .key-points-card .card-link {
    color: rgb(191, 255, 10);
    font-weight: 700;
    transition: 0.3s;
    position: relative;
    z-index: 2;
}
.jRgfhY .scroll-text-inner ul span {
    margin-right: 38px;
    font-family: Quantico, sans-serif;
    line-height: 100%;
    font-size: 100px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}
/* header.sc-gaZyOd.gzimNZ.header-section.crypto-token{
    position: fixed;
    z-index: 2;
    background-color: #e5e5e54d;
} */
 .link-inner{
    display: none;
 }

 /* roadmap page css start  */
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");

 *,
 *::before,
 *::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 .back-btn{
    max-width: 100px;
    width: 100%;
    max-height: 40px;
    height: auto;
    background-color: #fff;
    color: black;
    border-radius: 10px;
 }
 .in-tag{
    color: black;
    font-weight: 700;
 }
 .roadmap-section {
   --color: rgb(255, 252, 252);
   --bgColor: rgb(0, 0, 0);
   min-height: 100vh;
   display: grid;
   align-content: center;
   gap: 2rem;
   padding: 2rem;
   font-family: "Poppins", sans-serif;
   color: var(--color);
   background: var(--bgColor);
 }
 
 .roadmap-text-heading{
    color: #fff;
    font-size: 52px;
 }
 .white-head{
    padding: 0px 20px;
 }
 .roadmap-ul {
   --col-gap: 2rem;
   --row-gap: 2rem;
   --line-w: 0.25rem;
   display: grid;
   grid-template-columns: var(--line-w) 1fr;
   grid-auto-columns: max-content;
   column-gap: var(--col-gap);
   list-style: none;
   width: min(60rem, 90%);
   margin-inline: auto;
 }
 
 /* line */
 .roadmap-ul::before {
   content: "";
   grid-column: 1;
   grid-row: 1 / span 20;
   background: rgb(225, 225, 225);
   border-radius: calc(var(--line-w) / 2);
 }
 
 /* columns*/
 
 /* row gaps */
 .roadmap-ul li:not(:last-child) {
   margin-bottom: var(--row-gap);
 }
 
 /* card */
 .roadmap-ul li {
   grid-column: 2;
   --inlineP: 1.5rem;
   margin-inline: var(--inlineP);
   grid-row: span 2;
   display: grid;
   grid-template-rows: min-content min-content min-content;
 }
 
 /* date */
 .roadmap-ul li .date {
   --dateH: 3rem;
   height: var(--dateH);
   margin-inline: calc(var(--inlineP) * -1);
 
   text-align: center;
   background-color: var(--accent-color);
 
   color: white;
   font-size: 1.25rem;
   font-weight: 700;
 
   display: grid;
   place-content: center;
   position: relative;
 
   border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
 }
 
 /* date flap */
 .roadmap-ul li .date::before {
   content: "";
   width: var(--inlineP);
   aspect-ratio: 1;
   background: var(--accent-color);
   background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
   position: absolute;
   top: 100%;
 
   clip-path: polygon(0 0, 100% 0, 0 100%);
   right: 0;
 }
 
 /* circle */
 .roadmap-ul li .date::after {
   content: "";
   position: absolute;
   width: 2rem;
   aspect-ratio: 1;
   background: var(--bgColor);
   border: 0.3rem solid var(--accent-color);
   border-radius: 50%;
   top: 50%;
 
   transform: translate(50%, -50%);
   right: calc(100% + var(--col-gap) + var(--line-w) / 2);
 }
 
 /* title descr */
 .roadmap-ul li .title,
 .roadmap-ul li .descr {
   background: var(--bgColor);
   position: relative;
   padding-inline: 1.5rem;
 }
 .roadmap-ul li .title {
   overflow: hidden;
   padding-block-start: 1.5rem;
   padding-block-end: 1rem;
   font-weight: 500;
 }
 .roadmap-ul li .descr {
   padding-block-end: 1.5rem;
   font-weight: 300;
 }
 
 /* shadows */
 .roadmap-ul li .title::before,
 .roadmap-ul li .descr::before {
   content: "";
   position: absolute;
   width: 90%;
   height: 0.5rem;
   background: rgba(0, 0, 0, 0.5);
   left: 50%;
   border-radius: 50%;
   filter: blur(4px);
   transform: translate(-50%, 50%);
 }
 .roadmap-ul li .title::before {
   bottom: calc(100% + 0.125rem);
 }
 
 .roadmap-ul li .descr::before {
   z-index: -1;
   bottom: 0.25rem;
 }
 
 @media (min-width: 40rem) {
    .roadmap-ul {
     grid-template-columns: 1fr var(--line-w) 1fr;
   }
   .roadmap-ul::before {
     grid-column: 2;
   }
   .roadmap-ul li:nth-child(odd) {
     grid-column: 1;
   }
   .roadmap-ul li:nth-child(even) {
     grid-column: 3;
   }
 
   /* start second card */
   .roadmap-ul li:nth-child(2) {
     grid-row: 2/4;
   }
 
   .roadmap-ul li:nth-child(odd) .date::before {
     clip-path: polygon(0 0, 100% 0, 100% 100%);
     left: 0;
   }
 
   .roadmap-ul li:nth-child(odd) .date::after {
     transform: translate(-50%, -50%);
     left: calc(100% + var(--col-gap) + var(--line-w) / 2);
   }
   .roadmap-ul li:nth-child(odd) .date {
     border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
   }
 }
 
 .credits {
   margin-top: 1rem;
   text-align: right;
 }
 .credits a {
   color: var(--color);
 }
 
 /* roadmap page css end  */
 /* contact us page css start  */
 .body {
    overflow-x: hidden;
    width: 100%;
}
.contact-head{
    padding: 50px 0px 70px;
    text-align: center; 
    font-size: 52px;
     font-weight: 800;
      color: white; 
}
 :root {
    --primary-color: #010712;
    --secondary-color: #818386;
    /* --bg-color: #FCFDFD; */
    --button-color: #3B3636;
    --h1-color: #3F444C;
  }
  ::placeholder{
    color: rgb(156, 149, 149) !important;
  }
  .contact-section{
    background-color: #010712;
  }

  [data-theme="dark"] {
    --primary-color: #FCFDFD;
    --secondary-color: #818386;
    --bg-color: #010712;
    --button-color: #818386;
    --h1-color: #FCFDFD;
  }
  
  * {
    margin: 0;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
  }
  
  .containr {
    display: flex;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    height: 100vh;
    background: var(--bg-color);
  }
  
  .left-col {
    width: 100%;
    max-width: 600px;
    height: 100%;
    /* background-image: url("https://images.pexels.com/photos/931018/pexels-photo-931018.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"); */
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .logo {
    width: 10rem;
    padding: 1.5rem;
  }
  
  .right-col {
    background-color: #0e1014;
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding: 5rem 3.5rem;
    color: white;
  }
  
  .contact-heading, label, button, .description {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    letter-spacing: 0.1rem;
  }
  
  .contact-heading {
    color: white;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 0.5rem;
    font-weight: 500;
  }
  
  .contact-paragraph {
    color: white;
    font-size: 0.9rem;
    letter-spacing: 0.01rem;
    /* width: 100%;
    max-width: 600px; */
    margin: 0.25rem 0;
  }
  
  label, .description {
    color: var(--secondary-color);
    text-transform: uppercase;
    font-size: 0.625rem;
  }
  
  form {
    width: 100%;

    position: relative;
    margin-top: 2rem;
    padding: 1rem 0;
  }
  
  .input, .textarea, label {
    width: 100%;
    max-width: 600px;
    display: block;
  }
  
 
  
  .input::placeholder, .textarea::placeholder {
    color: var(--primary-color);
  }
  
  .input, .textarea {
    color: white;
    font-weight: 500;
    background: var(--bg-color);
    border: none;
    border-bottom: 1px solid var(--secondary-color);
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    outline: none;
  }
  
  textarea {
    resize: none;
  }
  
  .contact-btn {
    text-transform: uppercase;
    font-weight: 300;
    background: var(--button-color);
    color: var(--bg-color);
    width: 10rem;
    height: 2.25rem;
    border: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
  }
  
  .input:hover, .textarea:hover, button:hover {
    opacity: 0.5;
  }
  
  button:active {
    opacity: 0.8;
  }
  
  /* Toggle Switch */
  
  .theme-switch-wrapper {
    display: flex;
    align-items: center;
    text-align: center;
    width: 160px;
    position: absolute;
    top: 0.5rem;
    right: 0;
  }
  
  .description {
      margin-left: 1.25rem;
    }
  
  .theme-switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
  }
  
  .theme-switch input {
    display:none;
  }
  
  .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
  }
  
  .slider:before {
    background-color: #fff;
    bottom: 0.25rem;
    content: "";
    width: 26px;
    height: 26px;
    left: 0.25rem;
    position: absolute;
    transition: .4s;
  }
  
  .input:checked + .slider {
    background-color: var(--button-color);
  }
  
  .input:checked + .slider:before {
    transform: translateX(26px);
  }
  
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  #error, #success-msg {
    width: 40vw;
    margin: 0.125rem 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: 'Jost';
    color: var(--secondary-color);
    }
  
  
    #success-msg {
    transition-delay: 3s;
    }
  
    @media only screen and (max-width: 576px) {
        .containr {
            display: block ;
        }
        .contact-head{
            padding: 20px 10px 30px;
            font-size: 45px;
        }
        .contact-heading {
            color: white;
            text-transform: uppercase;
            font-size: 20px;
            letter-spacing: 0.1rem;
            font-weight: 500;
          }
          
          form {
            width: 100%;
        
            position: relative;
            margin-top: 2rem;
            /* padding: 1rem 0; */
          }
          .right-col {
            background-color: #0e1014;
            width: 100%;
            max-width: 600px;
            height: 100%;
            padding: 3rem 1rem;
            color: white;
        }
          
    }

  @media only screen and (max-width: 950px) {
    .logo {
      width: 8rem;
    }
    h1 {
      font-size: 1.75rem;
    }
    p {
      font-size: 0.7rem;
    }
    .input, .textarea, button {
      font-size: 0.65rem;
    }
    .description {
      font-size: 0.3rem;
      margin-left: 0.4rem;
    }
    button {
      width: 7rem;
    }
    .theme-switch-wrapper {
      width: 120px;
    }
    .theme-switch {
    height: 28px;
    width: 50px;
  }
  
  .theme-switch input {
    display:none;
  }
  
  .slider:before {
    background-color: #fff;
    bottom: 0.25rem;
    content: "";
    width: 20px;
    height: 20px;
    left: 0.25rem;
    position: absolute;
    transition: .4s;
  }
    .input:checked + .slider:before {
    transform: translateX(16px);
  }
  
  .slider.round {
    border-radius: 15px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  }
 /* contactus page css end  */
 /* login page css here  */

 *,
*::before,
*::after {
	box-sizing: border-box;
}


.top-contact{
    padding: 10px;
}

.forms-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.section-title {
	font-size: 32px;
	letter-spacing: 1px;
	color: #fff;
}

.forms {
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
}

.form-wrapper {
	animation: hideLayer .3s ease-out forwards;
}

.form-wrapper.is-active {
	animation: showLayer .3s ease-in forwards;
}

@keyframes showLayer {
	50% {
		z-index: 1;
	}
	100% {
		z-index: 1;
	}
}

@keyframes hideLayer {
	0% {
		z-index: 1;
	}
	49.999% {
		z-index: 1;
	}
}

.switcher {
	position: relative;
	cursor: pointer;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 16px;
	letter-spacing: .5px;
	color: #999;
	background-color: transparent;
	border: none;
	outline: none;
	transform: translateX(0);
	transition: all .3s ease-out;
}

.form-wrapper.is-active .switcher-login {
	color: #fff;
	transform: translateX(90px);
}

.form-wrapper.is-active .switcher-signup {
	color: #fff;
	transform: translateX(-90px);
}

.underline {
	position: absolute;
	bottom: -5px;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	width: 100%;
	height: 2px;
}

.underline::before {
	content: '';
	position: absolute;
	top: 0;
	left: inherit;
	display: block;
	width: inherit;
	height: inherit;
	background-color: currentColor;
	transition: transform .2s ease-out;
}

.switcher-login .underline::before {
	transform: translateX(101%);
}

.switcher-signup .underline::before {
	transform: translateX(-101%);
}

.form-wrapper.is-active .underline::before {
	transform: translateX(0);
}

.form {
	overflow: hidden;
	min-width: 260px;
	margin-top: 50px;
	padding: 30px 25px;
  border-radius: 5px;
	transform-origin: top;
}

.form-login {
	animation: hideLogin .3s ease-out forwards;
}

.form-wrapper.is-active .form-login {
	animation: showLogin .3s ease-in forwards;
}

@keyframes showLogin {
	0% {
		background: #d7e7f1;
		transform: translate(40%, 10px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		background-color: #fff;
		transform: translate(35%, -20px);
	}
}

@keyframes hideLogin {
	0% {
		background-color: #fff;
		transform: translate(35%, -20px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		background: #d7e7f1;
		transform: translate(40%, 10px);
	}
}

.form-signup {
	animation: hideSignup .3s ease-out forwards;
}

.form-wrapper.is-active .form-signup {
	animation: showSignup .3s ease-in forwards;
}

@keyframes showSignup {
	0% {
		background: #d7e7f1;
		transform: translate(-40%, 10px) scaleY(.8);
	}
	50% {
		transform: translate(0, 0) scaleY(.8);
	}
	100% {
		background-color: #fff;
		transform: translate(-35%, -20px) scaleY(1);
	}
}

@keyframes hideSignup {
	0% {
		background-color: #fff;
		transform: translate(-35%, -20px) scaleY(1);
	}
	50% {
		transform: translate(0, 0) scaleY(.8);
	}
	100% {
		background: #d7e7f1;
		transform: translate(-40%, 10px) scaleY(.8);
	}
}

.form fieldset {
	position: relative;
	opacity: 0;
	margin: 0;
	padding: 0;
	border: 0;
	transition: all .3s ease-out;
}

.form-login fieldset {
	transform: translateX(-50%);
}

.form-signup fieldset {
	transform: translateX(50%);
}

.form-wrapper.is-active fieldset {
	opacity: 1;
	transform: translateX(0);
	transition: opacity .4s ease-in, transform .35s ease-in;
}

.form legend {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
}

.input-block {
	margin-bottom: 20px;
}

.input-block label {
	font-size: 14px;
  color: #a1b4b4;
}

.input-block input {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 16px;
	line-height: 40px;
	color: #3b4465;
  background: #eef9fe;
  border: 1px solid #cddbef;
  border-radius: 2px;
}

.form [type='submit'] {
	opacity: 0;
	display: block;
	min-width: 120px;
	margin: 30px auto 10px;
	font-size: 18px;
	line-height: 40px;
	border-radius: 25px;
	border: none;
	transition: all .3s ease-out;
}

.form-wrapper.is-active .form [type='submit'] {
	opacity: 1;
	transform: translateX(0);
	transition: all .4s ease-in;
}

.btn-login {
	color: #fbfdff;
	background: #a7e245;
	transform: translateX(-30%);
}

.btn-signup {
	color: #a7e245;
	background: #fbfdff;
	box-shadow: inset 0 0 0 2px #a7e245;
	transform: translateX(30%);
}

.login-heading{
    padding: 50px 0px 70px;
}

@media only screen and (max-width: 576px) {

.login-heading{
    padding: 20px 0px 30px;
}
}
 /* login page css end  */

 /* white paper page css start  */
 element.style {
    justify-content: center;
    display: flex;
    height: auto;
    max-height: 40px;
}
.white-image{
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
    border-radius: 20px;
    padding: 15px;
}
.timing{
    display: flex;
    background-color: #1c1e20;
    margin-bottom: 40px;
    padding: 20px;
    gap: 10px;
    border: 1px dashed #fff;
}
.timer{
    padding: 20px;
}
.demo{
    border: 1px dashed #fff;
    border-radius: 50%;
    width: 100%;
    max-width: 100px;
    height: 100%;
    max-height: 100px !important;
    display: flex;
    padding: 10px;
    margin: 0 auto;
    background-color: #0e1014;
    margin-bottom: 0px !important;
}

 /* white paper page css end  */
.map-card{
    object-fit: cover;
    width: 100%;
}