@import "../bootstrap/css/bootstrap.min.css";

@import "../../assets/style.min.css";

@import "../dist/aos.css";

@import "https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap";

@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";

@import "https://fonts.googleapis.com/css2?family=Russo+One&display=swap";

@import "https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap";

@import "https://fonts.googleapis.com/css2?family=Rowdies:wght@700&display=swap";

@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";

@font-face {
font-family:BRELLOS-Regular;
src:url(../../assets/fonts/BRELLOS-Regular.ttf) format("truetype")
}

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

body {
align-items:center;
background:linear-gradient(90deg,#070505,#1f181b 50%,#1f181b 50.01%,#000);
color:#fff;
flex-direction:column;
height:100vh;
width:100%
}

@media (min-width:768px) {
body {
max-height:1024px;
min-height:720px
}
}

:root {
--primary-color:#ff4581
}

.home-main {
--primary-color:#fa3e7c
}

p {
font-family:Inter,sans-serif
}

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

a {
color:unset;
color:#fff;
cursor:pointer;
display:inline-block;
text-decoration:none
}

a,a:hover {
transition:all .3s
}

a:hover {
color:var(--primary-color)
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
color:#fff;
font-family:Inter,sans-serif;
font-weight:600;
line-height:1.2;
text-transform:capitalize
}

.h2,h2 {
font-size:44px
}

.h3,h3 {
font-size:36px
}

.h5,h5 {
font-size:22px
}

.h6,h6 {
font-size:16px
}

.fs-14 {
font-size:14px
}

.fs-17 {
font-size:17px
}

.mt-9 {
margin-top:9px
}

.mt-12 {
margin-top:12px
}

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

.row>* {
padding-left:15px;
padding-right:15px
}

.center {
text-align:center
}

@keyframes move5 {
0% {
transform:translateY(15px)
}

50% {
transform:translateY(35px)
}

to {
transform:translateY(15px)
}
}

@keyframes move7 {
0% {
opacity:1;
transform:translateX(0)
}

50% {
opacity:.2;
transform:translateX(30px)
}

to {
opacity:.8;
transform:translateX(0)
}
}

.mouse-cursor {
border-radius:50%;
left:0;
pointer-events:none;
position:fixed;
top:0;
transform:translateZ(0);
visibility:hidden
}

.cursor-inner {
background-color:var(--primary-color);
height:6px;
margin-left:-3px;
margin-top:-3px;
transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
width:6px;
z-index:100
}

.cursor-inner.cursor-hover {
background-color:var(--primary-color);
height:40px;
margin-left:-20px;
margin-top:-20px;
opacity:.3;
width:40px
}

.cursor-outer {
border:2px solid var(--primary-color);
box-sizing:border-box;
height:30px;
margin-left:-15px;
margin-top:-15px;
opacity:.5;
transition:all .08s ease-out;
width:30px;
z-index:100
}

.cursor-outer.cursor-hover {
opacity:0
}

body[data-magic-cursor=hide] .mouse-cursor {
display:none;
opacity:0;
position:absolute;
visibility:hidden;
z-index:-1111
}

.header {
align-items:center;
display:flex;
height:80px;
justify-content:center;
left:0;
position:absolute;
top:0;
width:100%;
z-index:1000
}

.header.is-fixed {
box-shadow:1px 1px 5px 0 #0000004d;
height:90px;
opacity:0;
top:-170px;
transition:all .4s ease;
visibility:hidden
}

.header.is-fixed.is-small {
background:#081719;
opacity:1;
position:fixed;
top:0;
visibility:visible
}

.header .header__body {
align-items:center;
display:flex;
justify-content:space-between
}

.header .header__right {
align-items:center;
display:flex;
justify-content:flex-start
}

.header .header__right .mobile-button {
background-color:transparent;
cursor:pointer;
display:none;
height:26px;
margin-left:30px;
position:relative;
transition:all .3s ease;
width:26px
}

@media only screen and (max-width:1024px) {
.header .header__right .mobile-button {
display:block
}
}

.header .header__right .mobile-button:after,.header .header__right .mobile-button:before {
content:"";
height:3px;
left:0;
position:absolute;
top:0;
top:50%;
transform-origin:50% 50%;
width:100%
}

.header .header__right .mobile-button span,.header .header__right .mobile-button:after,.header .header__right .mobile-button:before {
background-color:#fff;
transition:all .3s ease
}

.header .header__right .mobile-button:before {
transform:translate3d(0,-7px,0)
}

.header .header__right .mobile-button:after {
transform:translate3d(0,7px,0)
}

.header .header__right .mobile-button span {
height:3px;
left:0;
overflow:hidden;
position:absolute;
text-indent:200%;
top:50%;
width:100%
}

.header .header__right .mobile-button.active:before {
transform:rotate(45deg)
}

.header .header__right .mobile-button.active:after {
transform:rotate(-45deg)
}

.header .header__right .mobile-button.active span {
opacity:0
}

.header .header__right .main-nav .menu {
align-items:center;
display:flex;
justify-content:flex-start
}

.header .header__right .main-nav .menu li {
padding-right:40px;
position:relative
}

.header .header__right .main-nav .menu li:last-child {
padding-right:0
}

.header .header__right .main-nav .menu li a {
display:block;
font-family:Inter,sans-serif;
font-size:16px;
font-weight:700;
position:relative
}

@media only screen and (max-width:1200px) {
.header .header__right .main-nav .menu li {
padding-right:30px
}

.header .header__right .main-nav .menu li a {
font-size:14px
}
}

.header .header__right .main-nav .menu li .sub-menu {
background:#fff;
border-radius:5px;
box-shadow:0 0 1.25rem #1e22280f;
left:0;
opacity:0;
overflow:hidden;
position:absolute;
top:100%;
transform:translateY(35px);
transition:all .3s ease;
visibility:hidden;
width:230px;
z-index:99
}

.header .header__right .main-nav .menu li .sub-menu li {
border-bottom:1px solid #0000001a;
padding:10px 20px;
position:relative
}

.header .header__right .main-nav .menu li .sub-menu li:last-child {
border:none
}

.header .header__right .main-nav .menu li .sub-menu li:before {
background:var(--primary-color);
bottom:0;
content:"";
height:1px;
left:0;
position:absolute;
transition:width .3s ease-in-out;
width:0
}

.header .header__right .main-nav .menu li .sub-menu li.current-item:before,.header .header__right .main-nav .menu li .sub-menu li:hover:before {
width:100%
}

.header .header__right .main-nav .menu li .sub-menu li a {
color:#000;
font-size:14px
}

.header .header__right .main-nav .menu li .sub-menu li a:after,.header .header__right .main-nav .menu li .sub-menu li a:before {
display:none
}

.header .header__right .main-nav .menu li .sub-menu li.current-item>a,.header .header__right .main-nav .menu li .sub-menu li:hover a {
color:var(--primary-color)
}

.header .header__right .main-nav .menu li:hover .sub-menu {
opacity:1;
transform:translateY(26px);
visibility:visible
}

.header .header__right .main-nav .menu li.menu-item-has-children>a:after {
color:#fff;
content:"\e900";
font-family:icomoon;
font-size:13px;
font-weight:400;
position:absolute;
right:-20px;
top:4px
}

.header .header__right .group-button {
display:flex;
margin-left:80px
}

@media only screen and (max-width:1200px) {
.header .header__right .group-button {
margin-left:20px
}
}

@media only screen and (max-width:767px) {
.header .header__right .group-button {
display:none
}
}

.header .header__right .group-button a {
font-family:monospace;
font-size:16px;
font-weight:700;
margin-left:20px;
padding:10px 40px
}

.header #main-nav-mobi {
box-shadow:0 3px 16px #2f536d1f;
display:block;
height:100vh;
left:0;
margin:0 auto;
overflow:auto;
position:absolute;
top:100%;
width:100%;
z-index:999999
}

