/*=========================================
AI Wealth Tech India
Promoter Details
=========================================*/

.awti-promoter-card{
	background:#fff;
	border:1px solid #e8eef7;
	border-radius:22px;
	padding:28px;
	margin:30px 0;
	box-shadow:0 10px 30px rgba(15,23,42,.08);
}

.awti-promoter-card h2{
	margin:0 0 24px;
	font-size:28px;
	font-weight:700;
	color:#111827;
}

.awti-promoter-item{
	margin-bottom:20px;
}

.awti-promoter-item:last-child{
	margin-bottom:0;
}

.awti-promoter-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:15px;
	margin-bottom:10px;
}

.awti-promoter-name{
	font-size:16px;
	font-weight:600;
	color:#111827;
	word-break:break-word;
}

.awti-promoter-percent{
	font-size:16px;
	font-weight:700;
	color:#16a34a;
	white-space:nowrap;
}

.awti-progress{
	width:100%;
	height:10px;
	background:#e5e7eb;
	border-radius:999px;
	overflow:hidden;
	box-shadow:inset 0 2px 4px rgba(0,0,0,.06);
}

.awti-progress-fill{
	height:100%;
	border-radius:999px;
	background:linear-gradient(90deg,#22c55e,#2563eb);
	transition:width .5s ease;
}

.awti-total{
	margin-top:24px;
	padding:16px 20px;
	border-radius:16px;
	background:linear-gradient(135deg,#16a34a,#2563eb);
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:16px;
	font-weight:700;
	color:#fff;
	box-shadow:0 8px 20px rgba(37,99,235,.20);
}

.awti-show-promoter{
	text-align:center;
	margin-top:22px;
}

.awti-show-promoter-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 24px;
	border:none;
	border-radius:12px;
	cursor:pointer;
	font-size:15px;
	font-weight:600;
	color:#fff;
	background:linear-gradient(135deg,#2563eb,#1d4ed8);
	box-shadow:0 8px 20px rgba(37,99,235,.25);
	transition:.3s ease;
}

.awti-show-promoter-btn:hover{
	transform:translateY(-2px);
	background:linear-gradient(135deg,#1d4ed8,#1e40af);
	box-shadow:0 12px 25px rgba(37,99,235,.35);
}

/*=========================================
Hidden Promoters
=========================================*/

.awti-hidden-promoter{
	display:none;
}

.awti-hidden-promoter.awti-show{
	display:block;
	animation:awtiPromoterFade .35s ease;
}

@keyframes awtiPromoterFade{

	from{
		opacity:0;
		transform:translateY(-8px);
	}

	to{
		opacity:1;
		transform:translateY(0);
	}

}

/*=========================================
Mobile
=========================================*/

@media (max-width:768px){

	.awti-promoter-card{
		padding:20px;
		border-radius:18px;
	}

	.awti-promoter-card h2{
		font-size:24px;
		margin-bottom:20px;
	}

	.awti-promoter-top{
		flex-direction:column;
		align-items:flex-start;
		gap:6px;
	}

	.awti-promoter-name{
		font-size:15px;
	}

	.awti-promoter-percent{
		font-size:15px;
	}

	.awti-total{
		flex-direction:column;
		align-items:flex-start;
		gap:8px;
		font-size:15px;
	}

	.awti-show-promoter-btn{
		width:100%;
	}
}