:root {
  --theme:#FF3D00;
  --theme_up:#fd5f00;
  --white:#ffffff;  
  --red:#fa0202
}

.table-info {
	background:dark;
	border-radius:15px;
	padding:30px;
	margin-bottom:40px;
	box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
}
.table-grid {
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
	gap:20px;
	margin-bottom:40px;
}
.table-card {		
	border-radius:10px;
	padding:15px 20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	transition:all 0.3s ease;
	border:1px solid rgba(224, 71, 23, 0.2);
}
.table-card:hover {
	transform:translateY(-5px);
	/*box-shadow:0 3px 8px rgba(0, 0, 0, 0.1);	
	*/
	border-radius:12px;
	border-color:var(--theme);
	box-shadow:0 0 5px 2px #ff8a42;	
	outline:2px solid var(--theme);
	outline-offset: -1px;
	animation:animate_pulse 2s infinite;
}
.feature-label {		
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin-top:5px;
	letter-spacing:0.5px;
	background:0 0;	
	text-shadow: 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme), 0 0 4px var(--theme);
	/*-webkit-text-stroke: 2px #000000;*/
}
.feature-value {		
	color:#fff;
	padding:5px 0px 0px 5px;
	font-weight:1000;
	background:0 0;	
	text-shadow: 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red), 0 0 4px var(--red);
	/*-webkit-text-stroke: 1px #000000;*/
}	
@media (max-width:768px) {
	.table-grid {
		grid-template-columns:1fr;
	}	
	.table-card {
		flex-direction:column;
		text-align:center;
		gap:10px;
	}
}