body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.bg-yellow {
	background-color: #ffd800 !important;
}

.bg-black {
	background-color: black !important;
}

.container {
	max-width: 1600px;
	margin: auto;
}

/* header-css-start */
.header .container {
	background-color: black;
}

.navbar-toggler-icon {
	background-image: none;
}
.navbar-toggler-icon div{
	height: 2px;
	width: 100%;
	background-color: white;
}

.header ul {
	list-style: none;
	justify-content: space-between;
	padding: 0;
}

.header ul li a {
	display: block;
	padding: 12px 113px;
	text-align: center;
	background: #ffd800;
	color: #000;
	font-weight: 700;
	border-radius: 30px;
	text-decoration: none;
	letter-spacing: .5px;
	text-transform: uppercase;
	box-shadow: 2px 2px hsla(0, 0%, 100%, .9);
	border: 1px solid #000;
	font-size: 14px;
}

/* header-css-end */
/* main-heading start */

.main-heading h1 {
	font-size: 54px;
	font-weight: 600;
	color: black;
}

/* main-heading end */
/* date time start */

.date-time-section h3 {
	color: white;
	font-size: 28px;
}

.date-time-section h6 {
	color: #ffd800;
	font-size: 20px;
}

.date-time-section h4 {
	color: white;
	font-size: 30px;
	font-weight: 700;
}

.date-time-section p {
	color: white;
	font-size: 30px;
	font-weight: 700;
}

/* date time end */
/* top-game-section start */
.top-game-section a {
	font-size: 20px;
	font-weight: 600;
	color: #0000ff;
}

.top-game-section p {
	font-size: 18px;
	font-weight: 500;
	color: black;
}

.top-game-section .top-no {
	font-size: 20px;
}

.top-game-section img {
	width: 50px;
	max-width: 30px;
}

/* top-game-section end */

/* head-line-section start */
.headline-section .head-line-box {
	text-align: center;
	height: 100%;
	border-radius: 10px;
	background-color: #ffd900;
	padding: 20px 22px;
	border: 2px dashed #dc3545 !important;
}

.headline-section h6 {
	font-size: 18px;
	color: black;
}

.headline-section a {
	color: #0000ff;
}

.headline-section img {
	width: 100%;
	max-width: 160px;
}

