:root{
	--color-default-blue:#2f2bda;
	--color-bg-lightgrey:#dadada;
	--color-theme-purple:#5c40b7;
}

@font-face {
	font-family: 'Bison-Bold';
	src: url("../fonts/Bison-Bold-Free/Bison-Bold.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: 'Gilroy-Bold';
	src:url("../fonts/Gilroy_Font/Gilroy-Bold.ttf");
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'Gilroy-ExtraBold';
	src:url("../fonts/Gilroy_Font/Gilroy-ExtraBold.ttf");
	font-weight: bold;
	font-style: bold;
}
@font-face {
	font-family: 'Gilroy-Medium';
	src:url("../fonts/Gilroy_Font/Gilroy-Medium.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gilroy-Thin';
	src:url("../fonts/Gilroy_Font/Gilroy-Thin.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Nordique-Pro-Bold';
	src:url("../fonts/NORDIQUE-PRO-BOLD.TTF") format('truetype');
	font-weight: normal;
	font-style: normal;
}

.new-header-section{
	background:transparent;
}
.new-menu-bar li a{
	font-family: 'Gilroy-Bold';
	font-weight:bold;
	text-transform:capitalize;
	color:#36314a;
}
.header-fixed .new-menu-bar li a{
	color:#fff;
}
.logo-tube-02{
	display:none;
}
.header-section.header-fixed .logo-tube-01{
	display:none;
}
.header-section.header-fixed .logo-tube-02{
	display:block;
}
/*** section banner ***/
.section-banner{
	height:100vh;
	margin-top:-100px;
	background:url(../images/bg/section-banner-bg.jpg) no-repeat;
	background-size:cover;
}
.section-banner-content{
	display:flex;
	flex-direction:column;
	/*justify-content:center;*/
	height:100vh;
	color:#555;
	padding-top:150px;
}
.section-banner-content p{
	font-family: 'Gilroy-Medium';
}
.section-banner-content-title{
	text-transform:uppercase;
	font-size:20px;
	font-family: 'Gilroy-Bold';
	color:#555;
}
.section-banner-content-title span{
	color:var(--color-default-blue);
}
.section-banner-tubes h1{
	margin-top:-50px;
	padding-bottom:50px;
	line-height:normal;
	font-family: 'Nordique-Pro-Bold';
    font-size: 10em;
	letter-spacing:5px;
    background:-webkit-linear-gradient(90deg, #ba8ce7, #371793);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}
.section-banner-tubes img{
	max-width:520px;
	margin:50px 0;
}
.discover-more, .discover-blue-more{
	font-family: 'Gilroy-Bold';
	color:#555;
	display:inline-block;
	transition:all ease .3s;
	position:relative;
	padding-left:15px;
}
.discover-more:hover, .discover-blue-more:hover{
	color:#888;
	padding-left:20px;
}
.discover-more:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:10px;
	height:100%;
	background:url(../images/arrow-discover.png) no-repeat;
	background-position:center;
	background-size:100%;
	transform: translate(0px, -50%);
	transition:all ease .3s;
}
.discover-blue-more:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:10px;
	height:100%;
	background:url(../images/arrow-discover-blue.png) no-repeat;
	background-position:center;
	background-size:100%;
	transform: translate(0px, -50%);
	transition:all ease .3s;
}
.discover-more:hover:before, .discover-blue-more:hover:before{
	left:-5px;
}
.where-to-get-tubes{
	margin-top:60px;
	position:relative;
}
.where-to-get-tubes:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background:linear-gradient(90deg, #917deb 0%, #fff0 50%);
	display:none;
}
.where-to-get-tubes h4{
	font-size:16px;
	font-family:'Gilroy-Medium';
	text-transform:uppercase;
	letter-spacing:2px;
	color:var(--color-theme-purple);
}
.buy-token-platform a{
	display:block;
	padding:10pt;
	transition:all ease .3s;
}
.buy-token-platform a:hover{
	border-radius:10px;
	background:rgb(128 125 171 / 15%);
}
.buy-token-platform img{
	max-width:60px;
}
.discover-at{
	margin-top:30px;
}
.discover-at h4{
	margin-bottom:20px;
	font-size:16px;
	font-family:'Gilroy-Medium';
	text-transform:uppercase;
	letter-spacing:2px;
	color:var(--color-theme-purple);
}
.discover-platform{
	transition:all ease .3s;
}
.discover-platform:hover img{
	transform:rotateY(180deg);
}
.discover-platform img{
	max-width:36px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	transition:all ease .3s;
}
.discover-platform a{
	display:block;
	text-align:center;
	font-size:14px;
	color:#666;
	transition:all ease .3s;
}
.discover-platform a:hover{
	color:#000;
}
/*** section-cex ***/
.section-cex{
	padding:60px 0;
	position:relative;
	background:#efefef;
}
.section-cex-title{
	margin-bottom:30pt;
	font-family:'Gilroy-Bold';
	font-size:16pt;
	letter-spacing:1px;
	text-align:center;
	color:var(--color-theme-purple);
}
.cex-platform{
	text-align:center;
	transition:all ease .3s;
}
.cex-platform a{
	color:#222;
	font-family:'Gilroy-Bold';
	transition:all ease .3s;
}
.cex-platform a:hover{
	color:#ccc;
}
.cex-platform img{
	display:block;
	max-width:65px;
	margin:0 auto;
	margin-bottom:15px;
	transition:all ease .3s;
}
.cex-platform:hover a{
	color:#ccc;
}
.cex-platform:hover img{
	transform:rotateY(180deg);
	opacity:.5;
}
/*** section two ***/
.section-inscription-tech{
	padding:100px 0;
	background:var(--color-bg-lightgrey);
	position:relative;
}
.in-tech-img01{
	max-width:450px;
	display:block;
	margin:60px auto;
}
.hud-element-01{
	width:30px;
	position:absolute;
	top:60px;
	right:60px;
}
.hud-element-02{
	width:360px;
	position:absolute;
	bottom:60px;
	right:60px;
}
.section-inscription-tech-content{
	max-width:500px;
	height:100%;
	display:flex;
	flex-direction:column;
}
.section-inscription-tech-subtitle{
	display:flex;
	justify-content:space-between;
	color:#000;
	font-family:'Gilroy-Bold';
	padding-top:10px;
	border-top:3px solid #000;
	position:relative;
}
.section-inscription-tech-title h2{
	font-family:'Bison-Bold';
	font-size:7em;
	letter-spacing:2px;
	color:var(--color-default-blue);
}
.desc-inscription-tech{
	padding-bottom:40px;
}
.desc-inscription-tech p{
	color:#000;
	margin:60px 0;
}
.desc-ins-tech-01{
	font-family:'Gilroy-Bold';
	text-align:justify;
}
.desc-ins-tech-02{
	font-family:'Gilroy-Thin';
}
/*** section three ***/
.section-inscription-ecosystem{
	padding:0px 0;
	background-color:var(--color-bg-lightgrey);
	position:relative;	
}
.section-ie-wrapper{
	width:100%;
	padding:150px 0;
	background:url(../images/ie-top-wrapper.png) no-repeat;
	background-position:center top;
	background-size:100%;
	position:relative;
}
.inscription-ecosystem-img01{
	max-width:360px;
	display:block;
	margin:50px auto;
}
.rotate-animation-element{
	position:absolute;
	top:3em;
	left:5em;
	width:50%;
	max-width:800px;
	transition:all ease .3s;
}
.rotate-animation-element:hover{
	transform:scale(1.1);
	filter:blur(1px);
	opacity:.5;
}
.ie-hud-element-01{
	width:100px;
	position:absolute;
	top:60px;
	right:60px;
}
.ie-hud-element-02{
	width:320px;
	position:absolute;
	bottom:60px;
	right:60px;
}
.section-inscription-ecosystem-title{
	margin-bottom:60px;
}
.section-inscription-ecosystem-title h2{
	margin-bottom:0;
	font-family:'Bison-Bold';
	font-size:7em;
	letter-spacing:2px;
	color:var(--color-default-blue);
}
.ie-current-state{
	padding-bottom:100px;
}
.ie-current-state ul{
	display:flex;
	gap:10px;
	flex-wrap: wrap;
}
.ie-current-state li{
	list-style:none;
	display:flex;
	gap:10px;
	align-items:center;
	padding:20px 30px;
	background:#ddd;
	border-radius:15px;
	border:3px solid #fff;
}
.ie-current-state li h3{
	margin-bottom:0;
	font-size:16px;
	font-family:'Gilroy-Bold';
	color:#000;
}
.blue-dot{
	width:25px;
	height:25px;
	border-radius:50%;
	background:var(--color-default-blue);
	border:3px solid #f7f7f7;
}
/*** section four ***/
.section-first-erc{
	padding:100px 0;
	background-color:var(--color-bg-lightgrey);
	position:relative;	
	color:#000;
	font-family:'Gilroy-Bold';
	overflow:hidden;
}
.first-erc-img{
	position:absolute;
	top:0;
	right:20%;
	width:360px;
	opacity:.75;
}
.section-first-erc-title{
	margin-bottom:60px;
}
.section-first-erc-title h2{
	margin-bottom:0;
	font-size:45px;
	font-family:'Gilroy-Bold';
	color:#000;
}
.section-first-erc-title h2 span{
	display:block;
	color:var(--color-default-blue);
	font-size:60px;
}
.section-first-erc-content{
	margin-bottom:45px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.view-our-cases{
	padding-right:20px;
	border:1px solid var(--color-default-blue);
	border-radius:25px;
}
.view-our-cases a{
	color:#000;
	display:block;
	padding:10px 20px;
	position:relative;
}
.view-our-cases a:before{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translate(0, -50%);
	background:url(../images/arrow-discover.png) no-repeat;
	background-position: center;
    background-size: 100%;
	width:10px;
	height:100%;
	transition:all ease .3s;
}
.view-our-cases a:hover:before{
	right:-5px;
}
.section-first-erc-slogan{
	border-radius:25px;
	background:var(--color-default-blue);
	padding:30px;
}
.section-first-erc-slogan ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
}
.section-first-erc-slogan li{
	display:block;
	color:#fff;
	font-family:'Gilroy-Bold';
	padding:0 15px;
}
/*** section five ***/
.section-trade-earn{
	padding:100px 0;
	background-color:var(--color-bg-lightgrey);
	position:relative;	
	color:#000;	
}
.trade-grid{
	padding-left:300px;
	padding-right:20px;
	margin-bottom:50px;
	background:#d6d6d6;
	border-radius:30px;
	overflow:hidden;
	min-height:450px;
	position:relative;
	box-shadow:0 5px 15px rgba(255,255,255,.5);
}
.trade-grid:before{
	content:'';
	position:absolute;
	top:-50px;
	left:-50px;
	background:url(../images/the-first-erc-img01.png) no-repeat;
	background-size:100%;
	background-position:center;
	width:300px;
	height:300px;
	display:none;
}
.bubble-icon{
	position:absolute;
	top:-50px;
	left:-50px;
	width:300px;
	height:300px;	
}
.bubble-icon-02{
	position:absolute;
	top:-50px;
	right:-50px;
	width:300px;
	height:300px;	
}
.trade-grid-title{
	display:block;
	width:100%;
	margin:30px 0 20px;
	color:var(--color-default-blue);
	font-size:3em;
	font-family:'Gilroy-Bold';
}
.trade-card-grid{
	margin:0px 0 30px;
	padding:0;
	display:flex;
}
.trade-card-grid li{
	list-style:none;
	display:flex;
	flex-direction:column;
	width:22.5%;
	padding:15px;
	border-radius:10px;
	transition:all ease .3s;
}
.trade-card-icon img{
	max-width:80%;
	margin:0 auto;
	display:block;
	transition:all ease .3s;
}
.trade-card-grid li:hover .trade-card-icon img{
	transform:rotateY(180deg);
	opacity:.35;
	filter:grayscale(.85);
}
.trade-card-title{
	font-family:'Gilroy-Bold';
	font-size:20px;
	margin-top:15px;
	margin-bottom:15px;
}
.trade-card-desc{
	font-family:'Gilroy-Medium';
	font-size:14px;
	margin-bottom:15px;
}
.trade-now{
	margin-top:auto;
	display:flex;
	align-items:center;
	font-family:'Gilroy-ExtraBold';
	color:var(--color-theme-purple);
}
.trade-now a{
	color:var(--color-theme-purple);
	transition:all ease .3s;
}
.trade-now a:hover{
	opacity:.5;
}
.trade-now img{
	width:10px;
	height:auto;
	margin-left:10px;
	transition:all ease .3s;
}
.trade-now a:hover img{
	margin-left:15px;
}
.earn-grid{
	padding-left:20px;
	padding-right:300px;
	margin-bottom:50px;
	background:#a6a6aa;
	border-radius:30px;
	overflow:hidden;
	min-height:450px;
	position:relative;
	box-shadow:0 5px 15px rgba(255,255,255,.5);
}
.earn-grid:before{
	content:'';
	position:absolute;
	top:-50px;
	right:-50px;
	background:url(../images/the-first-erc-img01.png) no-repeat;
	background-size:100%;
	background-position:center;
	width:300px;
	height:300px;
	display:none;
}
.earn-now{
	margin-top:auto;
	display:flex;
	align-items:center;
	font-family:'Gilroy-ExtraBold';
	color:#fff;
}
.earn-now a{
	color:#fff;
	transition:all ease .3s;
}
.earn-now a:hover{
	color:rgba(255,255,255,.5);
}
.earn-now img{
	width:10px;
	height:auto;
	margin-left:10px;
	transition:all ease .3s;
}
.earn-now a:hover img{
	margin-left:15px;
}
/*** section six ***/
.section-platform-introduction{
	margin-top:-100px;
    padding:0px 0;
	background-size:100%;
    background-color: var(--color-bg-lightgrey);
    position: relative;
    color: #000;	
}
.section-plaiform-wrapper{
	padding-top:100px;
	padding-bottom:30px;
	background:url(../images/platform-intro-grey-bg.png?168);
	background-size:cover;
	background-position:center top;
}
.section-platform-introduction-title{
	margin-bottom:30px;
	font-family:'Gilroy-Bold';
	line-height:2;
	color:#000;
}
.section-platform-introduction-title h2{
	font-family:'Bison-Bold';
	font-size:5em;
	letter-spacing:2.5px;
	color:var(--color-default-blue);
	text-transform:uppercase;
}
.section-platform-introduction-title h3{
	font-family:'Gilroy-Medium';
	font-size:20px;
	letter-spacing:2.5px;
	color:#000;
}
.brc-20-label{
	padding-right:150px;
}
.brc-20-label img{
	max-width:120px;
}
.section-platform-introduction-content{
	margin-top:-60px;
	margin-bottom:30px;
	position:relative;
}
.section-platform-introduction-text{
	width:50%;
	position:absolute;
	top:60%;
	left:50%;
	transform:translate(-50%, -50%);
	font-family:'Gilroy-Bold';
	font-size:20px;
	text-align:center;
	color:var(--color-default-blue);
}
.platform-process ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.platform-process li{
	width:20%;
	list-style:none;
	text-align:center;
	font-family:'Gilroy-Bold';
	color:var(--color-theme-purple);
	padding:30px 20px;
	border-radius:10px;
	background:#ccc;
	box-shadow:5px 5px 0px rgba(255, 255, 255, 1);
}
/*** section seven ***/
.section-crosschain-protocol{
    padding:0px 0 100px;
	background-size:100%;
    background-color: var(--color-bg-lightgrey);
    position: relative;
    color: #000;	
}
.section-crosschain-protocol-title h2{
	font-family:'Bison-Bold';
	font-size:5em;
	letter-spacing:2.5px;
	color:var(--color-default-blue);
	text-transform:uppercase;
}
.crosschain-protocol-grid{
	margin:30px 0;
}
.crosschain-protocol-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.crosschain-protocol-grid li{
	padding:0px 0;
	border-radius:20px;
	position:relative;
	width:33.33%;
	perspective:450px;
}
.crosschain-protocol-grid li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#d4d2d8;
	border-radius:15px;
	transform: rotateX(0deg) rotateY(15deg) translate(20px, 0px);
	transform-style: preserve-3d;
	transition:all ease .3s;
}
.crosschain-protocol-grid li:hover:before{
	transform: rotateX(0deg) rotateY(5deg) translate(20px, 0px);
}
.crosschain-protocol-grid li:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--color-theme-purple);
	border-radius:15px;
	transform: rotateX(0deg) rotateY(10deg) translate(18px, 0px);
	transform-style: preserve-3d;
	z-index:-1;
	transition:all ease .3s;
}
.crosschain-text{
	padding:50px 30px;
	position:relative;
	font-family:'Gilroy-Bold';
	color:var(--color-theme-purple);
}
.crosschain-logo-pattern{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.crosschain-logo-pattern img{
	max-width:125px;
	opacity:.5;
}
/*** section egiht ***/
.section-eight{
    padding:0px 0;
	background-size:100%;
    background-color: var(--color-bg-lightgrey);
    position: relative;
    color: #000;	
}
.section8-hud-elements{
	max-width:250px;
	margin-bottom:60px;
}
/*** section nine ***/
.section-nine{
    padding:60px 0;
	background-size:100%;
    background-color: var(--color-bg-lightgrey);
    position: relative;
    color: #000;	
}
.section9-hud-elements{
	max-width:250px;
}
/*** section 10 ***/
.section-10{
    padding:60px 0;
	background-size:100%;
    background-color: var(--color-bg-lightgrey);
    position: relative;
    color: #000;	
}
.section10-hud-element-1{
	max-width:250px;
}
.section10-hud-element-2{
	max-width:36px;
}
.section-10-content{
	background:url(../images/section10-bg.png) no-repeat;
	background-size:100%;
	padding:100px 30px;
}
.section10-img01{
	text-align:center;
}
.section10-img01 img{
	max-width:800px;
}
.section10-hfp-grid{
	margin:0px;
}
.section10-hfp-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:5px;
}
.section10-hfp-grid li{
	list-style:none;
	width:20%;
}