.header #main-nav-mobi ul {
background:#fff;
border-top:1px solid #0000001a;
margin-top:20px;
padding:0
}

.header #main-nav-mobi ul li {
border-bottom:1px solid #0000001a;
position:relative
}

.header #main-nav-mobi ul li:last-child {
border:0
}

.header #main-nav-mobi ul li a {
color:#181818;
font-size:16px;
font-weight:600;
padding:12px 30px
}

.header #main-nav-mobi ul li .arrow {
cursor:pointer;
font-size:20px;
line-height:48px;
position:absolute;
right:15px;
text-align:center;
top:0;
transition:all .3s ease-in-out;
width:48px
}

.header #main-nav-mobi ul li .arrow:before {
content:"\e900";
display:inline-block;
font-family:icomoon;
transition:all .3s ease-in-out
}

.header #main-nav-mobi ul li .arrow.active:before {
transform:rotate(-180deg)
}

.header #main-nav-mobi ul li ul>li:first-child {
border-top:1px solid hsla(0,0%,100%,.3)
}

.header #main-nav-mobi ul li ul li {
padding-left:20px
}

.header #main-nav-mobi ul li.current-item>a,.header .current-item a,.header .current-menu-item>a {
color:var(--primary-color)
}

.header .current-menu-item>a:after {
color:var(--primary-color)!important
}

h3,h5 {
text-transform:capitalize
}

.features .block-text p {
margin-top:11px
}

.creation .block-text .title {
font-family:Zen Dots;
font-weight:400
}

.creation .block-text p {
font-size:17px;
margin-top:13px
}

.document .block-text p,.section-faq .block-text p {
margin-top:12px
}

.btn-action {
align-items:center;
background:linear-gradient(294.72deg,#0f5c07 9.05%,#0a3b0a 79.28%);
border-radius:100px;
display:flex;
font-size:16px;
font-weight:700;
max-width:326px;
overflow:hidden;
padding:17px 10px 15px 25px;
position:relative
}

.btn-action span {
position:relative;
z-index:2
}

.about.style-1 .about__image img {
margin-top:200px;
transition:.3s ease-in-out;
width:100%
}

@media only screen and (max-width:767px) {
.about.style-1 .about__image img {
margin-top:0
}
}

.btn-action:after {
background:linear-gradient(-294.72deg,#ae9605 9.05%,#824a00 79.28%);
content:"";
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
transition:all .5s ease-in-out;
width:100%;
z-index:1
}

.btn-action:hover {
color:#fff
}

.btn-action:hover:after {
opacity:1
}

.btn-action.style-1 {
padding:17px 15px 15px 24px
}

@media only screen and (max-width:1200px) {
.group-button .btn-action {
padding:10px 15px
}
}

#scroll-top {
background:#fff;
border-radius:4px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
bottom:23px;
cursor:pointer;
display:block;
height:50px;
line-height:50px;
opacity:0;
overflow:hidden;
position:fixed;
right:14px;
text-align:center;
visibility:hidden;
width:50px;
z-index:999
}

#scroll-top.show {
opacity:1;
right:15px;
visibility:visible
}

#scroll-top:after,#scroll-top:before {
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

#scroll-top:before {
background:var(--primary-color);
z-index:-1
}

#scroll-top:after {
color:#fff;
content:"\e900";
font-family:icomoon;
font-size:18px;
font-weight:600;
transform:rotate(-180deg)
}

#scroll-top:hover {
transform:translateY(-7%)
}

