@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
	font-family: 'Poppins', sans-serif;
	background-color: #d1faec;
	color: #333;
}
.header-gradient {
	background: linear-gradient(90deg, #ffffff 0%, #e5e7eb 100%);
}
.casino-card {
	background: #ffffff;
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
	border: 1px solid #e5e7eb;
}
.casino-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.bonus-badge {
	background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}
.neon-text {
	text-shadow:
		0 0 5px #ffffff,
		0 0 10px #7dd5b8,
		0 0 15px #ffffff;
}
.footer-bg {
	background: linear-gradient(180deg, #ffffff 0%, #e5e7eb 100%);
}
.payment-icon {
	filter: brightness(0.8);
	transition: filter 0.2s ease;
	height: 24px;
}
.payment-icon:hover {
	filter: brightness(1);
}
h3 {
	margin-top: 20px !important;
	font-size: 1.475rem !important;
}
.full-width {
	width: 100%;
}

.bg-green-500 {
	background: #267340 !important;
}

.to-green-600 {
	background: linear-gradient(
		90deg,
		#2e6b44 0%,
		#3d8f71 50%,
		#16a34a 100%
	) !important;
}

.to-green-700 {
	background: linear-gradient(90deg, #2e6b44 0%, #2d6843 100%) !important;
}

main h2 {
	font-weight: 700;
	font-size: 1.875rem;
	line-height: 2.25rem;
	text-align: center;
	margin-bottom: 1.5rem;
}
main h3 {
	font-weight: 700;
	line-height: 2rem;
	margin-bottom: 1rem;
}
main p {
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-bottom: 1.5rem;
}

main ul {
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding-left: 1.5rem;
	list-style-type: disc;
}
main ol {
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding-left: 1.5rem;
	list-style-type: auto;
}

main table {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow:
		var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
	border-radius: 0.5rem;
	min-width: 100%;
	background: #267340 !important;
}
main table th {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: left;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

main table td {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

main table tr {
	border-bottom: 1px solid rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

main table tbody {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.table {
	display: block !important;
	width: 100%;
	overflow-x: auto;
}

.secb {
	--tw-shadow:
		0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored:
		0 10px 15px -3px var(--tw-shadow-color),
		0 4px 6px -4px var(--tw-shadow-color);
	box-shadow:
		var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
		var(--tw-shadow);
	padding: 2rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	border-radius: 0.75rem;
	margin-bottom: 3rem;
}

.img-cov {
	width: 100%;
	height: auto;
	max-width: 900px;
	margin: 15px auto;
}
.img-cov img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	object-fit: cover;
}
.img-cov.a {
	max-width: 150px;
}

.secb ul li a:hover {
	color: #059669;
}

main h1 {
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 2.5rem;
	margin-bottom: 1.5rem;
	text-shadow:
		0 0 5px #ffffff,
		0 0 10px #7dd5b8,
		0 0 15px #ffffff;
}

@media (max-width: 768px) {
	main h1 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}

	main h2 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}