.animation {
justify-content: center;
align-items: center;
}
/* animation */
.bounce-top {
animation: bounce-top 2s infinite both;
}
@keyframes bounce-top {
0% {
transform: translateY(0px);
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
transform: translateY(-12px);
animation-timing-function: ease-in
}
65% {
transform: translateY(-9px);
animation-timing-function: ease-in
}
82% {
transform: translateY(-6px);
animation-timing-function: ease-in
}
93% {
transform: translateY(-3px);
animation-timing-function: ease-in
}
25%,
55%,
75%,
87% {
transform: translateY(0);
animation-timing-function: ease-out
}
100% {
transform: translateY(0);
animation-timing-function: ease-out;
opacity: 1
}
}
.bounce-top-2 {
animation: bounce-top-2 2s infinite both;
}
@keyframes bounce-top-2 {
0% {
transform: translateY(0px);
animation-timing-function: ease-in;
opacity: 1
}
24% {
opacity: 1
}
40% {
transform: translateY(-9px);
animation-timing-function: ease-in
}
65% {
transform: translateY(-6px);
animation-timing-function: ease-in
}
82% {
transform: translateY(-3px);
animation-timing-function: ease-in
}
93% {
transform: translateY(0px);
animation-timing-function: ease-in
}
25%,
55%,
75%,
87% {
transform: translateY(0);
animation-timing-function: ease-out
}
100% {
transform: translateY(0);
animation-timing-function: ease-out;
opacity: 1
}
}
/* bounce-top display 768px */
.scale-up-768 {
animation: none;
}
@media (min-width: 768px) {
.scale-up-768 {
animation: ScaleUp 2s ease-in-out infinite;
}
}
.rotate-3d {
animation: Rotate3D 3s ease-in-out infinite;
}
@keyframes Rotate3D {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
.shaking {
animation: Shaking 2s ease-in-out infinite;
}
@keyframes Shaking {
0%,
50% {
transform: rotate(0deg) scale(1.1);
}
10%,
30% {
transform: rotate(5deg) scale(1.1);
}
20%,
40% {
transform: rotate(-5deg) scale(1.1);
}
}
/* animation in text */
.text-button-zoom .elementor-button-text {
animation: ScaleUp .5s ease-in-out infinite;
}
.scale-up {
animation: ScaleUp 2s ease-in-out infinite;
}
@keyframes ScaleUp {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
/* light radius, Login */
.light-radius {
background:
linear-gradient(0deg, rgb(238 95 40), rgb(238 95 40)),
radial-gradient(143.4% 143.4% at 58.49% 16.04%, rgb(234 89 40) 7.5%, rgb(253 207 42) 100%);
opacity: 0;
box-shadow: 0 0 9px rgb(241 130 41);
animation: circleScale 1.7s infinite;
animation-delay: 0.3s;
animation-timing-function: ease-out;
filter: blur(0.5px);
}
.light-radius-green {
background: linear-gradient(0deg, rgb(6 227 67), rgb(6 227 67)),
radial-gradient(143.4% 143.4% at 58.49% 16.04%, rgb(6 227 67) 7.5%, rgb(45 255 105 / 0.55) 100%);
opacity: 0;
box-shadow: 0 0 9px rgb(241 130 41);
animation: circleScale 1.7s infinite;
animation-delay: 0.3s;
animation-timing-function: ease-out;
filter: blur(0.5px);
}
@keyframes circleScale {
0% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1.2);
opacity: 0.50;
}
60% {
transform: scale(1.1);
opacity: 0.15;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.box {
border: unset !important;
border-radius: 100%;
z-index: 3;
}
/* fade-in up gametypes */
@keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes content {
from {
opacity: 0;
transform: translateY(5%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
/* linear sweep */
@keyframes sweep {
from {
opacity: 1;
transform: translateX(-360px)
}
to {
opacity: 0;
transform: translateX(2440px);
animation-timing-function: ease-out;
}
}
@keyframes sweep-btn-1 {
from {
opacity: 1;
transform: translateX(-360px)
}
to {
opacity: 0;
transform: translateX(1024px);
animation-timing-function: ease-out;
}
}
@keyframes sweep-bd-1 {
from {
opacity: 1;
transform: translateX(-360px)
}
to {
opacity: 0;
transform: translateX(2440px);
animation-timing-function: ease-out;
}
}
/* fade-in */
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* BnSliders */
@keyframes translateinfinite-1 {
100% {
transform: translateX(calc(-120px * 6));
}
}
@-webkit-keyframes translateinfinite-1 {
100% {
transform: translateX(calc(-120px * 6));
}
}
@keyframes translateinfinite-2 {
100% {
transform: translateX(calc(-240px * 3));
}
}
@-webkit-keyframes translateinfinite-2 {
100% {
transform: translateX(calc(-240px * 3));
}
}
.style {
justify-content: center;
align-items: center;
}
html {
scroll-behavior: smooth !important;
scroll-padding-top: 100px;
}
body::-webkit-scrollbar {
display: none;
}
body {
overflow-x: hidden;
background: rgb(0 0 0);
/**/
animation: page-loading 2s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
body {
padding-bottom: 70px;
}
@keyframes page-loading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* page-background */
/* front page */
body.page-id-1464,
body.page-id-1471 {
position: relative;
overflow-x: hidden;
background: rgb(0, 0, 0);
}
body.page-id-1464::after,
body.page-id-1471::after {
filter: blur(1px) opacity(0.35);
content: "";
position: fixed;
z-index: -3 !important;
display: block;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: url("wp-content/uploads/2023/12/bg-casino-orange5-dt.png");
background-position: top center;
background-size: 100%;
background-repeat: repeat-x;
}
@media (max-width: 540px) {
body.page-id-1464::after,
body.page-id-1471::after {
filter: blur(1px) opacity(0.5);
background-image: url("wp-content/uploads/2023/12/bg-casino-orange5-mb.png");
background-size: 100%;
}
}
@media (min-width: 768px) {
body {
padding-bottom: unset;
}
}
@media (min-width: 1024px) {}
/* 404 */
body.page-id-6356
/* replace if use in agent */
{
overflow-x: hidden;
background: rgb(10, 10, 10);
}
body.page-id-6356 header,
body.page-id-6356 footer {
display: none !important;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
/* theme header */
/* copy & paste if use in agent */
.zd1-header {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgb(30 30 30), rgb(0 0 0));
border-bottom: 2px solid rgb(255 89 0);
}
.zd2-header {
background: rgb(0, 0, 0);
/* background: linear-gradient(0deg,rgb(30 30 30), rgb(0 0 0)); */
border-bottom: 2px solid rgb(12 227 67);
}
.zd1s3-header {
background: rgb(0, 0, 0);
/* background: linear-gradient(0deg,rgb(30 30 30), rgb(0 0 0)); */
border-bottom: 2px solid rgba(255, 255, 255, 0.50);
}
.zd3-header {
background: rgba(0, 0, 0, 0.5) !important;
}
.zd5-header {
background: rgba(0, 0, 0) !important;
/* background: linear-gradient(0deg,rgb(30 30 30), rgb(0 0 0)); */
border-bottom: 2px solid rgb(247 222 135);
}
.zd1-header,
.zd2-header,
.zd1s3-header,
.zd3-header,
.zd5-header {
height: 50px;
}
@media (max-width: 540px) {
.zd1-header,
.zd2-header,
.zd1s3-header,
.zd3-header,
.zd5-header {
height: 48px;
}
}
/* footer */
.zd1-footer {
position: fixed;
/* dimesion */
height: unset;
width: 100%;
/* position */
top: unset;
bottom: 0;
z-index: 10;
}
.floating-menu-btn,
.floating-menu-btn-1 {
padding: 5px;
border-radius: 120px;
/* dimesion size */
width: 80px;
height: 80px;
}
.floating-menu-btn {
background: transparent;
background: linear-gradient(180deg, rgb(25 25 25) 0, rgb(32 13 2) 50%);
box-shadow: 3px 3px 12px 0 rgb(255 84 16 / 60%) inset;
}
.floating-menu-btn-1 {
background: transparent;
background: linear-gradient(180deg, rgb(26 26 26) 0%, rgb(0 0 0) 100%);
box-shadow: 3px 3px 12px 0 rgb(28 88 180 / 60%) inset;
}
.floating-menu-btn>div,
.floating-menu-btn-1>div {
justify-content: center !important;
align-items: center !important;
}
.floating-menu-btn img,
.floating-menu-btn-1 img {
width: 40px;
height: 40px;
}
/* border */
.ft-frame-1 {
border: 1px solid rgb(150 150 150 / 10%);
/* border unset */
border-top: unset;
border-left: unset;
border-right: unset;
}
/* background */
.background-1 {
background: rgb(10, 10, 10);
background: linear-gradient(360deg, rgb(0 0 0 / 0%), rgb(255 66 0 / 5%));
}
.background-2 {
background: rgb(10, 10, 10);
background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
}
.background-5 {
background: rgb(0, 0, 0);
}
.background-6 {
background: linear-gradient(180deg, rgb(16 16 16), rgb(255 255 255 / 0%));
}
.background-c01 {
background: rgb(0, 0, 0);
}
.background-c02 {
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgb(30 0 0), rgb(0 0 0));
}
.background-c03 {
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgb(0 30 20), rgb(0 0 0));
}
/* Omo55.com */
.background-11 {
background: linear-gradient(180deg, rgb(40 40 40) 0%, rgb(10 10 10) 100%);
}
.background-12 {
background: linear-gradient(180deg, rgb(10 10 10) 0%, rgb(40 40 40) 50%, rgb(10 10 10) 100%);
}
.background-13 {
background: linear-gradient(180deg, rgb(255 127 42 / 0%) 0%, rgb(255 127 42 / 25%) 100%);
}
/* Funny888 */
.background-14 {
background: linear-gradient(360deg, rgb(0 0 0 / 0%), rgb(237 197 2 / 10%));
}
.background-15 {
background: rgb(237 197 2 / 10%);
}
/* Legacybet88 */
.background-16 {
background: linear-gradient(360deg, rgb(255 110 30 / 0%), rgb(78 17 0));
}
.background-bn-c168-1 {
background-image: url("https://demo.zagent.dev/wp-content/uploads/2023/07/background-c168-1-.png");
background-position: top center;
background-size: 100%;
background-repeat: no-repeat;
}
/* archive */
/* archive - promotion */
.in-ach-1,
.in-ach-1 h1,
.in-ach-1 h2,
.in-ach-1 h3,
.in-ach-1 h4,
.in-sp-1,
.in-sp-1 h1,
.in-sp-1 h2,
.in-sp-1 h3,
.in-sp-1 h4 {
font-size: 18px;
font-weight: 600 !important;
color: rgb(255, 255, 255) !important;
}
.in-ach-text-1,
.in-sp-text-1 {
font-size: 14px;
font-weight: 400;
color: rgb(200 200 200);
}
@media (min-width: 768px) {
.in-ach-1 h2,
.in-sp-1 h2 {
font-size: 18px;
}
.in-ach-text-1,
.in-sp-text-1 {
font-size: 14px;
}
/* end of section */
}
@media (min-width: 1024px) {
.in-ach-1 h2,
.in-sp-1 h2 {
font-size: 24px;
}
.in-ach-text-1,
.in-sp-text-1 {
font-size: 16px;
}
/* end of section */
}
.in-ach-frame-1 {
padding: 40px 40px;
/**/
border-radius: 10px;
border: 2px solid rgb(255 255 255 / 25%);
/**/
background: rgb(10, 10, 10);
}
.in-ach-frame-2 {
padding: 20px;
/**/
background: rgb(10, 10, 10);
}
@media (max-width: 540px) {
.in-ach-frame-1 {
padding: 20px 20px;
}
}
/* extension */
.desktop-540 {
display: none;
}
.mobile-540 {
display: flex;
}
.desktop-768 {
display: none;
}
.mobile-768 {
display: flex;
}
.desktop-1024 {
display: none;
}
.mobile-1024 {
display: flex;
}
/* custom */
.mobile-custom-767 {
display: flex;
}
/* display n hide 540px */
@media (min-width: 540px) {
.desktop-540 {
display: flex !important;
}
.mobile-540 {
display: none !important;
}
/* end of section */
}
/* breakpoint 767px */
@media (min-width: 767px) {
.mobile-custom-767 {
display: none;
}
/* end of section */
}
/* display n hide 768px */
@media (min-width: 768px) {
.desktop-768 {
display: flex !important;
}
.mobile-768 {
display: none !important;
}
/* end of section */
}
/* breakpoint 768px */
@media (min-width: 768px) {
/* end of section */
}
/* breakpoint 1024px */
@media (min-width: 1024px) {
.desktop-1024 {
display: flex;
}
.mobile-1024 {
display: none;
}
/* end of section */
}
/* extension */
/**/
.m-0 {
margin: 0;
}
.mb-10 {
margin-bottom: 10px !important;
}
/**/
.t-center {
text-align: center !important;
}
.t-start {
text-align: start !important;
}
/**/
.justify-center {
justify-content: center !important;
}
.align-center {
align-content: center !important;
}
/**/
.item-center {
align-items: center !important;
}
.item-start {
align-items: start !important;
}
@media (max-width: 767px) {
.item-center-767 {
align-items: center;
}
}
@media (min-width: 768px) {
.item-start-768 {
align-items: start;
}
}
.t-bold {
font-weight: 600 !important;
}
.t-black {
font-family: 900 !important;
}
.ct-s10,
.ct-s10 h1,
.ct-s10 h2,
.ct-s10 h3,
.ct-s10 h4 {
font-size: 10px !important;
}
.ct-s12,
.ct-s12 h1,
.ct-s12 h2,
.ct-s12 h3,
.ct-s12 h4 {
font-size: 12px !important;
}
.ct-s14,
.ct-s14 h1,
.ct-s14 h2,
.ct-s14 h3,
.ct-s14 h4 {
font-size: 14px !important;
}
.ct-s18,
.ct-s18 h1,
.ct-s18 h2,
.ct-s18 h3,
.ct-s18 h4 {
font-size: 18px !important;
}
.ct-s24,
.ct-s24 h1,
.ct-s24 h2,
.ct-s24 h3,
.ct-s24 h4 {
font-size: 24px !important;
}
@media (max-width: 540px) {
.t-center-540 {
text-align: center !important;
}
}
@media (min-width: 768px) {
.t-start-768 {
text-align: start !important;
}
}
@media (min-width: 1024px) {
.ct-s30,
.ct-s30 h1,
.ct-s30 h2,
.ct-s30 h3,
.ct-s30 h4 {
font-size: 30px !important;
line-height: 1.2;
}
.ct-s36,
.ct-s36 h1,
.ct-s36 h2,
.ct-s36 h3,
.ct-s36 h4 {
font-size: 36px !important;
line-height: 1.2;
}
}
@media (min-width: 1440px) {
.ct-s36,
.ct-s36 h1,
.ct-s36 h2,
.ct-s36 h3,
.ct-s36 h4 {
font-size: 36px !important;
}
}
/* text color */
/* zDemo 1 */
.t-color-1,
.t-color-1 h1,
.t-color-1 h2,
.t-color-1 h3,
.t-color-1 h4 {
color: rgb(255 89 0) !important;
}
.t-color-1-1,
.t-color-1-1 h1,
.t-color-1-1 h2,
.t-color-1-1 h3,
.t-color-1-1 h4 {
color: rgb(255 156 0) !important;
}
/* zDemo 1 Style 3 */
.t-color-3s11,
.t-color-3s11 h1,
.t-color-3s11 h2,
.t-color-3s11 h3,
.t-color-3s11 h4 {
color: rgb(71 170 208) !important;
}
.t-color-3s12,
.t-color-3s12 h1,
.t-color-3s12 h2,
.t-color-3s12 h3,
.t-color-3s12 h4 {
color: rgb(37 125 230) !important;
}
.t-color-3s13,
.t-color-3s13 h1,
.t-color-3s13 h2,
.t-color-3s13 h3,
.t-color-3s13 h4 {
color: rgb(254 189 37) !important;
}
/* zDemo 2 */
.t-color-5,
.t-color-5 h1,
.t-color-5 h2,
.t-color-5 h3,
.t-color-5 h4 {
color: rgb(12 227 67) !important;
}
/* zDemo 3 */
.t-color-7,
.t-color-7 h1,
.t-color-7 h2,
.t-color-7 h3,
.t-color-7 h4 {
color: rgb(209 193 159) !important;
}
/* other */
.t-color-c01,
.t-color-c01 h2 {
color: rgb(255, 255, 255) !important;
}
.t-color-c02,
.t-color-c02 h2 {
color: rgb(0, 0, 0) !important;
}
.t-color-c03,
.t-color-c03 h2 {
color: rgb(255, 0, 0) !important;
}
.t-color-c07,
.t-color-c07 h1,
.t-color-c07 h2,
.t-color-c07 h3,
.t-color-c07 h4 {
color: rgb(236, 78, 27) !important;
}
.t-color-c08,
.t-color-c08 h1,
.t-color-c08 h2,
.t-color-c08 h3,
.t-color-c08 h4 {
color: rgb(213, 149, 0) !important;
}
.t-color-c09,
.t-color-c09 h1,
.t-color-c09 h2,
.t-color-c09 h3,
.t-color-c09 h4 {
color: rgb(255, 156, 0) !important;
}
.t-color-c21,
.t-color-c21 h1,
.t-color-c21 h2,
.t-color-c21 h3,
.t-color-c21 h4 {
color: rgb(15 82 186) !important;
}
.t-color-c22,
.t-color-c22 h1,
.t-color-c22 h2,
.t-color-c22 h3,
.t-color-c22 h4 {
color: rgb(0 137 209) !important;
}
.t-color-c26,
.t-color-c26 h1,
.t-color-c26 h2,
.t-color-c26 h3,
.t-color-c26 h4 {
color: rgb(255 255 255) !important;
text-shadow: 0 0 12px rgb(255 0 231), 0 0 18px rgb(0 72 255), 0 0 36px rgb(137 0 255);
}
.t-color-c27,
.t-color-c27 h1,
.t-color-c27 h2,
.t-color-c27 h3,
.t-color-c27 h4 {
color: rgb(0 121 255) !important;
}
.t-color-c28,
.t-color-c28 h1,
.t-color-c28 h2,
.t-color-c28 h3,
.t-color-c28 h4 {
color: rgb(252 0 255) !important;
}
.t-color-c41,
.t-color-c41 h1,
.t-color-c41 h2,
.t-color-c41 h3,
.t-color-c41 h4 {
position: relative;
color: rgb(213, 109, 109);
background:
-webkit-linear-gradient(transparent, transparent),
-webkit-linear-gradient(top, rgb(255, 210, 210) 0%, rgb(213, 109, 109) 26%,
rgb(226, 120, 120) 35%, rgb(249, 186, 186) 45%,
rgb(254, 122, 122) 61%, rgb(117, 42, 42) 100%);
/**/
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 0, 0, 0.25);
}
.t-color-51,
.t-color-51 h1,
.t-color-51 h2,
.t-color-51 h3,
.t-color-51 h4 {
color: rgb(254 55 182) !important;
}
.t-color-122,
.t-color-122 h1,
.t-color-122 h2,
.t-color-122 h3,
.t-color-122 h4 {
color: rgb(122 122 122) !important;
}
/* zDemo 5 */
/* zDemo 6 */
.t-color-31,
.t-color-31 h1,
.t-color-31 h2,
.t-color-31 h3,
.t-color-31 h4 {
background: -webkit-linear-gradient(90deg, rgb(255, 0, 0) 0%, rgb(255, 0, 0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* header */
/* sticky header */
.pos-fixed-1 {
position: fixed;
width: 100%;
top: 0 !important;
left: 0;
z-index: 20;
animation: fade-in 0.25s ease-in-out;
}
/* footer */
.ft-text-1 {
font-size: 14px;
font-weight: 400;
color: rgb(255, 255, 255);
}
.ft-text-2 {
font-size: 12px;
font-weight: 400;
color: rgb(150, 150, 150);
}
.ft-text-3 {
margin-top: 5px;
margin-bottom: 5px !important;
/**/
font-size: 12px !important;
font-weight: 400;
color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
/*
.ft-text-1 {}
*/
.ft-text-2 {
font-size: 14px;
}
}
@media (min-width: 1440px) {
/*
.ft-text-1 {}
.ft-text-2 {}
*/
}
/* body */
/* section 1 */
.ct-sec-text-1 {
font-size: 14px;
font-weight: 600;
color: rgb(150, 150, 150);
}
/**/
.ct-heading-sec-1 {
margin-top: unset;
margin-bottom: unset;
font-size: 12px;
font-weight: 600;
color: rgb(0 137 209);
;
}
/**/
.ct-heading-1,
.ct-heading-1 h1,
.ct-heading-1 h2,
.ct-heading-1 h3,
.ct-heading-1 h4 {
font-size: 18px;
font-weight: 600 !important;
color: rgb(255, 0, 0);
}
.ct-heading-2,
.ct-heading-2 h1,
.ct-heading-2 h2,
.ct-heading-2 h3,
.ct-heading-2 h4 {
font-size: 18px;
font-weight: 600 !important;
color: rgb(255, 0, 0);
}
.ct-text-1 {
font-size: 12px;
font-weight: 400;
color: rgb(255 255 255);
}
.ct-text-3 {
font-size: 16px;
font-weight: 600;
margin: 0 !important;
}
/* custom tabs */
.tab-text-at {
margin: 0 !important;
color: rgb(255, 255, 255) !important;
font-size: 14px;
text-align: center;
border-radius: 3px;
}
.tab-text-hv {
margin: 0 !important;
/**/
font-size: 14px;
color: rgb(255 255 255 / 50%);
}
@media (min-width: 768px) {
/* section 1 */
.ct-sec-text-1 {
font-size: 14px;
}
.ct-sec-padding {
padding: 0 120px;
}
.ct-frame-1,
.ct-frame-2 {
font-size: 14px;
}
/**/
.ct-heading-1 {
font-size: 18px;
}
.ct-heading-2 {
font-size: 14px;
}
.ct-heading-1 h1,
.ct-heading-1 h2,
.ct-heading-1 h3,
.ct-heading-1 h4 {
font-size: 18px;
}
.ct-heading-2 h1,
.ct-heading-2 h2,
.ct-heading-2 h3,
.ct-heading-2 h4 {
font-size: 18px;
}
.ct-text-1 {
font-size: 12px;
}
.ct-text-2 {
font-size: 12px;
}
.ct-text-3 {
font-size: 18px;
}
/* end of section */
}
@media (min-width: 1024px) {
.tab-text-at {
/**/
background: unset;
background: unset;
/**/
box-shadow: unset;
}
/* section 1 */
.ct-sec-text-1 {
font-size: 16px;
}
.ct-sec-padding {
padding: 0 240px;
}
/**/
.ct-heading-1 h2 {
font-size: 24px;
}
.ct-heading-2 h2 {
font-size: 16px;
}
.ct-heading-1 {
font-size: 24px;
}
.ct-heading-2 {
font-size: 24px;
}
.ct-text-1 {
font-size: 14px;
}
.ct-text-2 {
font-size: 14px;
}
/* end of section */
}
@media (min-width: 1440px) {}
/* btn remove */
[type=button],
[type=submit],
button {
border: unset !important;
}
button {
border: unset !important;
}
button:focus,
button:hover {
color: unset !important;
background-color: unset !important;
}
button:focus,
a:focus {
outline: 0;
}
p {
margin: 0;
}
button:focus {
outline: none !important;
}
/*************************************************************************/
/* * * * * * * * * * * * * * * * Lay-out / * * * * * * * * * * * * * * * */
/*************************************************************************/
/* gametype grid */
.offset-gametypes>div {
display: grid !important;
grid-template-columns: 50% 50%;
/**/
/* gap: 5px; */
/**/
overflow: hidden;
}
.offset-gametypes-d5s1>div {
display: grid !important;
grid-template-columns: 50% 50%;
/**/
/* gap: 5px; */
/**/
overflow: hidden;
}
/* badget */
.offset-badget>div {
display: grid !important;
grid-template-columns: 100%;
/**/
gap: 3px 0px !important;
/**/
justify-content: center !important;
/**/
height: unset !important;
}
.offset-badget .badget {
display: grid !important;
grid-template-columns: 20% 80%;
justify-content: center !important;
}
.offset-badget .badget div {
justify-content: center;
}
/* .badget {} */
.badget img {
width: 70px !important;
/* height: 70px !important; */
}
.sub-badget {
justify-content: center;
}
/* affiliate */
.offset-income>div {
display: grid !important;
grid-template-columns: 50% 50%;
}
.offset-affiliate>div {
display: grid !important;
grid-template-columns: 50% 50%;
/**/
/* gap: 5px; */
/**/
overflow: visible;
/**/
height: unset !important;
}
.offset-affiliate ul {
width: unset !important;
display: unset !important;
flex-direction: unset !important;
align-items: unset !important;
justify-content: unset !important;
padding-left: unset !important;
margin: unset !important;
list-style-type: unset !important;
flex-wrap: unset !important;
gap: unset !important;
}
.offset-affiliate ul li {
display: unset !important;
box-sizing: unset !important;
width: unset !important;
height: unset !important;
text-align: unset !important;
justify-content: unset !important;
}
/* transaction */
/* skin - transaction */
.transaction-offset {
display: grid !important;
grid-template-columns: 100%;
/**/
border-radius: 10px;
background: rgb(40 40 40 / 50%);
/**/
overflow: hidden;
}
.transaction-1 {
display: grid !important;
grid-template-columns: 25% 75%;
}
.transaction-2 {
display: grid !important;
grid-template-columns: 100%;
/**/
padding: 0px 20px;
/* background */
background: rgb(0, 0, 0, 0.5);
border-radius: 100px;
}
.transaction-1-l img {
width: 50px;
/* height: 50px; */
justify-content: center !important;
}
.transaction-1-r {
justify-content: center;
}
.transaction-1-r .tc-text-1,
.tc-text-2 {
font-size: 14px;
color: rgb(255 255 255) !important;
}
.tc-text-1 {
font-weight: 900 !important;
}
.tc-text-2 {
font-weight: 500 !important;
}
.in-tracsaction-2-l img {
padding: 5px;
}
.in-tracsaction-2-r {
display: grid !important;
grid-template-columns: 50% 50%;
/**/
justify-content: center !important;
align-items: center !important;
/* gap */
gap: 10px;
}
.in-tracsaction-2-r img {
text-align: right !important;
}
/* transaction */
.offset-record>div {
display: grid !important;
grid-template-columns: 25% 75%;
/**/
gap: 0px !important;
/**/
height: unset !important;
}
.record-1 {
justify-content: center;
}
.record-2 {
padding: 10px;
justify-content: center;
}
/* guide affiliate */
.offset-guideaff>div {
display: grid !important;
grid-template-columns: 100%;
}
.guideaff-col {
gap: 10px 0px;
}
.guideaff-topic-1 {
display: grid !important;
grid-template-columns: 5% 95%;
/**/
align-items: center;
}
/* .guideaff-topic-2 {} */
.guideaff-topic-1 p,
.guideaff-topic-2 ul {
padding: 20px;
}
.guideaff-topic-2 ul,
.guideaff-topic-3 ul {
display: unset !important;
padding-left: unset !important;
margin: unset !important;
list-style-type: disc !important;
}
.guideaff-topic-2 ul li,
.guideaff-topic-3 ul li {
/* display: disc !important; */
box-sizing: unset;
width: unset !important;
height: unset !important;
text-align: unset !important;
justify-content: unset !important;
}
.offset-guideaff .aff-col-3 {
display: grid !important;
gap: 2%;
/**/
margin-right: 20px;
margin-left: 20px;
}
.offset-guideaff .aff-col-3::-webkit-scrollbar {
display: none;
}
@media (max-width: 540px) {
.offset-guideaff .aff-col-3 {
grid-template-columns: repeat(3, minmax(200px, 1fr));
grid-template-rows: minmax(0px, 1fr);
overflow-x: scroll;
scroll-snap-type: x proximity;
}
}
@media (min-width: 541px) {
.offset-guideaff .aff-col-3 {
grid-template-columns: repeat(3, minmax(400px, 1fr));
margin-right: unset;
margin-left: unset;
}
}
@media (min-width: 768px) {
.offset-guideaff .aff-col-3 {
grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
/* provider info */
.offset-provider-slide>div {
/* grid */
display: grid !important;
grid-template-columns: repeat(3, minmax(280px, 1fr));
grid-template-rows: minmax(0px, 1fr);
/**/
gap: 10px !important;
/**/
overflow-x: scroll;
scroll-snap-type: x proximity;
}
@media (min-width: 768px) {
.offset-provider-slide>div {
grid-template-columns: repeat(3, minmax(400px, 1fr));
}
}
@media (min-width: 1024px) {
.offset-provider-slide>div {
grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
.offset-provider-slide>div::-webkit-scrollbar {
display: none;
}
/* pop-up modal */
.offcanvas-popup-1>div {
/* grid */
display: grid !important;
grid-template-rows: 100%;
/**/
overflow: hidden;
}
.offcanvas-popup-2 {
padding: 30px 20px
}
.offcanvas-popup-2>div {
/* grid */
display: grid !important;
grid-template-columns: 100%;
gap: 20px !important;
/**/
overflow: visible;
}
.offcanvas-popup-3>div {
/* grid */
display: grid !important;
grid-template-columns: 50% 50%;
gap: 10px !important;
}
/*.popup-bg-1 {padding: 10px 20px;}*/
/*.popup-bg-2 {padding: 20px 20px;}*/
.popup-bg-1 {
padding: 10px 20px;
background: rgb(20 20 20);
background: linear-gradient(0deg, rgb(30 30 30), rgb(0 0 0));
}
.popup-bg-2 {
padding: 20px 20px;
background: rgb(20 20 20);
}
.offcanvas-popup-layout {
/* grid */
display: grid !important;
grid-template-columns: 25% 75%;
padding: 10px 40px;
/* setting */
justify-items: center;
align-items: center;
/**/
gap: 10px !important;
border-radius: 10px;
/* background */
background: rgb(0 0 0);
background: linear-gradient(0deg, rgb(190 190 190), rgb(240 240 240 / 0%));
}
.offcanvas-popup-layout {
font-size: 21px !important;
}
.offcanvas-popup-layout img {
margin-top: -20px;
width: 80px !important;
}
/* Theme 5 Style 2 */
/* content */
.offset-content {
padding: 0px 0px 20px 0px;
}
.offset-content>div {
display: grid !important;
grid-template-columns: 100%;
/**/
gap: 10px 10px !important;
/**/
overflow-x: unset;
scroll-snap-type: unset;
/**/
height: unset !important;
}
.offset-content>div::-webkit-scrollbar {
display: none;
}
.content>div {
/**/
gap: 10px 10px !important;
/**/
align-items: unset;
}
.content p {
padding: 10px;
text-align-last: center;
}
.content>div {
display: grid;
grid-template-columns: 100%;
}
/* content-info */
.info-img {
margin-bottom: -50px
}
.offset-info>div {
display: grid !important;
grid-template-columns: repeat(3, minmax(30%, 1fr));
/**/
gap: 0px 10px !important;
/**/
overflow-x: scroll;
scroll-snap-type: x proximity;
/**/
height: unset !important;
}
.offset-info>div::-webkit-scrollbar {
display: none;
}
.info-content {
display: grid;
grid-template-columns: repeat(1, minmax(100%, 1fr));
/**/
gap: 0 !important;
/**/
align-items: center !important;
/**/
/* height: 300px !important; */
height: unset !important;
}
.info-content p {
padding: 10px;
}
.info-content img {
padding: 10px;
width: 200px;
height: auto !important;
}
/* end of section */
/* Theme 6 Style 1 */
/* content*/
.offset-content-2>div {
display: grid !important;
grid-template-columns: repeat(1, minmax(100%, 1fr));
grid-template-rows: min-content;
grid-template-rows: -webkit-min-content;
/**/
gap: 10px 0px important;
/**/
}
.content-2 {
display: grid;
grid-template-columns: 100%;
/**/
gap: 10px 10px !important;
/**/
align-items: center;
}
.content-2 p {
padding: 10px;
}
/* banner */
div#order1 {
order: unset
}
.offset-bn-c168 {
display: grid !important;
grid-template-columns: 30% 70%;
}
.offset-bn-c168 .offset-bt {
justify-content: center !important;
align-items: unset;
gap: 10px 0px;
}
.offset-bn {
padding: 20px;
}
/* .offset-bn-bg {} */
/* navigation footer */
.offset-navigation>div {
display: grid !important;
grid-template-columns: 100%;
}
.navigation-50 {
display: grid !important;
grid-template-columns: 100%;
gap: 10px 10px;
}
/* sticky footer */
.offset-footer {
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;
}
.ft-custom>div {
/**/
padding: 5px 5px 0px 0px;
/* center */
align-items: center !important;
justify-content: center !important;
}
.ft-custom>div img {
width: 45px;
}
/* absolute btn */
.btn-absolute {
position: absolute;
bottom: 50%;
}
.btn-absolute img {
width: 60px !important;
height: 60px !important;
/**/
align-items: center !important;
}
/* max-width 540px */
@media (max-width: 540px) {
.offset-badget {
grid-template-columns: 100% !important;
}
.badget img {
padding: 6px;
}
/* affiliate */
.offset-income>div {
grid-template-columns: 100%;
}
.offset-affiliate>div {
grid-template-columns: 100%;
}
/* transaction */
.offset-record>div {
grid-template-columns: 100%;
/**/
gap: 20px 0px !important;
}
.record-2 {
padding: 0px;
}
/* guide affiliate */
.guideaff-topic-1 {
grid-template-columns: 10% 90%;
}
.guideaff-topic-1 p {
padding: 10px;
}
/* pop-up modal */
.offcanvas-popup-2 {
padding: 20px 30px
}
.offcanvas-popup-2>div {
/* grid */
display: grid !important;
grid-template-columns: 100%;
gap: 20px !important;
/**/
overflow: visible;
}
.offcanvas-popup-3>div {
grid-template-columns: 45% 55%;
}
.popup-bg-1 {
padding: 5px 0px;
}
.popup-bg-2 {
padding: 5px 20px;
}
.offcanvas-popup-layout {
padding: 10px 15px;
}
.offcanvas-popup-layout {
font-size: 16px !important;
}
.offcanvas-popup-layout img {
margin-top: -20px;
width: 100px !important;
}
/* Theme 5 Style 2 */
.offset-content>div {
grid-template-columns: repeat(2, minmax(70%, 1fr));
overflow-x: scroll;
scroll-snap-type: x proximity;
}
.offset-info>div {
grid-template-columns: repeat(3, minmax(42%, 1fr));
}
/* Theme 6 Style 1 */
div#order1 {
order: 2;
}
.offset-bn-c168 {
grid-template-columns: 100%;
}
.offset-bn-c168 .offset-bt {
justify-content: unset;
align-items: center !important;
gap: 10px 0px;
}
}
/* min-width */
@media (min-width: 540px) {
.ft-custom>div img {
width: 40px;
}
}
@media (min-width: 541px) {
/* Theme 6 Style 1 */
.offset-bn-c168 {
grid-template-columns: 40% 60%;
}
}
@media (min-width: 767px) {
.offset-gametypes>div {
grid-template-columns: 25% 25% 25% 25% !important;
}
.offset-gametypes-d5s1>div {
grid-template-columns: 20% 20% 20% 20% 20% !important;
}
.offset-badget>div {
grid-template-columns: 50% 50%;
}
/* Theme 5 Style 2 */
.content>div {
align-items: center !important;
}
.content p {
text-align: unset;
text-align-last: center;
}
/* Theme 6 Style 1 */
.content-2 {
grid-template-columns: 50% 50%;
grid-template-rows: unset;
}
/* navigation footer */
.navigation-50 {
grid-template-columns: 50% 50%;
}
}
/* display n hide 768px for Footer Only */
@media (min-width: 768px) {
/* Theme 6 Style 1 */
.offset-bn-c168 {
grid-template-columns: 30% 70%;
}
.offset-footer {
display: none;
}
}
@media (min-width: 1024px) {}
/*************************************************************************/
/* * * * * * * * * * * * * * * * Lay-out / * * * * * * * * * * * * * * * */
/*************************************************************************/
/* provider btn */
.btn-play {
width: 50%;
/**/
padding: 0px;
/* background */
border-radius: 6px;
background: linear-gradient(180deg, rgba(108, 193, 227) 0%, rgba(73, 149, 190) 100%);
box-shadow: inset 0px 6px 12px 2px rgb(255 255 255 / 25%);
/* position */
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
/**/
opacity: 0;
}
.btn-play:hover {
opacity: 1;
transition: all .3s ease-in-out;
}
.btn-play .elementor-button-text {
color: #fff;
font-size: 12px;
font-weight: 500;
}
@media (min-width: 540px) {
.btn-play {
width: 120px;
}
}
@media (min-width: 768px) {
.btn-play {
width: 140px;
}
.btn-play .elementor-button-text {
font-size: 14px;
}
}
@media (min-width: 1024px) {
.btn-play {
width: 160px;
}
.btn-play .elementor-button-text {
font-size: 16px;
}
}
/*************************************************************************/
/* * * * * * * * * * * * * * Review Template / * * * * * * * * * * * * * */
/*************************************************************************/
.review-offset {
border-radius: 10px;
background: rgb(40 40 40);
overflow: hidden;
}
.review-background {}
.review-rows-1 {
display: grid;
grid-template-columns: 20% 57% 13%;
gap: 5%;
padding: 12px;
}
.review-rows-2 {
padding: 0px;
background: rgb(80 80 80 /50%);
}
.review-rows-2 p {
padding: 12px;
}
.review-rows-2-subtext {
font-size: 12px;
font-weight: 400;
color: rgb(255 255 255) !important;
}
.rw-columns-2-rows-1,
.rw-columns-2-rows-2,
.rw-columns-2-rows-3 {
text-align: start;
justify-content: center;
}
.rw-columns-2-rows-1-text-1 {
font-size: 16px;
font-weight: 700;
color: rgb(255 255 255) !important;
}
.rw-columns-2-rows-1-text-2 {
font-size: 14px;
font-weight: 400;
/* text style */
background: -webkit-linear-gradient(180deg,
rgb(255, 166, 166) 0%,
rgb(166, 0, 0) 60%,
rgb(236, 0, 0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.rw-columns-2-rows-1-text-3 {
font-size: 10px;
font-weight: 400;
color: rgb(255 255 255) !important;
}
.review-columns-1 img,
.review-columns-3 img {
border-radius: 100%
}
.review-columns-1 img {
max-width: 100%;
max-height: 100%;
box-shadow: 0 0 30px 0 rgb(0 0 0);
}
.review-columns-3 img {
width: auto;
height: 30px;
}
.review-columns-2 {
display: grid;
grid-template-columns: 100%;
gap: 0px !important;
}
/*************************************************************************/
/* * * * * * * * * * * * * * Close btn modal * * * * * * * * * * * * * * */
/*************************************************************************/
/* close btn - modal */
#elementor-popup-modal-3807 .dialog-close-button {
display: flex;
top: -5%;
background-color: rgb(0 0 0);
font-size: 10px;
border-radius: 100%;
padding: 5px;
}
#elementor-popup-modal-3807 .dialog-close-button svg {
fill: rgb(255 255 255);
}
/**/
#elementor-popup-modal-3011 .dialog-message {
-webkit-box-shadow: -12px 0px 120px 2px rgb(0 0 0 / 75%);
box-shadow: -12px 0px 120px 2px rgb(0 0 0 / 75%);
}
/* close btn - modal */
#elementor-popup-modal-3011 .dialog-close-button {
display: flex;
top: -5%;
right: -5%;
background-color: rgb(0 0 0);
font-size: 14px;
border-radius: 100%;
padding: 5px;
}
#elementor-popup-modal-3011 .dialog-close-button svg {
fill: rgb(255 255 255);
}
.btn-header-orange-c01,
.btn-header-orange-c02,
.btn-orange-c01,
.btn-blue-c01,
.btn-yellow-c01,
.btn-orange-c02,
.btn-orange-c03,
.btn-orange-c04,
.btn-line,
.btn-telegram {
border-radius: 6px;
background: black;
}
/*footer*/
/* footer - sticky */
.ft-sticky-d2s1 {
-webkit-box-shadow: 0px -5px 25px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px -5px 25px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px -5px 25px 10px rgba(0, 0, 0, 0.5);
margin-bottom: -1px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border: 2px solid #5222f9;
border-right: unset;
border-left: unset;
border-bottom: unset;
background: black;
background: linear-gradient(180deg, black, #00045c) !important;
}
.zd3-floating-menu {
position: fixed;
right: unset;
bottom: 15%;
z-index: 4;
}
@media (min-width: 768px) {
.zd3-floating-menu {
bottom: 5%;
}
}
.all-text-d2s1-01 {
color: rgb(96 0 255) !important;
}
.all-text-d2s1-02 {
color: rgb(96 0 255) !important;
}
.all-text-d2s3-03 {
color: rgb(96 0 255) !important;
}
.ancm-text-1 {
font-family: "Noto Sans Thai", sans-serif;
color: white !important;
font-size: 12px !important;
font-weight: 400;
margin-bottom: -4px !important;
}
.ancm-text-2 svg {
fill: #4e05f4 !important;
}
.ancm-frame-1 {
background: black;
}
.elementor-element-197b03 .swiper-pagination {
position: unset;
}
.elementor-element-197b03 .swiper-pagination-bullet {
display: inline-block;
width: 20px;
height: 4px;
border-radius: unset !important;
background: #f76a6a !important;
}
.elementor-element-197b03 .swiper-container {
padding-bottom: 0 !important;
}
.zd3-faq-custom-1 .elementor-toggle-title {
color: #969696 !important;
font-weight: 700;
}
.zd3-faq-custom-1 .elementor-toggle-item {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 2px solid rgba(209, 193, 159, 0.25);
background: #0a0a0a;
background: linear-gradient(0deg, rgba(31, 0, 0, 0.5), rgba(37, 0, 0, 0.5));
}
.zd3-faq-custom-1 .elementor-tab-content {
font-family: "NotoSansThai", Sans-serif;
color: white !important;
font-size: 14px;
font-weight: 400;
}
#elementor-tab-content-1741.elementor-tab-content,
#elementor-tab-content-0.elementor-tab-content {
display: block !important;
}
@media (min-width: 768px) {
#elementor-tab-content-4621.elementor-tab-content,
#elementor-tab-content-0.elementor-tab-content {
display: block !important;
}
}
.elementor-element-7dc18411 .elementor-widget-container::before,
.elementor-element-7dc18411 .elementor-widget-container::after {
content: "";
position: absolute;
z-index: 1;
width: 150px;
height: 100%;
}
@media (max-width: 540px) {
.elementor-element-7dc18411 .elementor-widget-container::before,
.elementor-element-7dc18411 .elementor-widget-container::after {
display: none;
}
}
@media (min-width: 1024px) {
.elementor-element-7dc18411 .elementor-widget-container::before,
.elementor-element-7dc18411 .elementor-widget-container::after {
width: 100px;
height: 100%;
}
}
.elementor-element-7dc18411 .elementor-widget-container:before {
left: 0;
background: linear-gradient(90deg, black, rgba(0, 0, 0, 0));
}
.elementor-element-7dc18411 .elementor-widget-container:after {
right: -1%;
background: linear-gradient(270deg, black, rgba(0, 0, 0, 0));
}
.elementor-element-655b221d .elementor-pagination {
margin: 20px 0;
}
.elementor-element-655b221d .elementor-pagination a {
color: #c8c8c8;
}
.elementor-element-655b221d .page-numbers.current {
padding: 5px;
color: white;
border-radius: 3px;
background: linear-gradient(0deg, #f00000, rgba(255, 0, 0, 0.247));
}
.skin-blogs-bg-d2s1 {
padding: 12px;
border-radius: 0px 0px 10px 10px;
background: #1e1e1e;
}
.skin-blogs-cat-d2s1, .skin-blogs-tags-d2s1 {
padding: 0 9px;
border-radius: 24px;
background: black;
background: linear-gradient(360deg, #2c00d8 0, #0009ff 100%);
}
.skin-blogs-cat-d2s1 a,
.skin-blogs-tags-d2s1 a {
font-size: 10px !important;
font-weight: 500;
color: white !important;
}
.skin-blogs-cat-d2s1 .pmt-text-1,
.skin-blogs-cat-d2s1 .ct-b-text-1,
.skin-blogs-tags-d2s1 .pmt-text-1,
.skin-blogs-tags-d2s1 .ct-b-text-1 {
margin-top: 10px;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: white;
}
.skin-blogs-cat-d2s1 .pmt-text-2,
.skin-blogs-cat-d2s1 .ct-b-text-2,
.skin-blogs-tags-d2s1 .pmt-text-2,
.skin-blogs-tags-d2s1 .ct-b-text-2 {
font-size: 14px;
font-weight: 400;
color: #c8c8c8;
}
.pmt-m-row-1 {
padding: 12px;
border-radius: 12px;
background: black;
background: linear-gradient(180deg, #1f3625, rgba(0, 0, 0, 0));
}
.pmt-m-row-1 img {
margin-top: -60px;
margin-bottom: 18px;
border: 3px solid rgba(60, 255, 0, 0.5);
border-radius: 12px;
box-shadow: 0 9px 24px 6px rgba(0, 0, 0, 0.6);
}
.pmt-m-btn-1 {
margin-top: 9px;
}
.offcanvas-menu-1-d2s1>div {
display: grid !important;
grid-template-columns: repeat(3, minmax(0px, 1fr));
grid-template-rows: minmax(0px, 1fr);
overflow: hidden;
}
.offcanvas-menu-2-d2s1>div {
display: grid !important;
grid-template-columns: repeat(3, minmax(0px, 1fr));
grid-template-rows: minmax(0px, 1fr);
gap: 6px !important;
overflow: hidden;
}
.oc-frame-menu-d2s1 {
background: linear-gradient(0deg, rgb(0 4 140 / 50%), rgba(255, 56, 0, 0));
}
.oc-frame-menu-d2s1 {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
padding: 12px 6px;
}
.oc-frame-1-d2s1 {
background: black;
background: linear-gradient(0deg, #1e1e1e, black);
}
.oc-frame-2-d2s1,
.oc-frame-3-d2s1,
.oc-frame-4-d2s1,
.oc-frame-5-d2s1,
.oc-frame-6-d2s1,
.oc-frame-7-d2s1 {
align-content: center;
justify-content: center;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
padding: 5px 5px;
background: #1e1e1e;
}
@media (min-width: 768px) {
.oc-frame-2-d2s1,
.oc-frame-3-d2s1,
.oc-frame-4-d2s1,
.oc-frame-5-d2s1,
.oc-frame-6-d2s1,
.oc-frame-7-d2s1 {
padding: 10px;
}
}
.oc-frame-2-d2s1 {
background: linear-gradient(0deg, #2300ae, rgba(255, 56, 0, 0));
}
.oc-frame-2-d2s1>div {
align-content: center;
justify-content: center;
}
.oc-text-1-d2s1,
.oc-text-2-d2s1,
.oc-text-3-d2s1 {
text-align: center;
}
.oc-text-1-d2s1 {
font-size: 12px;
font-weight: 400;
color: white !important;
}
@media (min-width: 768px) {
.oc-text-1-d2s1 {
font-size: 14px;
}
}
.oc-text-2-d2s1 {
font-size: 12px;
font-weight: 700;
color: white !important;
}
@media (min-width: 768px) {
.oc-text-2-d2s1 {
font-size: 14px;
}
}
.oc-text-3-d2s1 {
font-size: 12px;
font-weight: 400;
color: white !important;
}
@media (min-width: 540px) {
.oc-text-3-d2s1 {
font-size: 14px;
}
}
.elementor-element-3273db18 .elementor-nav-menu--main .elementor-nav-menu a,
.elementor-element-3273db18 .elementor-nav-menu--main .elementor-nav-menu a.highlighted,
.elementor-element-3273db18 .elementor-nav-menu--main .elementor-nav-menu a:focus,
.elementor-element-3273db18 .elementor-nav-menu--main .elementor-nav-menu a:hover {
padding: 4px 12px;
}
.elementor-element-3273db18 .elementor-item:hover,
.elementor-element-3273db18 .elementor-item.elementor-item-active,
.elementor-element-3273db18 .elementor-item.highlighted,
.elementor-element-3273db18 .elementor-item:focus {
color: rgb(255 11 11) !important;
fill: rgb(255 6 6) !important;
}
.btn-header-orange-c01,
.btn-header-orange-c02,
.btn-orange-c01,
.btn-blue-c01,
.btn-yellow-c01 {
width: 100%;
}
.btn-orange-c02 {
width: 75%;
}
.btn-orange-c03,
.btn-orange-c04,
.btn-line,
.btn-telegram {
width: 50%;
}
.btn-header-orange-c01 {
box-shadow: inset 0px 0px 0 2px #142bf3;
}
.btn-header-orange-c02,
.btn-orange-c01,
.btn-orange-c02,
.btn-orange-c03,
.btn-header-orange-c02,
.btn-orange-c01,
.btn-orange-c02,
.btn-orange-c03,
.btn-orange-c04 {
background: linear-gradient(180deg, #0c01a3 0%, #00032b 100%);
box-shadow: inset 0 6px 12px 2px rgb(0 43 255), 0 3px 30px 0 rgb(100 133 255 / 39%);
}
.btn-yellow-c01 {
background: linear-gradient(180deg, #4451fb, #121cf8);
box-shadow: inset 0px 6px 12px 2px rgb(255 255 255 / 50%);
}
.btn-blue-c01 {
background: linear-gradient(180deg, #5661f2, #2f51ed);
box-shadow: inset 0px 6px 12px 2px rgba(255, 255, 255, 0.5);
}
.btn-line {
background: #00b900;
box-shadow: inset 0px 6px 12px 2px rgba(255, 255, 255, 0.5);
}
.btn-telegram {
background: linear-gradient(180deg, #6cc1e3 0%, #4995be 100%);
box-shadow: inset 0px 6px 12px 2px rgba(255, 255, 255, 0.25);
}
.btn-orange-c01,
.btn-orange-c02,
.btn-orange-c03,
.btn-orange-c04,
.btn-line,
.btn-telegram {
padding: 5px;
}
@media (max-width: 540px) {
.btn-header-orange-c01 .elementor-button-text,
.btn-header-orange-c02 .elementor-button-text {
font-size: 12px;
}
}
@media (max-width: 767px) {
.p-40 {
padding: 0 40px 0 40px;
}
}
@media (min-width: 540px) {
.btn-header-orange-c01,
.btn-header-orange-c02,
.btn-line,
.btn-telegram {
width: 120px;
}
.btn-orange-c03 {
width: 50%;
}
}
@media (min-width: 768px) {
.btn-header-orange-c01,
.btn-header-orange-c02,
.btn-line,
.btn-telegram {
width: 160px;
}
.btn-header-orange-c01 .elementor-button-text,
.btn-header-orange-c02 .elementor-button-text,
.btn-line .elementor-button-text,
.btn-telegram .elementor-button-text {
font-size: 14px;
}
.btn-orange-c04 {
width: 50%;
}
.btn-orange-c02 {
width: 25%;
}
}
@media (min-width: 1024px) {
.btn-header-orange-c01,
.btn-header-orange-c02 {
width: 200px;
}
}
.btn-header-orange-c01 .elementor-button-text,
.btn-header-orange-c02 .elementor-button-text,
.btn-orange-c01 .elementor-button-text,
.btn-orange-c02 .elementor-button-text,
.btn-orange-c03 .elementor-button-text,
.btn-orange-c04 .elementor-button-text,
.btn-blue-c01 .elementor-button-text,
.btn-yellow-c01 .elementor-button-text,
.btn-line .elementor-button-text,
.btn-telegram .elementor-button-text {
color: white;
font-weight: 500;
}
.btn-line .elementor-button-text,
.btn-telegram .elementor-button-text {
font-size: 14px;
}
.btn-header-orange-c02,
.btn-orange-c01,
.btn-orange-c04 {
position: relative;
overflow: hidden;
}
.btn-header-orange-c02:before,
.btn-orange-c01:before,
.btn-orange-c04:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 72%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(232, 10, 10, 0.493) 20%, rgba(232, 9, 9, 0.36)
30%, rgba(251, 0, 0, 0.48) 60%, rgba(255, 255, 255, 0.25) 80%, rgba(255, 255, 255, 0) 100%);
animation: sweep-btn-1 4s infinite both;
}
.t-custom-6 h2 {
margin: 0 !important;
padding: 6px 0;
font-size: 16px;
font-weight: 700;
line-height: 1;
background: black;
background: linear-gradient(90deg, rgba(255, 89, 0, 0) 0%, #3f00b9 25%, #3500b5 50%, #30007b 75%, rgba(255, 0, 0, 0)
100%);
}
.frame-2-black {
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(34 0 255 / 30%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(11 0 255 / 30%);
}
.aff-frame-1 {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding: 10px 20px;
border: 2px solid rgb(20 0 114 / 57%);
background: #141414;
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;700&display=swap");
.img-promotion-d2s1 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/10/zSymbols-gt-base-promotion.png");
}
.img-popular-d2s1 {
content: url("assets/img/i-con/m4best.webp");
}
.img-casino-d2s1 {
content: url("assets/img/i-con/m4-casino.webp");
}
.img-slot-d2s1 {
content: url("assets/img/i-con/m4-slot.webp");
}
.img-fish-d2s1 {
content: url("assets/img/i-con/m4-fish.webp");
}
.img-sport-d2s1 {
content: url("assets/img/i-con/m4-sport.avif");
}
.img-poker-d2s1 {
content: url("assets/img/i-con/m4-poker.webp");
}
.img-lotto-d2s1 {
content: url("assets/img/i-con/lotto.webp");
}
.img-line-d2s1 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/06/zSymbols-og-line.png");
}
body {
font-family: "Noto Sans Thai", sans-serif;
}
.tabs input[name="tab-control"] {
display: none;
}
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-content>section:nth-child(1) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(180deg, #3d04c3 0%, rgb(39 5 255) 50%, #1f015b 100%);
-webkit-box-shadow: 3px 3px 24px 0 rgb(73 3 135 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(53 0 121 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(1):checked~.tabs-control ul>li:nth-child(1)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-content>section:nth-child(2) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #0e1567 0%, rgb(13 6 255) 50%, #0a0a31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 0 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(11 0 255 / 30%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(0 13 255 / 30%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(2):checked~.tabs-control ul>li:nth-child(2)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-content>section:nth-child(3) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #0e1067 0%, rgb(6 10 255) 50%, #0a0c31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 6 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(0 60 255 / 0%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(0 36 255 / 0%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(3):checked~.tabs-control ul>li:nth-child(3)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-content>section:nth-child(4) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #280e67 0%, rgb(59 6 255) 50%, #0a0c31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 6 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(4):checked~.tabs-control ul>li:nth-child(4)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-content>section:nth-child(5) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #0e1967 0%, rgb(6 33 255) 50%, #0c0a31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 6 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(255 0 0 / 0%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(5):checked~.tabs-control ul>li:nth-child(5)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-content>section:nth-child(6) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #0e1967 0%, rgb(6 33 255) 50%, #0c0a31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 6 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(0 13 255 / 30%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(0 25 255 / 30%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-content>section:nth-child(7) {
display: block;
}
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label {
position: relative;
height: 52px;
border: unset !important;
background: linear-gradient(158deg, #0e1967 0%, rgb(6 33 255) 50%, #0c0a31 100%);
-webkit-box-shadow: -19px 18px 24px 0 rgb(0 6 63 / 75%);
-moz-box-shadow: 3px 3px 24px 0 rgba(255, 0, 0, 0.75);
box-shadow: 3px 3px 24px 0 rgb(0 0 0 / 75%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label {
margin-top: 24px;
}
}
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label img {
position: absolute;
width: 60px;
top: -9px;
left: -3px;
animation: bounce-top 2s infinite both;
transition: all 0.25s ease-in-out;
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label img {
top: -30px;
left: unset;
width: 54px;
}
}
.tabs input[name="tab-control"]:nth-of-type(6):checked~.tabs-control ul>li:nth-child(6)>label .flex-column {
margin: 0 -9px 0 40px;
padding: 0 6px 0 6px;
cursor: default;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 48px 6px rgb(0 13 255 / 30%);
-moz-box-shadow: inset 0px 0px 48px 6px rgba(255, 0, 0, 0.3);
box-shadow: inset 0px 0px 48px 6px rgb(0 25 255 / 30%);
}
@media (max-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label .flex-column {
margin: 30px 0 9px 0;
}
}
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label .flex-column
.tab-text-2 {
font-weight: 700;
}
@media (min-width: 768px) {
.tabs input[name="tab-control"]:nth-of-type(7):checked~.tabs-control ul>li:nth-child(7)>label .flex-column
.tab-text-2 {
font-size: 16px;
}
}
.frame {
overflow: hidden;
}
.bd-linear-classic {
position: relative;
width: 100%;
height: 2px;
background: #363636;
}
.bd-linear-classic:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 24%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ff5151 20%, #ca2828 30%, #da0000 60%, rgb(255, 255,
255) 80%, rgba(255, 255, 255, 0) 100%);
animation: sweep 7s infinite both;
}
.flex-col {
display: flex;
flex-direction: column;
}
.tab-text-1 {
font-size: 12px;
font-weight: 700;
}
@media (min-width: 768px) {
.tab-text-1 {
font-size: 14px;
}
}
.tab-text-2 {
font-size: 12px;
font-weight: 400;
}
@media (min-width: 768px) {
.tab-text-2 {
font-size: 14px;
}
}
.tabs {
display: flex;
flex-direction: column;
position: relative;
padding: 0;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 540px) {
.tabs {
flex-direction: row;
margin-top: 0;
padding: 0;
}
}
.tabs .tabs-control {
display: flex;
justify-content: center;
margin-left: 0px;
padding: 20px 20px 0px 20px;
border-bottom: 1px solid #363636;
background: #101010;
z-index: 3;
}
@media (max-width: 540px) {
.tabs .tabs-control {
display: unset;
width: 80px;
padding: 0 5px;
justify-content: unset;
border-bottom: unset;
background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #2b005a 10%, rgba(16, 16, 16, 0) 100%);
}
}
@media (min-width: 768px) {
.tabs .tabs-control {
padding: 20px 20px 0 20px;
}
}
.tabs .tabs-control ul {
width: 1024px;
display: flex;
flex-direction: row;
padding-left: 0;
margin: 0;
margin-bottom: 9px;
align-items: flex-end;
justify-content: space-between;
list-style-type: none;
flex-wrap: wrap;
gap: 9px;
}
@media (max-width: 540px) {
.tabs .tabs-control ul {
display: flex;
flex-direction: column;
width: unset;
margin: 30px 0;
justify-content: unset !important;
gap: 9px;
}
}
.tabs .tabs-control ul li {
width: unset !important;
height: unset !important;
flex: 1;
padding: unset;
text-align: center;
box-sizing: border-box;
}
@media (max-width: 540px) {
.tabs .tabs-control ul li {
flex: unset;
width: 70px !important;
}
}
@media (min-width: 768px) {
.tabs .tabs-control ul li {
padding: 0;
width: unset !important;
height: unset !important;
}
}
.tabs .tabs-control ul li label {
display: flex;
flex-direction: column;
padding: 3px 0;
align-items: center;
justify-content: center;
color: rgb(255 227 136);
border-radius: 9px;
border: 1px solid rgb(0 2 255 / 75%);
background: linear-gradient(180deg, #1a1a1a 41.15%, black 100%);
}
@media (max-width: 540px) {
.tabs .tabs-control ul li label {
flex-direction: column;
border-radius: 9px;
}
}
@media (min-width: 768px) {
.tabs .tabs-control ul li label {
flex-direction: row;
height: 52px;
gap: 10px !important;
}
}
.tabs .tabs-control ul li label img {
width: 40px;
height: auto;
}
@media (max-width: 540px) {
.tabs .tabs-control ul li label img {
width: 50px;
height: auto;
margin-bottom: unset;
padding: 3px;
border-bottom: unset;
}
}
.tabs .tabs-control section {
background: unset;
}
.tabs .tabs-content {
padding: 20px 0;
z-index: 3;
}
@media (max-width: 540px) {
.tabs .tabs-content {
width: 100%;
padding: 0;
}
}
.tabs section {
display: none;
animation-name: content;
animation-direction: normal;
animation-duration: 0.3s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
-webkit-animation-duration: 0.3s;
-webkit-animation-name: content;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
line-height: 1.4;
}
@media (min-width: 1024px) {
.tabs ul li label {
white-space: initial;
}
}
@charset "UTF-8";
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-1 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-2 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-3 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-4 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-5 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-6 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-7 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-8 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-9 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-10 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-11 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-12 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-13 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-14 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-15 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-16 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-17 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-18 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-19 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-20 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-41 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-42 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-43 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-44 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-45 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-46 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-47 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-48 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-49 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-50 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-51 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-52 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-53 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-54 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-55 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-56 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-57 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-58 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-59 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-60 {
animation: translateinfinite-1 75s linear infinite;
-webkit-animation: translateinfinite-1 75s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-21 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-22 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-23 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-24 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-25 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-26 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-27 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-28 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-29 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-30 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-31 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-32 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-33 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-34 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-35 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-36 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-37 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-38 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-39 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane .bn-img-40 {
animation: translateinfinite-2 45s linear infinite;
-webkit-animation: translateinfinite-2 45s linear infinite;
}
.bn-img-1 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-allbet.png");
}
.bn-img-2 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-bg.png");
}
.bn-img-3 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-cq9.png");
}
.bn-img-4 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-creedroomz.png");
}
.bn-img-5 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-dreamgaming.png");
}
.bn-img-6 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-ebet.png");
}
.bn-img-7 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-evolution.png");
}
.bn-img-8 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-popok.png");
}
.bn-img-9 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-pragmaticplay.png");
}
.bn-img-10 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-sagaming.png");
}
.bn-img-11 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-sexybaccarat.png");
}
.bn-img-12 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLivecasino-s1h-wmcasino.png");
}
.bn-img-13 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-aesexy.png");
}
.bn-img-14 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-cq9.png");
}
.bn-img-15 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-creedroomz.png");
}
.bn-img-16 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-dreamgaming.png");
}
.bn-img-17 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-evolutiion.png");
}
.bn-img-18 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-pragmaticplay.png");
}
.bn-img-19 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-sagaming.png");
}
.bn-img-20 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/fn888-casino-wmcasino.png");
}
.bn-img-21 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zPoker-gb-pokdeng.png");
}
.bn-img-22 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zPoker-gb-poker.png");
}
.bn-img-23 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zPoker-gb-kang.png");
}
.bn-img-24 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zPoker-gb-dragontiger.png");
}
.bn-img-25 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zPoker-gb-blackjack.png");
}
.bn-img-26 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-redtiger.png");
}
.bn-img-27 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-pragmaticplay.png");
}
.bn-img-28 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-popok.png");
}
.bn-img-29 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-playstar.png");
}
.bn-img-30 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-pgslot.png");
}
.bn-img-31 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-mancalagaming.png");
}
.bn-img-32 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-kingmaker.png");
}
.bn-img-33 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-kagaming.png");
}
.bn-img-34 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-joker.png");
}
.bn-img-35 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-jili.png");
}
.bn-img-36 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-habanero.png");
}
.bn-img-37 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-galaxsys.png");
}
.bn-img-38 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-fachai.png");
}
.bn-img-39 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-evoplay.png");
}
.bn-img-40 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/09/zSlot-s1h-endorphina.png");
}
.bn-img-41 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-Steal-money.png");
}
.bn-img-42 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวย1234.png");
}
.bn-img-43 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวย15นาที.png");
}
.bn-img-44 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวย5นาที.png");
}
.bn-img-45 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยคริปโต.png");
}
.bn-img-46 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยจีน.png");
}
.bn-img-47 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยมาเลย์.png");
}
.bn-img-48 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยรัฐบาล.png");
}
.bn-img-49 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยลาว.png");
}
.bn-img-50 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/11/zLotto-gb-หวยฮานอย.png");
}
.bn-img-51 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-pgsoft.png");
}
.bn-img-52 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-netent.png");
}
.bn-img-53 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-mancalagaming.png");
}
.bn-img-54 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-km.png");
}
.bn-img-55 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-joker.png");
}
.bn-img-56 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-Jili.png");
}
.bn-img-57 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-habanero.png");
}
.bn-img-58 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-fachai.png");
}
.bn-img-59 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-evoplay.png");
}
.bn-img-60 {
content: url("https://demo.zagent.dev/wp-content/uploads/2023/05/ob88-png-slot-endorphina.png");
}
.main-xbcover {
position: relative;
height: 240px;
background-repeat: no-repeat;
background-attachment: fixed;
background: black;
background: linear-gradient(135deg, #000000 0%, #00001d 40%, #000a50 100%);
overflow: hidden;
}
@media (max-width: 540px) {
.main-xbcover {
height: 300px;
}
}
@media (min-width: 768px) {
.main-xbcover {
height: 360px;
}
}
.main-xbcover:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 72%;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.48), transparent);
z-index: 1;
}
@media (max-width: 540px) {
.main-xbcover:before {
width: 48%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.48), transparent);
}
}
.main-xbcover .xbcover-slide {
position: absolute;
transform: perspective(450px) scale(0.85) rotateX(15deg) rotateY(15deg) rotate(0deg);
top: 0;
left: 18%;
height: 100%;
width: 100%;
}
.main-xbcover .xbcover-slide .highway-slider {
display: flex;
width: 210px;
height: 140px;
padding: 6px 0;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane {
display: flex;
height: 100%;
gap: 9px;
}
.main-xbcover .xbcover-slide .highway-slider .highway-lane img {
border-radius: 10px;
}
.main-xbcover .xbcover-slide .highway-slider .fade {
filter: blur(0px);
opacity: 0.35;
}
@media (max-width: 540px) {
.main-xbcover .xbcover-slide .highway-slider .fade {
filter: blur(0.5px);
opacity: 0.25;
}
}
.xbcover-content {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 24px;
top: 50%;
left: 50%;
transform: translate(-50%, -48%);
gap: 12px;
z-index: 2;
}
@media (min-width: 1440px) {
.xbcover-content {
left: 54%;
}
}
@media (min-width: 1920px) {
.xbcover-content {
left: 60%;
}
}
.xbcover-content .xc-items-1 .elementor-widget-image {
text-align: start;
}
@media (max-width: 767px) {
.xbcover-content .xc-items-1 .elementor-widget-image {
text-align: center;
}
}
.xbcover-content h2 {
font-size: 16px;
font-weight: 500;
}
@media (min-width: 768px) and (min-widh: 1024px) {
.xbcover-content h2 {
font-size: 18px;
}
}
@media (min-width: 1440px) {
.xbcover-content h2 {
font-size: 21px;
}
}
.container {
transition: all 0.3s ease;
}