:root {
	--gbp-primary: #A4080B;
	--gbp-secondary: #404040;
	--gbp-border-primary: #c22419;
	--gbp-border-secondary: #656060;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	font-family: kanit;
}

body {
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(37, 6, 14, 1) 20%, rgba(0, 0, 0, 1) 100%);
	color: #9B999A;
	max-height: 1200px;
	font-size: 16px;
}

body.lobby-body {
	background-color: #141314;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 15px;
	max-height: 1800px;
}

.add-space {
	height: 100px;
}

.nav-logo {
	width: 100%;
	position: relative;
	height: 100px;
	background: rgb(0, 0, 0);
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(37, 6, 14, 1) 35%, rgba(0, 0, 0, 1) 100%);
}

.nav-logo .logo img {
	width: 120px;
	padding-left: 40px;
}

.nav-logo .button-control {
	font-size: 1.2em;
	padding-right: 40px;
}

.nav-logo .button-control button {
	border: none;
	margin-right: 5px;
}

.nav-logo .button-control .button-login {
	color: #fff;
	background-color: #A4080B;
}

.bg-nav {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	max-width: 1920px;
	width: 100%;
	height: 75vw;
	position: relative;
}

@media(width<2400px) {
	.bg-nav .button-join-free {
		bottom: 15% !important;
	}
}

@media(width<2050px) {
	.bg-nav .button-join-free {
		bottom: 10% !important;
	}
}

@media(width<1800px) {
	.bg-nav .button-join-free {
		font-size: 0.9em !important;
	}
}

@media(width<1500px) {
	.bg-nav .button-join-free {
		font-size: 0.8em !important;
	}

	.nav-bar {
		top: 20px !important;
	}
}

.bg-nav .button-join-free {
	display: none !important;
	position: absolute;
	bottom: 20%;
	right: 12%;
	width: 35%;
	height: 6em;
	text-align: center;
	border: none;
	border-radius: 200px;

	cursor: pointer;
	display: flex;
}

.bg-nav .button-join-free span {
	align-content: center;
	margin: 0 auto;
	font-family: Orbitron;
	font-weight: 900;
	font-size: 3em;
	font-weight: 500;
	color: #fff;
}