.btn-action-outli.style-9 {
background:linear-gradient(153.06deg,#050231 -.31%,#050231 99.69%) padding-box,linear-gradient(153.06deg,#4388dd -.31%,#ff4581 99.69%) border-box;
border:1px solid transparent;
border-radius:100px;
padding:7px 40px
}

.btn-action-outli.style-9:hover {
background:linear-gradient(153.06deg,#4388dd -.31%,#ff4581 99.69%) padding-box,linear-gradient(153.06deg,#4388dd -.31%,#ff4581 99.69%) border-box;
color:#fff
}

.banner-top.style-1 {
background:url(../../assets/images/background/background1.webp) no-repeat;
background-size:cover
}

.about.style-1,.banner-top.style-1 {
margin-left:15px;
padding:231px 0 99px
}

.about.style-1 {
background:url(../../assets/images/background/bg-roadmap.webp) no-repeat;
background-size:cover
}

@media only screen and (max-width:767px) {
.banner-top.style-1 {
padding:131px 0 99px
}
}

@media only screen and (max-width:1200px) {
.banner-top__content #photo_years {
display:none;
height:100%;
width:100%
}
}

.banner-top.style-1 .banner-top__content .title {
line-height:1.25;
margin-top:26px
}

@media only screen and (max-width:767px) {
.banner-top.style-1 .banner-top__content .title {
font-size:40px
}
}

.banner-top.style-1 .banner-top__content .desc {
color:#f6f6f6;
font-size:17px;
margin-top:12px
}

.banner-top.style-1 .banner-top__content .button {
margin-top:37px
}

.banner-top.style-1 .banner-top__content .content-list {
margin-top:94px
}

.banner-top.style-1 .banner-top__content .content-list li {
padding-right:69px;
position:relative
}

.banner-top.style-1 .banner-top__content .content-list li:after {
background:var(--primary-color);
content:"";
height:60px;
position:absolute;
right:14%;
top:44%;
width:2px
}

.banner-top.style-1 .banner-top__content .content-list li:last-child {
padding-right:0
}

.banner-top.style-1 .banner-top__content .content-list li:last-child:after {
display:none
}

.banner-top.style-1 .banner-top__content .content-list li span {
font-size:48px
}

.banner-top.style-1 .banner-top__content .content-list li h5 {
letter-spacing:2px;
margin-bottom:3px;
margin-top:16px
}

.banner-top.style-1 .banner-top__content .content-list li p {
font-size:22px;
font-weight:600
}

@media only screen and (max-width:767px) {
.banner-top.style-1 .banner-top__content .content-list {
flex-wrap:wrap
}

.banner-top.style-1 .banner-top__content .content-list li {
margin-bottom:20px;
padding-right:0;
text-align:center;
width:100%
}

.banner-top.style-1 .banner-top__content .content-list li:after {
display:none
}
}

.banner-top.style-1 .banner-top__sale,.banner-top__content {
text-align:center
}

.banner-top.style-1 .banner-top__sale .sale-content {
border-radius:12px;
margin-top:-70px;
padding:0;
text-align:center
}

#contentlogo {
margin-top:-60px
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer {
margin-top:28px
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item {
background:hsla(0,0%,100%,.1);
border-radius:8px;
color:#fff;
display:inline-block;
font-family:600;
font-size:36px;
height:70px;
margin:0 20px;
max-width:70px;
padding-top:5px;
position:relative;
width:100%
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item:after {
bottom:-37px;
font-size:16px;
font-weight:700;
left:0;
position:absolute;
right:0
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item:first-child:after {
content:"Days"
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item:nth-child(2):after {
content:"Hours"
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item:nth-child(3):after {
content:"Mins"
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item:nth-child(4):after {
content:"Secs"
}

@media only screen and (max-width:1200px) {
.banner-top.style-1 .banner-top__sale {
display:inline;
margin-top:100px;
padding:0 100px
}
}

@media only screen and (max-width:767px) {
.banner-top.style-1 .banner-top__sale {
padding:0
}

.banner-top.style-1 .banner-top__sale img {
width:100%
}

.banner-top.style-1 .banner-top__sale .sale-content .countdown__timer .countdown__item {
margin:0 5px
}
}

.about.style-1 .about__image img {
-webkit-background-clip:text;
background-clip:text
}

.list-icon-box {
margin-top:41px;
padding-right:132px;
position:relative
}

.list-icon-box:before {
border-left:2px dashed #4388dd;
content:"";
height:80%;
left:0;
left:24px;
position:absolute;
top:0;
width:2px;
z-index:0
}

.icon-box {
display:flex;
margin-bottom:18px;
position:relative;
z-index:1
}

.icon-box .icon {
align-items:center;
background:linear-gradient(294.72deg,#2b0a2d 9.05%,#c624f3 79.28%);
border-radius:50%;
display:flex;
height:48px;
justify-content:center;
margin-right:17px;
min-width:48px
}

.icon-box .content {
padding-top:2px
}

.icon-box .content p {
line-height:1.6
}

.choose__box {
margin-top:35px
}

.choose__box-icon {
cursor:pointer;
flex-direction:column
}

.choose__box-icon,.choose__box-icon .icon {
align-items:center;
display:flex;
justify-content:center
}

.choose__box-icon .icon {
background:transparent;
border-radius:50%;
height:66px;
margin-bottom:47px;
min-width:66px;
position:relative;
transition:all .7s ease-in-out;
width:66px
}

.choose__box-icon .icon span {
font-size:26px
}

.choose__box-icon .icon:before {
border:3px solid hsla(0,0%,100%,.2);
border-radius:50%;
content:"";
height:90px;
left:0;
margin:-12px;
position:absolute;
top:0;
transition:all .3s ease-in-out;
width:90px
}

.choose__box-icon .content h5 {
margin-bottom:18px
}

.choose__box-icon:hover .icon {
transform:rotateY(-1turn)
}

.choose__box-icon:hover .icon:before {
border-color:#4388dd
}

.road-map.style-2 {
background-size:cover;
overflow:hidden
}

@media only screen and (max-width:1024px) {
.road-map.style-2 {
padding:80px 0 150px
}
}

.road-map.style-2 .block-text p {
color:#f6f6f6;
font-size:15px
}

.document.style-1 {
padding:59px 0
}

.document.style-1 .block-text .heading {
font-family:Zen Dots;
font-weight:400
}

.document.style-1 .block-text .desc {
color:hsla(0,0%,96%,.8)
}

.documents.style-3 {
margin-left:-180px;
margin-top:-100px;
padding:80px 0
}

.documents.style-3 .block-text .heading {
font-family:Rowdies;
font-weight:700;
margin-bottom:61px;
text-transform:uppercase
}

.documents.style-3 .document-box {
align-items:center;
border-radius:12px;
display:flex;
flex-direction:column;
justify-content:center;
margin-top:15px;
padding:22px 0 20px;
text-align:center
}

.documents.style-3 .document-box .content {
margin:auto
}

@media only screen and (max-width:1200px) {
.documents.style-3 {
margin-bottom:0;
margin-left:0;
margin-top:35px;
padding:0
}
}

.documents.style-3 .document-box .title {
margin-bottom:17px
}

.documents.style-3 .document-box .download {
background:hsla(0,0%,100%,.1);
border-radius:6px;
padding:5px 45px;
transition:all .3s ease-in-out
}

.documents.style-3 .document-box .download:hover {
background:linear-gradient(153.06deg,#b621fe -.31%,#1fd1f9 99.69%);
color:#fff
}

.list-social {
align-items:center;
display:flex;
justify-content:center;
transition:all .3s ease-in-out
}

.list-social li {
padding:0 8px
}

.list-social li a span {
font-size:20px
}

.legend {
margin-top:1rem
}

.list-social li a:hover {
animation-direction:alternate;
animation-duration:.3s;
animation-iteration-count:infinite;
animation-name:pulse-grow-on-hover;
animation-timing-function:linear
}

.section-faq.style-1 {
padding:61px 0
}

.section-faq.style-1 .section-faq__main {
margin:0 auto;
max-width:926px
}

.section-faq.style-1 .section-faq__main .flat-tabs {
margin-top:42px
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab {
display:flex;
justify-content:center;
margin:0 auto;
max-width:547px;
position:relative
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab:after {
background:hsla(0,0%,100%,.1);
bottom:0;
content:"";
height:1px;
left:0;
position:absolute;
width:100%
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li {
color:#fff;
cursor:pointer;
margin-right:33px;
opacity:.2;
position:relative
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li:last-child {
margin-right:0
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li.active {
opacity:1
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li.active:after {
background:var(--primary-color);
bottom:0;
content:"";
height:2px;
left:0;
position:absolute;
width:100%
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li h6 {
margin-bottom:10px
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab {
margin-top:28px
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle {
background:hsla(0,0%,100%,.04);
border:1px solid hsla(0,0%,100%,.16);
border-radius:10px;
cursor:pointer;
margin-bottom:20px;
padding:27px 25px 20px 38px
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle .toggle-title {
margin-bottom:0;
position:relative;
text-transform:capitalize
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle .toggle-title:after {
color:#fff;
content:"\e900";
font-family:icomoon;
font-size:20px;
position:absolute;
right:0;
top:0;
transition:all .3s ease-in-out
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle .toggle-content {
color:#fff;
display:none;
font-size:15px;
margin-bottom:0;
margin-top:18px;
padding-right:10px
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle.active .toggle-title:after {
color:var(--primary-color);
transform:rotate(-180deg)
}

.section-faq.style-1 .section-faq__main .flat-tabs .content-tab .flat-toggle:last-child {
margin-bottom:0
}

@media only screen and (max-width:767px) {
.section-faq.style-1 .section-faq__main {
padding-right:0
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab {
flex-wrap:wrap;
justify-content:center
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab:after {
display:none
}

.section-faq.style-1 .section-faq__main .flat-tabs .menu-tab li {
margin-bottom:20px
}
}

.flat-tabs {
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
background:#0000007c;
border:1px solid hsla(0,0%,100%,.3);
border-radius:16px;
color:#fff;
padding:1rem
}

form {
margin-top:12px;
position:relative
}

form input,form textarea {
background:hsla(0,0%,100%,.04);
border:1px solid transparent;
border:1px solid hsla(0,0%,100%,.16);
border-radius:8px;
box-shadow:none;
color:#fff;
margin-bottom:24px;
padding:9px 18px;
width:100%
}

form input:focus-visible,form textarea:focus-visible {
border:1px solid var(--primary-color)!important;
box-shadow:none;
outline:none
}

form ::-moz-placeholder {
color:hsla(0,0%,100%,.4);
font-weight:400;
letter-spacing:-.4px
}

form ::placeholder {
color:hsla(0,0%,100%,.4);
font-weight:400;
letter-spacing:-.4px
}

form textarea {
height:120px;
width:100%
}

form button.btn-action {
color:#fff;
margin-top:6px;
padding:10px 39px
}

@media only screen and (max-width:767px) {
form {
width:100%
}
}

.home-main .progress {
background:transparent;
display:block;
height:auto;
overflow:unset
}

.home-main .progress .title {
margin-bottom:8px
}

.home-main .progress .title p {
font-size:17px;
font-weight:400;
margin-bottom:0;
text-transform:capitalize
}

.home-main #myChart2 {
width:240px
}

.pagination li {
margin:0 2px
}

.pagination li a {
align-items:center;
background:linear-gradient(90deg,#3dbfbb1a,#8635bd1a);
border-radius:2px;
display:flex;
height:48px;
justify-content:center;
width:48px
}

.pagination li a:hover {
color:#fff
}

.pagination li a:hover,.pagination li.active a {
background:linear-gradient(294.72deg,#ff458180 9.05%,#4388dd80 79.28%)
}

.home-blog .page-title .content {
padding:0 400px
}

@media only screen and (max-width:1200px) {
.home-blog .page-title .content {
padding:0
}
}

.blog-page {
padding:80px 0 158px
}

@media only screen and (max-width:767px) {
.blog-page {
padding:80px 0
}
}

.blog-page .blog-page__main {
display:flex;
justify-content:space-between
}

.blog-page .blog-page__main .main-content {
display:grid;
grid-template-columns:391px 300px 300px;
width:75%;
grid-gap:30px;
position:relative
}

.blog-page .blog-page__main .main-content .blog-box {
overflow:hidden;
position:relative
}

.blog-page .blog-page__main .main-content .blog-box:first-child {
grid-row:1/4;
height:662px
}

.blog-page .blog-page__main .main-content .blog-box:nth-child(2) {
grid-column-end:3;
grid-column-start:2;
height:334px
}

.blog-page .blog-page__main .main-content .blog-box:nth-child(4) {
grid-column-end:4;
grid-column-start:2;
height:297px;
margin-bottom:-30px
}

.blog-page .blog-page__main .main-content .blog-box:nth-child(5) {
grid-column-start:1;
height:313px
}

.blog-page .blog-page__main .main-content .blog-box .image {
height:100%;
position:relative;
width:100%
}

.blog-page .blog-page__main .main-content .blog-box .image:before {
background:#a566fe33;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}

.blog-page .blog-page__main .main-content .blog-box .image img {
height:100%;
-o-object-fit:cover;
object-fit:cover;
width:100%
}

.blog-page .blog-page__main .main-content .blog-box .content {
background:linear-gradient(1.63deg,#050231e3 -1.1%,#05023191 87.04%,#05023100 99.58%);
bottom:0;
padding:26px 19px 3px;
position:absolute;
width:100%
}

.blog-page .blog-page__main .main-content .blog-box .content .meta {
display:flex
}

.blog-page .blog-page__main .main-content .blog-box .content .meta li {
padding-right:17px;
position:relative
}

.blog-page .blog-page__main .main-content .blog-box .content .meta li.category a {
color:var(--primary-color)
}

.blog-page .blog-page__main .main-content .blog-box .content .meta li:after {
background:hsla(0,0%,100%,.2);
content:"";
height:16px;
left:0;
left:auto;
position:absolute;
right:8px;
top:0;
top:6px;
width:1px
}

.blog-page .blog-page__main .main-content .blog-box .content .meta li:last-child:after {
display:none
}

.blog-page .blog-page__main .main-content .blog-box .content .meta li a {
font-size:12px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase
}

.blog-page .blog-page__main .main-content .blog-box .content .title {
font-size:16px;
font-weight:700;
line-height:1.5;
margin-bottom:16px;
margin-top:3px;
text-transform:capitalize
}

.blog-page .blog-page__main .main-content .blog-box .content .text {
margin-bottom:0
}

.blog-page .blog-page__main .main-content .blog-box:first-child .content {
padding:36px 22px 18px
}

.blog-page .blog-page__main .main-content .button-loadmore {
bottom:-79px;
left:0;
margin:0 auto;
position:absolute;
right:0;
text-align:center
}

.blog-page .blog-page__main .main-content .button-loadmore a {
border-width:1px;
font-size:14px;
font-weight:700
}

.blog-page .blog-page__main .sidebar {
padding-left:59px
}

.blog-page .blog-page__main .sidebar .widget {
margin-bottom:43px
}

.blog-page .blog-page__main .sidebar .widget-search form {
margin-top:0;
position:relative
}

.blog-page .blog-page__main .sidebar .widget-search form input {
background:#13316b33;
border:1px solid transparent;
border-radius:4px;
margin-bottom:0;
padding:10px 18px
}

.blog-page .blog-page__main .sidebar .widget-search form button {
background:linear-gradient(294.72deg,#ff458180 9.05%,#4388dd80 79.28%);
border:none;
border-radius:0 4px 4px 0;
height:48px;
position:absolute;
right:0;
top:0;
width:60px
}

.blog-page .blog-page__main .sidebar .widget-category ul {
margin-top:22px
}

.blog-page .blog-page__main .sidebar .widget-category ul li {
align-items:center;
color:#fff;
display:flex;
justify-content:flex-start;
margin-bottom:2px
}

.blog-page .blog-page__main .sidebar .widget-category ul li input {
background:transparent!important;
border:1px solid #7a798a;
border-radius:2px;
height:16px;
margin-right:8px;
position:relative;
width:16px
}

.blog-page .blog-page__main .sidebar .widget-category ul li input:before {
background-color:transparent;
border-radius:4px;
content:"";
height:16px;
left:0;
position:absolute;
top:0;
width:16px
}

.blog-page .blog-page__main .sidebar .widget-category ul li input:checked {
color:transparent
}

.blog-page .blog-page__main .sidebar .widget-tags .widget-title {
margin-bottom:22px
}

.blog-page .blog-page__main .sidebar .widget-tags a {
border:1px solid hsla(0,0%,100%,.2);
border-radius:4px;
margin-bottom:8px;
margin-right:5px;
padding:5px 19px
}

@media only screen and (max-width:1400px) {
.blog-page .blog-page__main .main-content {
grid-template-columns:auto;
width:100%
}

.blog-page .blog-page__main .sidebar {
width:30%
}
}

@media only screen and (max-width:1024px) {
.blog-page .blog-page__main {
flex-wrap:wrap
}

.blog-page .blog-page__main .sidebar {
margin-top:140px;
padding-left:0;
width:100%
}
}

@media only screen and (max-width:767px) {
.blog-page .blog-page__main .main-content {
display:flex;
flex-direction:column
}

.blog-page .blog-page__main .main-content .blog-box {
margin-bottom:0!important
}
}

.about.style-1 {
padding:60px 0
}

.about.style-1 .about__image {
padding-left:25px
}

.about.style-1 .about__content {
padding-top:89px
}

.about.style-1 .about__content .title {
margin-bottom:12px
}

@media only screen and (max-width:1024px) {
.about.style-1 .list-icon-box {
padding-right:0
}
}

@keyframes pulse-anim2 {
0% {
box-shadow:0 0 0 0 hsla(0,0%,100%,.4)
}

to {
box-shadow:0 0 0 10px hsla(0,0%,100%,.1)
}
}

.footer .list-social {
justify-content:center;
margin-top:30px
}

.footer .list-social li {
align-items:center;
background:hsla(0,0%,100%,.2);
border-radius:8px;
display:flex;
height:40px;
justify-content:center;
margin-right:12px;
min-width:40px;
width:40px;
z-index:9
}

.footer .list-social li a {
line-height:1
}

.footer .list-social li span {
font-size:20px
}

.footer .list-social li:hover {
animation-direction:alternate;
animation-duration:.3s;
animation-iteration-count:infinite;
animation-name:pulse-grow-on-hover;
animation-timing-function:linear
}

.footer.style-2 {
background:url(../../assets/images/background/bg-roadmap.webp) no-repeat;
background-color:#3d2b6f33;
background-position:50%;
background-size:cover
}

.footer.style-2 .footer__top {
border-bottom:1px solid #000;
padding:81px 0 60px
}

.footer.style-2 .footer__top .content {
padding:0 360px;
text-align:center
}

@media only screen and (max-width:1200px) {
.footer.style-2 .footer__top .content {
padding:0 50px
}
}

@media only screen and (max-width:767px) {
.footer.style-2 .footer__top .content {
padding:0
}
}

.footer.style-2 .footer__top .content form {
margin-top:36px;
position:relative
}

.footer.style-2 .footer__top .content form input {
background:hsla(0,0%,100%,.1);
border:1px solid transparent;
padding:15px 24px
}

.footer.style-2 .footer__top .content form button {
border:none;
padding:10px 58px;
position:absolute;
right:4px;
top:-1px
}

.footer.style-2 .footer__bottom {
padding:11px 0
}

.footer.style-2 .footer__bottom p {
color:#fff;
font-size:14px;
margin-bottom:0
}

.dashboard {
background:#14141f
}

.dashboard a,.dashboard h1,.dashboard h2,.dashboard h3,.dashboard h4,.dashboard h5,.dashboard h6 {
font-family:Oswald;
font-weight:700
}

.dashboard p {
color:#fff
}

.dashboard .btn {
background:#1b1b1b;
border-radius:3px;
cursor:pointer;
height:45px;
left:45px;
position:fixed;
text-align:center;
top:15px;
transition:left .4s ease;
width:45px;
z-index:99
}

@media only screen and (max-width:1024px) {
.dashboard .btn {
left:30px
}
}

@media only screen and (max-width:767px) {
.dashboard .btn {
left:15px
}
}

.dashboard .btn.click {
left:360px
}

.dashboard .btn.click span:before {
content:"\f00d"
}

@media only screen and (max-width:767px) {
.dashboard .btn.click {
left:250px
}
}

.dashboard .btn span {
color:#fff;
font-size:28px
}

@keyframes pulse-grow-on-hover {
to {
transform:scale(1.1)
}
}

@keyframes pulse-me {
0% {
opacity:0;
transform:scale(.3)
}

50% {
opacity:.1
}

70% {
opacity:.09
}

to {
opacity:0;
transform:scale(2)
}
}

@keyframes pulse-anim4 {
0% {
box-shadow:0 0 0 0 #c004de
}

to {
box-shadow:0 0 0 10px #2e72d233
}
}

.home-main p {
color:#f6f6f6
}

.home-main .about {
padding:20px 0
}

.home-main .about .about__image {
margin-top:30px;
padding-left:25px
}

@media only screen and (max-width:1024px) {
.home-main .about .about__image img {
margin-left:-15px;
width:100%
}
}

.home-main .about .about__content {
padding-top:89px
}

.home-main .documents.style-2 {
padding:83px 0 80px
}

.token-details {
margin-top:-60px;
padding:80px 0 83px
}

#token {
background-image:url(../../assets/images/background/bg-roadmap.webp);
background-position:50%;
background-repeat:no-repeat;
background-size:cover
}

@media (max-width:768px) {
#knows_info,.list-icon-box.aos-init {
display:none!important
}

.x-axis {
margin-bottom:40px
}
}

.info-list {
background:#1e1b4680;
border:1px solid hsla(0,0%,100%,.2);
border-radius:10px;
display:flex;
flex-direction:column;
max-width:490px;
padding:19px
}

.info-list li {
background:hsla(0,0%,100%,.1);
border-radius:10px;
cursor:pointer;
margin-bottom:24px;
padding:15px 20px 9px;
transition:all .5s ease-in-out
}

.info-list li p {
color:#fff;
margin-bottom:0
}

.info-list li:last-child {
margin-bottom:0
}

@media (max-width:768px) {
#information_token:empty {
display:none
}

#information_token {
align-items:center;
display:flex;
justify-content:center;
opacity:1!important;
transform:none!important
}

#information_token .info-list {
list-style:none;
margin:0;
text-align:center;
}
}

.documents,.section-faq {
padding:80px 0
}

.document,.section-faq,.token-details {
}

#features1 {
background:none;
overflow:hidden;
padding-top:50px;
position:relative;
z-index:1
}

#features1:before {
background:url(../../assets/images/background/background2.webp) no-repeat 50% fixed;
background-size:cover;
filter:blur(6px);
transform:scale(1.1)
}

#features1:after,#features1:before {
content:"";
inset:0;
position:absolute;
z-index:-1
}

#features1:after {
background:#0000004d
}

@media (max-width:768px) {
#features1 {
padding-top:0
}

#features1:before {
background-attachment:scroll
}
}

.home-main .section-faq.style-1 {
padding: 79px 0;
    background: url(../../assets/images/background/background6.webp) 
                center center / 100% auto no-repeat;
    background-attachment: local;
    position: relative;
	
}

.home-main .section-faq.style-1 .block-text p {
color:#f6f6f6
}

.home-main .token-details.style-1 {
background:transparent
}

.page-404 {
align-items:center;
background:url(../../assets/images/background/bg-404.webp) no-repeat;
display:flex;
height:1080px;
justify-content:center;
width:100%
}

.page-404 .main-404 {
margin-top:5px;
position:relative;
text-align:center
}

.page-404 .main-404 img {
left:0;
margin:0 auto;
position:absolute;
right:0;
top:-67px
}

@media only screen and (max-width:1024px) {
.page-404 .main-404 img {
width:100%
}
}

.page-404 .main-404 .title {
font-size:48px;
letter-spacing:.5px;
text-transform:none
}

.page-404 .main-404 p {
margin-bottom:13px;
padding:0 510px
}

@media only screen and (max-width:1200px) {
.page-404 .main-404 p {
padding:0
}
}

.page-404 .main-404 a {
border-radius:8px;
display:inline-block;
margin:0 auto;
padding:14px 32px;
text-align:center
}

.preloader {
background-color:red;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:999999
}

.text-load {
background:linear-gradient(294.72deg,red 9.05%,#4388dd 79.28%);
color:#000!important;
font-size:16px;
font-weight:700;
left:-80px;
top:72%;
-webkit-text-fill-color:transparent
}

.loader,.text-load {
margin:0 auto;
position:absolute;
right:0
}

.loader {
height:67px;
left:0;
top:50%;
width:80px
}

.loader .square {
animation-fill-mode:both;
animation:motion 2.5s cubic-bezier(.89,.03,.06,1.5) infinite;
background:var(--primary-color);
border-radius:4px;
height:50px;
margin:0 auto;
width:50px
}

.loader .path {
bottom:0;
height:10px;
left:0;
overflow:hidden;
position:absolute;
width:110px
}

@keyframes motion {
50% {
transform:rotate(90deg)
}

to {
transform:rotate(180deg)
}
}

@keyframes dynamic {
0% {
transform:translateX(-40px)
}

25% {
transform:translateX(-80px)
}

50% {
transform:translateX(-120px)
}

75% {
transform:translateX(-160px)
}

to {
transform:translateX(-200px)
}
}

#itemdisabled {
color:#78744c;
font-size:60%;
margin-top:15px;
pointer-events:none
}

#blogitemdisabled {
opacity:.3;
pointer-events:none
}

@media only screen and (max-width:1024px) {
.itemdisabled {
margin-top:-40px
}
}

.page-title .content {
padding:0 270px;
position:relative;
z-index:1
}

.page-title .content .desc {
color:hsla(0,0%,100%,.8);
font-size:20px;
margin-top:23px
}

@media only screen and (max-width:1024px) {
.page-title .content {
padding:0 70px
}
}

@media only screen and (max-width:767px) {
.page-title .content {
padding:0
}
}

.video {
    background: url(../../assets/images/background/bg-roadmap.webp);
	padding: 100px 0;
}

.section-faq style-1 {
    background: url(../../assets/images/background/background1.webp);
}


.contenedor-padre {
text-align:center
}

.carousel {
margin:auto;
width:80%
}

#carouselpartners {
        overflow: hidden;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Slides: posición absoluta (necesario para Bootstrap) */
    #carouselpartners .carousel-item {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex !important;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.6s ease;
    }

    /* Slide activo: visible */
    #carouselpartners .carousel-item.active {
        opacity: 1;
        position: relative !important;
    }

    /* Imágenes: tamaño uniforme */
    #carouselpartners .carousel-item img {
        max-height: 70px;
        max-width: 180px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

@media only screen and (max-width:767px) {
.banner-top.style-1 .banner-top__content .button {
font-size:19vw;
margin-top:45px
}
}

#buttonbuyyears {
align-items:center;
display:flex;
justify-content:space-around;
width:300px
}

.button_buy {
margin-top:30px
}

#photo_years {
height:70%;
transform:translateY(55px);
width:70%
}

#site-logo {
margin-left:60px;
margin-top:10px
}

#titleico {
margin-top:150px
}

#titulobueno {
background:linear-gradient(90deg,red,#f50,red,#f50,orange,#fe0,lime,#0fec0f,#0fa,cyan,#09f,blue,#03018b,#250657);
-webkit-background-clip:text;
color:#ee0fee00;
font-family:BRELLOS-Regular,sans-serif;
font-size:760%;
margin-left:-10px
}

#partnersletter,#titleico,#titleletter,.progresstext,.questionid,.questions,.tokenomics2 {
font-family:BRELLOS-Regular,sans-serif;
font-size:255%
}

#titleletter {
border:5px;
color:#379c05cc;
font-size:485%
}

#titleico,#titleletter {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
font-family:BRELLOS-Regular,sans-serif;
text-align:center
}

#titleico {
color:#9d1dc8;
font-size:585%
}

.fa-copy {
margin-left:20px
}

.tokenomics_text {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
color:#ff7000fa;
font-family:BRELLOS-Regular,sans-serif;
font-size:225%;
text-align:center
}

@media only screen and (max-width:767px) {
.tokenomics_text {
font-size:150%
}

#titleico,#titleletter,.questionid {
font-size:350%;
margin-top:20px
}
}

#titleico {
margin-top:-20px
}

@media (max-width:1400px) and (min-width:1200px) {
#titulobueno {
font-size:400%
}
}

@media only screen and (max-width:767px) {
#titulobueno {
font-size:350%;
margin-top:45px
}
}

#roadmaptext {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
color:#f5f5f5;
color:#e1147dde;
font-family:BRELLOS-Regular,sans-serif;
font-size:550%
}

.questionid {
color:#f5f5f5;
color:#ede5e5fc
}

#partnersletter,.questionid {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
font-size:455%
}