/* head-line-section end */
.add-section .container {
	background-image: linear-gradient(to bottom, #facc15, #ffffff);
	border-radius: 10px;
	border: 2px dashed #dc3545 !important;
}

.add-section p {
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

.add-section h6 {
	font-size: 20px;
	color: #000;
	font-weight: 700;
}

.add-section ul {
	padding: 0 0 0 0;
	list-style: none;
}

.add-section img {
	max-width: 160px;
}

.add-section ul li {
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

/* table today result */
.today-result table {
	border-color: #000;
}

/* check play chart */
.check-playsection h3 {
	font-size: 30px;
	color: #000;
	font-weight: 700;
}

.check-playsection .container {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background-image: linear-gradient(to top, #ff9000, #ffe400) !important;
}

.check-playsection a {
	text-decoration: none;
	color: white;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 4px 4px 0 0 #fff, 4px 4px 0 1px #000;
	cursor: pointer;
	display: block;
	line-height: 20px;
	margin: 0 auto;
	padding: 12px 40px;
	text-align: center;
	width: fit-content;
}

.custom-select,
.custom-btn {
	border: 2px solid #ffc107;
	border-radius: 6px;
}

.custom-btn {
	background-color: #ffc107;
	color: #000;
	font-weight: 600;
}

.custom-btn:hover {
	background-color: #ffd900;
	color: #000;
}

/* all game's result */
.all-games-section table {
	border: 1px solid black;
}

.all-games-section .table thead th {
	background-color: #ffd900;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}

.date-col {
	background-color: #ffd900 !important;
	font-weight: 700;
}

.all-games-section .table td,
.table th {
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	/* color: black; */
	font-weight: 500;
}

.form-select:focus {
	border-color: #ffd900;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgb(255 217 0 / 20%);
}

/* open faq starts */
.open-faq-section h2 {
	padding: 20px 0;
	background-image: linear-gradient(to top, #ff9000, #ffe400) !important;
	font-size: 28px;
	color: black;
	text-align: center;
}

.open-faq-section p {
	font-size: 18px;
	color: black;
	text-align: justify;
	margin: 20px 0;
}

/* close faqs start */
.close-faqs-section .accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 12px;
	font-size: 18px;
	color: white;
	text-align: left;
	background-color: black;
	border: 0;
	border-radius: 10px 10px 0px 0px !important;
	overflow-anchor: none;
	transition: var(--bs-accordion-transition);
}

.close-faqs-section .accordion-button::after {
	background-image: url("/img/faqarr.svg") !important;
	rotate: 180deg;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-item {
	background: #ffd900;
	margin-bottom: 10px;
	border-radius: 10px !important;
}

/* blog css start */
.blog-section .container {
	background-color: #000;
	text-align: center;
}

.blog-section a {
	text-decoration: none;
	display: block;
	height: 100%;
}

.blog-section .blog-card {
	height: 100%;
	background-color: #ffd900;
	border-radius: 10px;
	padding: 10px 12px;
}

.blog-section img {
	width: 100%;
}

.blog-section h3 {
	font-size: 24px;
	color: #000;
	margin-top: 20px;
}

.blog-section p {
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}

/* footer css start */
.footer-section .container {
	background-color: #000;
	border-top: 1px solid #ffd900;
}

.footer-section ul {
	display: flex;
	justify-content: center;
	list-style-type: none;
	margin-bottom: 0;
}

.footer-section ul li {
	margin-right: 24px;
}

.footer-section ul li a {
	color: #ffd900;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.4s ease-in-out;
}

.footer-section ul li a:hover {
	color: white;
}

.copy-right .container {
	background-color: #facc15;
}

.copy-right p {
	font-size: 18px;
	color: black;
	margin-bottom: 0;
	font-weight: 600;
}

.disclaimer-section .container {
	background-color: #000;
}

.disclaimer-section p {
	color: #facc15;
	margin-bottom: 0;
	font-size: 18px;
}

.faq-top .container {
	background-image: none !important;
	background-color: #facc15;
}

.news-section .container {
	background-image: none !important;
	background-color: #facc15;
}

.top-gamestextin .game-nametd {
	font-size: 22px;
}

.custom-p {
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 200% !important;
}

/* chart page css start */

.full-chartpage h2 {
	padding: 20px 0;
	background-image: linear-gradient(to top, #ff9000, #ffe400) !important;
	font-size: 35px;
	font-weight: 700;
	color: black;
	text-align: center;
}

.chartgame-nameslinks a {
	background-color: #ffe400;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	border-radius: 5px;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 12px 16px;
	transition: all 0.4s ease-in-out;
}

.chartgame-nameslinks a:hover {
	background-color: black;
	color: #ffe400;
}

.all-policyes .container {
	background-color: #000;
}

.all-policyes h2 {
	color: white;
	font-size: 28px;
	margin-bottom: 12px;
}

.all-policyes p {
	color: #ffd800;
	font-size: 18px;
	margin-bottom: 12px;
	line-height: 200%;
}

.all-policyes ul li {
	color: #ffd800;
	font-size: 18px;
	margin-bottom: 12px;
}

/* login-css-start */
.login-section .login-card {
	width: 100%;
	max-width: 520px;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	padding: 40px;
}

.login-section .login-card h2 {
	font-weight: 600;
	margin-bottom: 30px;
}

.form-label {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 6px;
}

.form-control {
	height: 45px;
	border-radius: 6px;
	font-size: 15px;
}

.btn-signin {
	height: 46px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
	background-color: #0d6efd;
	border: none;
}

.btn-signin:hover {
	background-color: #0b5ed7;
}

.btn-create {
	padding: 12px 16px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
	background-color: #ffd800;
	border: none;
	color: black;
}

.btn-create:hover {
	background-color: black;
	color: #ffd800;
}

.register-card {
	width: 100%;
	max-width: 520px;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	padding: 40px;
}

.register-card h2 {
	font-weight: 600;
	margin-bottom: 30px;
}

.form-label {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 6px;
}

.form-control {
	height: 45px;
	border-radius: 6px;
	font-size: 15px;
	border: 1px solid #ffd800;
}

.btn-register {
	height: 46px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
	background-color: #ffd800;
	border: none;
	color: black;
}

.btn-register:hover {
	background-color: black;
	color: white;
}

.login-link {
	margin-top: 18px;
	font-size: 14px;
	text-align: center;
}

.login-link a {
	text-decoration: none;
	color: #0d6efd;
	font-weight: 500;
}

.form-control:focus {
	color: rgb(33, 37, 41);
	background-color: rgb(255, 255, 255);
	border-color: #000;
	outline: 0px;
	box-shadow: rgb(255 216 0 / 29%) 0px 0px 0px 2px;
}

/* login-css-end */
/* .all-games-section .container {
	overflow: hidden;
} */
/* media query start */
@media (max-width:1023.99px) {
	.header ul li a {
		padding: 12px 74px;
		font-size: 14px;
	}
}

@media (max-width:767.99px) {
	.header ul li a {
		padding: 6px 33px;
		font-size: 14px;
	}

	.open-faq-section p {
		font-size: 18px;
		margin: 20px 0;
		padding: 0px 14px;
	}

	.footer-section ul li a {
		font-size: 15px;
	}

	.footer-section ul li {
		margin-right: 15px;
	}
}

/* 474px */
@media (max-width:474.99px) {
	.all-policyes p {
		font-size: 16px;
		margin-bottom: 12px;
		text-align: justify;
	}

	.all-policyes h2 {
		font-size: 22px;
		margin-bottom: 12px;
	}

	.full-chartpage h2 {
		padding: 14px 0;
		font-size: 24px;
	}

	.custom-p {
		font-size: 16px !important;
	}

	.disclaimer-section p {
		font-size: 16px;
	}

	.blog-section p {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.blog-section h3 {
		font-size: 20px;
		margin-top: 20px;
	}

	.close-faqs-section .accordion-button {
		padding: 16px 12px;
		font-size: 14px;
	}

	.check-playsection a {
		padding: 7px 17px;
		font-size: 14px;
	}

	.top-gamestextin .game-nametd {
		font-size: 14px;
	}

	.add-section ul li {
		font-size: 16px;
	}

	.footer-section ul {
		flex-wrap: wrap;
	}

	.open-faq-section h2 {
		padding: 20px 0;
		font-size: 22px;
	}

	.all-games-section table {
		width: 270%;
	}

	.table-responsive {
		overflow-x: auto;
	}

	.main-heading h1 {
		font-size: 28px;
	}

	.date-time-section h3 {
		font-size: 22px;
	}

	.date-time-section h4 {
		font-size: 24px;
	}

	.add-section h6 {
		font-size: 16px;
	}

	.check-playsection h3 {
		font-size: 22px;
	}

	.header ul li a {
		padding: 4px 13px;
		font-size: 11px;
	}

	.open-faq-section p {
		font-size: 18px;
		margin: 20px 0;
		padding: 0px 14px;
	}

	.footer-section ul li a {
		font-size: 13px;
	}

	.footer-section ul li {
		margin-right: 15px;
	}

	.copy-right p {
		font-size: 14px;
	}
}