.custom-hero {
	background: linear-gradient(135deg, #f6f7ff 0%, #ffffff 52%, #f0f1ff 100%);
}

.custom-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	border: 1px solid rgba(42, 63, 107, .12);
	border-radius: 999px;
	padding: 8px 14px;
	box-shadow: 0 8px 28px rgba(26, 31, 54, .06);
}

.custom-card {
	height: 100%;
	background: #ffffff;
	border: 1px solid rgba(20, 28, 45, .08);
	border-radius: 22px;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.custom-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 42px rgba(22, 28, 45, .10);
	border-color: rgba(91, 92, 255, .22);
}

.custom-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.custom-mini-card {
	background: #ffffff;
	border: 1px solid rgba(20, 28, 45, .08);
	border-radius: 18px;
	padding: 24px;
	height: 100%;
}

.custom-number {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #dcdcfe;
	color: #252665;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	margin-bottom: 14px;
}

.custom-table {
	background: #ffffff;
	border: 1px solid rgba(20, 28, 45, .08);
	border-radius: 22px;
	overflow: hidden;
}

.custom-table table {
	margin-bottom: 0;
}

.custom-table th {
	background: #f3f3ff;
	color: #252665;
	font-weight: 800;
	white-space: nowrap;
}

.custom-table td,
.custom-table th {
	padding: 18px;
	vertical-align: top;
}

.custom-check-list li {
	margin-bottom: 10px;
}

.custom-tag {
	display: inline-block;
	background: #f3f3ff;
	color: #252665;
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 700;
	margin: 0 6px 8px 0;
}