.panel-vip {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
	color: #ffffff;
	transition: all 0.25s ease;
	min-height: 210px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 24px;
}

	.panel-vip:hover {
		box-shadow: 0 6px 22px rgba(0, 0, 0, 0.6);
		transform: translateY(-2px);
	}

	.panel-vip > .panel-heading {
		padding: 22px 24px 14px 24px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

		.panel-vip > .panel-heading > .panel-title {
			font-family: 'Cinzel', serif;
			font-weight: 700;
			font-size: 22px;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
		}

	.vip-table-container {
		background: rgba(13, 11, 9, 0.72);
	}

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

		.vip-table tbody tr td {
			text-align: center;
			padding: 14px 20px;
			border-top: 1px solid rgba(255, 255, 255, 0.08);
			vertical-align: middle;
		}
		.vip-table tbody tr:first-child td {
			border-top: none;
		}
		.vip-table tbody tr td:first-child {
			text-align: left;
			font-weight: 600;
		}
		.vip-table tbody tr td:last-child {
			text-align: right;
			width: 130px;
		}
		.vip-table tbody tr:hover td {
			background: rgba(255, 255, 255, 0.04);
		}

	/* VIP BRONZE STYLE */
	.panel-vip.type1 {
		background: #000000 url('../img/vip_panel_bg_1.jpg');
		background-size: cover;
	}
		.panel-vip.type1 > .panel-heading > .panel-title {
			color: #ffa06c;
		}

	/* VIP SILVER STYLE */
	.panel-vip.type2 {
		background: #000000 url('../img/vip_panel_bg_2.jpg');
		background-size: cover;
	}
		.panel-vip.type2 > .panel-heading > .panel-title {
			color: #dcdcdc;
		}

	/* VIP GOLD STYLE */
	.panel-vip.type3 {
		background: #000000 url('../img/vip_panel_bg_3.jpg');
		background-size: cover;
	}
		.panel-vip.type3 > .panel-heading > .panel-title {
			color: #ffa538;
		}

	/* VIP PLATINUM STYLE (IGCN) */
	.panel-vip.type4 {
		background: #000000 url('../img/vip_panel_bg_4.jpg');
		background-size: cover;
	}
		.panel-vip.type4 > .panel-heading > .panel-title {
			color: #63ffbb;
		}

.vip-confirm-box {
	max-width: 420px;
	margin: 20px auto;
	text-align: center;
	background: rgba(13, 11, 9, 0.72);
	border: 1px solid rgba(229, 161, 79, 0.25);
	border-radius: 6px;
	padding: 30px;
}
.vip-confirm-box p {
	color: #ffffff;
	font-size: 15px;
	margin-bottom: 20px;
}
.vip-confirm-box .btn-vip {
	padding: 8px 26px;
}

.btn-vip {
	color: var(--webenginecolor9);
	background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
	font-weight: bold;
	border-radius: 2px;
	transition: all .15s ease-in;
}
.btn-vip:active, .btn-vip:focus, .btn-vip:hover {
	color: var(--webenginecolor12) !important;
	background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}
