*,::before,::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}

html,:host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent
}

html {
	line-height: 1.5;
	font-weight: 400;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
    font-family: Avenir Next, Avenir, Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	line-height: inherit;
	overflow-x: hidden;
	margin: 0;
	min-width: 320px;
	width: 100%;
	min-height: 100vh;
}


.site-header {
    position: relative;
    z-index: 9999;
}


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.4s ease,
    visibility 0.4s ease;
}


.fixed-header.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}


main {
    width: 100%;
    position: relative;
    z-index: 200;
}

footer {
    position: relative;
    z-index: 100;
}

section,.footer-content {
    width: 100%;
    margin: auto;
    padding: 0 1em;
    position: relative;
    z-index: 200;
}

#categories {
    z-index: 500;
}

*,*::before,*::after {
	box-sizing: border-box;
	font-family: inherit;
}


ul {
	padding: 0;
	margin: 0;
	list-style: none
}

li {
    margin: .5em 0;
}

a {
	text-decoration: none;
}

main a {
    text-decoration: underline;
}

button {
	font-family: inherit;
	background: none;
}

p {
    font-size: .9em;
    margin-bottom: .65em;
    font-weight: 500;
}

.Registration {
    cursor: pointer!important;
}

b,strong,a {
	font-weight: bolder
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,input,optgroup,select,textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}


fieldset {
	margin: 0;
	padding: 0
}

legend {
	padding: 0
}

ol,ul,menu {
	list-style: none;
	margin: 0;
	padding: 0
}

dialog {
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

.pointer,button,[role=button] {
	cursor: pointer
}

:disabled {
	cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
	display: block;
	vertical-align: middle
}


#banner figure,#banner figure img {
    width: 100%;
}

.visible {
	visibility: visible
}