.section10-hfp-card{
	position:relative;
	padding:15px;
	color:#fff;
	min-height:460px;
	background:url(../images/section10-purple-badge.png) no-repeat;
	background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section10-hfp-card-body{
	position:relative;
	text-align:center;
	z-index:1;
}
.section10-hfp-card-body h4{
	font-family:'Gilroy-Bold';
	font-size:2em;
	letter-spacing:2px;
}
.section10-hfp-process{
	position:relative;
	padding:15px;
	color:#fff;
	min-height:460px;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction:column;	
}
.section10-hfp-arrow{
	width:36px;
	height:36px;
	padding:12px;
	background:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.section10-hfp-arrow img{
	max-width:100%;
}
.section10-hfp-content{
	background:#fff;
	margin:30px 0;
	padding:20px;
	border-radius:10px;
	font-family:'Gilroy-Bold';
	color:var(--color-default-blue);
	text-transform:uppercase;
	text-align:center;
}
.section10-tube-dec-exc{
	font-family:'Gilroy-Bold';
	font-size:20px;
	color:#fff;
}
.section10-tube-dec-exc img{
	max-width:165px;
	margin-bottom:25px;
}
.section10-hud-element-3{
	max-width:26px;
}
.liquidity-staking{
	margin:30px 0;
}
.liquidity-staking ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.liquidity-staking li{
	list-style:none;
	width:25%;	
}
.liquidity-staking-card01{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-family:'Gilroy-Bold';
	font-size:32px;
	text-transform:uppercase;
	text-align:center;
	background:radial-gradient(#e5dcff, #654abd);
	height:100%;
	border-radius:15px;
}
.liquidity-staking-card{
	background:linear-gradient(0deg, #f9eded, #e6fffd);
	border-radius:15px;
	padding:10px;
	height:100%;
}
.liquidity-staking-card-header{
	display:flex;
	justify-content:space-between;
	font-family:'Gilroy-Bold';
	color:var(--color-theme-purple);
	margin-bottom:10px;
}
.liquidity-staking-card-header-title{
	font-size:22px;
}
.liquidity-staking-icon{
	width:52px;
	height:52px;
}
.liquidity-staking-icon img{
	max-width:100%;
}
.liquidity-staking-card-content{
	font-family:'Gilroy-Medium';
	font-size:14px;
	color:var(--color-theme-purple);
}
/*** section how to buy tubes ***/
.how-to-buy-tubes{
	padding:60px 0;
	min-height:650px;
	position:relative;
	overflow:hidden;
}
.how-to-buy-tubes:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/section11-bg.png) no-repeat;
	background-position:center;
	transform:skew(85deg, 74deg);
}
.how-to-buy-tubes-title h2{
    margin-bottom:20px;
    font-size:72px;
    font-family: 'Gilroy-Bold';
    color: #000;
}
.how-to-buy-tubes-title h2 span{
	display:block;
	color: var(--color-default-blue);
    font-size: 60px;
}
.how-to-buy-tubes-text{
	max-width:520px;
	margin-bottom:30pt;
}
.crypto-platform-grid{
	margin:15pt 0;
}
.crypto-platform-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:15px;
}

@media only screen and (max-width: 500px) {
  .crypto-platform-grid ul {
    display:grid;
  }
  .crypto-platform{
	  min-width:100%;
	  text-align:center;
  }
}

.crypto-platform-grid li{
	list-style:none;
}
.crypto-platform{
	display:inline-block;
	max-width:500px;
	border-radius:30px;
	padding:30pt;
	background:#eee;
	transition:all ease .3s;
	box-shadow:0 0 14px rgb(107 104 159 / 35%);
}
.crypto-platform:hover{
	opacity:.5;
}
.crypto-platform a{
	display:block;
}
.crypto-platform img{
	max-width:80px;
	transition:all ease .3s;
}
.crypto-platform img:hover{
	transform:rotateY(180deg);
}
/*** section-data-network ***/
.section-data-network{
	padding:60px 0;
	min-height:650px;
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg, #bbbae7, #d6d6d6);
}
.section-data-network p{
	color:#000;
}
.section-data-netowrk-pattern{
	position:absolute;
	top:2em;
	right:-20%;
	max-width:850px;
	opacity:.35;
}
.section-data-netowrk-pattern-02{
	position:absolute;
	bottom:2em;
	left:-20%;
	max-width:650px;
	opacity:.15;
}
.section-data-network-title{
	text-align:center;
	max-width:800px;
	margin:0 auto;
}
.section-data-network-title h2{
    margin-bottom:20px;
    font-size:62px;
    font-family: 'Gilroy-Bold';
    color:var(--color-default-blue);
}
.section-data-network-title h3{
    margin-bottom:20px;
    font-size:24px;
    font-family: 'Gilroy-Medium';
    color:#000;
}

.intro-data-network{
	margin:20pt 0;
	font-family:'Gilroy-Medium';
	font-size:16px;
	color:#000;
}
.intro-data-network-link{
	color:#000;
	transition:all ease .3s;
	word-break:break-all;
}
.intro-data-network-link:hover{
	color:#000;
	opacity:.5;
}
.click-the-link{
	color:#000;
}
.join-us-brilliant-future{
	font-family:'Gilroy-Bold';
	font-size:32px;
	color:var(--color-theme-purple);
}
.join-us-brilliant-future span{
	font-family:'Bison-Bold';
	font-size:2em;
	display:block;
}
/*** section 11 ***/
.section-11{
    padding:60px 0;
	background-size:cover;
	background:url(../images/section11-bg.png) no-repeat;
    position: relative;
    color: #000;	
	min-height:650px;
}
.section-11-title{
	text-align:center;
	margin-bottom:60px;
}
.section-11-title h2{
	color:#fff;
	font-family:'Bison-Bold';
	font-size:5em;
	letter-spacing:10px;
}
.section11-crosschain-protocol{
	max-width:90%;
	display:block;
	margin:0 auto;
}
.multilayer-protocol-title{
	font-family:'Bison-Bold';
	font-size:3em;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:5px;
}
.multilayer-protocol-title span{
	display:block;
	line-height:normal;
}
.section11-hud-element01{
	max-width:320px;
	margin-bottom:60px;
	margin-top:60px;
}
.dr-card{
	padding:15px;
	border-radius:20px;
	background:#fff;
	max-width:30%;
}
.dr-card-title{
	display:flex;
	align-items:center;
	color:#000;
	margin:15px 0;
}
.dr-card-title h3{
	color:#000;
	font-family:'Gilroy-Bold';
	font-size:20px;
}
.dr-card-title img.green-ball{
	max-width:35px;
}
.dr-card-title img.gold-ball{
	max-width:35px;
}
.dr-card p{
	font-family:'Gilroy-Medium';
	font-size:14px;
	text-align:justify;
}
.dr-card-grid{
	margin:0 10px;
}
.dr-card-grid ul{
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.dr-card-grid li{
	padding:15px;
	border-radius:20px;
	background:#fff;
	max-width:30%;
}
.dr-card-grid li p{
	font-family:'Gilroy-Medium';
	font-size:14px;
	text-align:justify;
}
.dr-card-grid li:nth-child(4){
	max-width:60%;
}
.dr-card-grid li:nth-child(5){
	max-width:33.33%;
}
/*** section 12 ***/
.section-12{
    padding:60px 0;
	background:#fff;
    position: relative;
    color: #000;	
	min-height:520px;
}
.section-12:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	background:url(../images/section11-line-pattern.png) no-repeat;
	background-position:left bottom;
	width:100%;
	height:100%;
	opacity:.35;
}
.development-roadmap-title{
	font-family:'Bison-Bold';
	font-size:3em;
	background:-webkit-linear-gradient(90deg, #ac57ff, #5e2af3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-transform:uppercase;
	letter-spacing:5px;	
}
.development-roadmap-title span{
	display:block;
	line-height:normal;
}
.grey-bg{
	background:#f1f1f1 !important;
}
/*** section footer ***/
.section-footer{
	padding:60px 0;
	background:url(../images/section-footer-bg_02.png) no-repeat;
	background-position:center;
	background-size:cover;
}
.section-footer-logo{
	width:200px;
	margin-bottom:30px;
}
.section-footer-logo img{
	max-width:100%;
}
.section-footer-allright{
	font-family:'Gilroy-Bold';
	font-size:14px;
	margin-bottom:60px;
}
.section-footer-ordinals{
	font-family:'Gilroy-Medium';
	font-size:12px;
}
.section-footer-social-link ul{
	margin:0;
	padding:0;
	display:flex;
	gap:15px;
}
.section-footer-social-link li{
	list-style:none;
}
.section-footer-social-link li a{
	display:block;
	transition:all ease .3s;
}
.section-footer-social-link li a:hover{
	opacity:.5;
}
.section-footer-social-icon{
	max-width:36px;
}
.section-footer-link{
	height:100%;
}
.section-footer-link ul{
	margin:0;
	padding:0;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-footer-link li{
	list-style:none;
	display:block;
	text-align:right;
}
.section-footer-link li a{
	font-family:'Gilroy-Bold';
	font-size:18px;
	color:#fff;
	transition:all ease .3s;
	display:block;
}
.section-footer-link li a:hover{
	color:var(--color-theme-purple);
}


@media(min-width:576px){
	.section-first-erc-slogan li{
		font-size:22px;
	}
}
@media(min-width:992px){
	.section-first-erc-slogan li{
		font-size:1.5em;
	}
}
@media(min-width:1200px){
	.section-first-erc-slogan li{
		font-size:32px;
	}	
}
@media(max-width:1200px){
	.trade-grid{
		padding-left:15px;
	}
	.bubble-icon{
		left:auto;
		right:-50px;
		width:200px;
		height:200px;
		opacity:.5;
	}
	.bubble-icon-02{
		opacity:.35;
	}
	.earn-grid{
		padding-left:20px;
		padding-right:15px;
	}
	.multilayer-protocol-title{
		font-size:2em;
	}
}
@media (max-width:992px){
	.new-menu-bar li a{
		color:#fff;
	}
	.section-first-erc-slogan ul{
	    flex-wrap: wrap;
        justify-content: center;
	}	
	.section-platform-introduction-content{
		margin-top:0px;
	}
	.section-platform-introduction-text{
		font-size:16px;
	}
	.dr-card{
		max-width:100%;
		margin-bottom:15px;
	}
	.multilayer-protocol-title{
		margin-bottom:20px;
	}
	.development-roadmap-title{
		margin-bottom:30px;
	}
	.section-footer-social-link{
		margin:15px 0;
	}
	.section-footer-link{
		margin-top:30px;
	}
	.section-footer-link li{
		text-align:left;
	}
	.trade-now a{
		font-size:12px;
	}
	.earn-now a{
		font-size:12px;
	}
	.trade-card-title{
		font-size:16px;
	}
	.trade-card-desc{
		font-size:12px;
	}
	.first-erc-img{
		right:-50px;
	}
	.section10-img01 img{
		max-width:100%;
	}
	.section10-hfp-card-body h4{
		font-size:14px;
	}
	.section10-hfp-card, .section10-hfp-process{
		min-height:150px;
	}
	.section10-hfp-content{
		font-size:12px;
	}
	.section10-hfp-grid li{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.section10-tube-dec-exc img{
		max-width:50%;
		margin: 20px 0;
	}
	.section10-tube-dec-exc{
		font-size:14px;
	}
}
@media (max-width:768px){
		
	.section-banner{
		background-position:45% top;
	}
	.section-banner-tubes h1{
		font-size:7em;
	}
	.section-banner-tubes img{
		max-width:65%;
		margin:50px 0;
	}
	.section-banner-content-title{
		width:85%;
	}
	.platform-process li{
		padding:10px;
		font-size:14px;
	}
	.section-platform-introduction-text{
		width:65%;
		top: 55%;
	}
	.platform-process ul{
		flex-wrap:wrap;
	}
	.platform-process li{
		width:48%;
	}
	.section10-img01 img{
		max-width:100%;
	}
	.section10-hfp-card{
		padding:20px;
		border-radius:15px;
		min-height:auto;
		background: linear-gradient(180deg, #c2a2f3, #6247bb);
	}
	.section-10-content{
		padding:30px;
	}
	.section10-hfp-grid ul{
		flex-direction:column;
	}
	.section10-hfp-card-body h4{
		font-size:14px;
	}
	.section10-hfp-process{
		min-height:auto;
	}
	.section10-hfp-grid li{
		width:100%;
		display: flex;
        justify-content: center;
	}
	.section10-hfp-arrow{
		transform:rotate(90deg);
	}
	.section10-hfp-content{
		font-size:14px;
		margin:10px 0;
	}
	.liquidity-staking ul{
		flex-direction:column;
	}
	.liquidity-staking li{
		width:100%;
	}
	.liquidity-staking-card01{
		padding:45px 0;
	}
	.how-to-buy-tubes-title h2{
		font-size:52px;
	}
	.how-to-buy-tubes-text{
		max-width:300px;
	}
	.section-data-network-title h2{
		font-size:45px;
	}
}
@media (max-width:550px){
	.section-banner{
		margin-top:-60px;
	}
	.section-inscription-tech-title h2{
		font-size:5em;
	}
	.section-inscription-ecosystem-title h2{
		font-size:3.5em;
	}
	.in-tech-img01{
		max-width:300px;
	}
	.dr-card-grid{
		margin:20px 0;
	}
	.dr-card-grid ul{
		flex-direction:column;
	}
	.dr-card-grid li{
		max-width:100%;
		width:100%;
	}
	.dr-card-grid li:nth-child(4), .dr-card-grid li:nth-child(5){
		width:100%;
		max-width:100%;
	}
	.section-platform-introduction-text{
		width:90%;
		font-size:14px;
	}
	.section-11-title h2{
		font-size:3em;
	}
	.section-first-erc-content{
		flex-direction:column;
	}
	.view-our-cases{
		margin-top:20px;
	}
	.trade-card-grid{
		flex-wrap:wrap;
	}
	.trade-card-grid li{
		width:50%;
	}
	.inscription-ecosystem-img01{
		max-width:265px;
	}
	.section-banner-content-title{
		width:65%;
	}
	.hud-element-02{
		max-width:225px;
		right:0;
	}
	.first-erc-img{
		max-width:200px;
	}
	.section-first-erc{
		padding-bottom:0;
	}
	.section-trade-earn{
		padding-bottom:60px;
	}
}