.login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(60deg, #e39f0b, #f7eb72, #d08702);
  color: #343a40;
  width: 70px;
  height: 35px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  border-radius: 5px;
}

.top-bar {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
}

a {
  text-decoration: none;
}

body #a6685618956 {
	font-size: 14px;
	font-family: sans-serif;
	background-color: #000;
}

picture {
	display: block;
}

p {
	display: block;
	color: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

.text-signup {
	display: block;
	font-weight: bold;
}

#a6685618956 a {}

#a6685618956 .container {
	max-width: 700px;
}

#a6685618956 .cursor-pointer {
	cursor: pointer;
}

#a6685618956 .container[data-v-7a96513261] {
	max-width: 1134px;
	height: auto;
	display: block;
}

#a6685618956 .container[data-v-7a2359685] {
	max-width: 1134px;
}

#a6685618956.a69531983 .container[data-v-7a2359685] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#a6685618956 .overflow-x-hidden[data-v-7a2359685] {
	overflow-x: hidden;
}

#a6685618956 .navbar-height[data-v-7a7156162] {
	height: 70px;
}

#a6685618956 .logo-img[data-v-7a7156162] {
	max-height: 55px;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

#a6685618956.a69531983 .navbar-height[data-v-7a7156162] {
	height: 60px;
}

#a6685618956.a69531983 .logo-img[data-v-7a7156162] {
	max-height: 45px;
}

#a6685618956.a695261691 .navbar-container[data-v-7a7156162] {
	background-color: #000;
	color: #242424;
}

#a6685618956 .countryImage[data-v-7a2856198] {
	height: 23px;
	width: 23px;
	-o-object-fit: cover;
	object-fit: cover;
}

#a6685618956 .bg[data-v-7a36941561] {
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

#a6685618956.a695261691 .bg[data-v-7a36941561] {
	background-color: #f9f9f9;
}

.footer-total-height {
	height: 68px;
}

.footer-total-height {
	height: 88px;
	background: #333;
}

#a6685618956 .footer-container[data-v-7a30832209] {
	width: 100%;
	height: 68px;
}

#a6685618956 .footer-bg[data-v-7a30832209] {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 1000px 68px;
	height: 100%;
	width: 100%;
}

#a6685618956 .footer-item[data-v-7a30832209] {
	position: relative;
}

#a6685618956 .tab-text[data-v-7a30832209] {
	font-size: 12px;
	margin-top: 3px;
	white-space: nowrap;
}

#a6685618956 .tab-icon[data-v-7a30832209] {
	height: 32px;
	width: 32px;
	margin-top: 8px;
	-o-object-fit: contain;
	object-fit: contain;
	cursor: pointer;
}

#a6685618956 .main-button[data-v-7a30832209] {
	width: 62px;
	height: 62px;
	top: 8px;
	-o-object-fit: contain;
	object-fit: contain;
	z-index: 1;
}

#a6685618956 .main-button[data-v-7a30832209] {
	cursor: pointer;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#a6685618956.a695261691 .footer-bg[data-v-7a30832209] {
	background: #fff;
	-webkit-box-shadow: 0 12px 10px 10px hsla(0, 0%, 67.8%, 0.6196078431372549);
	box-shadow: 0 12px 10px 10px hsla(0, 0%, 67.8%, 0.6196078431372549);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#a6685618956.a695261691 .tab-text[data-v-7a30832209] {
	color: #575757;
}

#a6685618956.a695261691 .tab-text-active[data-v-7a30832209] {
	color: #000;
}

#a6685618956.a69531983 .wrap[data-v-7a05651889] {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	display: flex;
}

#a6685618956.a69531983 .wrap .type-filter[data-v-7a05651889],
#a6685618956.a69531983 .wrap .vendor-list[data-v-7a05651889] {
	height: 500px;
	max-height: 500px;
	overflow-y: auto;
}

#a6685618956.a69531983 .wrap .vendor-list[data-v-7a05651889] {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#a6685618956 .filter-container[data-v-7a039684165] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 8px;
	width: 147px;
	max-width: 35%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#a6685618956 .filter-item[data-v-7a039684165] {
	padding: 10px;
	cursor: pointer;
	width: 100%;
	position: relative;
	white-space: nowrap;
}