.fixed {
	position: fixed
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-12 {
	margin-bottom: 3rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mr-2 {
	margin-right: .5rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-8 {
	margin-top: 2rem
}



.inline-flex {
	display: inline-flex
}

.table {
	display: table
}


.h-32 {
	height: 8rem
}

.h-5 {
	height: 1.25rem
}

.min-h-screen {
	min-height: 100vh
}

.w-32 {
	width: 8rem
}

.w-5 {
	width: 1.25rem
}

.w-full {
	width: 100%
}

.max-w-2xl {
	max-width: 42rem
}

.transform {
	transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
	resize: both
}

.grid-cols-2 {
	grid-template-columns: repeat(2,minmax(0,1fr))
}

.gap-4 {
	gap: 1rem
}

.rounded {
	border-radius: .25rem
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-full {
	border-radius: 9999px
}

.rounded-xl {
	border-radius: .75rem
}

.border {
	border-width: 1px
}

.border-2 {
	border-width: 2px
}

.border-blue-600 {
	--tw-border-opacity: 1;
	border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}

.border-gray-100 {
	--tw-border-opacity: 1;
	border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))
}

.border-gray-200 {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.bg-blue-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-red-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-white,.features-grid-item,.access-links-item {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-6 {
	padding: 1.5rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.text-center,.trust-title,.video-title,.app-download-title {
	text-align: center
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-6xl {
	font-size: 3.75rem;
	line-height: 1
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.font-bold {
	font-weight: 700
}

.font-semibold {
	font-weight: 600
}

.uppercase {
	text-transform: uppercase
}


.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.transition-colors {
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
	transition-duration: .15s
}

.ease-in-out {
	transition-timing-function: cubic-bezier(.4,0,.2,1)
}


::-webkit-scrollbar {
	width: 0px
}

::-webkit-scrollbar-track {
	background: #333
}

::-webkit-scrollbar-thumb {
	background: #666
}


.site-header .h5-flex .menu,.site-header .h5-flex .gift,.fixed-header .h5-flex .menu,.fixed-header .h5-flex .gift {
    font-size: 2em;
    margin: 0 .5em;
}

.site-header .h5-flex .gift,.fixed-header .h5-flex .gift {
    height: 1.2em;
    width: 1.2em;
}


.logo {
	flex-shrink: 0
}

.logo-image {
	height: 3em;
	margin: .5em 0;
}

.header-desktop-form {
	gap: 10px;
	font-size: .529167vw;
}


.input-icon {
	position: absolute;
	left: 10px;
	font-size: 14px;
	color: #9ca3af
}

.login-input {
	width: 160px;
	padding: 10px 10px 10px 32px;
	border: 1px solid #d1d5db;
	font-size: 13px;
	background: #f9fafb;
	transition: all .2s
}

.login-input:focus {
	outline: none;
	border-color: #26aefe;
	background: #fff
}

.login-input::-moz-placeholder {
	color: #9ca3af
}

.login-input::placeholder {
	color: #9ca3af
}

.nationality-logo img {
    width: 1.3vw;
    height: .9vw;
}

.btn-login-header,.btn-register-header {
	width: 6vw;
    height: 1.575vw;
	border: none;
	font-size: inherit;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
}

.btn-register-header::before,.register-entrance-btn::before {
    padding: .5em 1em;
    font-size: .7em;
    content: "+100%";
    top: -60%;
    right: -20%;
    background: url('/wp-content/files/speech-bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center 2px;
}

.input-login-wrapper {
    width: 7.5125vw;
    height: 1.575vw;
    border-radius: 8px;
    background: #e2f4ff;
    box-shadow: 0 -.082031vw .082031vw #14a4e240 inset,0 .082031vw .082031vw #14a4e240 inset,0 0 .328125vw #06738b40 inset;
}

.input-login-wrapper input {
    background: none;
    box-sizing: border-box;
    font-size: inherit;
    outline: none;
    margin: .2em 0 0 0;
}

.input-login-icon,.input-lock-icon {
    display: block;
    height: 14px;
    width: 16px;
    margin: 0 .75em;
}

.btn-login-icon,.btn-register-icon {
    display: block;
    height: 14px;
    width: 16px;
    margin: 0 .3em 0 0;
}

.input-login-icon {
    background: url('/wp-content/files/input-login-icon.svg') no-repeat center/cover;
}

.input-lock-icon {
    background: url('/wp-content/files/input-pw-icon.svg') no-repeat center/cover;
}

.btn-login-icon {
    background: url('/wp-content/files/btn-login-icon.svg') no-repeat center/cover;
}

.btn-register-icon {
    background: url('/wp-content/files/btn-register-icon.svg') no-repeat center/cover;
}


.btn-login-header {
	border: 1px solid #26aefe;
	color: #26aefe;
	background: #ffffff;
}


.btn-register-header,.btn-register,.register-btn,.download-btn,.guide-btn,.access-link-btn {
	background-color: #26aefe;
	color: #fff
}

.header-nav,.header-nameplate,.header-h5-form  {
	background: linear-gradient(180deg,#fff,#def1fc);
	box-shadow: 0 .164063vw .492188vw #2b7eab40;
	padding: 0
}

.nav-list > li > a.nav-link,.nav-label {
	gap: 4px;
	color: #26aefe;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all .2s;
	min-width: 80px
}


.main-nav .nav-list > li,.header-nav .nav-list > li {
    height: 3em;
    display: flex;
    color: #26aefe;
    align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: .5em .8em;
}


.main-nav .nav-list li i,.header-nav .nav-list > li i {
    height: 12px;
    width: 12px;
    position: relative;
    padding-bottom: 1em;
}

.nav-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 220px;
    background: #fff;
    left: 0;
    top: 0;
    transform: translate(0,3em);
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    padding: 1em;
}

.nav-dropdown > li {
    display: block;
    width: 100%;
    margin: .5em 0;
}

.nav-dropdown > li a {
    color: #616161;
    font-size: .75em;
    font-weight: bold;
    padding: .5em 0;
}

.main-nav .nav-list li i::before,.header-nav .nav-list > li i::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.main-nav .nav-list > li.nav-active,.header-nav .nav-list > li.nav-active {
	background: #ffffff80;
	border-bottom: 3px solid #26aefe
}

.header-nav .nav-list > li:hover {
    background: #ffffff80;
}

.nav-icon {
	width: 32px;
	height: 32px;
	-o-object-fit: contain;
	object-fit: contain
}

.hot-badge {
	background: linear-gradient(135deg,#ff6b35,#f05722);
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	padding: 1px 4px;
	border-radius: 3px;
	position: absolute;
	top: 4px;
	right: 4px;
	animation: pulse 1.5s infinite
}

@keyframes pulse {
	0%,to {
		transform: scale(.9)
	}

	50% {
		transform: scale(1.08)
	}
}



.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	animation: slideDown .3s ease-out;
	box-shadow: 0 4px 20px #0000001a
}

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

	to {
		transform: translateY(0);
		opacity: 1
	}
}

#site-footer {
	background: linear-gradient(180deg,#f8fafc,#e1f5fe,#b3e5fc);
	color: #424242
}

.footer-bottom {
	background: linear-gradient(90deg,#29b6f6,#0288d1);
	padding: 20px 0;
	text-align: center;
}

.footer-bottom p {
    font-weight: 400;
    color: #ffffff;
    font-size: normal;
}




/************************************************public styel start*****************************************************/

.QR-code-tips {
    width: 60%;
    border: .078125vw solid #26AEFE;
    box-shadow: -1px -1px .15625vw #00b2ff4d,.104167vw .104167vw .208333vw #0066ff40;
    margin: auto;
    border-radius: 10px;
    text-align: center;
    font-size: 1.3em;
    color: #26aefe;
    font-weight: bold;
    padding: .3em 0;
}

.QR-code-wrapper .wrapper-line {
    position: relative;
    height: 185px;
    padding: 1em .5em;
}

.QR-code-Android .QR-code-img,.QR-code-iOS .QR-code-img {
    display: block;
    width: 160px;
    position: relative;
    z-index: 5;
}

.QR-code-Android .label,.QR-code-iOS .label {
    width: 60%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-85%);
    z-index: 10;
}

.QR-code-Android,.QR-code-iOS {
    position: relative;
    padding: .5em;
    display: flex;
    justify-content: center;
    align-content: center;
}

.wrapper-line::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 95%;
    left: 2.5%;
    top: 2.5%;
    background: linear-gradient(174deg,#277dff .25%,#59e3ff 27.24%,#06f 56.95%,#42b9ff 80.41%,#1270ff 99.97%);
    z-index: 1;
    border-radius: 3px;
}

.wrapper-line::before {
    content: "";
    position: absolute;
    width: 92%;
    height: 92%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    z-index: 5;
}

.QR-code-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 15%;
    padding: 1em 10%;
}


.play-btn{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:50px;
  height:50px;
  background:rgba(0,0,0,.55);
  border-radius:50%;
  cursor:pointer;
  z-index:10;
  transition:.3s;
}

.play-btn:hover{background:rgba(0,0,0,.7);transform:translate(-50%,-50%) scale(1.05);}

.play-btn::after{
  content:"";
  position:absolute;
  left:55%;top:50%;
  transform:translate(-50%,-50%);
  border-width:12px 0 12px 20px;
  border-style:solid;
  border-color:transparent transparent transparent #fff;
}

.play-btn.hide{display:none;}

.video-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    background: url('/wp-content/files/hot-video-kuang.png') no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 5% 2.7%;
    display: flex;
    justify-content: center;
    align-items: center;
}



.video-wrapper .video,.categories-card {
    height: 100%;
    width: 100%;
    object-fit:cover;
}

.ScrollBar {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ScrollBar-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  width: max-content;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}

.container-box {
    height: 25.5vw;
    overflow: hidden;
    display: flex;
}

.tabs-sub-container {
    height: 100%;
    width: 100%;
    position: relative;
}

.tabs-sub-container .container-header {
    height: 5.55%;
    position: absolute;
    top: -5.65%;
    text-align: center;
}

.tabs-sub-container .container-items:first-child .container-header {
    width: 15%;
    left: 0;
}

.tabs-sub-container .container-items:nth-child(2) .container-header {
    width: 15%;
    left: 15%;
}

.tabs-sub-container .container-items:nth-child(3) .container-header {
    width: 15%;
    left: 30%;
}

.tabs-sub-container .container-items:nth-child(4) .container-header {
    width: 10%;
    left: 45%;
}

.tabs-sub-container .container-items:nth-child(5) .container-header {
    width: 10%;
    left: 55%;
}

.tabs-sub-container .container-items:nth-child(6) .container-header {
    width: 10%;
    left: 65%;
}

.tabs-sub-container .container-items:nth-child(7) .container-header {
    width: 15%;
    left: 75%;
}

.tabs-sub-container .container-items:nth-child(8) .container-header {
    width: 10%;
    left: 90%;
}

.container-items {
    width: 100%;
    height: 95%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.container-items > .active {
    border-bottom: 2px solid #26aefe!important;
}

.tabs-console,.tabs-items,.tabs-items-content {
    height: 30.729167vw;
}

.tabs-items {
    width: 83.5%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.tabs-items-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 4.6875vw;
    width: 19%;
    cursor: pointer;
    position: absolute;
    left: -19.66666667%;
    background: #fff;
}

.tabs-console .tabs-items:nth-child(2) .tabs-items-header {
    top: 5.208333vw;
}

.tabs-console .tabs-items:nth-child(3) .tabs-items-header {
    top: 10.416666vw;
}

.tabs-console .tabs-items:nth-child(4) .tabs-items-header {
    top: 15.624999vw;
}

.tabs-console .tabs-items:nth-child(5) .tabs-items-header {
    top: 20.833332vw;
}

.tabs-console .tabs-items:last-child .tabs-items-header {
    top: 26.041665vw;
}

.tabs-items-content,.container-body {
    width: 100%;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column!important;
    gap: 9%;
    padding: .5em;
}

.tabs-items-img {
    display: block;
    width: 35.416667vw;
    height: 24.270833vw;
    position: absolute;
    bottom: .833333vw;
    left: 50%;
    transform: translate(-50%);
    
}

.hero-title {
    font-family: Roboto;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 1.5rem 0;
    color: #ffffff;
}

.second-title,.trust-title,.video-title,.app-download-title {
    font-family: Roboto;
    text-shadow: 2px .104167vw .104167vw rgba(0,0,0,.25);
    font-weight: 900;
    margin: 2em auto 1em auto;
}

.section-title {
    width: 100%;
    height: 44px;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    text-shadow: 1px .104167vw .104167vw rgba(0,0,0,.25);
    font-weight: 900;
    font-size: 22px;
    line-height: 44px;
    background: url(/wp-content/files/title-name-box.webp) no-repeat center/cover;
    margin: 2em auto .5em auto;
}

.main-title,.features-title,.access-title,.categories-title,.guides-title,.faq-title,.about-title,.responsible-title,.support-title {
    width: 100%;
    color: #fff;
    font-family: Roboto;
    text-align: center;
    text-shadow: 1px .104167vw .104167vw rgba(0,0,0,.25);
    font-weight: 900;
    line-height: 2em;
    background: #25b7fe;
    margin: auto auto 1em auto;
}

.tabs-items-content .nav-list li,.ScrollBar-wrapper li.slide {
    font-size: .55vw;
    padding: .5em 1em;
    font-weight: bold;
    cursor: pointer;
}

.container-header h3 {
    font-size: .54vw;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    margin: 0;
    padding-top: .3em;
}

.tabs-console h2 {
    font-size: .633333vw;
}

.tabs-console .tabs-items:first-child .tabs-items-header {
    border-radius: .5vw .5vw 0 0;
}

.tabs-console .tabs-items:last-child .tabs-items-header {
    border-radius:  0 0 .5vw .5vw;
}

.tabs-items > .active,.container-body > .nav-list > .active,.tabs-items-content > .nav-list li.active,.ScrollBar-wrapper li.active {
    background: var(--nhn-ngay, linear-gradient(180deg, #00cdf3 0%, #5987ff 100%));
    color: #fff!important;
}


.tabs-console .active {
    z-index: 100!important;
    opacity: 1!important;
}

.tab-icon img,.tab-icon i {
    display: block;
    width: 2.1vw;
    height: 1.475vw;
    margin: .35vw auto 0 auto;
}

.tab-icon i {
    background-size: 100% 100%!important;
}

#Registration-steps .tab-icon i {
    background: url('/wp-content/files/AccountRegistration.png') no-repeat;
}

#Registration-steps .active .tab-icon i {
    background: url('/wp-content/files/AccountRegistrationActive.png') no-repeat;
}

#Online-top-up .tab-icon i {
    background: url('/wp-content/files/onlineRecharge.png') no-repeat;
}

#Online-top-up .active .tab-icon i {
    background: url('/wp-content/files/onlineRechargeActive.png') no-repeat;
}

#Bank-transfer .tab-icon i {
    background: url('/wp-content/files/OfflineRecharge.png') no-repeat;
}

#Bank-transfer .active .tab-icon i {
    background: url('/wp-content/files/OfflineRechargeActive.png') no-repeat;
}

#Withdraw-money .tab-icon i {
    background: url('/wp-content/files/Withdrawal.png') no-repeat;
}

#Withdraw-money .active .tab-icon i {
    background: url('/wp-content/files/WithdrawalActive.png') no-repeat;
}

