body {padding:0; margin:0; color:#000000}
br{font-size:10px}
h1 {
	font-size: 13px;
	text-transform: uppercase;
	color: #F4DC00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #252525;
	text-decoration: none;
	padding-bottom: 3px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #252525;
	text-decoration: none;
}



  .s{font-family:Tahoma; font-size:11px;  color:#9A9A9A; text-decoration:none}
.green{font-family:Tahoma; font-size:11px;  color:#223B08; text-decoration:none}
  .red{font-family:Tahoma; font-size:11px;  color:#2C7F06;}
  .o{font-family:Tahoma; font-size:11px;  color:#FFCC00;}
  .blue{font-family:Tahoma; font-size:11px;  color:#2C7F06;}
.w{font-family:Tahoma; font-size:11px;  color:#E1E1E1; }
.w1{font-family:Tahoma; font-size:11px;  color:#FFFFFF; }
.b{font-family:Tahoma; font-size:11px;  color:#252525; }
.b1{font-family:Tahoma; font-size:10px;  color:#252525; }

 
 

  #input{
  		width:160px; height:21px;
		
		}
		 
#input1{
  		width:134px; height:21px;
		
		}
		
	  #textarea{
  		width:102px; height:48px;
		border-width:1px;
		border-style:solid;
		border:none;
		background-color:#F0EAE3;
		overflow:auto
		}


 
h4 {

	font-size: 13px;
	text-transform: uppercase;
	color: #F4DC00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}


/* ========================================
   CASINO CARDS - Summary Table
   ======================================== */

.casino-cards {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 15px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* Header row */
.casino-card-header {
	display: flex;
	align-items: center;
	padding: 8px 15px;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.casino-card-header .cc-rank { width: 5%; }
.casino-card-header .cc-name { width: 18%; }
.casino-card-header .cc-bonus { width: 20%; }
.casino-card-header .cc-payments { width: 17%; }
.casino-card-header .cc-withdraw { width: 13%; }
.casino-card-header .cc-license { width: 10%; }
.casino-card-header .cc-action { width: 17%; text-align: center; }

/* Individual card */
.casino-card {
	display: flex;
	align-items: center;
	background: #2b2b2b;
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	padding: 16px 15px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.casino-card:hover {
	border-color: #4a7a2e;
	box-shadow: 0 2px 12px rgba(74, 122, 46, 0.15);
}

/* Gold border for #1 */
.casino-card.card-featured {
	border-color: #F4DC00;
	box-shadow: 0 0 8px rgba(244, 220, 0, 0.12);
}
.casino-card.card-featured:hover {
	border-color: #F4DC00;
	box-shadow: 0 2px 16px rgba(244, 220, 0, 0.2);
}

/* Card columns */
.casino-card .cc-rank {
	width: 5%;
	font-size: 16px;
	font-weight: bold;
	color: #F4DC00;
	text-align: center;
}
.casino-card .cc-name {
	width: 18%;
}
.casino-card .cc-name .casino-title {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	margin-bottom: 2px;
}
.casino-card .cc-name .casino-deposit {
	font-size: 10px;
	color: #aaa;
}
.casino-card .cc-bonus {
	width: 20%;
}
.casino-card .cc-bonus .bonus-amount {
	font-size: 13px;
	font-weight: bold;
	color: #4CAF50;
	display: block;
}
.casino-card .cc-bonus .bonus-extra {
	font-size: 10px;
	color: #ccc;
}
.casino-card .cc-payments {
	width: 17%;
	font-size: 10px;
	color: #bbb;
	line-height: 1.4;
}
.casino-card .cc-withdraw {
	width: 13%;
	font-size: 11px;
	color: #ccc;
}
.casino-card .cc-license {
	width: 10%;
	font-size: 11px;
	color: #999;
}
.casino-card .cc-action {
	width: 17%;
	text-align: center;
}

/* Stars */
.cc-stars {
	color: #F4DC00;
	font-size: 11px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 6px;
}

/* Play button */
.btn-play {
	display: inline-block;
	background: #4CAF50;
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 10px 24px;
	border-radius: 6px;
	letter-spacing: 0.5px;
	transition: background 0.2s ease, transform 0.1s ease;
}
.btn-play:hover {
	background: #45a049;
	transform: translateY(-1px);
	color: #fff !important;
}
.btn-play:active {
	transform: translateY(0);
	background: #3d8b40;
}

/* T&Cs text */
.cc-tcs {
	font-size: 9px;
	color: #777;
	margin-top: 4px;
	display: block;
}

/* ========================================
   RESPONSIVE - Mobile Cards
   ======================================== */

@media screen and (max-width: 720px) {
	.casino-card-header {
		display: none;
	}

	.casino-card {
		flex-direction: column;
		text-align: center;
		padding: 20px 15px;
		gap: 10px;
	}

	.casino-card .cc-rank,
	.casino-card .cc-name,
	.casino-card .cc-bonus,
	.casino-card .cc-payments,
	.casino-card .cc-withdraw,
	.casino-card .cc-license,
	.casino-card .cc-action {
		width: 100%;
	}

	.casino-card .cc-rank {
		font-size: 12px;
		color: #999;
	}
	.casino-card .cc-rank::before {
		content: "#";
	}

	.casino-card .cc-name .casino-title {
		font-size: 18px;
		margin-bottom: 4px;
	}
	.casino-card .cc-name .casino-deposit {
		font-size: 11px;
	}

	.casino-card .cc-bonus {
		padding: 8px 0;
		border-top: 1px solid #3a3a3a;
		border-bottom: 1px solid #3a3a3a;
	}
	.casino-card .cc-bonus .bonus-amount {
		font-size: 16px;
	}
	.casino-card .cc-bonus .bonus-extra {
		font-size: 12px;
	}

	.casino-card .cc-payments {
		font-size: 11px;
	}
	.casino-card .cc-payments::before {
		content: "Payment: ";
		color: #777;
	}

	.casino-card .cc-withdraw::before {
		content: "Withdrawal: ";
		color: #777;
	}

	.casino-card .cc-license::before {
		content: "License: ";
		color: #777;
	}

	.casino-card .cc-action {
		padding-top: 5px;
	}

	.btn-play {
		display: block;
		padding: 14px 20px;
		font-size: 15px;
		width: 100%;
		box-sizing: border-box;
	}

	.cc-stars {
		font-size: 14px;
		letter-spacing: 2px;
	}
}