#a6685618956 .filter-item .bg[data-v-7a039684165] {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}

#a6685618956 .filter-item .type-icon[data-v-7a039684165] {
	height: 30px;
	width: 30px;
	-o-object-fit: contain;
	object-fit: contain;
}

#a6685618956 .filter-item .filter-text[data-v-7a039684165] {
	margin: 0 5px;
	font-size: 12px;
	color: #fff;
}

#a6685618956 .filter-item.active .filter-text[data-v-7a039684165] {
	color: #343a40;
	font-weight: 700;
}

#a6685618956 .filter-item.active {
	background: linear-gradient(60deg, #e39f0b, #f7eb72, #d08702);
	background-size: 110%;
	background-repeat: no-repeat;
	border-radius: 10px;
	background-position: center;
}

#a6685618956 .vendor-container[data-v-7e6b6157] {
	padding-top: 62%;
	position: relative;
	width: 100%;
}

#a6685618956.a69531983 .vendor-container[data-v-7e6b6157] {
	padding-top: 100%;
}

#a6685618956 .disable[data-v-7e6b6157] {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

#a6685618956 .vendor-item[data-v-7e6b6157] {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#a6685618956 .vendor-icon[data-v-7e6b6157] {
	position: absolute;
	width: 96%;
	height: 96%;
	-o-object-fit: contain;
	object-fit: contain;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 8px;
}

#a6685618956.a69531983 .vendor-icon[data-v-7e6b6157] {
	width: 100%;
	height: 100%;
}

#a6685618956 .coming-soon[data-v-7e6b6157] {
	position: absolute;
	left: -3%;
	bottom: 15%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

#a6685618956 .balance-card[data-v-7a1517396],
#a6685618956 .wallet-card[data-v-7a1517396] {
	background: linear-gradient(60deg, #e39f0b, #f7eb72, #d08702);
	border-radius: 3px;
	padding: 8px;
	text-align: center;
}

#a6685618956 .balance-card[data-v-7a1517396] {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#a6685618956 .wallet-card[data-v-7a1517396] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

#a6685618956 .wallet-card .wallet-btn[data-v-7a1517396] {
	width: 55px;
}

#a6685618956 .wallet-card .wallet-btn img[data-v-7a1517396] {
	width: 30px;
	height: 30px;
}

#a6685618956 .nickname[data-v-7a1517396] {
	font-size: 12px;
}

#a6685618956 .balance[data-v-7a1517396] {
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#a6685618956 .myr[data-v-7a1517396] {
	color: #747474;
	font-size: 16px;
}

#a6685618956.C911 ul li[data-v-625421d4]::marker {
	color: #997227;
}

#a6685618956.C912 ul li[data-v-625421d4]::marker {
	color: #00d2fa;
}

#a6685618956.C913 ul li[data-v-625421d4]::marker,
#a6685618956.C914 ul li[data-v-625421d4]::marker {
	color: #ffd36d;
}

#a6685618956.C915 ul li[data-v-625421d4]::marker {
	color: #212529;
}

#a6685618956.C916 ul li[data-v-625421d4]::marker {
	color: #f80605;
}

#C10.C1011 ul li[data-v-f50376a2]::marker {
	color: #e8bd70;
}

@font-face {
	font-family: Microsoft YaHei;
	font-weight: 400;
}

#C12.C1211 ul li[data-v-530b4454]::marker {
	color: #47d1ff;
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
		Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif,
		Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #333;
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}

h1,
h2 {
	display: block;
	font-size: 20px;
	color: #f7eb72;
}

a {
	color: #e39f0b;
	display: inline-block;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #f7eb72;
	text-decoration: none;
}

img {
	border-style: none;
}