#Invitation-steps .tab-icon i {
    background: url('/wp-content/files/InviteFriends.png') no-repeat;
}

#Invitation-steps .active .tab-icon i {
    background: url('/wp-content/files/InviteFriendsActive.png') no-repeat;
}

#Registration-agent .tab-icon i {
    background: url('/wp-content/files/AgentRegistration.png') no-repeat;
}

#Registration-agent .active .tab-icon i {
    background: url('/wp-content/files/AgentRegistrationActive.png') no-repeat;
}



.collapse-icon {
    height: 30px;
    width: 30px;
}

.qr-code-box {
    top: 0px;
    left: 0px;
}


.strong {
    font-weight: bold!important;
}


.bg-image {
    background: url('/wp-content/files/DT-bg.webp');
    background-repeat: repeat;
}

.bg-banner {
    background: url('/wp-content/files/bg-dt68-3840-1244.webp') no-repeat;
    background-size: 100% 100%;
}

.bg-link {
    background: url('/wp-content/files/dt68-link-bg.webp') no-repeat;
    background-size: 100% 100%;
}


.bg-blue {
    background: #26aefe!important;
    color: #fff!important;
}

.border-blue {
    border: 1px solid #26aefe;
}

a,.text-dt68,.tabs-items-content .nav-list li:hover,.container-items .container-header:hover,.container-items > .active h3,.nav-dropdown > li a:hover {
    color: #26aefe;
}
.text-green {
    color: #57c622;
}