#partnersletter {
color:#f5f5f5;
color:#ccbf0dfc
}

.questions {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
color:#f5f5f5;
color:#fffffffc;
font-size:255%
}

.info-list {
background:#0f0d0d
}

.info-list li:hover {
background:linear-gradient(#065409,#082b48 79.28%)
}

.img-small {
animation:move5 3s linear infinite;
height:auto;
max-width:75%;
transform:translateY(150px)
}

@media only screen and (max-width:767px) {
.img-small {
margin-left:12%
}
}

#photologo1 {
animation:floatY 3s ease-in-out infinite
}

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

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

to {
transform:translateY(0)
}
}

@media only screen and (max-width:768px) {
.button_buy {
align-items:center;
display:flex;
justify-content:center;
margin-top:100px;
text-align:center
}
}

@media only screen and (min-width:769px) {
.button_buy {
display:none
}
}

#progressburn {
border-bottom:1px solid #000;
border-top:1px solid #000;
margin-bottom:60px;
margin-top:60px
}

@media (max-width:768px) {
#progressburn {
border-top:none
}
}

.progress-bar-container {
align-items:center;
display:flex;
font-family:Arial,sans-serif;
justify-content:center;
padding:20px
}

.progress-bar,.progress-bar-container {
overflow:hidden;
position:relative;
width:100%
}