img {
	vertical-align: middle;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.row {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters>.col {
	padding-right: 0;
	padding-left: 0;
}

.col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	max-width: 100%;
}

.row-cols-3>* {
	-ms-flex: 0 0 33.333333%;
	-webkit-box-flex: 0;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

@media (min-width: 768px) {
	.row-cols-md-5>* {
		-ms-flex: 0 0 20%;
		-webkit-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
	border-color: #28a745;
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
	border-color: #dc3545;
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	-webkit-transition: color 0.15s ease-in-out,
		background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		-webkit-transition: none;
		transition: none;
	}
}

.btn:hover {
	color: #212529;
	text-decoration: none;
}

.btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn:disabled {
	opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.dropdown-toggle {
	white-space: nowrap;
}

.dropdown-toggle:after {
	display: inline-block;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid #f65343;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: #80bdff;
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
	color: #fff;
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	opacity: 0.75;
}

.carousel {
	position: relative;
}

.carousel.pointer-event {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-inner:after {
	display: block;
	clear: both;
	content: "";
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform 0.6s ease-in-out;
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.carousel-item {
		-webkit-transition: none;
		transition: none;
	}
}

.carousel-item.active {
	display: block;
}

.d-block {
	display: block !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
}

.flex-row {
	-ms-flex-direction: row !important;
	-webkit-box-orient: horizontal !important;
	flex-direction: row !important;
}

.flex-row {
	-webkit-box-direction: normal !important;
}

.justify-content-end {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	justify-content: flex-end !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
}

.position-relative {
	position: relative !important;
}

.fixed-top {
	top: 0;
}

.fixed-bottom,
.fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-bottom {
	bottom: 0;
}

@supports (position: sticky) {}

.w-100 {
	width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.my-3 {
	margin-top: 1rem !important;
}

.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.px-3 {
	padding-right: 1rem !important;
}

.px-3 {
	padding-left: 1rem !important;
}

.mx-auto {
	margin-right: auto !important;
}

.mx-auto {
	margin-left: auto !important;
}

.text-center {
	text-align: center !important;
}

@media print {

	*,
	:after,
	:before {
		text-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	a:not(.btn) {
		text-decoration: underline;
	}

	img {
		page-break-inside: avoid;
	}

	@page {
		size: a3;
	}

	.container,
	body {
		min-width: 992px !important;
	}
}

.b-avatar.btn:not(:disabled):not(.disabled),
.b-avatar[href]:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.wallet-card {
	position: relative;
	overflow: hidden;
}

.wallet-card span:nth-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #d08702, #343a40);
	animation: animate1 2s linear infinite;
}

@keyframes animate1 {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(100%);
	}
}

.wallet-card span:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 5px;
	background: linear-gradient(to bottom, #d08702, #343a40);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate2 {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(100%);
	}
}

.wallet-card span:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to left, #d08702, #343a40);
	animation: animate3 2s linear infinite;
}

@keyframes animate3 {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

.wallet-card span:nth-child(4) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 5px;
	background: linear-gradient(to top, #d08702, #343a40);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;
}

@keyframes animate4 {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(-100%);
	}
}

.alert {
	font-weight: bold;
}

.hidden {
	display: none;
}

.language-tool-box {
	width: 50px;
	position: relative;
	border: 1px solid #ffa9a0;
	padding: 2px;
	border-radius: 20px;
}

.bt-language {
	display: block;
	cursor: pointer;
}

.bt-language:hover {
	color: #03a9f4;
}

.bt-language:hover i {
	opacity: 1;
	top: 4px;
}

.bt-language i {}

.list-language-box {
	position: absolute;
	right: 0;
}

.Language-list {
	background-color: #fff;
	margin-top: 8px;
	list-style: none;
	padding-left: 0;
	border: 3px solid #ffa8a8;
	border-radius: 5px;
}

#Language-list li {
	border-bottom: solid 1px #ffa8a8;
}

#Language-list li:hover {
	background-color: #ffa8a8;
	color: white;
}

#Language-list li a {
	padding: 8px;
	width: 128px;
	color: #a42222;
	text-decoration: none;
}

.footer {
	width: 100%;
	text-align: center;
	font-size: 14px;
	background-color: #000;
	color: #fff;
}
