.glass-card {
	background: rgba(255, 255, 255, 0.05); /* semi-transparent */
	backdrop-filter: blur(10px); /* glass blur effect */
	-webkit-backdrop-filter: blur(10px); /* Safari support */
	border-radius: 20px; /* rounded corners */
	padding: 20px;
	color: #ffffff; /* text color */
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease;
}

	.glass-card:hover {
		transform: translateY(-5px);
	}

	/* small graph style */
	.glass-card .graph {
		height: 50px;
		width: 100%;
		margin-top: 10px;
		background: linear-gradient(90deg, #0f0, #0ff); /* placeholder line gradient */
		border-radius: 10px;
	}
.features__icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	/* Dark green to black gradient */
	background: linear-gradient( 135deg, #064e3b, /* dark green */
	#000000 /* black */
	);
	/* Subtle glow effect */
	box-shadow: 0 0 15px rgba(6, 78, 59, 0.6), 0 0 25px rgba(0, 0, 0, 0.4);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

	.features__icon:hover {
		transform: scale(1.1); /* subtle pop on hover */
		box-shadow: 0 0 25px rgba(6, 78, 59, 0.8), 0 0 40px rgba(0, 0, 0, 0.6);
	}
.features__icon {
	width: 60px;
	height: 60px;
	background-color: #f0f8ff; /* light circle */
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 15px;
	transition: all 0.3s ease;
}

	.features__icon i {
		color: #349dbb;
	}

	.features__icon:hover {
		box-shadow: 0 0 15px rgba(30, 144, 255, 0.5);
		transform: scale(1.1);
	}
.crypto__area {
	background: radial-gradient( circle at 20% 30%, #0f2027 0%, #0b3d4a 40%, #071e26 70%, #001f3f 100% );
	color: #fff; /* text color to contrast the dark background */
	position: relative;
	padding: 120px 0;
}

.crypto__area {
	background: radial-gradient(circle at 20% 30%, #0f2027, #0b3d4a, #071e26), linear-gradient(135deg, rgba(0,63,91,0.6), rgba(15,32,39,0.6));
	color: #fff;
	padding: 120px 0;
}
	.crypto__area::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		z-index: 1;
	}

	.crypto__area .container {
		position: relative;
		z-index: 2; /* bring text/cards above overlay */
	}
.crypto__item {
	background-color: rgba(255,255,255,0.05); /* slightly transparent to show gradient */
	border: 1px solid rgba(255,255,255,0.1);
	backdrop-filter: blur(5px); /* optional glassy effect */
}
.faq__wrap {
	width: 100%;
}

.faq-item {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 15px 0;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 18px;
}

	.faq-question span {
		color: #fff;
	}

.faq-icon {
	transition: transform 0.3s ease;
	color: #1e90ff;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	font-size: 16px;
	color: #ccc;
	padding: 0;
}

.faq-item.active .faq-answer {
	max-height: 300px; /* adjust as needed */
	padding: 10px 0;
}

.faq-item.active .faq-icon {
	transform: rotate(45deg); /* plus turns into X/close */
}
.tg-header__area.transparent-header.scrolled {
	transform: translateY(0); /* or slide effect */
	transition: all 0.3s ease;
	/* other animation you already defined */
}
.scroll__top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none; /* hidden initially */
	opacity: 0;
	background: #0b3d4a;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 9999;
}

	.scroll__top.show {
		display: block;
		opacity: 1;
	}