.progress-bar {
border-radius:30px;
box-shadow:inset 0 4px 10px #000c 0 20px #0f06;
height:60px
}

.filler {
background:linear-gradient(45deg,#030,#0c0,#030);
border-radius:30px;
box-shadow:0 4px 10px #00ff0080 0 20px #0f06;
height:100%;
overflow:hidden;
position:relative;
transition:width 2s ease-in-out
}

.filler:before {
animation:stripes 1s linear infinite;
background:linear-gradient(45deg,#0f03 25%,transparent 0,transparent 50%,#0f03 0,#0f03 75%,transparent 0,transparent);
background-size:40px 40px;
height:100%;
width:100%
}

.filler:before,.overlay:before {
content:"";
left:0;
position:absolute;
top:0
}

.overlay:before {
background-blend-mode:multiply;
background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent),url(https://www.transparenttextures.com/patterns/black-thread-light.png);
bottom:0;
opacity:.5;
pointer-events:none;
right:0;
z-index:1
}

.overlay:after {
border:4px solid #8b4513;
border-radius:34px;
bottom:-4px;
box-shadow:inset 0 0 20px #000000e6 0 20px #8b451399;
content:"";
left:-4px;
right:-4px;
top:-4px;
z-index:2
}

.overlay:after,.progress-bar:after {
pointer-events:none;
position:absolute
}

.progress-bar:after {
color:#fff;
font-size:24px;
font-weight:700;
letter-spacing:2px;
opacity:.8;
text-shadow:2px 2px 4px #000;
text-transform:uppercase;
z-index:3
}

.glow,.progress-bar:after {
left:50%;
top:50%;
transform:translate(-50%,-50%)
}

.glow {
background:radial-gradient(ellipse at center,#00ff004d 0,#0f00 70%);
height:120%;
opacity:0;
pointer-events:none;
position:absolute;
width:80%;
z-index:4
}

.progress-bar-container:hover .glow {
animation:pulse 1.5s infinite;
opacity:1
}

@keyframes stripes {
0% {
background-position:0 0
}

to {
background-position:40px 0
}
}

@keyframes pulse {
0% {
opacity:.8;
transform:translate(-50%,-50%) scale(1)
}

50% {
opacity:.3;
transform:translate(-50%,-50%) scale(1.2)
}

to {
opacity:.8;
transform:translate(-50%,-50%) scale(1)
}
}

.progresstext {
background:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red);
-webkit-background-clip:text;
color:#e3721ad6;
color:#fff;
font-family:Poppins,sans-serif;
font-size:3vw;
font-weight:700;
text-align:center
}

@media (max-width: 768px) {
#textToCopy {
    font-size: 120% !important;
    line-height: 1.4;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    
    /* Para centrar el texto dentro del elemento */
    text-align: center;
    
    /* Si quieres centrar el bloque entero en su contenedor (opcional, si no ocupa el 100%) */
    margin: 0 auto;
}
}

.fire-icon {
color:red;
filter:drop-shadow(0 0 2px #ff4500);
margin:0 1px;
margin:0 6px
}

.progresstext2 {
align-items:center;
display:flex;
justify-content:center;
max-width:100%;
overflow:hidden
}

.progresstext2,.progresstext4 {
font-size:1.5vw
}

.progresstext2,.progresstext4,.progresstext5 {
font-family:Poppins,sans-serif;
margin-top:20px;
text-align:center
}

.progresstext5 {
color:red;
font-size:2.5vw
}

@media only screen and (max-width:600px) {
.progresstext {
font-size:5vw
}

.progresstext2 {
font-size:3.5vw
}

.progresstext4 {
font-size:4vw
}

.progresstext5 {
font-size:8vw
}
}

.progress-bar {
background-color:#f000
}

.flags2 {
    position: absolute;
    top: 30px;                     /* Espacio desde arriba */
    left: 50%;
    transform: translateX(-50%);
    width: 400px;                  /* Ancho fijo de las banderitas */
    height: 80px;                  /* Alto fijo */
    background: url(../../assets/images/background/flags2.webp) 
                center top / contain no-repeat;
    opacity: 0.9;
    z-index: 1;
    pointer-events: none;          /* No bloquea clics */
}

.section-partnersextern {
    position: relative;
    width: 100%;
    min-height: 500px; /* Ajusta según contenido */
    background: linear-gradient(to bottom, #001a1a, #000000); /* Tu fondo oscuro */
    overflow: hidden;
}

.partner-content {
    position: relative;
    z-index: 2;
    padding: 120px 0 80px;         /* Arriba: espacio para banderitas + más */
    text-align: center;
}

.section-partnersextern .container {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

#partners {
    background: url(../../assets/images/background/background5.webp)
                center center / cover no-repeat;
    background-attachment: local;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:600px) {
#token {
margin-top:-60px
}
}



#roadmap {
background:url(../../assets/images/background/bg-roadmap.webp)
}

/* ENCABEZADO: banderitas + título pegados */
.header-roadmap {
    position: relative;
    text-align: center;
    padding-top: 80px; /* Espacio desde arriba */
    margin-bottom: 2rem;
}

/* BANDERITAS: justo encima del título */
.flags {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 450px;                  /* Ancho de las banderitas */
    height: 80px;                  /* Alto fijo */
    background: url(../../assets/images/background/flags1.webp)
                center center / contain no-repeat;
    pointer-events: none;
    z-index: 1;
}

/* Título */
#roadmaptext {
    position: relative;
    z-index: 2;
    margin: 0;
    padding-top: 60px; /* Espacio entre banderitas y texto */
    font-size: 2.5rem;
    color: #ff69b4;
}