.text-gray,.categories-card-content p,.guide-group p,#site-footer a {
    color: #5a5a5a;
}

.zoom-inout,.btn-register-header::before,.register-entrance-btn::before {
    position: absolute;
    animation: zoomInOut 1.1s infinite ease-in-out;
    transition: transform 0.3s;
}

@keyframes zoomInOut {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes Shaking {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(12deg); }
    40% { transform: rotate(-12deg); }
    60% { transform: rotate(8deg); }
    80% { transform: rotate(-8deg); }
    100% { transform: rotate(0deg); }
}

.register-items {
    display: flex;
    position: relative;
}

.hover-scale,.btn-register,.register-btn,.download-btn,.guide-btn,.access-link-btn,.btn-download-apk,.btn-download-iOS,.btn-download,.btn-download {
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94)!important;
}

.hover-scale:hover,.btn-register:hover,.register-btn:hover,.download-btn:hover,.guide-btn:hover,.access-link-btn:hover,.btn-download-apk:hover,.btn-download-iOS:hover,.btn-download:hover {
    transform: scale(1.05)!important;
}

.trust-item {
    flex: 0 0 auto;
    width: 25%;
}


.btn-register,.register-btn,.download-btn,.guide-btn,.register-btn,.download-btn,.guide-btn,.access-link-btn,.btn-download-apk,.btn-download-iOS,.btn-download {
    padding: .5em 1.5em;
    margin: 0 2em;
    position: relative;
    line-height: 2.5em;
}

