@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/

body {
	font-family: 'Aller_Bd';
	background-color: #fff;
	color: #060B19;
}

:root {
	--font-300: 'Aller_Lt';
	--font-400: 'Aller_Rg';
	--font-600: 'Aller_Bd';
}

figure {
	margin: 0;
	display: flex;
	/* align-items: flex-start; */
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	text-decoration: none;
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

.container-fluid,
.container {
	padding-left: 15px;
	padding-right: 15px;
}

.container-width {
	margin: 0 8%;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}
.rows {
	display: grid;
  	/* grid-template-columns: repeat(4, 1fr); */
	grid-template-columns: repeat(auto-fit, minmax(180px, 250px));
	justify-content: space-between;
  	gap: 30px 10px;
  	align-items: stretch;
	margin-bottom: 15px;
}

.row>* {
	/* padding-left: 15px;
	padding-right: 15px; */
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: inherit;
}

p a:hover {
	text-decoration: none;
	color: #F6BF45;
}

ul li,
ol li {
	font-size: inherit;
	line-height: inherit;
	color: #060B19;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li a,
ol li a {
	text-decoration: none;
	color: inherit;
}

ul li a:hover,
ol li a:hover {
	text-decoration: none;
	color: #F6BF45;
}

h1 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

h2 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

h3 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

h4 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

h5 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

p {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

span {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.form-control:focus {
	box-shadow: none;
	border-color: transparent;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

textarea {
	resize: none;
}

.main-title {
	font-family: var(--font-600);
	font-size: 69px;
	line-height: 77px;
	/* 111.594% */
	color: #FFF;
}

.main-title * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}

.section-title {
	font-family: var(--font-600);
	font-size: 40px;
	/* line-height: 45px; */
	color: #060B19;
}

.section-title * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}

.block-detail {
	font-family: var(--font-600);
	font-size: 22px;
	line-height: 27px;
	color: #060B19;
}

.block-detail * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}

.common-detail {
	font-family: var(--font-600);
	font-size: 33px;
	line-height: 40px;
	color: #060B19;
}

.common-detail * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}

.detail {
	font-family: var(--font-600);
	font-size: 20px;
	line-height: 25px;
	color: #060B19;
}

.detail * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
	color: inherit;
}

.common-yellow {
	color: #F6BF45 !important;
}


.points,
.name * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}


/* buttons */

.btn {
	font-size: 14px;
	line-height: 25px;
	/* padding: 18px 89px; */
	border: 1px solid transparent;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.btn-blank {
	color: #fff !important;
	text-decoration: underline !important;
}

.btn-blank:focus-within,
.btn-blank:focus-visible,
.btn-blank:focus,
.btn-blank:active,
.btn-blank:hover {
	color: #F6BF45 !important;
	text-decoration: underline !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	color: inherit;
	background-color: inherit;
	border-color: inherit;
}

.btn-yellow {
	background-color: #F6BF45 !important;
	color: #060B19 !important;
}

.btn-yellow:focus-within,
.btn-yellow:focus-visible,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow:hover {
	border-color: #F6BF45 !important;
	background-color: transparent !important;
	color: #F6BF45 !important;
}

.btn-black {
	background-color: #060B19 !important;
	color: #fff !important;
}

.btn-black:focus-within,
.btn-black:focus-visible,
.btn-black:focus,
.btn-black:active,
.btn-black:hover {
	background-color: transparent !important;
	border-color: #060B19 !important;
	color: #060B19 !important;
}

.btn-border {
	background-color: transparent !important;
	border: 3px solid #060B19 !important;
}

.btn-border:focus-within,
.btn-border:focus-visible,
.btn-border:focus,
.btn-border:active,
.btn-border:hover {
	background-color: #060B19 !important;
	color: #fff !important;
}

/* buttons */


/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/

.header {
	background-color: #060B19;
}

.header-btn .btn {
	padding: 8px 30px;
}

.navbar-brand {
	padding: 0;
	margin: 0;
	z-index: 999;
	position: relative;
}

.navbar-brand * {
	width: 100%;
	height: 100%;
}

.navbar-nav {
	margin: 0 auto 0 93px !important;
}

.navbar {
	padding: 10px 0;
}

.header-btn .btn-blank {
	padding: 0;
	margin: 0 34px 0 0;
}

.navbar-nav .nav-item .nav-link {
	font-family: var(--font-600);
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	padding: 0;
}

.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
	color: #F6BF45;
}

.navbar-nav .nav-item:not(:last-child) {
	margin-right: 55px;
}

.header-sign {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.header-sign .funds-menu .link-nav {
	font-family: var(--font-600);
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
}

.header-sign .funds-menu {
	margin: 0 22px 0 0;
}

.header-sign a:hover,
.header-sign a {
	color: inherit;
}

.header-sign .funds-menu .link-nav {
	padding: 8px 24px;
	border: 3px solid #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	display: flex;
	align-items: center;
}

.header-sign .funds-menu .dropdown-toggle::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M8.10712 6.86141L13.8947 1.06932C14.323 0.640955 15.0157 0.640955 15.4395 1.06932C15.8633 1.49769 15.8633 2.19037 15.4395 2.61874L8.88183 9.18099C8.46713 9.59568 7.80179 9.6048 7.37343 9.21289L0.77017 2.6233C0.555985 2.40912 0.451172 2.12657 0.451172 1.84859C0.451172 1.57061 0.555985 1.28807 0.77017 1.07388C1.19854 0.645512 1.89122 0.645512 2.31503 1.07388L8.10712 6.86141Z" fill="white"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 15px;
	height: 8px;
	border: none !important;
	margin: 0 0 0 21px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header-sign .funds-menu .dropdown-toggle:hover:after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M8.10712 6.86141L13.8947 1.06932C14.323 0.640955 15.0157 0.640955 15.4395 1.06932C15.8633 1.49769 15.8633 2.19037 15.4395 2.61874L8.88183 9.18099C8.46713 9.59568 7.80179 9.6048 7.37343 9.21289L0.77017 2.6233C0.555985 2.40912 0.451172 2.12657 0.451172 1.84859C0.451172 1.57061 0.555985 1.28807 0.77017 1.07388C1.19854 0.645512 1.89122 0.645512 2.31503 1.07388L8.10712 6.86141Z" fill="%23F6BF45"/></svg>');
}


.header-sign .funds-menu .link-nav:active,
.header-sign .funds-menu .link-nav:hover {
	color: #F6BF45 !important;
	border-color: #F6BF45;
}

.user-menu {
	display: flex;
	justify-content: center;
	align-items: center;
}

.user-menu .link-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 41px;
	height: 41px;
	border: 3px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #fff;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.user-menu .link-nav:hover {
	color: #F6BF45;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

i {
	font-family: sans-serif !important;
	font-style: normal !important;
}

.user-menu .link-nav:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	border-color: #F6BF45;
}

.user-menu .dropdown-toggle::after {
	display: none;
}

.user-menu a:hover svg path {
	fill: #F6BF45;
}