#infographic .circle {
border:7px double;
border-radius:50%;
display:flex;
flex-direction:column;
height:320px;
justify-content:center;
left:50%;
margin:40px 0;
padding:40px;
position:absolute;
text-align:center;
width:320px
}

#infographic section:nth-child(odd) .circle {
transform:translateX(-100%)
}

#infographic article {
cursor:pointer;
left:50%;
margin-bottom:20px;
max-width:410px;
position:relative
}

#infographic article header {
border-bottom-right-radius:30px;
border-top-right-radius:30px
}

#infographic article header i {
background-clip:padding-box;
border:16px solid var(--bs-dark);
border-radius:50%;
color:#fff;
display:flex;
font-size:2em;
margin:-16px 0 -16px -20px;
padding:14px;
transition:transform .4s
}

#infographic article:hover header i {
transform:scale(1.2)
}

#infographic article.active header i {
transform:none
}

#infographic article .body {
background:var(--bgColor);
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
max-height:0;
overflow:hidden;
padding:0 20px;
transition:max-height .5s,padding .5s
}

#infographic article .body .btn {
padding:3px 10px;
text-transform:uppercase
}

#infographic :nth-child(2n) article {
text-align:right;
transform:translateX(-100%)
}

#infographic :nth-child(2n) article header {
border-bottom-left-radius:30px;
border-top-left-radius:30px;
flex-flow:row-reverse
}