.nav-bar {
	background: rgb(90, 1, 5);
	background: linear-gradient(0deg, rgba(90, 1, 5, 1) 0%, rgba(169, 8, 6, 1) 100%);
	cursor: pointer;
	color: #fff;
	border: 1px solid #EA0102;
	border-radius: 20px;
	filter: drop-shadow(0 0 15px #ff000033);
	width: 80%;
	margin: 0 auto;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	overflow: hidden;

}

.nav-bar .nav-item {
	padding: 20px 0;
	margin: 0;
	width: 20%;
	border: none;
}

.nav-bar .nav-item h3 {
	margin: 0;
	font-size: clamp(10px, 1vw + 1px, 50px);
}

.nav-bar .nav-item p {
	margin: 0;
	font-size: clamp(10px, 1vw + 1px, 18px);
}

.nav-bar .nav-item.active {
	background-color: #0F0F0F !important;
	border: 2px solid #A4080B;
	border-radius: 30px;
	padding: 10px 0;
	width: 15em;
}

.nav-bar .vr {
	background-color: #fff;
	opacity: 0.8;
	height: 4em;
	width: 2px;
	align-self: center;
	overflow: hidden;
}

.nav-bar .nav-item-dark {
	border: none !important;
	background: rgb(9, 9, 9);
	background: linear-gradient(0deg, rgba(9, 9, 9, 1) 0%, rgba(34, 51, 52, 1) 100%);
}


.nav-show-iconstext {
	border: 1px solid #A4080B;
	border-radius: 25px;
	padding: 25px;

}
.nav-show-iconstext .content-icontext {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-show-iconstext img {
	width: 100%;
	max-width: 60px;
}

.nav-show-iconstext h6 {
	font-size: 0.8em;

}

.nav-show-iconstext p {
	font-size: 0.6em;

}

.banner-welcome img {
	margin: 30px 0;
	width: 100%;

}

.banner-welcome p {
	text-indent: 2em;
}

.banner-join-us {
	margin: 20px 0;
	border: 1px solid #A4080B;
	border-radius: 20px;
	padding: 20px;
}
.banner-join-us p {
	text-align: left;
	padding: 0 60px !important;
}

.btn-join-us {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border: none;
	border-radius: 20px;
	width: 100%;
	height: 85px;
	margin-top: 20px;
	cursor: pointer;

}
.btn-join-us span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-wrap: nowrap;
	font-size: 3.5em;
	font-weight: 500;
	color: #0F0F0F;
}

.vender {
	margin: 50px;
	text-align: center;
}
.vender img {
	margin: 5px;
	max-width: 50px;
	opacity: 0.8;
}

.nav-bottom-main {
	text-align: center;
}
.nav-bottom-main a {
	font-size: 1em;
	text-decoration: none;
	cursor: pointer;
}

.nav-bottom-main .vr {
	font-size: 1px;
	width: 2px;
	color: #fff;
	background-color: #fff;
}




@media (width < 1200px) {

	body {
		height: 200vh;
		font-size: 14px;
	}

	.button-login,
	.button-register {
		font-size: 1.2em;
	}

	.nav-bar {
		width: 80%;
	}

	.bg-nav .button-join-free {
		width: 35em;
		height: 6em;
		right: 8%;
		bottom: 10% !important;
	}
	.bg-nav .button-join-free span {
		display: block;
		margin-top: 5px;
		font-size: 3em;
	}

	.content-icontext img {
		width: 100%;
		max-width: 50px !important;
	}

	.content-icontext h6 {
		font-size: 1em !important;
	}

	.content-icontext p {
		font-size: 0.5em !important;
	}

	.banner-join-us img {
		width: 80%;
	}

	.banner-join-us .row>.col-6>p {
		padding: 0 !important;
		font-size: 1.5em;
		width: 100%;

	}

	.banner-join-us .row>.col-6>.btn-join-us {
		border-radius: 10px;
		height: 5em;
	}

	.nav-bottom-main a {
		font-size: 1em;
	}
}

@media (width < 1000px) {
	.button-control {
		font-size: 0.8em !important;
	}

	.nav-bar h3 {
		font-size: 1.2em !important;
	}

	.nav-bar p {
		font-size: 0.8em !important;
	}

	.button-join-free {
		height: 50px !important;

	}
	.button-join-free span {
		font-size: 2em !important;
	}

	.nav-show-iconstext img {
		width: 40px;
	}

	.banner-join-us {
		font-size: 0.7em;

	}
	.banner-join-us p {
		font-size: 1.5em;
		padding: 0 !important;
	}

	.nav-bottom-main {
		flex-wrap: wrap !important;
	}
}

@media (width < 770px) {
	body {
		max-height: 1200px;
		font-size: 12px;
	}

	.button-control {
		font-size: 0.8em !important;

	}
	.button-control button {
		width: 10vw !important;
		min-width: 120px;
		max-width: 170px;
		text-wrap: nowrap;
	}

	.nav-bar {
		top: 10px !important;
		width: 100%;
	}

	.button-join-free {
		width: 30% !important;
		height: 40px !important;

	}
	.button-join-free span {
		font-size: 2.5em !important;
	}

	.nav-show-iconstext .content-icontext img {
		width: 40px;
	}

	.nav-bottom-main {
		flex-wrap: wrap !important;
	}
}

@media (width < 600px) {
	.button-join-free {
		width: 30% !important;
		height: 30px !important;
	}
	.button-join-free span {
		font-size: 1.5em !important;
	}
}

@media (width < 500px) {
	body {
		min-height: 100vh !important;
		max-height: 1200px;
		font-size: 12px;
	}

	.button-control {
		width: 30%;
		margin-right: 20px;

	}
	.button-control .button-login,
	.button-control .button-register {
		margin-top: 5px;
		font-size: 0.8rem;
	}

	.bg-nav {
		height: 300px;
	}

	.button-login,
	.button-register {
		font-size: 1.2em;
	}

	.nav-bar {
		width: 100%;
		position: absolute;
		top: 5px;
	}
	.nav-bar .nav-item {
		width: 20%;
		font-size: 7.5px !important;
	}

	.nav-bar .nav-item.active {
		width: 20%;

	}

	.nav-show-iconstext img {
		width: 100%;
		max-width: 30px;

	}

	.nav-show-iconstext h6 {
		font-size: 1em !important;

	}

	.nav-show-iconstext p {
		font-size: 0.7em !important;

	}

	.bg-nav .button-join-free {
		width: 15em;
		height: 3em;
		right: 50px;
		bottom: 20% !important;
	}
	.bg-nav .button-join-free span {
		display: block;
		margin-top: 5px;
		font-size: 1.5em;
	}

	.content-icontext h6 {
		font-size: 1.2em;
	}

	.content-icontext p {
		font-size: 0.8em;
	}

	.banner-join-us img {
		width: 100%;
		margin-bottom: 10px;

	}

	.banner-join-us p {

		padding: 0 !important;
		font-size: 1.5em;
	}

	.banner-join-us .row>.col-6>p {
		padding: 0 !important;
		font-size: 1.5em;
		width: 100%;

	}

	.banner-join-us .row>.col-6>.btn-join-us {
		border-radius: 10px;
		height: 5em;
	}

	.banner-join-us .btn-join-us {
		height: 50px;
		border-radius: 50px;
	}

	.vender {
		width: 100%;
		margin: 0;
		opacity: 0.8;
	}

	.nav-bottom-main a {
		text-wrap: nowrap;
		font-size: 1em;
	}


}

/* Begin : modal */
.btn-close-modal {
	text-align: right;
}
.btn-close-modal button {
	background-color: transparent;
	border: none;

}
.btn-close-modal button i {
	font-size: 30px;
}

.btn-close-modal button i:hover {
	filter: drop-shadow(0 0 2px #fff);
}

.modal-header {
	background-color: #404040;
	color: #f2f9f6;
	justify-content: center;
	padding: 0;
	border: none;

}

.modal-header.login,
.modal-header.register {
	width: 50%;
	padding: 8px;

	font-size: 1.1em;
	border: 0;
}

.modal-header.login {
	border-radius: 10px 0 0 0;
}

.modal-header.register {
	border-radius: 0 10px 0 0;
}

.modal-header:hover {
	cursor: pointer;
}

.modal-header.active {
	background-color: #a92219;
}

.modal-content {
	border: none;
	background-color: transparent;
}

.modal-body {
	background-color: #1B1B1C;
	border-radius: 0 0 10px 10px;

}
.modal-body .img-modal {
	position: relative;
	width: 100%;
	max-height: 200px;
	text-align: center;

}
.modal-body .img-modal img {
	width: 200px;
}

.modal-body-content {

	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	padding: 0 20px;

}
.modal-body-content img {
	max-width: 8em;
	margin: 10px 0;
}

.modal-body-content .progress {
	width: 100%;
	margin: 5px auto;
	height: 12px;
}

.modal-footer-login {
	text-align: right;
	color: #9b1812;
	text-decoration: underline;
	padding-right: 10px;
}
.modal-footer-login >span {
	font-size: 1.2em;
	cursor: pointer;
}

.modal-profile .modal-body {
	border: 1px solid #fff;
	border-radius: 15px;
}

.modal-bank-account .bank-account-item {
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	min-height: 120px;
	padding: 1em;
	margin-bottom: 1em;
	border: 2px dashed #49494B;
	border-radius: 20px;

}
.modal-bank-account .bank-account-item .account-placeholder {
	display: block;
}

.modal-bank-account .bank-account-item .member-account-detail {
	width: 100%;
	display: none !important;
}

.modal-bank-account .bank-account-item .form-add-member-account {
	display: none !important;
}

.modal-bank-account .bank-account-item.active {
	border: 1px solid #A4080B;
	background-color: rgba(255, 0, 0, 0.1);

}
.modal-bank-account .bank-account-item.active .account-placeholder {
	display: none;
}

.modal-bank-account .bank-account-item.active .member-account-detail {
	display: block !important;
}

.modal-bank-account .bank-account-item[data-open-form="true"] .form-add-member-account {
	display: block !important;
}

.modal-bank-account .bank-account-item[data-open-form="true"] .account-placeholder {
	display: none !important;
}

/* Begin : text */
.text-primary {
	color: #A4080B !important;
}

/* End : text */

/* Begin : button */
.btn {
	min-width: 40%;
}

.btn-primary {
	color: #fff;
	background-color: #a92219;
	border-color: #a92219;
}

.btn-primary:hover {
	background: none !important;
	border: 1px solid #a92219 !important;
}

.btn-withdraw,
.btn-withdraw:hover {
	color: #fff;
	background-color: #a92219;
	border-color: #a92219;
}

.btn-withdraw:hover {
	opacity: 0.9;
}

.swal2-confirm.btn-primary:hover {
	background-color: #a92219 !important;
	border-color: #a92219 !important;
}

.btn-secondary {
	border: 1px solid #eee;
	background: none;
}

.btn-secondary:hover {
	border: 1px solid #eee;
	background-color: rgb(48, 48, 48);
}

.register-wizard .box-content,
.modal-profile .box-content {
	background-color: #fff;
	color: #010101;
	border-radius: 8px;
}
.register-wizard .box-content label,
.modal-profile .box-content label {
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	padding: 5px 0 0 15px;
	color: #898989;
}

.register-wizard .box-content span,
.modal-profile .box-content span {
	border: none;
	width: 50px;
	padding: 0 0 0 10px;
	background-color: transparent;

	i {
		width: 100%;
		color: #898989;
	}
}
.register-wizard .box-content span i,
.modal-profile .box-content span i{
	width: 100%;
	color: #898989;
}

.register-wizard .box-content input,
.modal-profile .box-content input {

	border: none;
	color: #010101;
	text-align: center;
	font-size: 1.2rem;
	padding-top: 0;
	outline: none;
}

.footer-main {

	position: fixed;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #1B1B1B;

}
.footer-main a {
	text-decoration: none;
}

.footer-main .footer-item {
	align-items: center;
	text-align: center;
	width: 20%;

}
.footer-main .footer-item img {
	opacity: 0.5;
	width: 100%;
	max-width: 50px;
}


.footer-main .footer-item p {
	font-size: 1.2em;
	color: #aaaaaa;
	font-weight: 500;
	margin-top: -10px;
	margin-bottom: 0;
	padding: 0;
}

.footer-main .logo {
	position: relative;
}
.footer-main .logo img {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 150px !important;
	opacity: 1;
	height: auto;

}

.footer-main .logo img:hover {
	filter: drop-shadow(0 0 5px #ffffff56);
}



@media screen and (width < 700px) {
	body {
		max-height: 1200px !important;
	}

	.df-button {
		padding: 0;
		margin: 0;
		width: 150px !important;
		font-size: 1.5em !important;

	}
	.df-button button {
		width: 100% !important;
		text-wrap: nowrap !important;
	}

	.card-wallet {
		width: 100%;
	}

	.icon-wallet img {
		top: 50% !important;
		padding: 10px !important;
		min-width: 100px !important;
	}

	.wallet-content .wallet-check {
		font-size: 2.5em;
	}

	.wallet-footer .date,
	.wallet-footer .timer {
		width: 50% !important;
	}

	.nav-icon {
		gap: 10px !important;
	}
	.nav-icon .nav-items {
		height: 120px;
		text-wrap: nowrap;

	}
	.nav-icon .nav-items img {
		max-width: 50px !important;
	}

	.nav-icon .nav-items button {
		font-size: 1.5em;
		padding: 5px;
	}

	.nav-icon .nav-bar-main {
		width: 100%;
		gap: 0;

	}
	.nav-icon .nav-bar-main .nav-item h3 {
		font-size: 1.5em;
	}

	.nav-icon .nav-bar-main .nav-item.active {
		width: 25%;
	}

	.footer-item img {
		max-width: 50px !important;
	}
}




@media screen and (width < 600px) {
	body {
		max-height: 1100px !important;
	}

	/* .card-wallet .wallet-body .wallet-content {
		font-size: 0.5rem !important;
	} */

	.card-wallet .wallet-body .wallet-user span {
		font-size: 0.8rem !important;
	}

	.nav-icon {
		gap: 5px !important;

	}
	.nav-icon .nav-items {
		font-size: 0.5rem !important;
	}
	.nav-icon .nav-items button {
		font-size: 1.4em !important;
		width: 80%;
	}

	.footer-main .footer-item p {
		font-size: 0.8rem !important;
		font-weight: 300;
	}
}

@media screen and (width < 1000px) {
	.button-logout {
		font-size: 1rem !important;
	}

	body {
		max-height: 1200px !important;
	}

	.card-wallet {
		width: 100%;
	}

	.icon-wallet img {
		top: 50% !important;
		padding: 10px !important;
		min-width: 120px !important;
	}

	.wallet-content .wallet-check {
		font-size: 2em;
	}

	.wallet-footer .date,
	.wallet-footer .timer {
		width: 50% !important;
	}

	.nav-icon .nav-items {
		height: 120px;
		text-wrap: nowrap;

	}
	.nav-icon .nav-items img {
		max-width: 50px !important;
	}

	.nav-icon .nav-items button {
		bottom: -30% !important;
		font-size: 1.2em;
		padding: 5px;
	}

	.nav-bar-main {
		width: 100%;
		gap: 0;
	}
	.nav-bar-main .nav-item.active {
		width: 25%;
	}

	.footer-item img {
		max-width: 50px !important;
	}

	.footer-item p {
		font-size: 1rem !important;
	}

}

.avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
}

.dropdown-menu-end {
	right: 0;
	left: auto;
}

.dropdown-profile .dropdown-toggle::after {
	display: none;
	/* Hide the dropdown caret */
}

/* Game Provider List */
.game-provider-list {
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 1em !important;
}

.game-provider-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 calc(20% - 1em);
	/* ขนาดเริ่มต้น: 20% - ระยะห่าง */
	max-width: calc(20% - 1em);
	/* ป้องกันการขยายใหญ่เกินไป */
	text-align: center;
	border: 1px solid #A4080B;
	border-radius: 15px;
	padding: 1em;
	background-color: rgba(255, 0, 0, 0.1);
}

.game-provider-item img {
	margin-bottom: 1em;
	max-width: 100%;
	height: auto;
}

.game-provider-item:hover,
.game-provider-item.active {
	background: linear-gradient(0deg, rgba(90, 1, 5, 1) 0%, rgba(169, 8, 6, 1) 100%);
	color: #fff;
	border: 1px solid #EA0102;
	filter: drop-shadow(0 0 15px #ff000033);

}
.game-provider-item:hover span,
.game-provider-item.active span {
	color: #efd406;
}

.game-provider-list.vertical {
	padding: 1em;
	width: 100% !important;
	margin: inherit;
	overflow-y: auto;
	height: calc(100vh - 100px);
	border-right: 5px solid #EA0102;

}
.game-provider-list.vertical .game-provider-item {
	flex: 1 1 calc(100% - 1em);
	/* ขนาดเริ่มต้น: 20% - ระยะห่าง */
	max-width: calc(100% - 1em);

	/* ป้องกันการขยายใหญ่เกินไป */
}
.game-provider-list.vertical .game-provider-item img {
	max-width: 60%;
	height: auto;
	margin: auto;
}

/* Game List */
.game-list {
	overflow-y: auto;
	height: calc(100vh - 130px);

}
.game-list .game-item {
	text-align: center;
	border: 2px solid #A4080B;
	border-radius: 15px;
	padding: 0;
	background-color: rgba(255, 0, 0, 0.2);
	margin-bottom: 1em;

}
.game-list .game-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
}

.deposit-account-item {
	color: #fff;
	padding: 1em;
	border: 1px solid #A4080B;
	background-color: rgba(255, 0, 0, 0.1);
}

.transaction-list {
	border: 2px solid #fff;
	border-radius: 15px;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.bank-account-detail {
	display: flex;
	justify-content: space-between;
	border-radius: var(--bs-border-radius) !important;
	width: 100%;

}
.bank-account-detail .bank-image {
	max-width: 80px;
}

.active>.page-link,
.page-link.active {
	background-color: var(--gbp-primary);
	border-color: var(--gbp-border-primary);
}

.dt-bootstrap5 .form-control:focus,
.dt-bootstrap5 .form-select:focus {
	border-color: #fe8686;
	box-shadow: 0 0 0 .25rem rgb(253 13 13 / 25%);
}

@media (max-width: 1024px) {
	.game-provider-item {
		flex: 1 1 calc(25% - 1em);
		/* ลดจำนวนคอลัมน์ลง */
		max-width: calc(25% - 1em);
	}

	.game-provider-list.vertical {
		height: 575px;
	}
	.game-provider-list.vertical .game-provider-item {
		padding: 0.25em;

	}
	.game-provider-list.vertical .game-provider-item img {
		height: auto;
		width: 80px;
		margin: auto;
	}

	.game-provider-list.vertical .game-provider-item span {
		font-size: 0.75em;
	}
}

@media (max-width: 768px) {
	.game-provider-list {
		width: 100%;
	}

	.game-provider-item {
		flex: 1 1 calc(33% - 1em);
		/* แสดง 2 คอลัมน์ */
		max-width: calc(33% - 1em);
	}

	.game-provider-list.vertical {
		height: 575px;

	}
	.game-provider-list.vertical .game-provider-item {
		padding: 0.25em;

	}
	.game-provider-list.vertical .game-provider-item img {
		height: auto;
		width: 70px;
		margin: auto;
	}

	.game-provider-list.vertical .game-provider-item span {
		font-size: 0.75em;
	}
}

@media (max-width: 576px) {
	body {
		max-height: 100vh !important;
	}

	.container {
		padding-left: 0;
		padding-right: 0;
	}

	.dropdown-profile .username {
		font-size: 0.65em;
	}

	.game-provider-list {
		width: 100%;
	}

	.game-provider-item {
		flex: 1 1 calc(50% - 1em);
		/* แสดง 2 คอลัมน์ */
		max-width: calc(50% - 1em);

	}
	.game-provider-item img {
		max-width: 50%;
		margin: auto;
	}

	.game-provider-list.vertical {
		height: calc(100vh - 160px);

	}
	.game-provider-list.vertical .game-provider-item {
		padding: 0.25em;

	}
	.game-provider-list.vertical .game-provider-item img {
		max-width: 80%;
		margin: auto;
	}

	.game-provider-list.vertical .game-provider-item span {
		display: none;
	}
}

@media only screen and (max-width: 376px) {
	.lobby-body .nav-logo {
		height: 70px;
	}

	.card-wallet .wallet-header .vr {
		height: 60px !important;
	}
	.card-wallet {
		margin: 10px auto;
		overflow: hidden;
	}
	.card-wallet .wallet-header .wallet-content {
		margin: 15px 15px 0 15px !important;
		padding: 10px 40px 0 !important;

	}
	.card-wallet .wallet-header .wallet-content h2 {
		margin: 0;
	}

	.card-wallet .wallet-header .wallet-content a {
		font-size: 14px;
	}

	.nav-icon .nav-items {
		height: 100px;

	}
	.nav-icon .nav-items img {
		max-width: 40px !important;
		top: 35% !important;
	}

	.nav-icon .nav-items button {
		bottom: -15% !important;
	}

	#gameProviderList .nav-bar {
		top: -35px !important;
	}


	#gameProviderList .game-provider-list {
		gap: 10px !important;
		position: relative;
		top: -90px;
	}

	.game-provider-item {
		min-height: 100px;
		max-width: calc(33% - 1em);
		font-size: clamp(10px, 3vw + 1px, 14px);
		padding: 0.5em;
	}

	.bank-account-detail .bank-image {
		max-width: 60px;
	}

	.bank-account-detail .account-name {
		font-size: 1.1em;
	}

	.bank-account-detail .bank-name {
		font-size: 0.9em;
	}
	#gameProviderList{
		margin-top: 3em !important;
	}
	#gameProviderList .game-provider-list{
		margin-top: 4em !important;
	}
}