.btn-download-apk,.btn-download {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #57c622;
}

.btn-download-iOS {
    border: 1px solid #000;
    background: #000;
    color: #ffffff;
}

.btn-register,.register-btn,.download-btn,.guide-btn,.access-link-btn {
    border: 1px solid #26aefe
}

.btn-register::before,.register-btn::before {
    height: 35px;
    width: 35px;
    content: "";
    background: url('/wp-content/files/gift-box-3d.webp') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -35%;
    right: -5%;
    padding: 3px 5px;
    line-height: normal;
    font-size: 9px;
    border-radius: 50px;
    animation: Shaking .3s linear infinite;
    transition: transform 0.3s;
}

.hero-highlights li,.features-card h3,.access-card h3,.categories-content h3,.categories-card-content h3 {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

.hero-content nav,.hero-image img {
    margin: 2em 0;
}


.features-card,.access-card {
    padding: 1rem;
}

.features-card h3 {
    margin: 1em 0;
    position: relative;
    z-index: 2;
}

.features-card p {
    font-size: .85em;
    position: relative;
    z-index: 2;
}

.features-card img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .15;
    z-index: 1;
}

.access-card::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .1;
    background: url('/wp-content/files/logo.static.png') no-repeat center;
    background-size: 70% auto;
}

.access-card h3,.features-card h3 {
    font-weight: 600;
    font-size: 1em;
    line-height: 2.5em;
    text-align: center;
    text-shadow: 2px .104167vw .104167vw rgba(0,0,0,.25);
}

