section.tokenomics-hero{padding:42px 20px;overflow-x:clip}section.tokenomics-hero .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:24px;max-width:1216px;width:100%;margin:0 auto}section.tokenomics-hero .wrapper .content h1{font-family:Figtree;font-weight:800!important;font-size:3.5rem;color:#fff;line-height:24px;line-height:1.3;margin-bottom:5px}section.tokenomics-hero .wrapper .content h1 strong,section.tokenomics-hero .wrapper .content h1 b{font-family:Figtree;font-weight:800!important;font-size:3.5rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.tokenomics-hero .wrapper .content h3{font-family:Figtree;font-weight:600!important;font-size:2.25rem;color:#fff;line-height:24px;line-height:1.3;margin-bottom:16px}section.tokenomics-hero .wrapper .content h3 strong,section.tokenomics-hero .wrapper .content h3 b{font-family:Figtree;font-weight:600!important;font-size:2.25rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.tokenomics-hero .wrapper .content p{font-family:Figtree;font-weight:400;font-size:1.125rem;color:#fff;line-height:24px;line-height:1.3}section.tokenomics-hero .wrapper .image{width:100%;max-width:100%;max-height:100vh;min-height:0;min-width:0;position:relative}section.tokenomics-hero .wrapper .image>video,section.tokenomics-hero .wrapper .image>img{position:absolute;top:-10%;left:auto;width:100%;max-width:400px}section.tokenomics-hero .wrapper .image .swiper{max-width:360px;height:400px;width:100%;aspect-ratio:1/1}section.tokenomics-hero .wrapper .image .swiper .swiper-pagination .swiper-pagination-bullet{background:transparent;border:solid 2px #FFF;width:16px;height:16px;opacity:1}section.tokenomics-hero .wrapper .image .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg{position:absolute;margin-top:30px;width:320px;height:180px;background:linear-gradient(to bottom,#212223,#111111);z-index:-1;top:62px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg:before{content:" ";width:0;height:0;border-bottom:90px solid #212223;border-left:160px solid transparent;border-right:160px solid transparent;position:absolute;top:-90px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg:after{content:"";width:0;position:absolute;bottom:-90px;border-top:90px solid #111111;border-left:160px solid transparent;border-right:160px solid transparent}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg-outline{position:absolute;margin-top:30px;width:324px;height:180px;background:linear-gradient(to bottom,#0ABA90,#0F5B5B);z-index:-2;top:62px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg-outline:before{content:" ";width:0;height:0;border-bottom:92px solid #0ABA90;border-left:162px solid transparent;border-right:162px solid transparent;position:absolute;top:-92px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .hex-bg-outline:after{content:"";width:0;position:absolute;bottom:-92px;border-top:92px solid #0F5B5B;border-left:162px solid transparent;border-right:162px solid transparent}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide img{width:200px;margin-top:-30px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .details{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:8px;text-align:center;margin-top:-30px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .details .detail p:first-child{font-family:Figtree;font-weight:400;font-size:1rem;color:#0aba90;line-height:24px}section.tokenomics-hero .wrapper .image .swiper .swiper-wrapper .swiper-slide .details .detail p:last-child{font-family:Figtree;font-weight:400;font-size:1rem;color:#fff;line-height:24px}@media only screen and (min-width: 1200px){section.tokenomics-hero{padding:120px 20px}section.tokenomics-hero .wrapper{flex-direction:row;justify-content:space-between;gap:32px}section.tokenomics-hero .wrapper .image>video,section.tokenomics-hero .wrapper .image>img{top:-100px;left:0;max-width:680px;width:200%}section.tokenomics-hero .wrapper .content{max-width:798px}section.tokenomics-hero .wrapper .content h1{font-size:6rem}section.tokenomics-hero .wrapper .content h1 strong,section.tokenomics-hero .wrapper .content h1 b{font-size:6rem}section.tokenomics-hero .wrapper .content h3{font-size:3rem}section.tokenomics-hero .wrapper .content h3 strong,section.tokenomics-hero .wrapper .content h3 b{font-size:3rem}}