#infographic :nth-child(2n) article header i {
margin:-16px -20px -16px 0
}

#infographic section:nth-child(odd) article.active header {
border-bottom-right-radius:0
}

#infographic section:nth-child(2n) article.active header {
border-bottom-left-radius:0
}

#infographic article.active .body {
border:1px solid;
max-height:300px;
padding:20px
}

#infographic article[data-step="1"] {
margin-left:6px
}

#infographic article[data-step="2"] {
margin-left:54px
}

#infographic article[data-step="3"] {
margin-left:71px
}

#infographic article[data-step="4"] {
margin-left:61px
}

#infographic article[data-step="5"] {
margin-left:22px
}

#infographic article[data-step="6"] {
margin-left:-5px
}

#infographic article[data-step="7"] {
margin-left:-54px
}

#infographic article[data-step="8"] {
margin-left:-70px
}

#infographic article[data-step="9"] {
margin-left:-60px
}

#infographic article[data-step="10"] {
margin-left:-21px
}

#infographic article[data-step="11"] {
margin-left:7px
}

#infographic article[data-step="12"] {
margin-left:55px
}

#infographic article[data-step="13"] {
margin-left:73px
}

#infographic article[data-step="14"] {
margin-left:62px
}

#infographic article[data-step="15"] {
margin-left:23px
}