.access-card p {
    height: 6em;
    font-size: .85em;
}

.access-links-item {
    height: 16em;
    overflow: hidden;
}

.access-last-update,.guide-update-time, .faq-update-time {
    display: block;
    height: 1.5em!important;
    border-bottom: 1px solid #e5e7eb;
    opacity: .8;
    line-height: 1.5em!important;
}

.access-note,.about-note,.responsible-note,.support-note {
    margin: 1em 0;
    border-bottom: 1px solid #e5e7eb;
    text-shadow: 1px 2px 2px rgba(0,0,0,.25);
    font-weight: 600;
}

.categories-grid-item {
    background: url('/wp-content/files/casino-bg.webp') no-repeat;
    background-size: 100% 100%;
}

.categories-card img,.categories-entrance,.categories-card-link {
    width: 100%;
}

.access-card,.categories-entrance,.categories-card-link {
    height: 100%;
}


.categories-card:hover .categories-content,.categories-card:hover .categories-entrance::before,.categories-card-image::before,.categories-card-link:hover .categories-card-image::before {
    display: block;
}

.categories-card:hover .categories-entrance img,.categories-card-link:hover .categories-card-image img {
    filter: brightness(1.1);
}

.categories-card-content {
    display: none;
    width: 200%;
    height: 10em;
    background: #fff;
    padding: 1em;
    bottom: -10em;
    z-index: 999;
}

.categories-card-content h3 {
    padding: 0 0 .2em 0;
    font-size: 1.3em;
    font-weight: bold;
    color: #25b7fe;
    display: block;
}

.categories-content h3::before,.categories-card-content h3::before {
    content: "";
    height: 10px;
    width: 10px;
    border-left: 1px solid #25b7fe;
    border-top: 1px solid #25b7fe;
    background: #ffffff;
    transform: rotate(45deg);
    z-index: -1;
    top: -21px;
} 