.user-menu svg path {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.header-sign-top {
	top: 71px !important;
	background-color: #060B19;
	border: none;
	padding: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	z-index: 999;
}

.header-sign-top-close {
	background-color: #F6BF45;
	padding: 40px 29px;
}

.dropdown-close {
	display: inline-flex;
	justify-content: flex-end;
	padding: 0;
	font-size: 30px;
	background-color: transparent;
	border: none;
}

.header-funds .header-sign-top-close {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.dropdown-close:hover {
	color: #fff;
}

.header-funds ul {
	padding: 11px 28px 35px;
}

.header-funds ul .dropdown-item {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #CCCDD0;
	padding: 25px 25px;
	background-color: #1F223B;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.header-funds ul .dropdown-item:hover {
	color: #F6BF45;
}

.header-funds ul li:not(:last-child) {
	margin-bottom: 19px;
}

.header-funds {
	width: 326px;
	left: -140px !important;
}

.left-profile .name {
	font-family: var(--font-600);
	font-size: 25px;
	line-height: 30px;
	color: #060B19;
}

.left-profile .detail {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #060B19;
	padding: 25px 0 0 0;
}

.left-profile .detail a {
	text-decoration: underline;
}

.left-profile .detail a:hover {
	color: #fff;
}

.header-user-profile {
	width: 450px;
	left: -400px !important;
}

.header-user-profile .header-sign-top-close {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px 23px 33px 54px;
}

.header-user-bottom-detail {
	padding: 47px 54px 40px;
}

.header-user-profile .points {
	font-family: var(--font-600);
	font-size: 20px;
	line-height: 26px;
	color: #FFF;
}

.header-user-profile .points * {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.header-user-profile .points span {
	border: 3px solid #F6BF45;
	padding: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-family: var(--font-600);
	font-size: 20px;
	line-height: 26px;
	color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin: 0 15px;
}

.header-user-profile .points span img {
	max-width: 29px;
	width: 100%;
	height: 100%;
	margin: 0 9px 0 0;
}

.header-user-profile .common-detail {
	font-family: var(--font-600);
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	padding: 0 0 21px;
}

.header-user-bottom-detail .convert {
	padding: 14px 0 21px;
}

.header-user-bottom-detail .convert p {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #CCCDD0;
	margin: 0 0 18px;
}

.header-user-bottom-detail .convert h6 {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #818288;
}

.header-user-profile .btn {
	padding: 10px 21px;
}

.header-user-profile .btn.btn-yellow:hover {
	color: #F6BF45 !important;
}

/* Tablet & small screens */
@media (max-width: 767px) {
	.header-user-profile {
		width: calc(100vw - 2rem); /* stretch but keep margin */
		max-width: none;
		left: 0 !important;
		right: 0 !important;
	}
}

.header-user-bottom-detail-menu h5 {
	font-size: 25px;
	line-height: 30px;
	color: #818288;
	margin: 0 0 12px 0;
}

.header-user-bottom-detail-menu {
	padding: 61px 0 0 0;
}

.header-user-bottom-detail-menu ul .dropdown-item {
	font-family: var(--font-400);
	font-size: 14px;
	line-height: 18px;
	color: #CCCDD0;
	padding: 14px;
	background-color: #1F223B;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.header-user-bottom-detail-menu ul li {
	position: relative;
}

.header-user-bottom-detail-menu ul li span {
	font-size: 15px;
	line-height: 18px;
	color: #F6BF45;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.header-user-bottom-detail-menu ul li:not(:last-child) {
	margin-bottom: 19px;
}

.header-btn .btn-blank {
	border: none !important;
}

.header-user-bottom-detail-menu ul .dropdown-item:hover {
	color: #F6BF45;
}

.header-user-bottom-detail-menu .btn-yellow {
	padding: 4px 5px;
	max-width: 297px;
	width: 100%;
	margin: 27px auto 0;
	background-color: transparent;
	border: 3px solid #F6BF45;
	font-size: 26px;
	line-height: 31px;
	color: #F6BF45;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header-user-bottom-detail-menu .btn-yellow:hover {
	background-color: #F6BF45;
	color: #060B19 !important;
}

.history-form {
	margin: -20px -20px 0;
}

.history-top {
	background-color: #FAFAFA;
	padding: 33px 17px;
}

.history-top .small-input .reset-label {
	font-family: var(--font-400);
	color: #7C7C7C;
}

.history-top .form-group.transaction {
	max-width: 368px;
	width: 100%;
}

.history-top .form-group.period {
	max-width: 317px;
	width: 100%;
}

.player-all .reset-form .history-top .form-group.small-input .input-group .form-control {
	font-family: var(--font-400);
	padding: 16.5px 100px 16.5px 24px;
	font-size: 15px;
	line-height: 18px;
	color: #7C7C7C;
}

.player-all .reset-form .history-top .form-group.small-input .input-group .form-control option {
	font-family: var(--font-400);
	font-size: 15px;
	line-height: 18px;
}

.history-top form {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 80px;
}

.history-table .table-bordered tr,
.history-table .table-bordered td,
.history-table .table-bordered th {
	border: none;
	height: 100%;
}

.history-table {
	border: 1px solid #F1F1F1;
	margin: 24px 0 0;
	overflow: auto;
}

.history-table thead tr th {
	font-family: var(--font-400);
	padding: 17px 0;
	background-color: #DDDDDD;
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
}

.history-table tbody tr td:first-child,
.history-table thead tr th:first-child {
	padding-left: 28px;
}

.history-table tbody tr td:last-child,
.history-table thead tr th:last-child {
	padding-right: 28px;
}

.history-table {
	/* height: 667px; */
	height: 400px;
}


.history-table table tbody {
	height: 100%;
	width: 100%;
	position: relative;
}

.history-table table .blank-table {
	padding: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.history-table table .blank-table p {
	font-family: var(--font-400);
	font-size: 23px;
	line-height: 25px;
	color: #B1B1B1;
	margin: 11px 0 0 0;
}

.blank-table-main .no-transactions {
	max-width: 470px;
	margin: 0 auto;
	width: 100%;
}

.history-table tbody tr td.blank-table:first-child,
.history-table thead tr th.blank-table:first-child {
	padding: 0;
}

#no-more-tables .toggle-btn {
  display: none;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/


/* Banner Start */

.banner-wrp {
	background-color: #F6BF45;
}

.banner-wrp .main-title {
	text-shadow: 10px 10px 5px rgba(0, 0, 0, 0.16);
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #707070;
	margin: 0 0 45px 0;
}

.banner-wrp .banner-detail {
	max-width: 800px;
	width: 100%;
	padding: 23px 0 0 61px;
}

.banner-wrp .btn {
	padding: 18px 42px;
}

.banner-img {
	text-align: end;
	width: 100%;
	height: 100%;
}

.banner-img * {
	max-width: 575px;
	width: 100%;
	height: 100%;
	margin: 0 0 0 auto;
}

/* Banner End */

/* contests Start */

.contests-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 36px;
}

.contests-title .detail {
	position: relative;
	text-decoration: underline;
}

.contests-title .detail:hover {
	color: #F6BF45;
}

.contests-wrp {
	padding: 50px 0;
}

.slider-arrows {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.slider-arrows .slick-prev {
	margin: 0 20px 0 0;
}

.slider-arrows .slick-prev:hover {
	opacity: 0.3;
}

.slider-arrows .slick-next:hover {
	opacity: 0.3;
}

.contests-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.contests-left .section-title {
	margin: 0 38px 0 0;
}

.contests-block {
	text-align: center;
	margin: 0 60px 0 0;
	height: 100%;
}

.contests-block .time-block {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #F6BF45;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	padding: 16px 27px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.contests-block .time-block img {
	margin: 0 16px 0 0;
}

.contests-block .contests-img {
	width: 100%;
	height: 170px;
}

.contests-block .contests-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	-ms-border-radius: 20px 20px 0 0;
	-o-border-radius: 20px 20px 0 0;
}

.contests-content {
	background: #FFF;
	height: 100%;
	margin: -22px 0 0 0;
}

.contests-detail {
	padding: 20px 34px 30px;
	text-align: start;
	border: 1px solid #BABABA;
	border-top: none;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-ms-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
	height: calc(100% - 287px);
	min-height: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.contests-detail .detail {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #060B19;
	background-color: #fff;
	padding: 0 0 5px;
}

.contests-btn {
	min-width: 80%;
}

.contests-detail .detail * {
	display: inline-block;
	background: #fff;
	z-index: 1;
	position: relative;
	padding: 0 10px 0 0;
}

.contests-detail .detail::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #060B19;
	bottom: 11px;
}

.contests-detail .btn {
	/* padding: 18px 20px; */
}

.contests-detail .section-title {
	padding: 5px 0 0 0;
	font-size: 47px;
	/* line-height: 57px; */
}

.contests-detail .section-title h4 {
	font-size: 34px;
	line-height: normal;
}

.contests-detail .section-title h5 {
	font-size: 20px;
	line-height: normal;
}

.contests-detail .section-title h2 {
	padding: 5px 0;
	line-height: normal;
}

.contests-detail .contests-detail-top {
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 100%;
}

.contests-section .slick-track {
	display: flex !important;
}

.contests-section .slick-slide {
	height: inherit !important;
}

.contests-section .slick-list {
	padding: 0 160px 10px 3px !important;
}

.contests-section-home.slick-initialized {
	opacity: 1;
}

.contests-section-home {
	opacity: 0;
}


/* contests End */

/* Thanks start */


.thanks-number .main-title {
	font-size: 87px;
	line-height: 100px;
	background-color: #C87F2F;
	display: inline-block;
	padding: 3px 21px;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
}

.thanks-detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	max-width: 726px;
	width: 100%;
}

.thanks-number .detail {
	font-size: 30px;
	line-height: 35px;
}

.thanks-players-wrp {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.thanks-detail-left .section-title {
	font-size: 54px;
	line-height: 67px;
}

.thanks-detail-left .section-title span {
	color: #F6BF45;
}

.thanks-number {
	padding: 0 0 0 85px;
}

.thanks-detail-left .btn {
	padding: 18px 46px;
	margin: 15px 0 0 0;
}

.thanks-players-wrp {
	padding: 55px 0 100px;
}

/* Thanks end */


/* instant-win-games Start */

.instant-win-games {
	max-width: 1774px;
	width: 100%;
	padding: 0 30px;
	margin: 0 auto;
	border-radius: 20px;
	background: linear-gradient(90deg, #060B1A 0%, #D89E4B 53%, #E8BD65 100%);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 62px 58px 152px;
}

.instant-win-games .block-detail {
	color: #fff;
	font-size: 26px;
	line-height: 31px;
	position: relative;
	padding: 0 0 14px 0;
}

.instant-win-games .block-detail::before {
	content: "";
	position: absolute;
	width: 1303px;
	height: 3px;
	background-color: #fff;
	top: 15px;
	left: 255px;
}

.instant-win-games .block-detail * {
	display: inline-block;
	background: transparent;
	z-index: 1;
	position: relative;
	padding: 0 10px 0 0;
}

.instant-win-games-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	text-align: center;
	padding: 0 0 30px;
}

.instant-win-games-section .game-img * {
	max-width: 190px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.instant-win-block .btn-black {
	background-color: transparent;
	border: 3px solid #060B19;
	padding: 0;
	color: #060B19;
	font-size: 19px;
	line-height: 23px;
	padding: 10px 20px;
	max-width: 190px;
	width: 100%;
}

.instant-win-block .btn-black:hover {
	background-color: #060B19;
	color: #FFF;
}

.game-img {
	position: relative;
}

.instant-win-block {
	max-width: 190px;
	width: 100%;
	position: relative;
}

.instant-win-block .new-app-img {
	display: none;
}

.instant-win-block.new-app .new-app-img {
	display: block;
}

.instant-win-block .new-app-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: auto;
	height: auto;
}

.instant-win-block .block-detail {
	margin: 17px 0 0 0;
	min-height: 82px;
}

.instant-content-bottom {
	border-top: 1px solid #060B19;
	padding: 10px 0 0 0;
}

.instant-content-bottom .detail {
	font-family: var(--font-400);
	margin: 0;
	font-size: 17px;
	line-height: 21px;
}

.instant-content-bottom .order h6 {
	font-family: var(--font-400);
	margin: 0;
	font-size: 18px;
	line-height: 21px;
	padding: 28px 0 40px;
}

.win-up-wrp {
	margin: -125px 0 0 0;
	padding: 0 0 65px;
}

.win-up-main .container {
	max-width: 1662px;
	width: 100%;
}

.instant-btn {
	text-align: center;
	padding: 35px 0 0 0;
}

.instant-btn .btn {
	padding: 20px 87px;
	font-size: 19px;
	line-height: 19px;
}

/* instant-win-games End */



/* contests start */

.contests-page-wrp .common-detail {
	font-family: var(--font-400);
	padding: 25px 0 0 0;
}

.contests-page-wrp {
	padding: 60px 0;
}

.contests-inner .contests-section {
	/* max-width: 1464px; */
	width: 100%;
}

.contests-inner .contests-section .row>* {
	margin-bottom: 94px;
}
.contests-inner .contests-section .rows>* {
	/* margin-bottom: 94px; */
}

.contests-inner .contests-block {
	margin: 0 00px 0 0;
}

.contests-detail h6 {
	font-family: var(--font-600);
	font-size: 15px;
	/* line-height: 25px; */
	color: #A8A8A8;
	padding: 0px 0 10px 0;
}

.contests-btn .btn {
	max-width: 236px;
	/* width: 100%; */
	padding-right: 15px;
	padding-left: 15px;
	/* text-align: center; */
}

.contests-inner .contests-wrp {
	padding-bottom: 1.5rem;
}

/* contests end */


/* font-34 */

.font-34 {
	font-size: 34px;
	line-height: 41px;
}

.font-41 {
	font-size: 41px;
	line-height: 49px;
}

/* font-34 */

/* featured-game */

.featured-game-section {
	background-color: #F6BF45;
	padding: 40px 56px 40px 33px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 28px 0 0 0;
}

.featured-img {
	max-width: 541px;
	width: 100%;
	height: 100%;
}

.featured-img * {
	width: 100%;
	height: 100%;
}

.featured-game-detail {
	padding: 0 0 0 63px;
	width: 100%;
}

.featured-game-detail .section-title {
	position: relative;
	padding: 0 0 20px 0;
}

.featured-game-detail .common-detail {
	font-family: var(--font-400);
	font-size: 34px;
	line-height: 41px;
	padding: 10px 0 0;
	max-width: 700px;
	width: 100%;
}

.featured-game-detail .section-title::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #060B19;
}

.featured-game-detail .btn {
	margin: 112px 0 0 0;
	padding: 15px 20px;
	max-width: 290px;
	width: 100%;
}

.featured-game-main {
	padding-bottom: 40px;
}

/* featured-game */


/* play-win */

.play-win-wrp {
	padding: 40px 0;
}

.play-win-wrp .instant-win-games-section {
	justify-content: flex-start;
	gap: 50px;
	padding: 21px 0 0 0;
}


/* play-win */

/* results */

.results-title {
	padding: 0 0 1rem;
}

.common-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color: transparent;
	color: #060B19;
	padding: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.common-tab .nav-tabs .nav-link {
	color: #060B19;
	padding: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.common-tab .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border: none;
}

.common-tab {
	border-bottom: 1px solid #060B19;
	padding: 0 20px;
}

.common-tab .nav-tabs {
	border: none;
}

.common-tab .nav-tabs .nav-item {
	padding: 0 40px 0 0;
}

.common-tab .nav-tabs .nav-item:last-child {
	padding: 0;
}

.common-tab .nav-tabs .nav-item .nav-link {
	padding: 11px 12px 15px;
	font-size: 25px;
	line-height: 30px;
	color: #060B19;
}

.common-tab .nav-tabs .nav-item .nav-link:hover,
.common-tab .nav-tabs .nav-item .nav-link.active {
	background-color: #060b19;
	color: #fff;
}

.common-results {
	padding: 40px 0 0;
}

.common-results-detail .common-title {
	font-size: 25px;
	line-height: 30px;
}

.common-results-detail .result-inner-box-section {
	padding: 25px 0 25px 0;
}

.result-inner-box-section .block-detail {
	padding: 0 0 18px;
	position: relative;
}

.result-inner-box-section .block-detail::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #CCCEE5;
	width: 100%;
	height: 2px;
}

.result-inner-box-block {
	padding: 25px 0 0;
}

.result-inner-box-block {
	padding: 25px 0 0;
}

.result-inner-box-block .result-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.result-inner-box-block .result-box-img {
	width: 100%;
	height: 190px;
	max-width: 190px;
}

.result-inner-box-block .result-box-img * {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.result-inner-box-block .result-box-right {
	padding: 0 0 0 43px;
}

.result-inner-box-block .property-detail * {
	font-size: 25px;
	line-height: 30px;
}

.result-inner-box-block .property-number * {
	font-family: var(--font-400);
	font-size: 22px;
	line-height: 27px;
	color: #060B19;
	padding: 19px 0 0 0;
}

.result-inner-box-block .row>* {
	margin: 0 0 33px;
}

.result-inner-box-block .btn {
	padding: 10px 30px;
	font-size: 15px;
	line-height: 18px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 50px 0 0;
}

.result-inner-box-block .btn svg {
	max-width: 17px;
	height: 100%;
	width: 100%;
	margin: 0 15px 0 0;
}

.result-inner-box-block .btn svg path {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.result-inner-box-block .btn:hover svg path {
	stroke: #fff;
}

/* results */

/* draw-details */
.with-rounded-border {
	border-radius: 20px;
	border: 1px solid #BABABA;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	padding: 1.5rem;
}

.draw-details .section-title * {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}

.draw-details .section-title svg {
	margin: 0 50px 0 0;
}

.draw-details .section-title:hover {
	opacity: 0.5;
}

.draw-details-img * {
	max-width: 650px;
	width: 100%;
	height: 386px;
	object-fit: cover;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.draw-details-section {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.draw-details-section .draw-details-detail {
	padding: 0 0 0 38px;
}

.draw-details-detail .common-detail {
	font-size: 35px;
	line-height: 43px;
}

.draw-details-detail ul {
	padding: 40px 0 0 0;
}

.draw-details-detail ul li {
	font-family: var(--font-400);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 30px;
	font-size: 30px;
	line-height: 36px;
}

.draw-details-detail ul li img {
	margin: 0 25px 0 0;
}

.draw-details-list-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 46px 0;
}

.draw-details-list-title .draw-details-list-img {
	max-width: 45px;
	width: 100%;
	height: 100%;
	margin: 0 28px 0 0;
}

.draw-details-list-img * {
	width: 100%;
	height: 100%;
}

.draw-details-list {
	padding: 88px 0 0 0;
}

.draw-details-list ul {
	padding: 0 0 80px 0;
}

.draw-details-list ul li {
	padding: 35px;
	border-radius: 20px;
	border: 1px solid #BABABA;
	background: #FFF;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	font-size: 30px;
	line-height: 36px;
}

.draw-details-list ul li:last-child {
	margin: 0;
}

.draw-details-list ul li span {
	padding: 0 42px 0 0;
}

.draw-details-list ul li:not(:last-child) {
	margin-bottom: 27px;
}

/* draw-details */


/* total-donated-charity */

.total-donated-charity-section {
	padding: 0 0 40px;
}

.total-donated-charity-title {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 0 88px;
}

.total-donated-charity-title .common-title {
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0 15px 0;
}

.total-donated-charity-title .main-title {
	display: inline-block;
	background-color: #C87F2F;
	padding: 15px 74px;
	font-size: 86px;
	line-height: 90px;
}

.total-donated-charity-title {}

.total-donated-charity-section .row {
	margin: 0;
}

.total-donated-charity-section .row>* {
	margin-bottom: 65px;
	padding: 0;
}

.total-donated-charity-section .row>*:nth-child(even) {
	display: flex;
	justify-content: flex-end;
}

.total-donated-charity-block {
	padding: 21px 33px 35px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 750px;
	width: 100%;
	height: 100%;
}

.total-donated-charity-block .total-donated-charity-img {
	background-color: #fff;
	max-width: 151px;
	width: 100%;
	height: 151px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.total-donated-charity-img * {
	max-width: 105px;
	width: 100%;
	height: 105px;
	object-fit: cover;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.total-donated-charity-detail {
	padding: 20px 0 0 27px;
	height: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: space-between;
}

.total-donated-charity-detail .detail {
	font-size: 28px;
	line-height: 32px;
	color: #fff;
}

.total-donated-charity-detail .same-detail {
	padding: 26px 0 40px;
}

.total-donated-charity-detail .same-detail h5 {
	font-family: var(--font-400);
	font-size: 28px;
	line-height: 33px;
	color: #fff;
}

.total-donated-charity-detail .same-detail h6 {
	font-size: 37px;
	line-height: 45px;
	color: #fff;
}

.total-donated-charity-detail .see-more {
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	display: inline-block;
}

.total-donated-charity-detail .see-more:hover {
	color: #F6BF45;
}

/* total-donated-charity */


/* responsible-play */

.responsible-play-content .common-detail {
	font-family: var(--font-400);
	font-size: 1rem;
	line-height: 36px;
}

.responsible-play-content .common-detail h6 {
	font-family: var(--font-600);
}

.responsible-play-content .common-detail *:not(:last-child) {
	margin-bottom: 40px;
}

.responsible-play-content {
	padding: 0 0 70px 0;
}

.responsible-page.py-60 {
	padding-bottom: 0;
}

.responsible-page .section-title {
	width: 100%;
	text-align: center;
}

.responsible-page .section-title h3 {
	font-size: 1.5rem;

}

.contact-us-assistance-wrp {
	padding: 1.5rem 0;
}

.contact-us-assistance-wrp ul {
	padding: 1rem 0 0 0;
}

.contact-us-assistance-wrp ul li {
	font-family: var(--font-400);
	font-size: 30px;
	line-height: 36px;
}

.contact-us-assistance-wrp .results-title {
	padding: 0;
}

.contact-us-assistance-wrp ul li span {
	font-family: var(--font-600);
}

.contact-us-assistance-wrp ul li:not(:last-child) {
	/* margin-bottom: 1rem; */
}

/* responsible-play */


/* Player Profile */

.player-all .common-tab .nav-tabs .nav-item .nav-link {
	font-family: var(--font-400);
	font-size: 18px;
	line-height: 24px;
	padding: 15px 12px 18px;
}

.common-table .player-all .common-results {
	padding: 50px 20px 0;
}

.player-all .reset-form .form-group .input-group-text {
	padding: 18px 20px 18px 20px;
}

.player-all .reset-form .input-group .form-control {
	padding: 18px 100px 18px 25px;
}

.player-all .reset-form .input-group .form-control::placeholder {
	font-style: normal;
	font-family: var(--font-400) !important;
	font-size: 22px;
	line-height: 25px;
}

.player-all .reset-label {
	font-family: var(--font-600);
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 19px 0;
	text-transform: uppercase;
}

.player-all .form-group {
	max-width: 616px;
	width: 100%;
}

.input-group.date .form-control::placeholder {
	font-family: var(--font-400);
	color: #7C7C7C;
	font-size: 20px;
	line-height: 22px;
	font-style: normal !important;
}

.calendar {
	position: absolute;
	top: 50%;
	right: 21px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 9;
	max-width: 28px;
	width: 100%;
}

.form-select option[selected] {
	color: #7C7C7C;
}

.form-select option {
	font-size: 20px;
	line-height: 25px;
}

.player-all .player-btn {
	margin: 27px 0 0;
}


.player-all .form-check-input {
	display: none;
	/* Hide the default radio button */
}

.player-all .form-check-label {
	position: relative;
	padding: 2px 0 0 40px;
	cursor: pointer;
	user-select: none;
}

.player-all .form-check-label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	border: 2px solid #707070;
	border-radius: 50%;
	background-color: white;
}

.player-all .form-check-input:checked+.form-check-label::before {
	background-color: #707070;
	border-color: #707070;
}

.player-all .form-check-input:checked+.form-check-label::after {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
}

.player-all .funds-form .form-group {
	max-width: 919px;
	width: 100%;
}

.payment-lable {
	margin: 0 0 34px !important;
}

.funds-form .form-check {
	margin: 0 0 30px;
}

.funds-form .form-check .form-check-label {
	font-family: var(--font-400);
	font-size: 17px;
	line-height: 20px;
	color: #7C7C7C;
}

.form-check {
	padding: 0;
	margin: 0;
}

.payment-stap {
	margin: 50px 0 0 0;
	background-color: #FAFAFA;
	padding: 27px 33px;
}

.payment-stap .detail {
	font-size: 17px;
	line-height: 20px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #7C7C7C;
}

.payment-stap ul {
	padding: 20px 0 0;
}

.payment-stap ul li {
	font-family: var(--font-400);
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 25px;
	color: #747474;
}

.payment-stap ul li i {
	font-family: var(--font-600);
	font-style: italic;
}

.payment-stap ul li span {
	font-family: var(--font-600);
}

.payment-stap ul li a {
	color: #747474;
	text-decoration: underline;
}

.payment-stap ul li a:hover {
	color: #F6BF45;
	text-decoration: underline;
}

.payment-stap ul li:last-child {
	margin: 0;
}

.bankaccnew {
	padding: 30px 0 0 40px;
}

.funds-form.withdraw-form .form-check .form-check-label {
	font-size: 20px;
	line-height: 25px;
}

.bankaccnew .account-new {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #7C7C7C;
	margin: 0 0 20px;
}

.bankaccnew .form-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.bankaccnew .form-group .select-bank {
	max-width: 408px;
	width: 100%;
}

.bankaccnew .form-group .account-number {
	max-width: 369px;
	width: 100%;
	margin: 0 0 0 32px;
}

.new-add {
	padding: 22px 0 0 17px;
	background-color: #FAFAFA;
	margin: 0 0 0 -20px !important;
}

.bankaccnew .input-group .select-bank {
	color: #7C7C7C;
}

.reset-form .bankaccnew .input-group .form-control::placeholder {
	font-style: normal !important;
}

.close-icon .form-group .form-check {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.close-icon .form-group .form-check svg {
	font-size: 20px;
	color: #7C7C7C;
}

.close-icon .form-group .form-check .delet-acc:hover svg {
	color: #F6BF45;
}

.form-check.new-add {
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.reset-form .bankaccnew .input-group .form-control::placeholder,
.reset-form .bankaccnew .input-group .form-control,
.reset-form .bankaccnew .input-group .form-control option {
	font-size: 18px;
	line-height: 22px;
	font-style: normal !important;
}

.redeem-points {
	/* max-width: ; */
}

.redeem-points .common-detail {
	font-family: var(--font-400);
	font-size: 29px;
	line-height: 33px;
	color: #060B19;
}

.trc-coin {
	background-color: #1F223B;
	padding: 20px 0;
	margin: 25px 0;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.reset-form .trc-coin p {
	font-family: var(--font-400);
	font-size: 23px;
	line-height: 30px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.trc-coin p span {
	border: 2px solid #F6BF45;
	padding: 10px 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin: 0 20px;
}

.trc-coin p span img {
	width: 29px;
	height: 29px;
	margin: 0 9px 0 0;
}

.converting-section .coin-price-in .form-group {
	margin: 0;
}

.coin-price-in .reset-label {
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 15px 0;
}

.coin-lins {
	position: relative;
	padding: 30px 0;
	margin: 28px 0 40px;
}

.coin-lins .common-detail {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #060B19;
	padding: 0 0 0 15px;
}

.coin-lins .coin-same:not(:last-child) {
	padding: 0 0 50px 0;
}

.coin-price-in .input-group {
	position: relative;
}

.coin-price-in .input-group span {
	font-family: var(--font-400);
	font-size: 25px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 9;
}

.player-all .redeem-points .player-btn {
	margin: 42px 0 0;
}

.coin-price-in.to-number .input-group .form-control {
	padding: 18px 100px 18px 60px !important;
}

.coin-tag {
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}

.coin-tag img {
	max-width: 29px;
	width: 100%;
	height: 100%;
}

.reset-form .coin-tag p {
	font-family: var(--font-400);
	font-size: 23px;
	line-height: 30px;
	padding: 0 0 0 8px;
}

.player-all .reset-form .converting .input-group .form-control {
	padding-right: 170px;
}

.player-all .converting-section .form-group {
	width: 100%;
	max-width: 100%;
}

.converting-section {
	max-width: 919px;
	width: 100%;
}

.coin-same {
	position: relative;
}

.coin-lins .coin-same:first-child:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 23px;
	width: 7px;
	height: 7px;
	background-color: #6F7070;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.referrals-inner {
	margin: -30px -20px 0;
}

.referrals-inner .nav-tabs .nav-item .nav-link {
	/* border: 5px solid transparent; */
	position: relative;
}

.referrals-inner .nav-tabs .nav-item .nav-link.active,
.referrals-inner .nav-tabs .nav-item .nav-link:hover {
	background-color: transparent;
	color: #060B19;
}

.referrals-inner .nav-tabs .nav-item .nav-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background-color: #060B19;
	opacity: 0;
}

.referrals-inner .nav-tabs .nav-item .nav-link.active:before {
	opacity: 1;
}

.referrals-inner .nav-tabs .nav-item .nav-link:hover:before {
	opacity: 1;
}

.friends-form {
	padding: 25px 0 0;
}

.friends-form .section-title {
	font-family: var(--font-600);
	display: inline-block;
	font-size: 45px;
	line-height: 50px;
}

.friends-form-receive {
	max-width: 1172px;
	width: 100%;
}

.coin-lins .coin-same:last-child:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 23px;
	width: 7px;
	height: 7px;
	background-color: #6F7070;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.coin-bottom,
.coin-top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.coin-lins::before {
	content: "";
	position: absolute;
	top: 0;
	left: 26px;
	width: 1px;
	height: 100%;
	background-color: #707070;
}

.coin-lins .coin-img {
	position: relative;
	max-width: 55px;
	width: 100%;
	height: 100%;
	border: 1px solid #707070;
	padding: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}

.converting-section .form-group .input-group {
	display: flex;
	flex-direction: column;
	position: relative;
}

.converting-section .form-group .input-group .text-danger {
	position: absolute;
	bottom: -20px;
	left: 0;
}

.converting-section .form-group .input-group .form-control {
	width: 100%;
}

.friends-form-receive {
	padding: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.friends-form-receive .referral-link .input-group {
	position: relative;
}

.friends-form-receive .referral-link .input-group .form-control::placeholder {
	font-size: 20px;
	line-height: 20px;
	color: #060B1A;
}

.form-control:disabled {
	background-color: transparent !important;
}

.friends-form-receive .referral-link .input-group .form-control {
	font-size: 20px;
	line-height: 20px;
	color: #060B1A;
	border-color: #707070 !important;
	border-width: 2px;
	padding: 25px 180px 25px 25px;
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-ms-border-radius: 20px !important;
	-o-border-radius: 20px !important;
}

.friends-form-receive .referral-link {
	max-width: 573px;
	width: 100%;
}

.friends-form-receive .referral-link .btn {
	width: 100%;
}

.friends-form-receive .referral-link .player-btn {
	position: relative;
}

.friends-form-receive .referral-link .player-btn p {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #707070;
	position: absolute;
	bottom: -38px;
	right: 0;
	left: 0;
}

.friends-form-receive .referral-link .input-group span {
	position: absolute;
	top: 50%;
	right: 35px;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.friends-form-receive .referral-link .input-group span img {
	margin: 0 0 0 10px;
}

.friends-form-receive .receive-left {
	background-color: #1F223B;
	padding: 35px 0;
	max-width: 573px;
	width: 100%;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.reset-form .receive-left p {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	margin: 0 0 30px;
}

.reset-form .receive-left span {
	font-family: var(--font-400);
	border: 2px solid #F6BF45;
	padding: 10px 40px 10px 10px;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	color: #fff !important;
	font-size: 27px;
	line-height: 33px;
}

.reset-form .receive-left span img {
	width: 29px;
	height: 29px;
	margin: 0 9px 0 0;
}

.how-it-works-main {
	padding: 87px 0 0 0;
}

.how-it-works-main .common-detail {
	font-size: 20px;
	line-height: 25px;
	padding: 0 0 30px 0;
}

.how-it-works-main .how-it-works-section .row {
	margin: 0 -22.5px;
}

.how-it-works-main .how-it-works-section .row>* {
	padding: 0 22.5px;
}

.how-it-works-section .how-it-works-block {
	text-align: center;
	background-color: #FAFAFA;
	padding: 43px 44px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	height: 100%;
}

.how-it-works-block .how-number {
	display: inline-flex;
	border: 1px solid #7C7C7C;
	justify-content: center;
	align-items: center;
	margin: 0 0 30px;
	max-width: 53px;
	width: 100%;
	height: 53px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.reset-form .how-it-works-block .detail p {
	font-size: 17px;
	line-height: 20px;
	color: #7C7C7C;
}

.how-it-works-block .how-number h6 {
	font-size: 23px;
	line-height: 23px;
	color: #7c7c7c;
}

/* Player Profile */

/* referral-landing */

.referral-landing-main {
	background: linear-gradient(180deg, #F6BE44 0%, #FEA82B 100%);
}

.referral-landing-wrp {
	max-width: 1308px;
	width: 100%;
	margin: 0 auto;
	padding: 71px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.referral-landing-detail {
	max-width: 586px;
	width: 100%;
	padding: 0 0 70px;
}

.referral-landing-wrp .reset-main .common-table {
	background: transparent;
	margin: 0;
	padding: 0;
	box-shadow: none;
}

.referral-landing-detail .section-title {
	font-size: 40px;
	line-height: 48px;
	max-width: 522px;
	width: 100%;
	padding: 0 0 30px;
}

.get-free-wrp {
	padding: 55px 0 45px;
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
}

.get-free-wrp .common-detail span {
	font-family: var(--font-400);
	padding: 10px 15px;
	display: inline-flex;
	background-color: #1F223B;
	color: #fff;
	justify-content: flex-start;
	align-items: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin: 0 15px;
	font-size: 27px;
	line-height: 30px;
}

.get-free-wrp .common-detail span img {
	width: 29px;
	height: 29px;
	margin: 0 12px 0 0;
}

.get-free-wrp .detail {
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 25px;
	color: #747474;
	padding: 45px 0 0 0;
}

/* referral-landing */

/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/

.footer {
	position: relative;
}

.footer .footer-data {
	width: 100%;
	max-width: 1595px;
	margin: 0 auto;
}

.tagline {
	background-color: #1F223B;
	padding: 32px 0 16px 0;
}

.line-main {
	gap: 32px;
	width: 100%;
	max-width: 1595px;
	margin: 0 auto;
}

.line-main img {
	width: 100%;
	max-width: 70px;
	height: 100px;
}

.line-main .line {
	margin: 0 0 2px 0;
	color: #fff;
	font-family: var(--font-600);
	/* font-size: 49px; */
	font-size: 2.0rem;
	line-height: 59px;
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
}

.age-line .icon-box {
	display: inline-block;
	border-radius: 10px;
	border: 3px solid #f00;
	padding: 0.5rem 0.3rem;
	font-family: var(--font-400);
	color: #060b19;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 0 18px 0 0;
}

.age-line .icon-box h6 {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	margin: 0;
}

.age-line p {
	color: #060b19;
	font-family: var(--font-400);
	font-size: 0.8rem;
}

.rule-main {
	padding: 10px 0 10px 0;
}

.apple-store {
	margin: 0 30px 0 0;
	max-width: 180px;
	height: 100%;
}

.google-pay {
	max-width: 180px;
	height: 100%;
}

.client-main {
	width: 100%;
	padding: 1rem 0;
	border-top: 1px solid #cccee5;
	border-bottom: 1px solid #cccee5;
}

.client-main .client-img a figure img {
	height: 1rem;
	width: auto;
}

.client-main .social-img, .client-main .client-img {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: end;
	column-gap: 8px;
}

.client-main .client-img {
	justify-content: left;
	gap: 1rem;
}

.client-main .s-icon {
	height: 1.3rem;
	width: 1.3rem;
}

.client-main .s-icon:hover {
	opacity: 0.7;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}

.img-fluid-figure {
	width: 5rem;
	margin-right: 2rem;
	/* max-width: 60%; */
}

.img-fluid-footer {
	width: 100%;
	max-width: 100%;
}

.footer-main {
	padding: 1rem 0 1rem 0;
}

.f-logo {
	display: flex;
	flex-direction: row;
}

.f-logo .logo {
	/* margin: 0 0 17px 0; */
}

.footer-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.details-container {
	display: flex;
	align-items: center;
}

.f-logo .detail {
	font-family: var(--font-400);
	font-size: 0.8rem;
	line-height: normal;
	color: #060b19;
	width: 100%;
	max-width: 696px;
}

.footer-link {
	/* margin: 0 153px 0 0; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	/* gap: 128px; */
}

.footer-link .link-heading {
	font-size: 1rem;
	font-family: var(--font-600);
	line-height: 25px;
	color: #060b19;
	margin: 0 0 0.5rem 0;
	width: 100%;
	text-align: left;
}

.links-div {
	width: 100%;
	display: flex;
	flex-direction: row;
	/* align-items: center; */
	justify-content: space-between;
	/* gap: 128px; */
}

.links-div ul li a {
	font-size: 0.8rem;
	font-family: var(--font-400);
	/* line-height: 25px; */
	text-decoration: underline;
}

.links-div ul li:last-child {
	margin: 0 0 0 0;
}

.links-div ul li {
	/* margin: 0 0 30px 0; */
	line-height: normal;
}

.getit-image a:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.getit-image img {
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/

.same-container .container {
	max-width: 1598px;
}

.container-1600 .container {
	max-width: 1630px;
}

.py-60 {
	padding-top: 50px;
	padding-bottom: 20px;
}



/* -------- reset password ---------- */
.reset-wrapper {
	position: relative;
}

.input-span {
	cursor: pointer;
	color: blue;
	margin-left: 10px;
}

.resetOtp-wrapper {
	position: relative;
}

.resetNew-wrapper {
	position: relative;
}

.reset-main {
	width: 100%;
	max-width: 1022px;
	margin: 0 auto;
}

.reset-main .common-table {
	margin: 57px 0 98px 0;
	padding: 43px 38px 84px;
	background: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

.reset-title {
	font-family: var(--font-600);
	font-size: 40px;
	line-height: 48px;
	color: #060b19;
	margin: 0 0 51px 0;
}

.reset-subline {
	margin: 51px 0;
	color: #060b19;
	font-family: var(--font-400);
	font-size: 22px;
	line-height: 26px;
}

.reset-subline a {
	text-decoration: underline !important;
}

.reset-label {
	font-family: var(--font-400);
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 28px 0;
	color: #060b19;
}

.reset-form .form-group .input-group-text {
	background-color: #060b1a;
	padding: 22px 30px 22px 22px;
	font-size: 20px;
	font-family: var(--font-400);
	line-height: 25px;
	color: #fff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #707070;
}

.reset-form .input-group {
	position: relative;
}

.reset-form .input-group .input-span {
	position: absolute;
	top: 50%;
	right: 31px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-family: var(--font-400);
	font-size: 19px;
	line-height: 21px;
	color: #7C7C7C;
	z-index: 99;
}

.reset-wrapper .reset-form .input-group .form-control {
	padding: 20px 35px 20px;
	border: 1px solid #707070;
	font-size: 25px;
	line-height: 28px;
	font-family: var(--font-400);
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.reset-form .input-group .form-control {
	padding: 20px 100px 20px 35px;
	border: 1px solid #707070;
	font-size: 20px;
	line-height: 25px;
	font-family: var(--font-400);
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}

.reset-form .form-control::placeholder {
	font-family: "Aller_It";
	color: #7c7c7c;
	font-size: 20px;
	line-height: 25px;
	/* font-style: italic; */
}

.reset-form .form-group {
	margin: 0 0 27px 0;
}

.reset-form .reset-link {
	margin: 51px 0 0 0;
}

.reset-form .btn {
	padding: 15px 55px;
	text-transform: uppercase;
}

.reset-form p {
	font-size: 22px;
	line-height: 27px;
	font-family: var(--font-400);
	color: #000;
}

.reset-form .reset-link a {
	text-decoration: underline;
}

/* -------- reset password ---------- */

/* ------- help page css start --------- */

.help-wrapper {
	position: relative;
}

.accordion-main .help-text {
	font-size: 20px;
	line-height: 24px;
	font-family: var(--font-400);
	color: #060b1a;
	margin: 27px 0 30px 0;
}

.help-main .accordion-main .accordion-button {
	font-family: var(--font-400);
}

.help-main .accordion-body p {
	margin: 0 0 0 0;
}

.help-main .accordion-body {
	padding: 14px 29px 35px 29px;
}

.help-main .accordion-main {
	margin: 0 0 127px 0;
}

/* ------- help page css start --------- */

/* ------- contact page css start --------- */

.contact-wrapper {
	position: relative;
}

.accordion-main {
	margin: 31px 0 0 0;
}

.accordion-main .accordion {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
}

.accordion-main .accordion-item {
	border: none;
	margin: 0 0 12px 0;
}

.accordion-main .accordion-item:last-child {
	margin: 0 0 0 0;
}

.accordion-main .accordion-item:first-of-type {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-button:not(.collapsed) {
	box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none"><path d="M12.0039 9.43242L20.9336 0.495703C21.5945 -0.165234 22.6633 -0.165234 23.3172 0.495703C23.9711 1.15664 23.9711 2.22539 23.3172 2.88633L13.1992 13.0113C12.5594 13.6512 11.5328 13.6652 10.8719 13.0605L0.683594 2.89336C0.353125 2.56289 0.191406 2.12695 0.191406 1.69805C0.191406 1.26914 0.353125 0.833204 0.683594 0.502734C1.34453 -0.158203 2.41328 -0.158203 3.06719 0.502734L12.0039 9.43242Z" fill="%231F223B"/></svg>');
}

.accordion-button::after {
	width: 23px;
	height: 18px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none"><path d="M12.0039 9.43242L20.9336 0.495703C21.5945 -0.165234 22.6633 -0.165234 23.3172 0.495703C23.9711 1.15664 23.9711 2.22539 23.3172 2.88633L13.1992 13.0113C12.5594 13.6512 11.5328 13.6652 10.8719 13.0605L0.683594 2.89336C0.353125 2.56289 0.191406 2.12695 0.191406 1.69805C0.191406 1.26914 0.353125 0.833204 0.683594 0.502734C1.34453 -0.158203 2.41328 -0.158203 3.06719 0.502734L12.0039 9.43242Z" fill="%231F223B"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 23px 18px;
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.accordion-main .accordion-button {
	background-color: #f4f3f1;
	font-size: 20px;
	line-height: 24px;
	font-family: var(--font-600);
	color: #060b1a;
	padding: 20px 29px;
	text-transform: uppercase;
}

.accordion-main .accordion-button:focus {
	box-shadow: none;
}

.accordion-body {
	padding: 22px 22px 26px 22px;
}

.accordion-body p {
	margin: 0 0 17px 0;
	font-family: var(--font-400);
	line-height: 30px;
}

.chat-btn button {
	border-radius: 50px;
	text-transform: uppercase;
	background: #1f223b;
	display: flex;
	flex-direction: row;
	gap: 16px;
	align-items: center;
	padding: 14px 26px;
	font-family: var(--font-600);
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	border: none;
}

.chat-btn button:focus {
	outline: none;
}

.chat-btn button:hover {
	opacity: 0.7;
}

/* ------- contact page css end --------- */

/* ------- blank page css start --------- */

.blank-wrapper {
	position: relative;
}

.common-table {
	margin: 57px 0;
	background: #fff;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	padding: 61px 46px;
}

.reset-link *:not(:first-child) {
	margin: 30px 0 0;
}

.blank-main {
	height: 914px;
}

.blank-title {
	text-transform: uppercase;
	font-family: var(--font-600);
	font-size: 30px;
	line-height: 50px;
	color: #060b19;
	border-bottom: 1px solid #060b1a;
	padding: 0 0 10px 0;
}

.blank-main .blank-text {
	margin: 36px 0 0 0;
	text-transform: uppercase;
	font-family: var(--font-400);
	font-size: 20px;
	line-height: 40px;
	color: #060b19;
}

.reset-form .input-group.border-r-0 .form-control {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.register-page .reset-link {
	margin: 28px 0 0 0;
}

.register-list {
	padding: 24px 0 50px 0;
}

.register-list h6 {
	font-family: var(--font-400);
	font-size: 22px;
	line-height: 25px;
	padding: 0 0 58px 0;
}

.register-list ul li {
	font-family: var(--font-400);
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 10px;
	position: relative;
	padding: 0 0 0 15px;
}

.register-list ul li::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	background-color: #000;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.register-list ul li:last-child {
	margin: 0;
}

.register-list ul li a {
	color: #F6BF45;
}

.register-list ul li a:hover {
	color: #060B19;
}

.register-page .reset-form .btn {
	max-width: 285px;
	width: 100%;
	margin: 0 auto;
	padding: 18px 10px;
}

.sign-in-page .reset-form .btn {
	max-width: 285px;
	width: 100%;
	margin: 40px auto 0;
}


/* ------- blank page css end --------- */


/* All Link */

.all-link-wrp {
	padding: 80px 0;
	max-width: 250px;
	margin: 0 auto;
}

.all-link-wrp ul {
	text-align: center;
}

.all-link-wrp ul li {
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 10px;
}

/* All Link */

/* 404 */

.notfound-wrp {
	padding: 150px 0;
}

.notfound-wrp h2 {
	font-size: 90px;
	line-height: 100px;
}

.notfound-wrp h6 {
	padding: 10px 0 20px;
	font-size: 20px;
	line-height: 22px;
}

.notfound-wrp p {
	padding: 0 0 20px;
}

.notfound-wrp .btn {
	padding: 15px 35px;
}

/* 404 */

/* typography */

.typography-detail h1 {
	font-size: 90px;
	line-height: 95px;
}

.typography-detail h2 {
	font-size: 70px;
	line-height: 80px;
}

.typography-detail h3 {
	font-size: 55px;
	line-height: 60px;
}

.typography-detail h4 {
	font-size: 40px;
	line-height: 50px;
}

.typography-detail h5 {
	font-size: 25px;
	line-height: 30px;
}

.typography-detail h6 {
	font-size: 22px;
	line-height: 28px;
	font-family: var(--font-400);
}

.typography-detail p {
	font-size: 18px;
	line-height: 22px;
}

.typography-detail ul li,
.typography-detail ol li {
	font-size: 18px;
	line-height: 22px;
}

.typography-detail ol li {
	font-family: var(--font-400);
}

.typography-detail a {
	color: #060B19;
}

.typography-detail a:hover {
	color: #FEA82B;
}


/* typography */



/*  */

.client-main .row {
	margin-left: -0px;
	margin-right: -0px;
}

.client-main .row>* {
	padding-left: 0px;
	padding-right: 0px;
}

/*  */

/* **** Draw Page **** */
.draw-wrp {
	padding: 60px 0;
}

.draw-wrp .contests-block {
	margin: 0 15px 0 0;
}

.draw-wrp .contests-block .contests-img {
	height: auto;
}

.draw-wrp .contests-content {
	margin: -25px 0 0;
}

.draw-wrp .contests-block .contests-img * {
	border-radius: 20px;
}

.draw-details {
	/* padding: 30px;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #BABABA;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
	color: #060B19;
}

.draw-details h2 {
	font-size: 43px;
	font-weight: bold;
	color: #060B19;
	line-height: 67px;
	margin: 0;
}

.draw-details h3 {
	font-size: 23px;
	font-weight: bold;
	color: #A8A8A8;
	margin: 0 0 15px;
	line-height: 31px;
}

.entrycost {
	padding: 17px 25px;
	background-color: #DEE0E0;
	display: table;
	border-radius: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 35px;
}

.quantity-box {
	display: flex;
	align-items: center;
	margin: 0 0 35px;
}

.quantity-box h6 {
	font-size: 20px;
	font-weight: bold;
	color: #060B19;
	line-height: 26px;
	margin: 0 50px 0 0;
}

.quantity {
	display: flex;
	overflow: hidden;
}

.quantity button {
	color: #000;
	border: none;
	cursor: pointer;
	font-size: 20px;
	background: url('../../images/2/plus-ic.svg') center center no-repeat;
	min-width: 55px;
	width: 55px;
	height: 55px;
	padding: 0;
	display: block;
	border-radius: 100%;
	border: 1px solid #707070;
	height: auto;
	text-align: center;
	transition: background-color .4s;
}

.quantity button.minus {
	min-width: 55px;
	width: 55px;
	height: 55px;
	background: url('../../images/2/minus-ic.svg') center center no-repeat;
}

.quantity button:hover {
	background-color: #f5f5f5;
}

.input-box {
	max-width: 80px;
	width: auto;
	text-align: center;
	border: none;
	padding: 0px 10px;
	color: #060B19;
	font-weight: bold;
	font-size: 29px;
	outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-box[type="number"] {
	-moz-appearance: textfield;
}

.iner-qn {
	display: flex;
	align-items: center;
	margin: 0 15px;
}

.total-block {
	margin: 0 0 35px;
	max-width: 200px;
}

.total-block h5 {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	color: #060B19;
}

.total-block h5 span {
	margin: 0 0 0 auto;
	font-size: 29px;
}

.balance-row {
	max-width: 750px;
	margin: 0 0 30px;
	display: flex;
	align-items: center;
}

.current-balbx {
	max-width: 340px;
	width: 100%;
	border-radius: 20px;
	border: 1px solid #1F223B;
	padding: 15px;
	margin: 0 35px 0 0;
}

.current-balbx p {
	font-family: var(--font-400);
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 23px;
	font-weight: normal;
	color: #060B1A;
}

.current-balbx p span {
	margin: 0 0 0 auto;
	font-weight: normal;
}

.balance-row h6 {
	margin: 0;
	font-size: 23px;
	font-family: var(--font-400);
	font-weight: normal;
	color: #060B1A;
}

.balance-row h6 a {
	text-decoration: underline;
	color: #060B1A;
}

.balance-row h6 a:hover {
	color: #F6BF45;
}

.draw-details .btn-group {
	display: flex;
	flex-flow: column;
	width: 100%;
	margin: 0 0 35px;
}

.draw-details .btn-group .btn-entry {
	padding: 20px;
	background: #1F223B;
	border-radius: 20px !important;
	font-size: 23px;
	color: #fff;
	font-weight: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	margin: 0 0 16px;
	transition: .4s linear;
	-webkit-transition: .4s linear;
}

.draw-details .btn-group .btn-entry span {
	font-size: 27px;
	margin: 0 0 0 15px;
}

.draw-details .btn-group .btn-entry span img {
	min-width: 29px;
	margin-right: 5px;
}

.draw-details .btn-group .btn-entry:hover {
	background-color: #000;
	color: #fff;
}

.draw-details .btn-group .btn-main {
	padding: 17px;
	display: block;
	background-color: #F6BF46;
	border-radius: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #060B1A;
	text-align: center;
	transition: .4s linear;
	-webkit-transition: .4s linear;
}

.draw-details .btn-group .btn-main:hover {
	background-color: #1F223B;
	color: #fff;
}

.price-details .accordion .accordion-item {
	margin: 0;
	background-color: transparent;
	border: none;
}

.price-details .accordion .accordion-item .accordion-button {
	font-size: 24px;
	font-weight: normal;
	color: #060B19;
	line-height: 32px;
	background-color: transparent;
	position: relative;
	padding: 25px 50px 0 0;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.price-details .accordion .accordion-item .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
}

.price-details .accordion .accordion-item .accordion-button:focus {
	box-shadow: none;
}

.price-details .accordion .accordion-item .accordion-button::after {
	display: none;
}

.price-details .accordion .accordion-item .accordion-button:before {
	position: absolute;
	content: "";
	right: 0;
	top: 20px;
	background: url('../../images/2/up-arrow.svg') 0 0 no-repeat;
	background-size: 100% 100%;
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.price-details .accordion .accordion-item .accordion-button.collapsed:before {
	background: url('../../images/2/down-ic.svg') 0 0 no-repeat;
	background-size: 100% 100%;
}

.contest-prize-details {
	text-wrap: nowrap;
}

.price-details .accordion .accordion-body {
	padding: 0;
}

.inner-head {
	display: block;
	width: 100%;
	padding: 25px 0 0;
}

.inner-head p,
.price-databox p {
	font-size: 20px;
	font-weight: normal;
	color: #060B19;
	font-family: var(--font-400);
	line-height: 27px;
	margin: 0 0 20px;
}

.price-databox ul {
	margin: 0 0 20px;
	padding: 0 0 0 25px;
}

.price-databox ul li {
	list-style-type: decimal;
	font-size: 20px;
	font-family: var(--font-400);
	color: #060B19;
	line-height: 27px;
}

.play-with {
	padding: 25px 0 0;
	margin: 0;
	/* border-top: 1px solid rgba(112, 112, 112, 0.16); */
}

.play-with h4 {
	font-size: 24px;
	font-weight: normal;
	color: #060B19;
	line-height: 32px;
	margin: 0 0 20px;
}

.play-with ul {
	padding: 0;
}

.play-with ul li {
	margin: 0 0 15px;
	color: #5A6064;
	font-size: 20px;
	font-family: var(--font-400);
	line-height: 27px;
	padding: 0 0 0 30px;
	position: relative;
}

.play-with ul li:before {
	position: absolute;
	content: '';
	background: url('../../images/2/chack-ic.svg') 0 0 no-repeat;
	background-size: 100% 100%;
	width: 20px;
	height: 23px;
	top: 2px;
	left: 0;
}

.play-with ul li:last-child {
	margin: 0;
}

.banner-title { font-size: 2rem; font-weight: bold; }
.banner-img { max-width: 100%; }
.section-heading { font-size: 1.5rem; font-weight: bold; }
.featured-contests .card { border-radius: .5rem; overflow: hidden; height: 250px; }
.winner-ticker { overflow: hidden; white-space: nowrap; }
.live-contests .contest-card .card { border-radius: .5rem; }
.countdown { font-weight: bold; }

@media (max-width: 767px) {
  .banner-title { font-size: 1.25rem; }
  .featured-slider .card { margin: 0 .5rem; }
}