.hero-section {
	background-image: url('../../front/img/tiktok/banner.webp');
	background-size: cover;
	color: white;
	padding: 100px 0;
	position: relative;
	min-height: calc(100vh - 100px);
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
}

.overlay {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 4%);
	padding: 60px;
}

.clrTxt {
	background: linear-gradient(90deg, #156C72 0%, #e61055 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.btn-1 {
	background: linear-gradient(90deg, #156C72 0%, #790027 100%);
	border: none;
	padding: 7px ​25px;
}

.btn-2 {
	background: transparent;
	border: 1px solid #fff;
	padding: 7px ​25px;

}


.hero-section .container {
	position: relative;
	z-index: 1;
}

.h1_size {
	font-size: 50px;
	margin-bottom: 20px;
}

.h2_size {
	font-size: 40px;
	margin-bottom: 20px;
	color: #fff;

}

.bold {
	font-weight: bold;

}

.content {
	font-size: 14px;
}

.hero-section .btn {
	margin: 5px;
}

.tokenLi {
	list-style: none;
	margin: 0px;
	padding: 0px;
	gap: 20px;
	display: inline-flex;
}

.tokenLi li {
	display: inline-flex;
	gap: 10px;
}

@media (max-width: 767px) {
	.hero-section {
		background-image: none;
		background: linear-gradient(86deg, #225f69 0%, rgb(70 7 23) 100%);
	}

	.h1_size {
		font-size: 30px;
		text-align: center;
	}

	.content {
		text-align: justify;
	}

	.overlay {
		padding: 20px;
	}
}

/* banner ends */

/* sec2 starts */
.splTxt {
	color: #0A95C2;
	font-family: 'Space Grotesk';
	font-weight: 700;

}

.sec2 {
	color: #000;
	text-align: center;

}
.sec2 .h2_size{
	color: #000;
}
/* sec2 ends */


/* sec 3 starts */

.sec3 {
	color: #fff;
	background: linear-gradient(86deg, #225f69 0%, rgb(70 7 23) 100%);
}

.sec3 .sec_title {
	align-items: center;
	gap: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #000;

}

.sec3 .sec_title .head {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
}

.sec3 .content {
	color: #fff;
}

.sec3 .sec_title .head img {
	margin-right: 20px;
}

.sec3 .overlay_serv {
	min-height: 250px;
	background: transparent;
	border: 2px solid #fff;
	border-radius: 20px;
}

.sec3 .nav-tabs {
	display: inline-flex;
	gap: 20px;
	border: none;
}

.sec3 .nav li a {
	background: #fff;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	font-weight: bold;
}

.sec3 .nav li a.active {
	background: linear-gradient(90deg, #156C72 0%, #790027 100%);
	color: #fff;

}

/* sec 3 ends */

/* sec3 starts */
.vertical-tabs {
	background: #2E1161;
	border: none;
}

.vertical-tabs .nav-tabs {
	flex-direction: column;
	border: none;
}

.vertical-tabs .nav-tabs li a {
	border: 1px solid #a260e8;
	color: #A0A0A0;
	width: 100%;
	font-weight: bold;
	padding: 10px;
	font-family: 'Space Grotesk';
	border-radius: 10px;
	margin-bottom: 20px;
}

.vertical-tabs .nav-tabs li a.active {
	background: #A260E8;
	border: none;
	color: #fff;
	width: 100%;
	font-weight: bold;
	padding: 10px;
	border-radius: 10px;
}


.vertical-tabs .verti_sec {
	background: linear-gradient(-180deg, #5712A1 0%, #2F1067 60%);
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

.vertical-tabs h2 {
	margin-bottom: 40px;
}

.feat_overlay {
	border: 1px solid#A260E8;
	border-radius: 10px;
	background: #400F74;
	padding: 20px;
}

.feat_overlay ul {}

.feat_overlay ul li {
	color: #fff;
}

.tab-content .tab_title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px;
	font-family: 'Space Grotesk';
}

.tab-content .tab_content {
	color: #989898;
	font-size: 16px;
	font-weight: 500;
	margin: 20px 0px;
}

.tab-content .tab_btn {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 15px 30px;
	border: 2px solid #207598;
	background: #000;
	border-radius: 50px;
	font-weight: bold;
}


.gradient-border {
	position: relative;
	display: inline-block;
	padding: 4px;
	background: linear-gradient(90deg, #15BFFD, #9C37FD);
	border-radius: 15px;
}

.gradient-border .rittext {
	background: #0a0a23;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	z-index: 1;
}

/* sec3 ends */

/* sec4 starts */
.sec4 {
	text-align: center;
	color: #fff;
	background: linear-gradient(180deg, rgba(22, 14, 51, 18%) 0%, rgba(212, 8, 140, 18%) 50%, rgba(22, 14, 51, 18%) 100%);

}

.sec4 .sec_title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	margin-top: 20px;

}

.sec4 ul {
	text-align: left;
	display: inline-block;
}

.overlay_serv {
	padding: 10px 10px;
	position: relative;
	margin-top: 40px;
	background: linear-gradient(180deg, #484848 0%, rgba(0, 4, 8, 0%) 100%);


}

.sec4 .overlay_serv img {
	margin-top: -60px;
	position: absolute;
	left: 43%;
}


.sec4 .head {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}

.sec4 .content {
	text-align: left;

}

/* sec3 ends */

/* sec 5 starts */
.sec5 {
	color: #fff;
}

.sec5 .sec_title {
	position: relative;

}

.sec5 .sec_title img {
	margin-top: -85px;
	position: absolute;
	left: 35%;
	width: 80px;
}

.sec5 .overlay_center .sec_title {
	margin-top: 50%;
}

.sec5 .h2_size {
	color: #fff;
	font-size: 30px;
	text-align: center;
}

.sec5 .overlay_serv {
	border-radius: 10px;
	position: relative;
	margin-top: 20px;
	inset: 0px;
	min-height: 260px;
	background: linear-gradient(86deg, #225f69 0%, rgb(70 7 23) 100%);

}

.sec5 {
	background: #fff;
}

.sec5 .h2_size{
	color: #000;
}
.sec5 .head {
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	font-size: 17px;
}

.sec5 .content {
	text-align: center;

}

/* sec 6 ends */
.sec6 {
	text-align: center;
	color: #fff;


}

.sec6 .card_sec {
	display: inline-flex;
	color: #fff;
	width: 100%;
	justify-content: space-around;
	background: linear-gradient(90deg, rgba(42, 62, 132, 11%) 0%, rgba(21, 191, 253, 11%) 100%);
	padding: 20px;
}

.sec6 .custom-card ul {
	text-align: left;
	display: inline-block;
}

.sec6 .card_sec .card_sec_div {
	font-size: 22px;
	font-weight: bold;
	position: relative;
}

.sec6 .overlay {
	margin-top: 20px;
}

.sec6 .sec_title {
	color: #D4088C;
	font-weight: bold;
	font-size: 16px;
}

.sec6 .card_sec .card_sec_div.border_image::before {
	content: '';
	border-width: 5px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #15BFFD 0%, #9C37FD 100%) 0 0% 0% 100%;
	padding-left: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 70px;
}

@media(max-width: 767px) {
	.sec6 .card_sec {
		flex-wrap: wrap;
	}

	.sec6 .card_sec .card_sec_div.border_image::before {
		content: none;
	}

	.sec6 .card_sec .card_sec_div {
		font-size: 22px;
		font-weight: bold;
		position: relative;
		border: 2px solid #1cbffd;
		padding: 10px;
		margin-bottom: 20px;
		width: 100%;
	}
}

/* sec 6 ends */


/* sec 7 starts */

.sec7 {
	background: linear-gradient(90deg, rgba(42, 62, 132, 11%) 0%, rgba(21, 191, 253, 11%) 100%);
}

.sec7 .indusdiv {
	background: linear-gradient(-180deg, #5712A1 0%, #2F1067 60%);
	padding: 20px;
	border-radius: 20px;
	text-align: center;
}

.sec7 .indusdiv .content {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* sec 7 ends */


/* sec 9 starts */

.sec9 {
	color: #000;
}
.sec9 .h2_size {
	color: #000;

}
.sec9 .sec_title .head {
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;

}

.sec9 ul li .head {
	font-weight: bold;
	font-size: 18px;
	align-items: center;
	justify-content: center;
	display: inline-flex;
	gap: 20px;
	height: 0px;
}

.sec9 ul li {
	list-style: none;
}

.sec9 ul li .head::before {
	content: " ";
	/* color: #84E22A; */
	font-size: 35px;
	background: linear-gradient(90deg, #156C72 0%, #790027 100%);
	height: 20px;
	width: 20px;
	border-radius: 20px;
}


/* sec 9ends */


/* FAQ starts   */
.sec10 {
	color: #fff;
}

.faqTit {
	color: #fff;
	padding: 20px 15px;
	border-radius: 0px;
	font-family: 'Space Grotesk';
	font-size: 22px;
	background: linear-gradient(90.756deg, #00484c 0%, #ED1A53 100%);
}

.collapsed .faqTit{
	background: linear-gradient(90deg, #2C3034 0%, #262A2E 100%);

}

.faqTit:before {
	font-weight: 300;
	content: "-";
	font-size: 65px;
	line-height: 0.1;
	color: #fff;
	float: right;
	margin-top: 10px;
}

.panel-group {
	margin-bottom: 20px;
}

.panel-heading a {
	text-decoration: none;
}

.panel-body {
	padding: 15px 25px;
	background: transparent;
	color: #fff;
}

.panel-body p {
	color: #fff;
	font-family: 'Space Grotesk';
	font-size: 20px;
}

.collapsed .faqTit:before {
	content: "+";

}

/* FAQ ends */