.categories-card-description {
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categories-grid-item,.categories-entrance,.categories-entrance img,.categories-content h3,.categories-card-content h3,.categories-card-link {
    position: relative;
}

.categories-content,.categories-card-content,.categories-content h3::before,.categories-card-content h3::before,.categories-entrance::before,.categories-card-image::before {
    position: absolute;
}

.categories-entrance,.categories-card-image {
    padding: 1em;
}

.categories-entrance img,.categories-card-image img {
    z-index: 5;
}

.categories-entrance::before,.categories-card-image::before {
    display: none;
    content: "";
    z-index: 10;
    width: 100%;
    height: 65%;
    top: 0;
    left: -5%;
    background: url('/wp-content/files/light-game.webp') no-repeat;
    background-size: 100% 100%;
    opacity: .65;
}

.categories-card-content p {
    font-weight: normal;
}



.categories-grid li.categories-grid-item:first-child .categories-card-content {
    left: 0;
}

.categories-grid li.categories-grid-item:first-child .categories-card-content h3::before {
    left: 22%;
}


.categories-grid li.categories-grid-item:nth-child(2) .categories-card-content,.categories-grid li.categories-grid-item:nth-child(3) .categories-card-content,.categories-grid li.categories-grid-item:nth-child(4) .categories-card-content,.categories-grid li.categories-grid-item:nth-child(5) .categories-card-content {
    left: 50%;
    transform: translateX(-50%);
}

.categories-grid li.categories-grid-item:nth-child(2) .categories-card-content h3::before,.categories-grid li.categories-grid-item:nth-child(3) .categories-card-content h3:before,.categories-grid li.categories-grid-item:nth-child(4) .categories-card-content h3::before,.categories-grid li.categories-grid-item:nth-child(5) .categories-card-content h3::before {
    left: 48%;
}

.categories-grid li.categories-grid-item:last-child .categories-card-content {
    right: 0;
}

.categories-grid li.categories-grid-item:last-child .categories-card-content h3::before {
    right: 22%;
}


.guide-group h3,.faq-item h3,.about-item h3,.about-user-flow h3,.responsible-item h3,.responsible-flow h3,.support-card h3,.flow-title,.support-item h3 {
    font-weight: 700;
    color: #000;
    
}

.guide-steps,.faq-answer {
    overflow: hidden;
    height: auto;
    transition: height 0.3s ease;
    padding: 0 0 0 2em;
}

.guide-steps.collapsed,.faq-answer.collapsed {
    height: 0;
}


.guide-step-image figcaption {
    width: fit-content;
    position: relative;
    padding: 0 0 0 .6em;
}

.guide-step-image figcaption::before {
    content: "";
    height: 5px;
    width: 5px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    background: #5a5a5a
}

.guide-step-image img {
    margin: 1em 0 0 0;
}

.guide-step-content h4 {
    font-size: 1em;
    font-weight: 600;
    margin: 1em 0 .75em 0;
}

.guide-step-content a {
    text-decoration: underline;
}


.guide-step-number {
    font-weight: 900;
    font-size: .8em;
    background: #25b7fe;
    color: #ffffff;
    padding: .5em 1em;
}


#guides > header p,#guides .guides-navigation {
    padding: 0 2em;
}

#guides > header,#faq > header {
    border-bottom: 1px solid #e5e7eb;
}


.guide-group header h3,.faq-item header h3 {
    cursor: pointer;
    width: 85%;
}

.guide-group header h3:hover,.faq-item header h3:hover {
    text-decoration: underline;
}

.steps-slide-btn,.faq-toggle-btn {
    font-size: 1.5em;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 1.5em;
    width: 1.5em;
}

.steps-slide-btn i.bi-chevron-down,.faq-toggle-btn i.bi-chevron-down {
    display: block;
    height: 100%;
    width: 100%;
}