#infographic article[data-step="16"] {
margin-left:-102px
}

#questions {
margin-top:-50px
}

@media (max-width:768px) {
.road-map {
display:none
}
}

.social {
align-items:flex-end;
display:flex;
flex-direction:column;
margin-top:90px;
position:fixed;
right:20px;
top:0;
z-index:999
}

.social-btn {
margin-top:15px;
margin-bottom:0;
margin-left:20px
}

.social-btn img {
height:26px;
width:26px
}

.social-btn.color-telegram2 {
margin-top:25px
}

@media (max-width:768px) {
#social-btn {
margin-top:35px
}
}

#correoelec {
color:red
}

@media only screen and (max-width:768px) {
body,html {
overflow-x:hidden
}
}

@media only screen and (max-width:767px) {
.mouse-cursor.cursor-inner,.mouse-cursor.cursor-outer {
display:none
}
}

.backgroundbannertop {
background-color:#400707;
background-image:linear-gradient(90deg,transparent 0,#870896 80%,#360f0f);
height:23px;
left:0;
margin-top:27px;
-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 15%,#000 85%,transparent 98%);
mask-image:linear-gradient(90deg,transparent 2%,#000 15%,#000 85%,transparent 98%);
position:fixed;
top:50px;
width:100%
}

.backgroundbannertop p {
color:#969595;
line-height:20px;
margin:0;
position:relative;
text-align:center;
z-index:1
}

.text-animation {
animation:slide-left 25s linear infinite,linear infinite;
font-family:Poppins;
position:absolute;
white-space:nowrap
}

@keyframes slide-left {
0% {
transform:translateX(100vw)
}

to {
transform:translateX(-100%)
}
}

#titlemedium {
color:#34a746;
text-align:center
}

.value {
align-content:center;
font-family:Poppins;
font-size:3.2em
}

.graphic {
padding-left:30px
}

@keyframes expand {
0% {
width:0
}

to {
width:100%
}
}

@media screen and (min-width:768px) {
@keyframes expand {
0% {
width:0
}

to {
width:calc(100% - 75px)
}
}
}

.chart {
animation:expand 1.5s ease forwards;
width:0
}

.block,.chart {
overflow:hidden
}

.block {
background-color:#5d0865;
background-image:url(../../assets/images/layout/flor.webp);
border:3px solid #4c2882;
border-radius:5px;
color:#fff;
cursor:pointer;
display:flex;
font-size:.9em;
height:191px;
justify-content:center;
margin:0 auto;
opacity:1;
transition:opacity,.3s ease;
width:100px
}

.x-axis {
margin-bottom:150px;
text-align:center;
width:100%
}

@media (max-width:768px) {
.dextools-wrapper {
position:relative;
overflow:hidden;
width:100%;
max-width:100%;
border-radius:12px;
background:radial-gradient(circle at center,#0d0d0d 0%,#000 100%);
box-shadow:0 0 20px #0000004d;
aspect-ratio:16/9
}

.dextools-wrapper iframe {
position:absolute;
inset:0;
width:100%;
height:100%;
border:none
}

.dextools-loader {
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-size:.9rem;
font-weight:500;
color:#bbb;
font-family:system-ui,sans-serif;
background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);
animation:dextools-pulse 2s infinite
}

@keyframes dextools-pulse {
0%,100% {
opacity:.4
}

50% {
opacity:1
}
}
}

.block:hover {
opacity:.65
}

.legend {
color:#919191;
display:inline-block;
font-size:.8em;
margin:0 auto;
padding:0
}

.legend li:before {
background-color:#610161;
content:"";
display:inline-block;
height:8px;
margin-right:.5em;
text-align:center;
width:8px
}

.tokenomics2 {
background:none;
overflow:hidden;
position:relative;
z-index:1
}

.tokenomics2:before {
background:url(../../assets/images/background/background5.webp) no-repeat 50% fixed;
background-size:cover;
filter:blur(8px);
transform:scale(1.1)
}

.tokenomics2:after,.tokenomics2:before {
content:"";
inset:0;
position:absolute;
z-index:-1
}

.tokenomics2:after {
background:#0006
}

@media (max-width:768px) {
.tokenomics2:before {
background-attachment:scroll
}
}

.tokenomics_description {
font-size:80%;
font-size:15px;
margin-top:40px;
text-align:center
}

#whitepaperhere {
margin-top:50px
}

.coloredyears {
color:#ed17c0
}

.video {
text-align:center
}

.video .container {
display:inline-block
}

.videohere {
display:block;
margin:0 auto;
max-height:100%;
max-width:75%
}

@media (max-width:768px) {
.videohere {
max-width:90%
}
}

.sale-content {
align-items:center;
display:flex
}

#photohouse img {
display:block;
height:100%;
margin-left:auto;
position:relative;
top:0;
width:35%
}

@media (max-width:1200px) {
#photohouse {
margin-top:-20px;
margin-bottom:20px
}

#photohouse img {
display:block;
height:auto;
margin:auto;
position:relative;
top:25px;
width:60%
}
}

@media (max-width:760px) {
.desc {
margin-left:15px;
margin-right:15px
}
}

iframe {
border:5px solid #000;
border-radius:20px;
box-shadow:0 0 20px #0f0c;
display:block;
margin-bottom:20px
}

.centrado {
align-items:center;
background-image:url(../../assets/images/background/flags1.webp);
background-position:top;
background-repeat:no-repeat;
display:flex;
height:20vh;
justify-content:center;
width:100%
}

.centrado img {
max-height:100%;
max-width:100%
}

#email {
display:block;
height:20px;
margin:0 auto 10px;
max-width:400px;
width:70%
}

#submit {
background:green;
box-sizing:border-box;
font-family:Arial,sans-serif;
font-size:14px;
height:40px;
line-height:20px;
padding:5px 0;
width:30%
}

.text_bottom_foot {
font-size:10px;
margin-bottom:90px;
margin-top:-10px
}

#burned_explain {
color:#9e9e9e;
font-size:14px;
line-height:1.4;
margin-top:4px
}

.buy-now-link {
color:green!important
}