.steps-slide-btn i.bi-chevron-down:before,.faq-toggle-btn i.bi-chevron-down:before {
    top: 50%;
    left: 50%;
    transition: transform 0.2s ease;
    transform: translate(-50%,-50%);
}

.steps-slide-btn[aria-expanded="true"] i.bi-chevron-down:before,.faq-toggle-btn[aria-expanded="true"] i.bi-chevron-down:before {
    transform: translate(-50%,-50%) rotate(180deg);
}

.guide-group-description {
    width: 90%;
}

.guide-step-item .download-btn {
    width: fit-content!important;
    display: inline-block;
    padding: 0 .75em;
    margin: 0 .2em;
    font-size: .75em;
    text-decoration: none;
}

.guide-step-content {
    padding: 1em 0 0 0;
}


.about-image,.responsible-image,.support-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
}

.about-image img,.responsible-image img,.support-image img {
    max-width: 100%;
}

.about-item h3,.about-user-flow h3,.responsible-item h3,.responsible-flow h3,.support-card h3,.flow-title,.support-item h3 {
    margin: 0 0 .5em 0;
}

.footer-content {
    padding: 1.5em 0;
}



.footer-brand h3,.footer-nav h3,.footer-support h3,.footer-compliance h3,.footer-bottom h3 {
    font-size: 1.5em;
    color: #000;
    text-shadow: 1px .104167vw .104167vw rgba(0,0,0,.25);
    text-transform: uppercase;
    margin: 0 0 .5em 0;
}

.footer-bottom h3 {
    color: #ffffff;
}

.footer-brand img {
    max-width: 60%;
    margin-bottom: 2em;
}
.footer-nav ul {
    list-style: none;
    padding: 0;
}
.footer-nav ul li {
    margin-bottom: 8px;
}

.footer-nav ul li a:hover {
    text-decoration: underline;
}

.footer-compliance ul {
    list-style: disc;
    margin-left: 20px;
}
.footer-social {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social li {
    margin: 0 .2em;
    color: #ffffff;
}

.footer-banklist {
    margin: 0 0 1em 0;
    padding: 1em;
    border-bottom: 1px solid #ffffff;
}

h1 {
	font-size: 1.4em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

.hero-image img {
    max-width: 60%;
}

.access-list {
    border: 1px solid #5a5a5a;
}

.access-item article {
    height: 3.5em;
    border: 1px solid #5a5a5a;
    overflow: hidden;
}

.access-item article p {
    margin: 0;
    height: 100%;
    font-size: .8em;
}

.access-item-summary {
    line-height: 1.8em;
    border-left: 1px solid #5a5a5a;
    border-right: 1px solid #5a5a5a;
    padding: .5em .2em;
}

.access-item-title {
    padding: .5em;
    display: flex;
    align-items: center;
    font-size: 1em;
    background: #25b7fe;
    color: #ffffff;
    flex: 0 0 auto;
    width: 50%;
}

.access-item-link {
    padding: .2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 50%;
}


figcaption {
    font-size: .8em;
    opacity: .6;
    text-align: center;
}

.categories-grid {
    grid-template-columns: repeat(3, 1fr);
}

.guide-group header,.faq-item header {
    padding: 0 0 .5em 0;
}

.guide-group,.faq-item,.about-item,.about-user-flow,.responsible-item,.responsible-flow,.support-item,.support-user-flow {
    margin: 1em 0 0 0;
}

.guide-steps li:last-child {
    border: 0;
}

.faq-list {
    padding: 0 1em;
}

.footer-content {
    padding: 1em;
}

.text-brilliant,.hero-title {
    background-image: linear-gradient(-225deg,#00cc00 0%,#00addd 29%,#ff1361 67%,#fff800 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: textbrilliant 2s linear infinite;
}

@keyframes textbrilliant {
    100% {
        background-position: 200% center;
    }
}

.header-h5-form {
    padding: .5em 0;
}

.header-h5-form button {
    margin: 0 .5em;
}