/*
Theme Name: B2B Gaming (Child of TwentyTwenty-One)
Description: B2BGaming Theme
Author: B2B Gaming (Knut Becker)
Author URI: https://b2bgaming.com
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, responsive-layout
Text Domain: twentytwentyone-child
*/

/* @import "/wp-content/themes/twentytwentytwo-child/assets/css/hamburgers-master/dist/hamburgers.css"; */

/* Local Open Sans fonts - Disabled (fonts look different)
   Use optimized Google Fonts instead
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/Open_Sans/open-sans.regular.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/Open_Sans/open-sans.semibold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/Open_Sans/open-sans.semibold.woff') format('woff');
}
*/

/* <uniquifier>: Use a uniquifier for the class name */
/* <weight>: Use a value from 300 to 800 */

.open-sans-b2b {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

:root {
	--bs-body-font-family: 'Open Sans';
	--bs-body-font-size: 18px;
	--bs-body-color: #6C6C72;
}

html {
	font-family: 'Open Sans';
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

* {
	font-family: 'Open Sans';
}

body {
	font-family: 'Open Sans';
	margin: 0;
	overflow-x: hidden;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 28px; /* Same size as H4 for better design */
}

.h3_pages {
	color: #55555f;
	font-weight: bold;
	padding-bottom: 15px;
}

.h3_italic {
	font-style: italic;
}

h3 {
	font-size: 24pt;
}

h4 {
	font-size: 28px;
}

.h4_post_headline {
	color: #55555f;
	font-weight: bold;
	padding-bottom: 10px;
}



/* Header */

.container_mobile {
	display: none;
}

.mobile_nav_bar {
	display: none;
}

.col_desktop_nav_bar {
	display: flex;
}

/* Hamburger icon color - global override */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: #cccccc !important;
}

/* Hide desktop navigation on tablets and mobile by default */
@media screen and (max-width: 1440px) {
	.col_desktop_nav_bar {
		display: none !important;
	}

	.header_outer_nav {
		display: none !important;
	}
}

/* Show desktop navigation only on large screens */
@media screen and (min-width: 1441px) {
	.col_desktop_nav_bar {
		display: flex !important;
	}

	.container_mobile,
	.mobile_nav_bar {
		display: none !important;
	}
}


#header_js_styles {
    position: sticky;
	background: #ffffff;
	opacity: 1;
    visibility: visible;
    top: 0px;
    z-index: 2;
}

header {
	height: 0px;
}

.header_outer_row {
	display: block;
}

.header_outer_logo {
	display: block !important;
	max-width: 120px !important;
	width: 100%;
}

.header_outer_nav {
	display: block;
}

#header_resize {
	display: block;
}

.custom-logo {
	padding: 0;
	max-width: 100%;
	height: auto;
}

#header_logo_b2b {
	width: 100%;
	height: 100%;
	/* transition: 0.3s; */
}

#language-selector {
	display: inline-block;
    position: absolute;
    text-align: center;
    top: 18px;
	/* transition: 0.3s; */
}

.img_lang_toggled img,
.img_lang_toggled_open img {
	width: 36px;
	height: 36px;
}

#el-621b1bcc,
#el-e0597419 {
	background: #ffffff;
	transition: 0.3s;
}


.header_row {
	display: block !important;
	width: 100% !important;
  left: unset !important;
	background: rgb(82,58,146);
	background: linear-gradient(180deg, rgba(82,58,146,0.9) 0%, rgba(112,73,180,0.9) 100%);
	z-index: 1;
}

.header_label {
	color: #ffffff;
	font-size: 14px;
  font-weight: 500;
}

.header_label a {
	color: #ffffff;
	text-decoration: none;
}

.header_label a:hover {
	color: #ffffff;
	text-decoration: none;
}

.header_label_b {
	color: #000000;
	font-size: 16px;
  font-weight: 500;
}

.header_label_b a {
	color: #000000;
	text-decoration: none;
}

.header_label_b a:hover {
	/*color: #664fa0 !important;*/
	text-decoration: none;
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header_img_login {
	width: 35px;
	height: 35px;
	float: right;
  	padding-right: 20px;
}

.header_img_lang {
	text-align: center;
	margin: 0 auto;
	/* width: 35px; */
	height: 45px;
	padding: 5px 0px 10px 0px;
	cursor: pointer;
	/* display: none; */
}

.div_header_bar {
	background: url('/wp-content/uploads/2023/11/hr_long_background.webp');
	height: 61px;
}

.div_col_header_bar {
	position: absolute;
    display: flex;
	align-items: center;
	height: 61px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ffffff;
	text-transform: uppercase;
}

.div_start_content {
	padding-top: 40px;
}

.col_login_lang {
	justify-content: center;
}

.col_lang {
	position: absolute !important;
	text-align: right;
  	float: right;
  	right: 0px;
	top: -16px;
	/*background-color: rgb(255 255 255 / 70%);*/
  	padding: 3px;
  	border-radius: 50px;
}

/* .img_lang_toggled img {
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 35px !important;
	height: 0px;
	filter: brightness(100%);
	transition: height 0.1s, filter 0.4s;
	cursor: pointer;
}

.img_lang_toggled img:hover {
	filter: brightness(150%);
	transition: height 0.3s, filter 0.4s;
} */



/* By ChatGPT */
/* .img_lang_toggled {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: white;
} */

.img_lang_toggled img {
	text-align: center;
	justify-content: center;
	align-items: center;
	/* width: 35px !important;
	height: 35px; */
	filter: brightness(100%);
	transition: filter 0.4s;
	cursor: pointer;
	padding: 2px;
}

.img_lang_toggled img:hover {
	filter: brightness(150%);
	transition: height 0.3s, filter 0.4s;
}


.img_lang_toggled {
	display: none;
	/* position: absolute;
    top: 0px;
    right: 6px; */
}

.img_lang_toggled_open {
	display: block !important;
	width: 35px !important;
	height: auto !important;
	padding: 0px 0px 0px 0px !important;
}

.menu-language-switch-container ul {
	padding: 0px !important;
	padding-inline-start: 0px !important;
}

.menu-language-switch-container a {
	padding: 0px !important;
}

.menu-language-switch-container img {
	height: 100%;
    max-width: 46px;
	padding: 10px 0px 0px 0px;
}

.vce-basic-menu-inner {
	margin-bottom: 0px !important;
}

.burger_menu {
	position: fixed !important;
	right: 30px;
	z-index: 10;
}

.burger_menu svg {
	/*font-size: 42px;*/
	width: 72px;
	height: 24px;
}

.burger_menu svg {
	/*font-size: 42px;*/
	width: 72px;
	height: 24px;
}

.header_outer_logo {
	z-index: 10;
}

.vce-sandwich-side-menu-container--position-right button.vce-sandwich-side-menu-close-button {
    right: 30px;
		left: unset !important;
}

button.vce-sandwich-side-menu-close-button {
    top: 10px !important;
		right: 50px !important;
}

/* Desktop Navigation Menu Optimization */
.col_desktop_nav_bar #menu-navbar,
.col_desktop_nav_bar .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.col_desktop_nav_bar #menu-navbar li,
.col_desktop_nav_bar .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.col_desktop_nav_bar #menu-navbar a,
.col_desktop_nav_bar .menu a {
	padding: 8px 10px;
	font-size: 12px;
	white-space: nowrap;
	text-decoration: none;
}

/* Logo column padding for better spacing */
.col_desktop_nav_bar .row > div:nth-child(1) {
	padding-left: 20px !important;
	padding-right: 10px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* end Header */



/* Gradient Text */

h1 {
	font-size: 50px;
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.h1_headerbar {
	font-weight: 800;
}

.textblock_api {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: justify;
}

.textblock_aboutus {
	font-size: 20px;
	/* font-weight: bold; */
	line-height: 1.6;
	text-align: justify;
}

.textblock_contactus  {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.textblock_contact_addresses {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.textblock_products {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: justify;
}

.textblock_backoffice {
	/*
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	*/
	text-align: justify;
}

.textblock_games {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	text-align: justify;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_white {
	color: #ffffff !important;
	background: none !important;
	-webkit-text-fill-color: unset !important;
}

.text_violette {
	color: #833dc5 !important;	
}

.text_black {
	color: #000000 !important;	
}

.text_bold {
	font-weight: 700 !important;
}

.text_bolder {
	font-weight: 900 !important;
}

.padding_top_40 {
	padding-top: 40px;
}

.padding_bottom_40 {
	padding-bottom: 40px;
}

.padding_5 {
	padding: 5px;
}

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

.row_max_1140 {
	width: 100%;
	max-width: 1140px !important;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.img_provider {
	text-align: center !important;
	align-items: center !important;
	vertical-align: middle;
}

.img_provider img {
	max-width: 100px !important;
	max-height: 100px !important;
	width: auto !important;
	height: auto !important;
	text-align: center !important;
	align-items: center !important;
	vertical-align: middle;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	margin: auto;
}

.vce-logo-slider-item-inner {
	border-right: 1px solid #cccccc !important;
}

.vce-logo-slider .vce-logo-slider-img {
	max-height: 40px;
}

.vce-logo-slider .vce-logo-slider-item-inner {
	padding: 0 15px !important;
}

.img_float_left {
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.img_float_right {
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.talbes_img_float_right {
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
}

.textblock_products ol {
	margin-left: 0px;
	/*padding-left: 20px;*/
}

.textblock_backoffice ul {
	/*
	margin-left: 0px;
	*/
	padding-left: 10px;
	
}

.textblock_backoffice ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: rgb(132, 0, 255); /* Change the color */
	font-weight: 800; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
}

.textblock_backoffice ul li::marker {
	display: none;
    visibility: hidden;
	color: #ffffff;
}

/* Our Games */

.img_our_games {
	/*filter: grayscale(1);*/
	transition: none !important; /* Disable all transitions */
	border-radius: 10px;
	transform: none !important; /* Prevent any transforms */
	box-shadow: none !important; /* No shadows */
}

.img_our_games:hover {
	/*filter: grayscale(1);*/
	/* No hover effect - prevents background flash */
	border-radius: 10px;
	transition: none !important;
	transform: none !important;
	box-shadow: none !important;
}

/* Prevent flash on parent containers */
.home_section_our_products a,
.home_section_our_products a:hover,
.home_section_our_products a:active,
.home_section_our_products a:visited {
	transition: none !important;
	transform: none !important;
	box-shadow: none !important;
	background: none !important;
	opacity: 1 !important;
}

/* Prevent flash on column containers */
.home_section_our_products .col-xl-3,
.home_section_our_products .col-lg-3,
.home_section_our_products .col-md-6,
.home_section_our_products .col-sm-6,
.home_section_our_products .col-xs-6,
.home_section_our_products .col-6 {
	transition: none !important;
	transform: none !important;
}

/* Prevent BACKGROUND flash on OUR GAMES section - but keep card animations */
.home_section_our_games,
.home_section_our_games:hover {
	background: rgb(255,255,255) !important;
	background-image: none !important; /* Prevent background glow */
	/* Do NOT disable transitions/transforms - cards need them for animations */
}


/* Footer */

.comments-area {
	display: none;
}

.site-footer {
	padding-top: 25px;
	padding-bottom: 0px;
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
}

.div_container_footer_links {
    max-width: 600px;
    text-align: center;
    line-height: 1.6;
    font-size: 13px !important;
	color: #ffffff;
}

.div_container_footer_links a {
    max-width: 600px;
    text-align: center;
    line-height: 1.6;
    font-size: 13px !important;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.div_container_footer_links a {
	text-decoration: none;
}

.footer_nav_items {
	display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
	white-space: nowrap;
}

.footer_full_row {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
}

.footer_outer_row {
	bottom: 0;
	background: rgb(57,4,116);
	background: linear-gradient(180deg, rgba(57,4,116,1) 0%, rgba(71,32,107,1) 100%) !important;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
}

.footer_mission_text {
	color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
}

.footer_links_col {
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.footer_links_col a {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}

.footer_links_col a:hover {
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none !important;
}

.footer_intro_text {
	text-align: justify !important;
}

.footer_sponsor_copyright {
	background: none !important;
}

.footer_copyright_text {
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.footer_text_copyright {
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

.footer_to_contact_us {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.footer_number_mail {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.footer_img_coins img {
	z-index: 1;
}

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

.col_footer_socials {
	display: inline-block;
    text-align: center;
    padding: 0px 2px 10px 2px;
    vertical-align: middle;
    max-width: 45px;
}

.hr_footer {
	color: #ffffff;
}

.container_footer_tg_email {
	padding-top: 10px;
	padding-bottom: 10px;
}

.col_footer_tg_email {
	padding-top: 15px;
	padding-bottom: 15px;
}

.col_footer_tg_email, 
.col_footer_tg_email a {
	font-size: 14px;
	text-align: center !important;
	color: #ffffff;
	text-decoration: none;
}

.img_footer_tg_email {
	padding-right: 10px;
	max-height: 40px;
	width: auto;
}

.img_footer_tg_channel {
	display: inline-block;
  	text-align: center !important;
  	padding: 0px 3px;
  	vertical-align: middle;
}

.img_footer_tg_channel img {
	height: 35px !important;
}

.img_footer_lang {
	z-index: 1000;
    position: relative;
}

.text_footer_up {
	position: relative;
	top: -15px;
	padding-left: 10px;
}

.img_footer_join_telegram {
	text-align: left !important;
}

/* end Footer */




/* Sections */

.page_background,
#page_background {
    background: url('/wp-content/uploads/2023/11/b2b_background_webp.webp') no-repeat bottom right;
}


.container_outer_padding {
	padding-left: 100px;
	padding-right: 100px;
}

.home_section_advantages {
	padding-top: 30px;
	padding-bottom: 30x;
	background-color: #ffffff;
}

.img_slogan_side {
	max-width: 100% !important;
	max-height: none !important;
	height: auto !important;
	width: 220px !important;
}

.home_section_benefits {
	padding-top: 30px;
	padding-bottom: 30x;
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
}

.home_section_our_products {
	padding-top: 30px;
	padding-bottom: 30x;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);
}

.home_section_our_games {
	padding-top: 30px;
	padding-bottom: 30x;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);
}

.home_section_our_providers {
	padding-top: 30px;
	padding-bottom: 30x;
	background: rgb(255,255,255);
}

.home_section_latest_news {
	padding-top: 30px;
	padding-bottom: 30x;
	background: rgb(236, 236, 236);
}

.home_section_contact_us {
	padding-top: 30px;
	padding-bottom: 30x;	
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%);
}




/* Content */

.text_advantage_descr {
	padding-bottom: 15px;
	height: 100%;
	vertical-align: top !important;
}

.col_advantage_inner_border {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
	background-color: #f1f1f1;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	height: 100%;
}

.col_advantage_inner_border:hover {
	box-shadow: 0px 0px 3px #868686;
}

/* 
	Styles HOME animation names 
	full_white_label_system
	speed_to_market
	specialized_market
	competitive_rates
	regular_new_content
	trusted_fair
*/

.div_animation_full_white_label_system,
.div_animation_speed_to_market,
.div_animation_specialized_market,
.div_animation_competitive_rates,
.div_animation_regular_new_content,
.div_animation_trusted_fair {
	/* position: absolute; */
    border-radius: 10px;
	/* min-height: 150px; */
}

.img_full_white_label_system,
.img_speed_to_market,
.img_specialized_market,
.img_competitive_rates,
.img_regular_new_content,
.img_trusted_fair {	
    border-radius: 10px;
}

.img_opacity {
	opacity: 0;
	visibility: hidden;
	/* visibility: hidden;
	display: none; */
}

.img_full_white_label_system {
	position: absolute;
    transition: left 0.6s ease;
	bottom: 0px;
	left: -20px;
}

.img_speed_to_market {
	position: absolute;
    transition: transform 0.1s infinite;
	bottom: -5px;
	left: -5px;
}

.img_specialized_market {
	position: absolute;
    /* transition: left 0.6s ease; */
	bottom: 0px;
	left: 0px;
}

.img_dart_specialized_market {
    position: absolute;
    bottom: 74px;
    left: 600px;
    z-index: 2;
	transform: rotate(40deg);
    transition: left 0.5s, transform 0.5s;
}

.img_competitive_rates {
	position: absolute;
    transition: transform 0.6s ease;
	bottom: 0px;
	left: 0px;
	transform: rotate(0deg);
}

.img_regular_new_content {
	position: absolute;
    transition: filter 0.6s ease;
	bottom: 0px;
	left: 0px;
	filter: saturate(1);
}

.img_trusted_fair {
	position: absolute;
    transition: height 0.6s ease;
	bottom: 0px;
	left: 0px;
	width: 200px;
	height: 250px;
}

/* .img_home_providers {
	padding: 5px;
} */


#col_full_white_label_system:hover #img_full_white_label_system {
	left: 0px;
}

#col_speed_to_market:hover #img_speed_to_market {
	/* transform: rotate(5deg); */
	-webkit-animation: speed_to_market 0.1s linear infinite;
	animation: speed_to_market 0.1s linear infinite;
}

#col_specialized_market:hover #img_dart_specialized_market {
    left: 50px; /* Set the initial position before animation */
    transform-origin: bottom left; /* Set the rotation origin */
    transform: rotate(0deg); 
}

#col_competitive_rates:hover #img_competitive_rates {
	transform: rotate(10deg);
}

#col_regular_new_content:hover #img_regular_new_content {
	filter: saturate(3);
}

#col_trusted_fair:hover #img_trusted_fair {
	width: 200px;
	height: 280px;
}


@keyframes speed_to_market {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@keyframes specialized_market {
    0% {
        transform: rotate(40deg) translateX(560px); /* TranslateX to maintain the position */
    }
    50% {
        transform: rotate(20deg) translateX(260px); /* TranslateX to maintain the position */
    }
    100% {
        transform: rotate(0deg) translateX(0); /* TranslateX to maintain the position */
    }
}


.main_row {
	z-index: 0;
	/*position: absolute !important;*/
	/*
	top: -140px !important;
	height: 800px !important;
	*/
}

.headline_ownboss_en {
	font-size: 52px !important;
}

.headline_ownboss_de {
	font-size: 46px !important;
}

.font_violette {
	color: #833dc5;
}

.headline_about_us h2 {
	margin-top: 0px;
}

.headline_trusted_black {
	color: #000000;
	font-size: 62px;
	font-weight: 700;
}

.headline_trusted_white {
	color: #ffffff;
	font-size: 62px;
	font-weight: 700;
}

.headline_trusted_violette {
	color: #833dc5;
	font-size: 62px;
	font-weight: 700;
}

.row_stars {
	height: 0px;
}

.col_left_star {
	height: 1px;
}

.col_middle_star {
	height: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.col_right_star {
	height: 1px;
	z-index: 1;
}

.img_left_star {
	position: absolute;
	left: -30px;
	bottom: -400px;
}

.img_middle_star {
	position: absolute;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.div_relative {
	position: relative;
	width: 100% !important;
	height: 1px;
}

.col_deco_right {
	position: absolute;
    right: -170px;
    top: -80px;
    z-index: 1;
}

.col_deco_left {
    position: absolute;
    left: -100px;
    top: -60px;
    z-index: 2;
}

.col_deco_subpage_right {
    position: absolute;
    right: -50px;
    top: -35px;
    z-index: 1;
}

.img_deco_coin {
	width: 220px;
}

.col_deco_contact_right {
	right: -220px;
	top: -110px;
}

.img_deco_contact_big {
	width: 300px;
}
.col_deco_products_left {
	top: -170px;
}


.button_default button {
	background: rgb(182,117,255);
	background: linear-gradient(180deg, rgba(182,117,255,1) 0%, rgba(131,61,197,1) 100%) !important;
	box-shadow: 0px 0px 10px #868686 !important;
	font-weight: 600 !important;
}

.button_default button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}


.button_fp_more_provider button {
    height: 70px;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
    padding: 20px 56px;
    border-radius: 5px;
    border: 0;
    background: rgb(245,236,49);
    background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
    box-shadow: 0px 0px 10px #868686 !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.button_fp_more_provider button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}


.provider_headline_violette {
	font-size: 42px;
	color: #833dc5;
	text-align: center !important;
}

.provider_headline_black {
	font-size: 54px;
  font-weight: 600;
  text-align: center !important;
  margin-top: 20px;
  margin-bottom: 30px;
}

.provider_text_black {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center !important;
	text-transform: uppercase;
}

/* Swiper Provider */

.swiper {
	width: 100%;
	height: 80px;
	cursor: grab;
}

.swiper-slide {
	display: flex; /* Use flexbox for centering */
	justify-content: center; /* Horizontally center the image */
	align-items: center; /* Vertically center the image */
  }
  
.swiper-slide img {
	width: 100%; /* Ensure the image takes the full width of its parent */
	height: 100%; /* Ensure the image takes the full height of its parent */
	object-fit: contain; /* Resize the image while preserving its aspect ratio */
}





.headline_games p {
	margin: 0px;
}

.headline_products p {
	margin: 0px;
}

.contact_headline_violette {
	font-size: 62px;
	color: #833dc5;
}

.contact_headline_black {
	font-size: 54px;
  font-weight: 600;
  text-align: left !important;
  margin-top: 20px;
  margin-bottom: 30px;
}

.contact_text_black {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-align: left !important;
	text-transform: uppercase;
}

.contact_mail_map {
	color: #000000;
}

.contact_mail_map a {
	color: #000000;
	text-decoration: none !important;
}

/* .nowrap {
	white-space: nowrap;
} */

#fg_toggle_map {
	cursor: pointer;
	display: block !important;
}

.contact_google_map {
	text-align: right;
	height: 0px;
	overflow: hidden;
	transition: 0.5s;
}

.contact_google_map_toggle_class {
	text-align: right;
	height: 250px !important;
	overflow: hidden;
}

.contact_us_addresses_row a {
	color: #000000;
	text-decoration: none !important;
	text-transform: uppercase;
}

.contact_us_addresses_row a:hover {
	color: #000000;
	text-decoration: none !important;
	text-transform: uppercase;
}

.contact_form_phone_fix {
	width: calc(30% + 20px) !important;
  	display: inline;
}

.col_img_socials {
	max-width: 60px;
	text-align: center;
}

.img_live_dealer_ladies:hover {
	box-shadow: 0px 0px 3px #868686;
}

#button_fp_more_provider .vce-button {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
}

#button_fp_more_provider .vce-button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

#button_fp_more_provider {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
}

#button_fp_more_provider:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.button_contact .vce-button{
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
}

.button_contact .vce-button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

#button_contact {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
    padding: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    border: 0px solid;
}

#button_contact:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.button_contact {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
    padding: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    border: 0px solid;
	text-decoration: none;
}

.button_contact:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.button_more_provider .vce-button {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
    padding: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    border: 0px solid;
}

.button_more_provider .vce-button:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

#button_more_provider {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
    padding: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    border: 0px solid;	
	text-decoration: none;
}

#button_more_provider:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.button_more_provider {
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 0px 10px #868686 !important;
    padding: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    border-radius: 10px;
    border: 0px solid;
	text-decoration: none;
}

.button_more_provider:hover {
	filter: brightness(1.2);
	transition: 0.4s;
}

.div_p_buttons {
	padding-top: 30px;
	padding-bottom: 30px;
}

.toggle_more_provider {
	height: 0px;
	/*height: auto;*/
	overflow: hidden;
	transition: 0.5s;
}

.toggle_more_provider_toggle_class {
	height: auto !important;
	overflow: hidden;
}

.fg_contact_form {
	margin-top: 35px;
	max-width: 100%;
}

/* Contact Form Row Layout */
.wpcf7-form .row {
	margin-bottom: 0;
}

.wpcf7-form .col,
.wpcf7-form [class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.wpcf7-textarea {
	font-size: 14px !important;
	font-family: Open Sans, sans-serif;
}

.c7_messenger {
	width: 100% !important;
}

.contact_us_textarea {
	padding-top: 0px !important;
}

.contact_button_default,
.wpcf7-submit {
	min-height: 60px;
	height: auto;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-weight: 700 !important;
	padding: 18px 48px;
	border-radius: 12px;
	border: 0;
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contact_button_default:hover,
.wpcf7-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25) !important;
	filter: brightness(1.1);
}

.wpcf7-response-output {
	margin-top: 20px;
	text-align: center;
}

.wpcf7-form .alert {
	background: rgba(255, 255, 255, 0) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	border: 0px !important;
}

.ajax-loader {
	display: none !important;
}

.contact_us_submit_button {
	text-align: center;
	padding: 30px 0px 10px 0px !important;
	margin: 0 !important;
}

/* Contact Form 7 - Loading Spinner (BIG and OBVIOUS) */
.wpcf7-submit.cf7-submitting {
	position: relative;
	pointer-events: none;
	opacity: 0.8;
	padding-right: 60px !important;
}

.wpcf7-submit.cf7-submitting::before {
	content: "SENDING...";
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
}

.wpcf7-submit.cf7-submitting::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	right: 20px;
	margin-top: -15px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	animation: cf7-spinner 0.6s linear infinite;
}

@keyframes cf7-spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.label_contact_form {
	color: #555555;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	display: block;
}

.padding_top_15 {
	padding-top: 15px;
}

.grecaptcha-badge { visibility: hidden; }

.wpcf7-text {
	font-family: Open Sans, sans-serif;
	color: #333333;
	font-size: 15px !important;
	background-color: #f8f9fa;
	padding: 15px 18px;
	border: 1px solid #e0e0e0;
	width: 100%;
	height: 56px;
	outline: 0 !important;
	border-radius: 12px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.wpcf7-text:focus {
	background-color: #ffffff;
	border-color: #7b59b8;
	box-shadow: 0 0 0 3px rgba(123, 89, 184, 0.1);
}

.wpcf7-text::placeholder {
	color: #999999;
	font-size: 14px;
}

.wpcf7-phonetext {
	max-width: 100px !important; 
}

.c7_your_messenger {
	width: 100% !important;
}

.wpcf7-select {
	font-family: Open Sans, sans-serif;
	color: #333333;
	font-size: 15px !important;
	background-color: #f8f9fa;
	padding: 15px 18px;
	border: 1px solid #e0e0e0;
	height: 56px;
	outline: 0 !important;
	border-radius: 12px;
	transition: all 0.3s ease;
	box-sizing: border-box;
	width: 100%;
	cursor: pointer;
}

.wpcf7-select:focus {
	background-color: #ffffff;
	border-color: #7b59b8;
	box-shadow: 0 0 0 3px rgba(123, 89, 184, 0.1);
}

.your-messenger {
	display: flex;    
	margin-bottom: 15px;
}

.your-messenger-id {
	display:inline;
}

.wpcf7-textarea {
	font-family: Open Sans, sans-serif;
	color: #333333;
	font-size: 15px !important;
	background-color: #f8f9fa;
	padding: 15px 18px;
	border: 1px solid #e0e0e0;
	width: 100% !important;
	min-height: 140px;
	outline: 0 !important;
	border-radius: 12px;
	transition: all 0.3s ease;
	box-sizing: border-box;
	resize: vertical;
}

/* Direct targeting of the message textarea wrapper */
.wpcf7-form .col-xl-6:nth-child(2) p:last-of-type,
.wpcf7-form .col-lg-6:nth-child(2) p:last-of-type,
.wpcf7-form .col-md-6:nth-child(2) p:last-of-type {
	position: relative;
	margin-left: calc(-100% - 20px) !important;
	width: calc(200% + 20px) !important;
	max-width: calc(200% + 20px) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* For mobile - keep normal width */
.wpcf7-form .col-sm-12 p:last-of-type,
.wpcf7-form .col-12:not(.col-xl-6):not(.col-lg-6):not(.col-md-6) p:last-of-type {
	margin-left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Make textarea fill its container */
.wpcf7-form textarea[name="your-message"] {
	width: 100% !important;
	max-width: 100% !important;
}

.wpcf7-textarea:focus {
	background-color: #ffffff;
	border-color: #7b59b8;
	box-shadow: 0 0 0 3px rgba(123, 89, 184, 0.1);
}

.wpcf7-textarea::placeholder {
	color: #999999;
	font-size: 14px;
}

.c7_your_phone {
	width: 90px !important
}

.intl-tel-input,
.your-phone,
.viberphone {
	display: inline-block;
	vertical-align: top;
}

/* Fixed width for country code selector to prevent wrapping */
.intl-tel-input {
	max-width: 120px !important;
	width: 120px !important;
}

.your-phone {
	margin-left: 3px;
}

.viberphone {
	width: calc(100% - 130px) !important;
	max-width: calc(100% - 130px) !important;
	margin-left: 5px;
}

/* Mobile responsive for Viber phone fields */
@media (max-width: 767px) {
	/* Make parent paragraph full width */
	.wpcf7-form p:has(#ViberCase) {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Only apply flex layout when ViberCase is visible (not display:none) */
	#ViberCase[style*="display: inline"],
	#ViberCase[style*="display: block"],
	#ViberCase[style*="display: flex"] {
		width: 100% !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 5px !important;
		margin-top: 0 !important;
		box-sizing: border-box !important;
	}

	#ViberCase .intl-tel-input {
		max-width: 110px !important;
		width: 110px !important;
		flex-shrink: 0 !important;
	}

	#ViberCase .viberphone {
		flex: 1 !important;
		width: auto !important;
		max-width: none !important;
		margin-left: 0 !important;
		font-size: 15px !important;
	}

	/* Fix country code dropdown positioning and styling */
	.intl-tel-input .country-list {
		position: absolute !important;
		max-height: 250px !important;
		width: 300px !important;
		left: 0 !important;
		top: 100% !important;
		margin-top: 5px !important;
		z-index: 9999 !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
		overflow-y: auto !important;
		background: white !important;
		border: 1px solid #e0e0e0 !important;
	}

	.intl-tel-input {
		position: relative !important;
	}

	.intl-tel-input .country-list .country {
		padding: 12px 15px !important;
		font-size: 15px !important;
	}

	.intl-tel-input .country-list .country:hover {
		background-color: #f0f0f0 !important;
	}

	.intl-tel-input .country-list .country.highlight {
		background-color: #7b59b8 !important;
		color: white !important;
	}

	/* Ensure both fields have same height */
	#ViberCase .intl-tel-input .selected-flag,
	#ViberCase .viberphone {
		height: 56px !important;
		box-sizing: border-box !important;
	}
}

#ViberCase {
	display: none;
}

#TelegramFacebookCase {
	display: inline;
}

.wpcf7-number {
	font-family: Open Sans, sans-serif;
	color: #333333;
	font-size: 15px !important;
	background-color: #f8f9fa;
	padding: 15px 18px;
	border: 1px solid #e0e0e0;
	width: 100% !important;
	height: 56px;
	outline: 0 !important;
	border-radius: 12px;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.wpcf7-number:focus {
	background-color: #ffffff;
	border-color: #7b59b8;
	box-shadow: 0 0 0 3px rgba(123, 89, 184, 0.1);
}

.wpcf7-number::placeholder {
	color: #999999;
	font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 0px !important;
    background-color: transparent !important;
    background: transparent !important;
    text-align: center !important;
    color: #28a745 !important;
    padding-top: 20px;
}

.wpcf7-spinner {
	position: absolute !important;
	left: calc(50% - 48px)  !important;
	bottom: -30px !important;
	text-align: center !important;
}

/* Character Counter Styling */
.wpcf7-character-count {
	display: block;
	text-align: right;
	font-size: 13px;
	color: #888888;
	margin-top: 6px;
	font-weight: 500;
}

.wpcf7-not-valid-tip {
	color: #dc3545 !important;
	font-size: 13px !important;
	margin-top: 5px !important;
	display: block !important;
}

.wpcf7-form-control.wpcf7-not-valid {
	border-color: #dc3545 !important;
	background-color: #fff5f5 !important;
}

.wpcf7-response-output {
	border-radius: 8px !important;
	padding: 15px 20px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	border-color: #dc3545 !important;
	background-color: #fff5f5 !important;
	color: #dc3545 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: 0px !important;
	background-color: transparent !important;
	background: transparent !important;
	color: #28a745 !important;
}

.div_contact_email_footer {
	padding-top: 10px;
	padding-bottom: 10px;
}

.img_contact_us_email_telegram {
	padding-right: 20px;
}

.link_contact_email_telegram {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.width_100 {
	width: 100%;
	padding-right: 50px;
}

.width_50 {
	width: 50%;
}

.no_margin_top {
	margin-top: 0;
}

.no_margin_bottom {
	margin-bottom: 0;
}

.margin_top_40 {
	margin-top: 40px;
}

.margin_bottom_40 {
	margin-bottom: 40px;
}

.subtest_uppercase {
	/*padding: 10px 0 10px 0;*/
	text-transform: uppercase;
	line-height: 1.4;
}

.subtest_white_uppercase {
	/*padding: 10px 0 10px 0;*/
	color: #ffffff;
	text-transform: uppercase;
	line-height: 1.4;
}

.col_benefit_img {
	min-width: 60px;
}

.col_benefit_text {
	text-align: left;
	font-size: 16px;
    font-weight: bold;
}

.div_benefits_table {
	box-shadow: 0 0 40px 0 #212121;
	background: #ffffff;
}    

.benefit_item {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
} 

.benefit_item_mm {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

.row_benefit_bonus {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

.row_benefit_bonus:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_support {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_support:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_seamless {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_seamless:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.row_benefit_landbased {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
	color: #833dc5 !important;
}

.row_benefit_landbased:hover {
	/*background: #f0eff0 !important;*/
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
	color: #ffffff !important;
}

.row_benefit_api {
	border-left: 5px solid #ffffff !important;
	cursor: pointer;
}

.row_benefit_api:hover {
	background: #f0eff0 !important;
	border-left: 5px solid #d460ff !important;
	cursor: pointer;
}

.headline_cards {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}


/* Test Repair */
.card_full_casino_solution .vce-col-content {
	height: 100%;
}

/* end: Test Repair */

.cards_subtext {
	height: 100% !important;
	/*padding: 10px 0 10px 0;*/
	text-transform: uppercase;
	line-height: 1.4;
}

.cards_row_height_for_img {
	min-height: 280px !important;
	height: 100% !important;
	bottom: 0px !important;
}


#animate_bonus_free_spins .vce-col-content {
	height: 100%;
	/*
	width: 100% !important;
	vertical-align: bottom !important;
	position: absolute !important;
	bottom: 0 !important;
	*/
}

.cards_col_height_for_img {
	bottom: 0 !important;
	vertical-align: bottom !important;
	position: absolute !important;
	width: 100% !important;
	min-height: 280px !important;
	height: 100% !important;
}

.cards_col_height_for_img .vce-col-inner {
	bottom: 0;
	vertical-align: bottom;
	position: absolute;
}

.cards_row_icons {
	height: 283px;
	bottom: 0;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

.cards_col_icons {
	height: 100% !important;
	bottom: 0;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

.card_img_row_fullheight {
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 0;
}

.card_img_col_fullheight {
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	bottom: 0;
}

.card_img_edge_left {
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.card_img_edge_right {
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
}

.card_row_top {
	top: 0px !important;
}

.img_border_right_violette_stone {
	position: absolute;
	right: 0px;
	width: 90px;
}

.img_border_left_yellow_star {
	position: absolute;
	left: 0px;
	top: 200px;
	width: 140px;
}

.img_border_middle_yellow_star{
	position: absolute;
	left: 50%;
	top: 120px;
	width: 90px;
}

.img_border_left_margined {
	position: absolute;
	left: -80px;
	top: 0px;
}

.img_border_right_margined {
	position: absolute;
	right: -80px;
	top: 0px;
}

.img_border_right_yellow_x {
	position: absolute;
	right: 0px;
	top: -150px;
	width: 150px;
}

.img_border_left_yellow_x {
    position: absolute;
    left: -22px;
    top: -100px;
    width: 250px;
    z-index: 1;
}

.img_border_left_violette_x {
	position: absolute;
	left: 0px;
	top: -80px;
	width: 120px;
	z-index: 1;
}

.img_border_goldcoin_b2b {
	position: absolute;
	left: 60%;
	top: -120px;
	width: 250px;
	z-index: 1;
}

.img_border_right_violette_stone_two {
	position: absolute;
	right: 0px;
	top: -150px;
	width: 99px;
	z-index: 1;
}

#card_with_img_bottom_div {
	vertical-align: top;
}

#card_with_img_bottom_div .vce-col-content {
	position: absolute;
	vertical-align: bottom;
	bottom: 0;
}


#animate_full_casino_solution {
	overflow :hidden;
}

#animate_speed_to_market {
	overflow :hidden;
}

#animate_specialise_markets {
	overflow :hidden;
}

#animate_data_driven_crm {
	overflow :hidden;
}

#animate_bonus_free_spins {
	overflow :hidden;
	padding-bottom: 0 !important;
}

#animate_industry_leading {
	overflow :hidden;
	padding-bottom: 0 !important;
}




/* Slot Games Eastern & Western */

.col_slots a {
    position: relative; /* Needed for absolute positioning of ::after */
    display: flex; /* Use flexbox to center content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-decoration: none; /* Remove underline from link */
}

.col_slots a::after {
    content: "TRY NOW";
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for element's own size */
    font-weight: bold;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 7px;
    color: #bd2424;
    border-radius: 3px;
    z-index: 1000;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s ease; /* Smooth transition */
}

.col_slots a:hover::after {
    opacity: 1; /* Visible on hover */
}

.western_slots a {
    position: relative; /* Needed for absolute positioning of ::after */
    display: flex; /* Use flexbox to center content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-decoration: none; /* Remove underline from link */
}

.western_slots a::after {
    content: "TRY NOW";
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for element's own size */
    font-weight: bold;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 7px;
    color: #FFF;
    border-radius: 3px;
    z-index: 1000;
    opacity: 0; /* Hidden by default */
    transition: opacity 0.3s ease; /* Smooth transition */
}

.western_slots a:hover::after {
    opacity: 1; /* Visible on hover */
}



/* Latest News */

.margin_5 {
	padding: 5px;
}

.container_news_flex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px; /* Counteract the margin set on the columns */
}

.col_news {	
    padding: 0px;
	border-radius: 10px;
	box-shadow: 0 0 5px #cccccc;
	height: 100%;
	background: #ffffff;
}

.col_news:hover {
	border-radius: 10px;
	box-shadow: 0 0 5px #2b2b2b;
	background: rgb(240, 227, 240);
}

.img_news {
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

.post-navigation {
	display: none;
}

.a_post_headlines {
	color: #4d4d4d;
	text-decoration: none;
}

.a_no_decorations {
	text-decoration: none;
	color: #4d4d4d;
}

.subpage_news_posts h3,
.b2b_news h3 {
	font-size: 28px !important;
	line-height: 1.2 !important;
}

.vce-post-slider-block-item-inner {
	box-shadow: 0 0 4px 2px #9E9E9E !important;
}

.vce-post-slider-block-item-inner:hover {
	box-shadow: 0 0 8px 4px #9E9E9E !important;
	background-color: rgb(123 89 184/16%) !important;
}

.vce-post-slider-block-item {
		padding: 20px !important;
}

.vce-post-slider-block-item:hover {
    position: relative;
	padding: 20px !important;
    animation-name: none !important;
    transition: 1000s padding;
}

.vce-post-slider-block-item-content {
	padding: 5px 15px !important;
}

.vce-post-slider-block-item-content:hover {
	transition: 1000s padding;
	padding: 20px !important;
}

.vce-post-slider-block .vce-post-description--background {
    background-position: top !important;
    /* background-repeat: no-repeat; */
    background-size: contain !important;
}

.vce-post-slider-block.vce-post-slider-block--image-size-medium .vce-post-description--background {
    padding-bottom: 58% !important;
	
}

.button_table_games a {
	font-size: 14px !important;
}


/* SubPage News */

.subpage_news_posts .vce-post-description.vce-post-description--full, .vce-post-grid-with-hover-button-container.vce-posts-grid-container {
    margin: 20px 10px;
}

.subpage_news_posts .vce-posts-grid-item {
	margin-bottom: 20px !important;
    padding-bottom: 5px;
}

.subpage_news_posts .vce-post-description {
	border: 1px solid #e0e0e0;
	border-radius: 10px !important;
	box-shadow: 0 0 10px #cccccc;
	height: 95%;
}

.subpage_news_posts .vce-post-description:hover {
	box-shadow: 0 0 10px #777777;
	background-color: rgb(123 89 184/16%) !important;
}

.subpage_news_posts .vce-posts-grid-container {
    border-radius: 10px !important;
}

.subpage_news_posts .vce-post-grid-with-hover-button-date,
.subpage_news_posts .vce-post-grid-with-hover-button-title,
.subpage_news_posts .vce-post-description--excerpt
 {
	padding-left: 8px;
	padding-right: 8px;
}

.subpage_news_posts .vce-post-grid-with-hover-button-date {
	margin-top: 0px !important;
}

.vce-post-description--category {
    display: none;
}

.subpage_news_posts .vce-post-grid-with-hover-button--image {
	border-radius: 10px !important;
}

.subpage_news_posts .vce-post-description .vce-post-grid-with-hover-button--image {
	background-position: unset !important;
    background-size: contain !important;
}




















/* MOBILE MENU FOR ALL TABLETS AND BELOW - Max 1440px Switch Navigation */
@media screen and (max-width: 1440px) {

	.container_mobile {
		display: block !important;
		position: relative;
		z-index: 2;
	}

	.mobile_nav_bar {
		display: block !important;
		position: fixed;
		text-align: right;
		height: 60px;
		width: 100%;
		background: #ffffff;
		top: 0;
		left: 0;
		z-index: 1000;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}

	.col_desktop_nav_bar {
		display: none !important;
	}

	/* Hide desktop navigation completely */
	.header_outer_nav,
	.col_nav,
	.desktop_nav {
		display: none !important;
	}

	/* Logo responsive sizing for tablet */
	.header_outer_logo {
		max-width: 250px !important;
	}

	.custom-logo,
	#header_logo_b2b {
		max-width: 100% !important;
		height: auto !important;
	}

	/* Force mobile layout for tablets */
	body {
		padding-top: 60px !important;
	}

	/* All content full width like mobile */
	.container, .row_max_1140 {
		max-width: 100%;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}


/* Tablet Specific Styles - 768px to 1170px */
@media screen and (min-width: 768px) and (max-width: 1170px) {

	/* Container and spacing adjustments for tablet */
	.container_outer_padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row_max_1140 {
		max-width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Typography scaling for tablet */
	h1 {
		font-size: 36px !important;
	}

	h2 {
		font-size: 30px !important;
	}

	h3 {
		font-size: 24px !important;
	}

	h4 {
		font-size: 20px !important;
	}

	/* Adjust text content width */
	p, li, .text-content {
		font-size: 16px;
		line-height: 1.6;
	}

	/* Image responsiveness */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Card and grid adjustments */
	.col-xl-3, .col-xl-4, .col-lg-4, .col-lg-6 {
		margin-bottom: 20px;
	}

	/* Sections padding */
	section, .section {
		padding: 40px 0;
	}

	/* Provider logos */
	.img_home_providers {
		width: 180px !important;
		height: 140px !important;
		min-width: 180px !important;
		min-height: 140px !important;
	}

	/* Footer adjustments */
	.footer_logo, .col_footer_logo_content {
		text-align: center !important;
	}

	/* Button sizing */
	.btn, button {
		padding: 12px 24px;
		font-size: 16px;
	}

	/* Content body padding for fixed header */
	body {
		padding-top: 60px;
	}

	/* Game cards and provider cards */
	.game-card, .provider-card {
		margin-bottom: 15px;
	}
}


/* Max 767px Handy / Mobile Style */
@media screen and (max-width: 767px) {

	/* Content body padding for fixed header */
	body {
		padding-top: 60px;
	}

	.not_on_mobile {
		display: none !important;
	}

	/* Style pagination dots on mobile for clean look */
	.swiper-pagination,
	.swiper-pagination-bullets,
	.slick-dots,
	.owl-dots,
	.carousel-indicators,
	[class*="pagination-bullet"] {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 15px 0 !important;
		margin: 0 auto !important;
		position: absolute !important;
		bottom: 15px !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 10 !important;
		flex-wrap: nowrap !important;
	}

	/* Reset list styles for dots */
	.slick-dots,
	.owl-dots {
		list-style: none !important;
		padding-left: 0 !important;
	}

	.slick-dots li,
	.owl-dots li {
		display: inline-block !important;
		margin: 0 3px !important;
		padding: 0 !important;
	}

	.swiper-pagination-bullet,
	.slick-dots li button,
	.owl-dot,
	.carousel-indicators button,
	.carousel-indicators li {
		width: 8px !important;
		height: 8px !important;
		min-width: 8px !important;
		min-height: 8px !important;
		border-radius: 50% !important;
		background: rgba(255, 255, 255, 0.6) !important;
		border: none !important;
		margin: 0 3px !important;
		padding: 0 !important;
		cursor: pointer !important;
		transition: all 0.3s ease !important;
		opacity: 1 !important;
		text-indent: -9999px !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	.swiper-pagination-bullet-active,
	.slick-dots li.slick-active button,
	.owl-dot.active,
	.carousel-indicators .active {
		background: #ffffff !important;
		width: 10px !important;
		height: 10px !important;
		min-width: 10px !important;
		min-height: 10px !important;
		transform: scale(1.2) !important;
	}

	/* Live Dealer Game Cards - Mobile Responsive */
	.img_live_dealer_ladies {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		display: block !important;
		border-radius: 8px !important;
		object-fit: cover !important;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
	}

	/* Live dealer section - restore some spacing */
	.div_start_content .container-fluid.padding_top_40 .row {
		--bs-gutter-x: 16px !important;
		margin-left: -8px !important;
		margin-right: -8px !important;
	}

	/* Live dealer cards container spacing */
	.div_start_content .container-fluid.padding_top_40 [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
		padding-bottom: 16px !important;
	}

	.col_deco_subpage_right {
		display: none;
	}

	.container_outer_padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row_max_1140 {
		width: auto !important;
		max-width: 100% !important;
	}

	/* Ensure all containers are fluid and remove double padding */
	.container, .container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100% !important;
	}

	/* Override Bootstrap gutter and set custom spacing */
	.row {
		--bs-gutter-x: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Make all columns full width on mobile */
	[class*="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	h1 {
		font-size: 28px !important;
		background: rgb(245,236,49);
		background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.headline_ownboss_en {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.headline_trusted_black {
		font-size: 32px;
	}

	.headline_trusted_violette {
		font-size: 32px;
	}

	.headline_trusted_white {
		font-size: 32px;
	}

	.provider_headline_violette {
		font-size: 32px;
	}

	.provider_headline_black {
		font-size: 32px;
	}

	.fg_contact_form {
		margin-top: 0px;
	}

	.contact_headline_violette {
		font-size: 32px;
	}

	.contact_headline_black {
		font-size: 32px;
	}

	.width_100 {
    width: 100%;
		padding-right: unset;
	}

	.mobile_center {
		text-align: center;
	}

	.button_default,
	.wpcf7-submit {
		text-align: center !important;
	}

	.footer_logo, .col_footer_logo_content, .footer_mission_text {
		text-align: center !important;
	}

	[data-vcv-o-animated=true] {
	 animation-name: none;
	 visibility: visible !important;
	 -webkit-animation: none !important;
	 -moz-animation: none !important;
	 -o-animation: none !important;
	 -ms-animation: none !important;
	 animation: none !important;
	}

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




	/* Sidebar only Mobile version visible */

	.header_outer_burger {
		display: block !important;
		min-width: 80px !important;
	}

	.header_outer_burger {
		width: 100%;
		text-align: right;
	}

	.header_logo {
		height: 60px !important;
		width: auto !important;
	}

	.header_logo img {
		max-height: 52px !important;
		width: auto !important;
		padding-top: 5px;
	}

	/* Logo responsive sizing for mobile */
	.header_outer_logo {
		max-width: 160px !important;
	}

	.custom-logo,
	#header_logo_b2b {
		max-width: 100% !important;
		max-height: 70px !important;
		height: auto !important;
		width: auto !important;
	}

	.sidebar_logo {
		padding-top: 30px;
		padding-bottom: 15px;
		max-width: 150px;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.sidebar_star {
		left: -50px;
		bottom: -50px;
	}


	.burger_menu_toggle {
		position: fixed;
		float: right;
		padding-right: 0px;
		z-index: 21;
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-align: right;
		right: 10px;
	  top: 7px;
	}

	.burger_menu_toggle a {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-decoration: none;
		z-index: 21;
	}

	.burger_menu_toggle a:hover {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-decoration: none;
		z-index: 21;
	}

	.burger_menu_col {
		position: fixed;
		float: right;
		height: 100vh;
	  width: 100vw;
		top: 0px;
	  right: -100%;
		background: rgb(245,236,49);
		background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
		/*
		background: linear-gradient(225deg, rgba(130,25,228,1) 0%, rgba(96,31,139,1) 100%);
		*/
		/*border-radius: 20px 0 0 20px;*/
		border-left: 0px solid #ffffff;
		z-index: 20;
		overflow-y: auto;
		overflow-x: hidden;
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		font-weight: 700;
		-webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  transition: all 0.5s ease;
		padding-bottom: 100px;
	}

	.burger_menu_col.toggled {
	  right: 0px;
	}

	.burger_manu_items a {
		color: #ffffff !important;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.burger_manu_items a:hover {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.burger_menu_star_bottom {
		display: block !important;
		position: relative !important;
		margin: 0 auto !important;
		left: 0 !important;
		transform: none !important;
		width: 150px !important;
		max-width: 150px !important;
		height: auto !important;
		z-index: 1 !important;
		filter: drop-shadow(0 6px 20px rgba(255, 215, 0, 0.4)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3)) !important;
		animation: floatCoin 3s ease-in-out infinite !important;
	}

	/* Coin wrapper for perfect centering on all devices */
	.coin-wrapper {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		margin: 0 auto !important;
		padding: 20px 0 !important;
	}

	/* Enhanced floating and glow animation for coin - GLOBAL */
	@keyframes floatCoin {
		0%, 100% {
			transform: translateY(0px);
			filter: drop-shadow(0 6px 20px rgba(255, 215, 0, 0.4)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3));
		}
		50% {
			transform: translateY(-12px);
			filter: drop-shadow(0 8px 25px rgba(255, 215, 0, 0.6)) drop-shadow(0 4px 15px rgba(0, 0, 0, 0.4));
		}
	}

	.hamburger {
		outline: 0;
	}

	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	    background-color: #cccccc !important;
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	    background-color: #cccccc !important;
	}

	/* end Sidebar */


	.fp_provider_img {
		width: auto !important;
		max-width: 100px !important;
	}

	.fp_provider_row .vce-col--xs-1-3 {
		margin-right: 15px;
    width: auto !important;
    max-width: 100px !important;
	}

	.products_providers_icons .vce-col--xs-1-2 {
		margin-right: 15px;
		width: auto !important;
		max-width: 45% !important;
	}

	.products_providers_icons .vce-col--xs-1-3 {
		margin-right: 15px;
		width: auto !important;
		max-width: 33% !important;
	}

	.img_our_products {
		max-height: 432px;
	}

	.col_benefit_bonus_img {
		max-width: 30% !important;
		margin-right: 0px !important;
	}

	.col_benefit_bonus_text {
		max-width: 70% !important;
	}

	.footer_col_links {
		width: auto !important;
		max-width: 50% !important;
		margin: 0px !important;
	}

 	.contact_us_addresses_icons_col {
		width: 50px !important;
		max-width: 50px !important;
	}

	.contact_us_addresses_address_col {
		width: auto !important;
		max-width: 280px !important;
	}

	.row_contact_socials img {
		text-align: center;
	}

	.contact_socials_col {
		width: auto !important;
		max-width: 50px !important;
		text-align: center;
		padding: 5px 0px;
	}

	.textblock_contact_addresses {
		font-size: 16px !important;
	}

	.wpcf7-textarea {
		font-size: 15px !important;
		min-height: 120px !important;
		padding: 12px 15px !important;
	}

	.wpcf7-text,
	.wpcf7-select,
	.wpcf7-number {
		font-size: 15px !important;
		padding: 12px 15px !important;
		height: 50px !important;
	}

	.wpcf7-submit {
		font-size: 16px !important;
		padding: 16px 36px !important;
		max-width: 100% !important;
	}

	.wpcf7-form .col,
	.wpcf7-form [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-bottom: 18px !important;
	}

	.c7_your_messenger {
		width: 100% !important;
	}

	.contact_us_submit_button {
		text-align: center;
		padding: 25px 0px 10px 0px !important;
		margin: 0 !important;
	}

	.footer_contact_single_icon_cols {
		width: auto !important;
		max-width: 40px !important;
		margin: 0px !important;
	}

	.footer_contact_single_text_cols {
		width: auto !important;
		max-width: 250px !important;
		margin: 0px !important;
		font-size: 14px !important;
	}

	

	.footer_copyright_text {
		margin: auto 0 !important;
		align-items: center !important;
		justify-content: center !important;
		display: grid !important;
		text-align: center !important;
	}

	.col_mail_tg_join {
		margin: auto 0 !important;
		align-items: center !important;
		justify-content: center !important;
		display: grid !important;
		text-align: center !important;
	}

}














/* Max 480px Handy / Mobile Style */
@media screen and (max-width: 30em) {

	.not_on_mobile {
		display: none !important;
	}

	.container_outer_padding {
		padding-left: 5px;
		padding-right: 5px;
	}

	.row_max_1140 {
		width: auto !important;
		max-width: 100% !important;
	}

	h1 {
		font-size: 24px !important;
		background: rgb(245,236,49);
		background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	h2 {
		font-size: 24px !important;
    	line-height: 1.2 !important;
		text-align: center;
	}

	h3 {
		font-size: 24px !important;
    	line-height: 1.2 !important;
		text-align: center;
	}

	.subpage_news_posts .vce-post-grid-with-hover-button-title {
		text-align: left !important;
	}

	.subpage_news_posts h3,
	.b2b_news h3 {
		font-size: 24px !important;
		line-height: 1.2 !important;
		text-align: left;
	}

	.card_textbox_row {
		padding-bottom: 0px !important;
	}

	.fp_provider {
		padding: 5px 5px !important;
	}

	.fp_provider_row img {
		padding: 7px 0px !important;
	}

	.headline_ownboss_en {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.headline_ownboss_de {
		font-size: 36px !important;
	}

	.headline_trusted_black {
		font-size: 32px;
	}

	.headline_trusted_violette {
		font-size: 32px;
	}

	.headline_trusted_white {
		font-size: 32px;
	}

	.provider_headline_violette {
		font-size: 32px;
	}

	.provider_headline_black {
		font-size: 32px;
	}

	.fg_contact_form {
		margin-top: 0px;
	}

	.contact_headline_violette {
		font-size: 32px;
	}

	.contact_headline_black {
		font-size: 32px;
	}

	.width_100 {
    width: 100%;
		padding-right: unset;
	}

	.mobile_center {
		text-align: center;
	}

	.img_float_left {
		float: right;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
	}

	.textblock_products ol {
		margin-left: 0px;
		/*padding-left: 5px;*/
	}

	/*
	.textblock_backoffice ul {
		margin-left: 0px;
		padding-left: 5px;
	}
	*/

	.textblock_backoffice {
		text-align: left;
	}

	.img_float_right {
		float: right;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 15px;
	}

	.col_benefits {
		text-align: center;
	}

	.col_benefits .vce-button--style-basic-container {
		text-align: center !important;
	}

	.c7_your_messenger {
		width: 40% !important;
	}

	.contact_form_phone_fix {
		margin-right: 5px;
	}

	.footer_full_row {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.row_footer_socials {
		padding-top: 20px;
	}

	.col_footer_socials {
		margin: auto 0;
		align-items: center;
		justify-content: center;
		display: grid;
	}

	.footer_copyright_text {
		margin: auto 0 !important;
		align-items: center !important;
		justify-content: center !important;
		display: grid !important;
		text-align: center !important;
	}

	.col_mail_tg_join {
		margin: auto 0 !important;
		align-items: center !important;
		justify-content: center !important;
		display: grid !important;
		text-align: center !important;
	}

	.footer_full_row img {
		margin: 0 auto;
	}

	.text_copyright,
	.footer_copyright_text {
		text-align: center !important;
	}

	.row_footer_mail_tg {
		margin: auto 0 !important;
		text-align: center !important;
	}

	.row_footer_mail_tg p {
		margin: auto 0 !important;
		text-align: center !important;
	}

	.img_footer_join_telegram img {
		margin: auto 0 !important;
		text-align: center !important;
		left: unset !important;
	}

	.footer_links_col, 
	.footer_links_col p {
		line-height: 2 !important;
		margin-bottom: 0px;
	}

	.footer_text_vision {
		padding-top: 15px;
	}

	.button_default,
	.wpcf7-submit {
		text-align: center !important;
	}

	.footer_logo, .col_footer_logo_content, .footer_mission_text {
		text-align: center !important;
	}

	[data-vcv-o-animated=true] {
	 animation-name: none;
	 visibility: visible !important;
	 -webkit-animation: none !important;
	 -moz-animation: none !important;
	 -o-animation: none !important;
	 -ms-animation: none !important;
	 animation: none !important;
	}

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




	/* Sidebar only Mobile version visible */

	.header_outer_burger {
		display: block !important;
		min-width: 80px !important;
	}

	.header_outer_burger {
		width: 100%;
		text-align: right;
	}

	.header_logo {
		height: 60px !important;
		width: auto !important;
	}

	.header_logo img {
		max-height: 52px !important;
		width: auto !important;
		padding-top: 5px;
	}

	.sidebar_logo {
		max-width: 150px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.header_logo_b2b,
	.custom-logo {
		max-width: 64px !important;
		max-height: 60px !important;
	}

	.sidebar_star {
		left: -50px;
		bottom: -50px;
	}

	.burger_menu_toggle {
		position: fixed;
		float: right;
		padding-right: 0px;
		z-index: 21;
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-align: right;
		right: 10px;
	  top: 7px;
	}

	.burger_menu_toggle a {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-decoration: none;
		z-index: 21;
	}

	.burger_menu_toggle a:hover {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-decoration: none;
		z-index: 21;
	}

	.burger_menu_col {
		/* position: fixed; */
		float: right;
		height: 100vh;
	  	width: 100vw;
		top: 0px;
		right: -450px;
		padding-top: 40px;
		background-color: #ffffff;
		/*
		background: linear-gradient(225deg, rgba(130,25,228,1) 0%, rgba(96,31,139,1) 100%);
		*/
		/*border-radius: 20px 0 0 20px;*/
		border-left: 0px solid #ffffff;
		z-index: 20;
		overflow: visible;
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		font-weight: 700;
		-webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	}

	.burger_menu_col.toggled {
	  right: 0px;
	}

	.burger_manu_items a {
		color: #000000;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.burger_manu_items a:hover {
		color: #cccccc;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.burger_menu_star_bottom {
		display: block !important;
		position: relative !important;
		margin: 0 auto !important;
		left: 0 !important;
		transform: none !important;
		width: 150px !important;
		max-width: 150px !important;
		height: auto !important;
		z-index: 1 !important;
		filter: drop-shadow(0 6px 20px rgba(255, 215, 0, 0.4)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3)) !important;
		animation: floatCoin 3s ease-in-out infinite !important;
	}

	/* Coin wrapper for perfect centering on all devices */
	.coin-wrapper {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		margin: 0 auto !important;
		padding: 20px 0 !important;
	}

	/* Enhanced floating and glow animation for coin - GLOBAL */
	@keyframes floatCoin {
		0%, 100% {
			transform: translateY(0px);
			filter: drop-shadow(0 6px 20px rgba(255, 215, 0, 0.4)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3));
		}
		50% {
			transform: translateY(-12px);
			filter: drop-shadow(0 8px 25px rgba(255, 215, 0, 0.6)) drop-shadow(0 4px 15px rgba(0, 0, 0, 0.4));
		}
	}

	.hamburger {
		outline: 0;
	}

	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	    background-color: #cccccc !important;
	}

	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	    background-color: #cccccc !important;
	}

	/* end Sidebar */


	.fp_provider_img {
		width: auto !important;
		max-width: 100px !important;
	}

	.fp_provider_row .vce-col--xs-1-3 {
		margin-right: 0px !important;
		width: auto !important;
		max-width: 33% !important;
		text-align: center;
		justify-content: center;
		align-content: center;
		margin: 0 auto;
	}

	.products_providers_icons .vce-col--xs-1-2 {
		margin-right: 15px;
		width: auto !important;
		max-width: 45% !important;
	}

	.products_providers_icons .vce-col--xs-1-3 {
		margin-right: 15px;
		width: auto !important;
		max-width: 33% !important;
	}

	.col_benefit_bonus_img {
		max-width: 30% !important;
		margin-right: 0px !important;
	}

	.col_benefit_bonus_text {
		max-width: 70% !important;
	}

	.footer_col_links {
		width: auto !important;
		max-width: 50% !important;
		margin: 0px !important;
	}

 	.contact_us_addresses_icons_col {
		width: 50px !important;
		max-width: 50px !important;
	}

	.contact_us_addresses_address_col {
		width: auto !important;
		max-width: 280px !important;
	}

	.contact_socials_col {
		width: auto !important;
		max-width: 50px !important;
		margin-right: 15px !important;
	}

	.wpcf7-spinner {
    	display: none !important;
	}

	.textblock_contact_addresses {
		font-size: 16px !important;
	}

	.wpcf7-textarea {
		font-size: 15px !important;
		min-height: 120px !important;
		padding: 12px 15px !important;
	}

	.wpcf7-text,
	.wpcf7-select,
	.wpcf7-number {
		font-size: 15px !important;
		padding: 12px 15px !important;
		height: 50px !important;
	}

	.wpcf7-submit {
		font-size: 16px !important;
		padding: 16px 36px !important;
		max-width: 100% !important;
	}

	.wpcf7-form .col,
	.wpcf7-form [class*="col-"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
		margin-bottom: 18px !important;
	}

	.c7_your_messenger {
		width: 100% !important;
	}

	.contact_us_submit_button {
		text-align: center;
		padding: 25px 0px 10px 0px !important;
		margin: 0 !important;
	}

	.footer_contact_single_icon_cols {
		width: auto !important;
		max-width: 40px !important;
		margin: 0px !important;
	}

	.footer_contact_single_text_cols {
		width: auto !important;
		max-width: 250px !important;
		margin: 0px !important;
		font-size: 14px !important;
	}

	.western_slots .vce-image-masonry-gallery-with-scaleup-column {
		justify-content: center;
		display: flex;
	}

	.eastern_slots .vce-image-masonry-gallery-with-scaleup-item,
	.western_slots .vce-image-masonry-gallery-with-scaleup-item {
		max-width: 30%;
		display: inline-flex;
		justify-content: center;
	}

}

  /* Game Badge Styles */

  .game-card-wrapper {
      position: relative;
      display: inline-block;
      width: 100%;
  }

  .game-badge {
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 5px 12px;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 5px;
      z-index: 10;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
      animation: pulse 2s infinite;
  }

  /* HOT badge - Red/Orange gradient */
  .game-badge-hot {
      background: linear-gradient(135deg, #ff6b6b 0%, #ff4757 100%);
      color: #ffffff;
  }

  /* NEW badge - Green gradient */
  .game-badge-new {
      background: linear-gradient(135deg, #1dd1a1 0%, #10ac84 100%);
      color: #ffffff;
  }

  /* FEATURED badge - Purple gradient */
  .game-badge-featured {
      background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
      color: #ffffff;
  }

  /* EXCLUSIVE badge - Gold gradient */
  .game-badge-exclusive {
      background: linear-gradient(135deg, #ffd700 0%, #ffb900 100%);
      color: #333333;
  }

  /* TRENDING badge - Pink gradient */
  .game-badge-trending {
      background: linear-gradient(135deg, #fd79a8 0%, #e84393 100%);
      color: #ffffff;
  }

  /* Pulse animation */
  @keyframes pulse {
      0%, 100% {
          transform: scale(1);
      }
      50% {
          transform: scale(1.05);
      }
  }

  /* Mobile responsive */
  @media screen and (max-width: 767px) {
      .game-badge {
          top: 5px;
          right: 5px;
          padding: 3px 8px;
          font-size: 10px;
      }
  }
  
  .img_slots {
      max-width: 100% !important;
      max-height: 200px !important;
      width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
      margin: 0 auto !important;
      display: block !important;
  }

  /* White label page provider logos - force bigger size */
  .col_slots .img_slots,
  .col_slots img.img_slots,
  img.img_slots.img-fluid {
      max-width: 100% !important;
      max-height: 200px !important;
      width: 100% !important;
      height: auto !important;
  }

  /* Center the last row of provider logos - ONLY white-label page */
  .page-id-63 .row.gy-5 {
      justify-content: center !important;
      --bs-gutter-y: 0rem !important;
      row-gap: 0px !important;
      column-gap: 0px !important;
      margin-top: 0 !important;
  }

  /* Remove vertical spacing for product-api page */
  .page-id-65 .row.gy-5 {
      justify-content: center !important;
      --bs-gutter-y: 0rem !important;
      row-gap: 0px !important;
      column-gap: 0px !important;
      margin-top: 0 !important;
  }

  /* Ensure consistent spacing for white-label and product-api pages */
  .page-id-63 .col_slots,
  .page-id-63 .col-xl-2.col_slots,
  .page-id-63 .col-lg-3.col_slots,
  .page-id-63 .col-md-4.col_slots,
  .page-id-63 .col-sm-6.col_slots,
  .page-id-63 .col-6.col_slots,
  .page-id-63 .col-3.col_slots,
  .page-id-65 .col_slots,
  .page-id-65 .col-xl-2.col_slots,
  .page-id-65 .col-lg-3.col_slots,
  .page-id-65 .col-md-4.col_slots,
  .page-id-65 .col-sm-6.col_slots,
  .page-id-65 .col-6.col_slots,
  .page-id-65 .col-3.col_slots {
      padding: 10px !important;
      margin-top: 0px !important;
  }


/* Home Page Provider Logos - Same size and spacing */
  .swiper-slide {
      padding: 0 15px !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      min-width: 280px !important;
      width: auto !important;
      flex-shrink: 0 !important;
  }

  /* .img_home_providers {
      max-width: 240px !important;
      max-height: 160px !important;
      min-width: 180px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      padding: 10px !important;

      margin: 0 auto !important;
  } */

  .img_home_providers {
    width: 250px !important;
    height: 180px !important;
    min-width: 250px !important;
    min-height: 180px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    padding: 15px !important;
    margin: 0 auto !important;
    display: block !important;
}


/* ============================================================================
   COMPREHENSIVE RESPONSIVE MEDIA QUERIES FOR ALL DEVICES
   ============================================================================ */

/* Extra Large Desktop - 1920px and above */
@media screen and (min-width: 1920px) {
	.container, .row_max_1140 {
		max-width: 1400px;
	}
}

/* Large Desktop - 1440px to 1919px */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
	.container, .row_max_1140 {
		max-width: 1320px;
	}
}

/* Standard Desktop - 1200px to 1439px */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
	.container, .row_max_1140 {
		max-width: 1140px;
	}

	.header_outer_logo {
		max-width: 200px;
	}

	h1 { font-size: 42px; }
	h2 { font-size: 36px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }
}

/* Laptop / Small Desktop - 1024px to 1199px */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.container, .row_max_1140 {
		max-width: 960px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.header_outer_logo {
		max-width: 200px !important; /* Increased logo max-width */
	}

	.custom-logo, #header_logo_b2b {
		max-height: 60px !important; /* Increased logo max-height */
		width: auto !important;
	}

	h1 { font-size: 38px !important; }
	h2 { font-size: 32px !important; }
	h3 { font-size: 26px !important; }
	h4 { font-size: 22px !important; }

	.img_home_providers {
		width: 220px !important;
		height: 160px !important;
		min-width: 220px !important;
		min-height: 160px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}
}

/* Tablet Landscape - 768px to 1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {

	body {
		padding-top: 70px !important; /* Adjusted padding */
	}

	.container, .row_max_1140 {
		max-width: 100%;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.container_outer_padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header_outer_logo {
		max-width: 160px !important; /* Increased logo max-width */
	}

	.custom-logo, #header_logo_b2b {
		max-width: 100% !important;
		max-height: 60px !important; /* Increased logo max-height */
		height: auto !important;
	}

	h1 { font-size: 34px !important; }
	h2 { font-size: 28px !important; }
	h3 { font-size: 22px !important; }
	h4 { font-size: 18px !important; }

	p, li, .text-content {
		font-size: 15px;
		line-height: 1.6;
	}

	/* Make images responsive */
	img {
		max-width: 100% !important;
		height: auto !important;
	}

	.img_home_providers {
		width: 180px !important;
		height: 140px !important;
		min-width: 180px !important;
		min-height: 140px !important;
		padding: 10px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	/* Grid adjustments */
	.col-lg-3, .col-lg-4, .col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	/* Section spacing */
	section, .section {
		padding: 30px 0;
	}

	/* Button sizing */
	.btn, button {
		padding: 10px 20px;
		font-size: 15px;
	}

	/* Footer center alignment */
	.footer_logo, .col_footer_logo_content, .footer_mission_text {
		text-align: center !important;
	}
}

/* Tablet Portrait - 600px to 767px */
@media screen and (min-width: 600px) and (max-width: 767px) {

	body {
		padding-top: 65px !important; /* Adjusted padding */
	}

	.container, .row_max_1140 {
		max-width: 100%;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.container_outer_padding {
		padding-left: 12px;
		padding-right: 12px;
	}

	.header_outer_logo {
		max-width: 140px !important; /* Increased logo max-width */
	}

	.custom-logo, #header_logo_b2b {
		max-width: 100% !important;
		max-height: 55px !important; /* Increased logo max-height */
		height: auto !important;
	}

	h1 { font-size: 30px !important; }
	h2 { font-size: 26px !important; }
	h3 { font-size: 20px !important; }
	h4 { font-size: 18px !important; }

	p, li, .text-content {
		font-size: 15px;
		line-height: 1.6;
	}

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

	.img_home_providers {
		width: 160px !important;
		height: 120px !important;
		min-width: 160px !important;
		min-height: 120px !important;
		padding: 8px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	/* Full width columns on tablet portrait */
	[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	section, .section {
		padding: 25px 0;
	}

	.btn, button {
		padding: 10px 18px;
		font-size: 14px;
	}
}

/* Mobile Landscape - 480px to 599px */
@media screen and (min-width: 480px) and (max-width: 599px) {

	body {
		padding-top: 60px !important; /* Adjusted padding */
		font-size: 14px;
	}

	.container, .row_max_1140 {
		max-width: 100%;
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	.container_outer_padding {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header_outer_logo {
		max-width: 120px !important; /* Increased logo max-width */
	}

	.custom-logo, #header_logo_b2b {
		max-width: 100% !important;
		max-height: 50px !important; /* Increased logo max-height */
		height: auto !important;
	}

	h1 { font-size: 26px !important; }
	h2 { font-size: 22px !important; }
	h3 { font-size: 18px !important; }
	h4 { font-size: 16px !important; }

	p, li, .text-content {
		font-size: 14px;
		line-height: 1.5;
	}

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

	.img_home_providers {
		width: 140px !important;
		height: 100px !important;
		min-width: 140px !important;
		min-height: 100px !important;
		padding: 6px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	section, .section {
		padding: 20px 0;
	}

	.btn, button {
		padding: 8px 16px;
		font-size: 13px;
		width: 100%;
		max-width: 300px;
	}
}

/* Mobile Portrait - 320px to 479px */
@media screen and (min-width: 320px) and (max-width: 479px) {

	body {
		padding-top: 60px !important; /* Adjusted padding */
		font-size: 14px;
	}

	.container, .row_max_1140 {
		max-width: 100%;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.container_outer_padding {
		padding-left: 8px;
		padding-right: 8px;
	}

	.header_outer_logo {
		max-width: 90px !important;
	}

	.custom-logo, #header_logo_b2b {
		max-width: 100% !important;
		max-height: 55px !important; /* Further increased logo height */
		height: auto !important;
	}

	h1 { font-size: 24px !important; }
	h2 { font-size: 20px !important; }
	h3 { font-size: 18px !important; }
	h4 { font-size: 16px !important; }

	p, li, .text-content {
		font-size: 14px;
		line-height: 1.5;
	}

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

	.img_home_providers {
		width: 120px !important;
		height: 90px !important;
		min-width: 120px !important;
		min-height: 90px !important;
		padding: 5px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	[class*="col-"] {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 8px;
		padding-right: 8px;
	}

	section, .section {
		padding: 15px 0;
	}

	.btn, button {
		padding: 8px 14px;
		font-size: 13px;
		width: 100%;
	}

	/* Make navigation more compact */
	.mobile_nav_bar {
		height: 60px !important; /* Adjusted height */
	}

	body {
		padding-top: 60px !important;
	}
}

/* Extra Small Mobile - Below 320px */
@media screen and (max-width: 319px) {

	body {
		padding-top: 55px !important; /* Adjusted padding */
		font-size: 13px;
	}

	.container, .row_max_1140 {
		padding-left: 8px;
		padding-right: 8px;
	}

	.header_outer_logo {
		max-width: 300px !important;
	}

	h1 { font-size: 20px !important; }
	h2 { font-size: 18px !important; }
	h3 { font-size: 16px !important; }
	h4 { font-size: 14px !important; }

	.img_home_providers {
		width: 100px !important;
		height: 80px !important;
		min-width: 100px !important;
		min-height: 80px !important;
	}

	.img_slots {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}

	.mobile_nav_bar {
		height: 55px !important; /* Adjusted height */
	}

	body {
		padding-top: 55px !important;
	}

	.custom-logo, #header_logo_b2b {
		max-width: 100% !important;
		max-height: 50px !important; /* Further increased logo height */
		height: auto !important;
	}
}

/* ============================================================================
   END RESPONSIVE MEDIA QUERIES
   ============================================================================ */

/* ============================================================================
   TABLET SPECIFIC REFINEMENTS AND FIXES
   ============================================================================ */

/* Tablet-specific header and navigation fixes */
@media screen and (min-width: 768px) and (max-width: 1170px) {
	
	/* Ensure header area is properly spaced */
	.mobile_nav_bar {
		padding: 0 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	/* Language flags optimization for tablet */
	.menu-language-switch-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px 0;
	}
	
	.menu-language-switch-container ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		margin: 0 auto;
	}
	
	.menu-language-switch-container li {
		list-style: none;
		margin: 0 4px;
	}
	
	.menu-language-switch-container img {
		max-width: 35px !important;
		height: auto !important;
		padding: 5px !important;
	}
	
	/* Optimize main content area */
	.entry-content, .site-content {
		padding: 0 20px;
	}
	
	/* Ensure no horizontal scroll */
	body, html {
		overflow-x: hidden;
		max-width: 100%;
	}
	
	/* Fix any wide elements */
	img, video, iframe, table {
		max-width: 100%;
		height: auto;
	}
	
	/* Ensure proper column stacking */
	.row {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	[class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/* Optimize headings for tablet readability */
	.entry-title, .page-title {
		word-wrap: break-word;
		hyphens: auto;
	}
	
	/* Better spacing for sections */
	.wp-block-group, .wp-block-columns {
		margin-bottom: 20px;
	}
}

/* Mobile-specific language flag optimization */
@media screen and (max-width: 767px) {
	
	.menu-language-switch-container {
		width: 100%;
		padding: 10px 0;
	}
	
	.menu-language-switch-container ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
		padding: 0 10px;
	}
	
	.menu-language-switch-container li {
		list-style: none;
		margin: 0 3px;
	}
	
	.menu-language-switch-container img {
		max-width: 30px !important;
		height: auto !important;
		padding: 3px !important;
	}
	
	/* Prevent horizontal overflow on mobile */
	body, html {
		overflow-x: hidden;
		max-width: 100vw;
	}
	
	/* Fix wide content */
	* {
		max-width: 100%;
	}
	
	img, video, iframe {
		max-width: 100% !important;
		height: auto !important;
	}
	
	/* Ensure text doesn't overflow */
	h1, h2, h3, h4, h5, h6, p {
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
}

/* ============================================================================
   END TABLET SPECIFIC REFINEMENTS
   ============================================================================ */
/* ============================================================================
   NUCLEAR OPTION - FORCE HIDE DESKTOP NAV ON TABLETS
   ============================================================================ */

/* Force hide desktop navigation on screens below 1440px - OVERRIDE EVERYTHING */
@media screen and (max-width: 1440px) {
	
	/* Target by class */
	.col_desktop_nav_bar {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		left: -9999px !important;
	}
	
	/* Target by ID */
	#header_js_styles {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		left: -9999px !important;
	}
	
	/* Target the row inside */
	.header_outer_row {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Target the nav */
	.header_outer_nav {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* FORCE SHOW mobile navigation */
	.mobile_nav_bar {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		z-index: 9999 !important; /* Increased z-index */
		height: 70px !important; /* Increased height */
	}
	
	.container_mobile {
		display: block !important;
		visibility: visible !important;
	}
	
	.burger_menu_toggle {
		display: block !important;
		visibility: visible !important;
	}
	
	/* Force body padding for fixed header */
	body {
		padding-top: 70px !important; /* Adjusted padding */
	}
}

/* Only show desktop nav on very large screens */
@media screen and (min-width: 1441px) {
	.mobile_nav_bar {
		display: none !important;
	}

	.container_mobile {
		display: none !important;
	}

	.burger_menu_col,
	.burger_menu_col.toggled {
		display: none !important;
		visibility: hidden !important;
	}

	.col_desktop_nav_bar {
		display: flex !important;
	}

	#header_js_styles {
		display: block !important;
	}
}

/* ============================================================================
   CLEAN MOBILE/TABLET HEADER - ONLY LOGO AND HAMBURGER
   ============================================================================ */

/* Hide everything except logo and hamburger on mobile/tablet header */
@media screen and (max-width: 1440px) {
	
	/* Hide language flags in header area */
	.mobile_nav_bar .language-selector,
	.mobile_nav_bar #language-selector,
	.mobile_nav_bar .menu-language-switch-container,
	.mobile_nav_bar img[alt*="flag"],
	.mobile_nav_bar img[src*="flag"] {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Hide demo links in header */
	.mobile_nav_bar a[href*="demo"],
	.mobile_nav_bar .demo-links,
	.mobile_nav_bar p {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Hide language text/links */
	.mobile_nav_bar .col_lang,
	.mobile_nav_bar .col_login_lang {
		display: none !important;
	}
	
	/* Ensure only logo and hamburger visible */
	.mobile_nav_bar {
		padding: 0 15px !important;
	}
	
	.mobile_nav_bar .row {
		align-items: center !important;
	}
	
	.mobile_nav_bar .col-6 {
		display: flex !important;
		align-items: center !important;
	}
	
	/* Logo area - left side */
	.mobile_nav_bar .text_left,
	.mobile_nav_bar .col-6:first-child {
		justify-content: flex-start !important;
	}
	
	/* Hamburger area - right side */
	.mobile_nav_bar .text_right,
	.mobile_nav_bar .col-6:last-child {
		justify-content: flex-end !important;
	}
	
	/* Logo sizing */
	.mobile_nav_bar .custom-logo,
	.mobile_nav_bar img[class*="logo"] {
		max-height: 60px !important; /* Increased logo height */
		width: auto !important;
		margin: 0 !important;
		padding: 5px 0 !important;
	}
	
	/* Hamburger menu button */
	.burger_menu_toggle {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.hamburger {
		padding: 10px !important;
	}
}

/* Extra cleaning for very small mobile */
@media screen and (max-width: 767px) {
	
	/* Logo on phones */
	.mobile_nav_bar .custom-logo,
	.mobile_nav_bar img[class*="logo"] {
		max-height: 65px !important; /* Further increased logo height */
	}
	
	/* Compact header */
	.mobile_nav_bar {
		height: 70px !important; /* Increased height */
		padding: 0 10px !important;
	}
	
	body {
		padding-top: 70px !important; /* Adjusted padding */
	}
}

/* ============================================================================
   END CLEAN MOBILE HEADER
   ============================================================================ */

/* ============================================================================
   HIDE NAVIGATION ELEMENTS FROM MAIN CONTENT - ONLY SHOW IN HAMBURGER MENU
   ============================================================================ */

/* On mobile/tablet - hide these from main page, only show in sidebar */
@media screen and (max-width: 1440px) {
	
	/* Hide language flags from main content */
	body > img[src*="flag"],
	main img[src*="flag"],
	.site-content img[src*="flag"],
	.entry-content img[src*="flag"],
	article img[src*="flag"]:not(.container_mobile img) {
		display: none !important;
	}
	
	/* Hide language links from main content */
	body > a[href*="/en"],
	body > a[href*="/de"],
	body > a[href*="/zh"],
	body > a[href*="/th"],
	body > a[href*="/kh"],
	body > a[href*="/mm"],
	body > a[href*="/id"],
	body > a[href*="/vn"],
	body > a[href*="/ru"],
	body > a[href*="/fr"],
	body > a[href*="/es"],
	main > a > img[src*="flag"],
	.site-content > a > img[src*="flag"] {
		display: none !important;
	}
	
	/* Hide DEMO text and links from main content */
	body > p:contains("DEMO"),
	main > p,
	.entry-content > p:first-child {
		display: none !important;
	}
	
	/* Hide coin image from main content */
	body > img[src*="Coin"],
	body > img[src*="coin"],
	main img[src*="Gold-Coin"],
	.site-content > img[src*="Coin"]:not(.container_mobile img) {
		display: none !important;
	}
	
	/* More specific: hide direct children of body that are links with flag images */
	body > a > img[alt*="English"],
	body > a > img[alt*="Chinese"],
	body > a > img[alt*="Thai"],
	body > a > img[alt*="Khmer"],
	body > a > img[alt*="Burmese"],
	body > a > img[alt*="Indonesian"],
	body > a > img[alt*="Vietnamese"],
	body > a > img[alt*="Russian"],
	body > a > img[alt*="German"],
	body > a > img[alt*="Spanish"],
	body > a > img[alt*="French"] {
		display: none !important;
	}
	
	/* Hide elements before main content */
	#page > img[src*="flag"],
	#page > a[href*="noredirect"],
	#page > p {
		display: none !important;
	}
	
	/* Ensure hamburger sidebar elements ARE visible */
	.container_mobile img[src*="flag"],
	.container_mobile a > img[src*="flag"],
	.burger_menu_col img[src*="flag"],
	.burger_menu_col a > img[src*="flag"],
	.burger_menu_col img[src*="Coin"],
	.burger_menu_col p {
		display: inline-block !important;
		visibility: visible !important;
	}
}

/* ============================================================================
   END HIDE FROM MAIN CONTENT
   ============================================================================ */

/* NUCLEAR OPTION - Force hide ALL navigation elements from content area */
@media screen and (max-width: 1440px) {
	
	/* Target the specific content area more aggressively */
	.site-content a[href*="noredirect"] img,
	.site-content a[href="/en"] img,
	.site-content a[href="/zh"] img,
	.site-content a[href="/zh-tw"] img,
	.site-content a[href="/th"] img,
	.site-content a[href="/kh"] img,
	.site-content a[href="/mm"] img,
	.site-content a[href="/id"] img,
	.site-content a[href="/vn"] img,
	.site-content a[href="/ru"] img,
	.site-content a[href="/de"] img,
	.site-content a[href="/fr"] img,
	.site-content a[href="/es"] img {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		position: absolute !important;
		left: -9999px !important;
	}
	
	/* Hide the actual link elements too */
	.site-content a[href*="noredirect"],
	.site-content a[href="/en"],
	.site-content a[href="/zh"],
	.site-content a[href="/zh-tw"],
	.site-content a[href="/th"],
	.site-content a[href="/kh"],
	.site-content a[href="/mm"],
	.site-content a[href="/id"],
	.site-content a[href="/vn"],
	.site-content a[href="/ru"],
	.site-content a[href="/de"],
	.site-content a[href="/fr"],
	.site-content a[href="/es"] {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Hide images with width="30px" (the language flags) */
	.site-content img[width="30px"],
	main img[width="30px"],
	article img[width="30px"] {
		display: none !important;
	}
	
	/* Hide text containing "DEMO:" */
	.site-content *:contains("DEMO:"),
	main *:contains("CASH SITE"),
	main *:contains("CREDIT SITE") {
		display: none !important;
	}
	
	/* Target by actual text content if it appears */
	.entry-content > p:first-of-type:contains("DEMO") {
		display: none !important;
	}
}

/* ============================================================================
   FINAL FIX - ONLY SHOW NAV IN HAMBURGER SIDEBAR, HIDE EVERYWHERE ELSE
   ============================================================================ */

@media screen and (max-width: 1440px) {
	
	/* Hide ALL img elements with flag in src EXCEPT those in hamburger sidebar */
	img[src*="flag_"]:not(.container_mobile img):not(.burger_menu_col img) {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Hide coin image everywhere except hamburger sidebar */
	img[src*="Gold-Coin"]:not(.container_mobile img):not(.burger_menu_col img),
	img[alt*="Coin"]:not(.container_mobile img):not(.burger_menu_col img) {
		display: none !important;
		visibility: hidden !important;
	}
	
	/* Hide class img_footer_lang everywhere except in sidebar */
	.img_footer_lang:not(.container_mobile .img_footer_lang):not(.burger_menu_col .img_footer_lang) {
		display: none !important;
	}
	
	/* Hide links to language pages in content area */
	.site-content a[href*="noredirect"],
	.site-content a[href^="/en"],
	.site-content a[href^="/zh"],
	.site-content a[href^="/th"],
	.site-content a[href^="/kh"],
	.site-content a[href^="/mm"],
	.site-content a[href^="/id"],
	.site-content a[href^="/vn"],
	.site-content a[href^="/ru"],
	.site-content a[href^="/de"],
	.site-content a[href^="/fr"],
	.site-content a[href^="/es"],
	main a[href*="noredirect"],
	article a[href*="noredirect"] {
		display: none !important;
	}
	
	/* CRITICAL: Hide from entry-content specifically */
	.entry-content img[width="30px"],
	.entry-content img[src*="flag"],
	.entry-content a > img[alt*="English"],
	.entry-content a > img[alt*="Chinese"],
	.entry-content a > img[alt*="Thai"],
	.entry-content a > img[alt*="Khmer"],
	.entry-content a > img[alt*="Burmese"],
	.entry-content a > img[alt*="Indonesian"],
	.entry-content a > img[alt*="Vietnamese"],
	.entry-content a > img[alt*="Russian"],
	.entry-content a > img[alt*="German"],
	.entry-content a > img[alt*="Spanish"],
	.entry-content a > img[alt*="French"] {
		display: none !important;
		position: absolute !important;
		left: -9999px !important;
	}
	
	/* Hide from wp-block-image (WordPress blocks) */
	.wp-block-image img[src*="flag"],
	.wp-block-image img[src*="Coin"] {
		display: none !important;
	}
	
	/* Make SURE hamburger sidebar elements ARE visible */
	.container_mobile *,
	.burger_menu_col * {
		display: revert !important;
		visibility: visible !important;
		position: relative !important;
	}
	
	/* Restore hamburger sidebar images */
	.container_mobile img,
	.burger_menu_col img {
		display: inline-block !important;
	}
}

/* ============================================================================
   END FINAL FIX
   ============================================================================ */

/* =========================================================================
   FIX HAMBURGER MENU - MAKE IT WORK LIKE MOBILE
   ========================================================================= */

/* Hide hamburger sidebar by default on all devices */
.container_mobile {
	display: block !important;
	position: fixed !important;
	top: 0 !important;
	right: -100% !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 999 !important;
	transition: right 0.5s ease !important;
}

/* Show hamburger sidebar when toggled class is added */
.burger_menu_col.toggled {
	right: 0 !important;
}

/* The burger_menu_col itself */
.burger_menu_col {
	position: fixed !important;
	right: -100% !important;
	top: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 999 !important;
	overflow-y: auto !important;
	transition: right 0.5s ease !important;
}

/* Hamburger button always visible in header */
.burger_menu_toggle,
.hamburger {
	display: block !important;
	visibility: visible !important;
	z-index: 1001 !important;
}

/* Mobile nav bar always shows on tablets/mobile */
@media screen and (max-width: 1440px) {
	.mobile_nav_bar {
		display: block !important;
	}
}

/* =========================================================================
   HIDE ALL NAVIGATION FROM MAIN CONTENT AREA
   ========================================================================= */

/* Hide WordPress menus from content area */
@media screen and (max-width: 1440px) {
	
	/* Hide navigation menu that appears in content */
	.site-content nav,
	.site-content .nav,
	.site-content .menu,
	.entry-content nav,
	.entry-content .nav,
	.entry-content .menu,
	main > nav:not(.footer-navigation):not(.mobile-navigation),
	article > nav {
		display: none !important;
	}
	
	/* Hide menu items with specific classes */
	.menu-item,
	.nav-item,
	#menu-navbar,
	.navbar,
	ul.menu:not(.container_mobile ul.menu),
	ul.nav:not(.container_mobile ul.nav) {
		display: none !important;
	}
	
	/* Hide links that look like navigation */
	a[href*="B2B RNG"],
	a[href*="FORTUNE SLOTS"],
	a[href*="KNOWLEDGE CENTER"],
	a[href*="b2b-crash"],
	.site-content a:contains("B2B RNG GAMES"),
	.site-content a:contains("FORTUNE SLOTS"),
	.site-content a:contains("KNOWLEDGE CENTER"),
	.site-content a:contains("NEWS"),
	.site-content a:contains("CONTACT"),
	.site-content a:contains("B2B CRASH") {
		display: none !important;
	}
	
	/* ALLOW navigation only in hamburger sidebar */
	.container_mobile nav,
	.container_mobile .menu,
	.burger_menu_col nav,
	.burger_menu_col .menu,
	.footer-navigation,
	.mobile-navigation {
		display: block !important;
	}
}

/* =========================================================================
   END HAMBURGER FIX
   ========================================================================= */

/* ============================================================================
   ADD DARK OVERLAY BACKGROUND WHEN HAMBURGER MENU OPENS
   ============================================================================ */

/* Dark overlay background behind hamburger sidebar */
.container_mobile::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Show overlay when menu is toggled */
.burger_menu_col.toggled::before,
.container_mobile:has(.burger_menu_col.toggled)::before {
	opacity: 1;
	visibility: visible;
}

/* Make sure sidebar is above overlay - IMPROVED STYLING */
.burger_menu_col {
	z-index: 1000 !important;
	background: rgb(245,236,49);
	background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
	padding: 0 !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch !important;
}

/* Alternative: Add overlay as separate element if ::before doesn't work */
.burger_menu_col.toggled ~ .overlay-background,
body.menu-open::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	z-index: 998;
	animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* ============================================================================
   END OVERLAY BACKGROUND
   ============================================================================ */

/* ============================================================================
   HAMBURGER BUTTON ANIMATION - TURN INTO X WHEN CLICKED
   ============================================================================ */

/* When menu is toggled, add class to body for overlay */
body:has(.burger_menu_col.toggled) {
	overflow: hidden;
}

/* Better overlay using body */
body:has(.burger_menu_col.toggled)::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
	z-index: 998;
	pointer-events: none;
}

/* Hamburger becomes active when menu open */
.burger_menu_col.toggled ~ * .hamburger,
body:has(.burger_menu_col.toggled) .hamburger {
	z-index: 1001;
}

/* Hamburger animation is already handled by hamburgers.css library */
/* Just ensure it's visible above overlay */
.hamburger {
	position: relative;
	z-index: 1001 !important;
}

.mobile_nav_bar {
	z-index: 9999 !important; /* Increased z-index */
}

/* ============================================================================
   END HAMBURGER ANIMATION
   ============================================================================ */

/* ============================================================================
   CLEAN HAMBURGER SIDEBAR LAYOUT - DEPRECATED - COMMENTED OUT (CONFLICTING)
   ============================================================================ */

/* COMMENTED OUT - THIS WAS CAUSING WHITE BOXES AND CONFLICTS
@media screen and (max-width: 1440px) {
	
	/* Add top padding to hamburger sidebar */
	.burger_menu_col {
		padding-top: 80px !important;
		padding-bottom: 40px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	/* Logo at top - centered with spacing */
	.burger_menu_col .sidebar_logo {
		display: block !important;
		margin: 0 auto 30px auto !important;
		max-width: 200px !important;
		width: auto !important;
		height: auto !important;
	}
	
	/* Navigation links spacing */
	.burger_menu_col .footer-navigation,
	.burger_menu_col .mobile-navigation,
	.burger_menu_col nav {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}

	/* Nav items spacing */
	.footer_nav_items,
	.mobile_nav_items,
	.burger_menu_col a {
		display: block !important;
		margin: 8px 0 !important;
		line-height: 1.4 !important;
	}

	/* DEMO links spacing */
	.burger_manu_items,
	.burger_menu_col p {
		margin: 15px 0 !important;
		padding: 10px 0 !important;
	}
	
	/* Coin image spacing */
	.burger_menu_star_bottom {
		display: block !important;
		margin: 20px auto !important;
	}
	
	/* Language flags spacing */
	.burger_menu_col .img_footer_lang {
		margin: 5px !important;
	}

	/* Container inside sidebar */
	.burger_menu_col .div_container_footer_links,
	.burger_menu_col .div_container_mobile_links {
		padding: 0 !important;
	}
	
	/* Better text alignment */
	.burger_menu_col {
		text-align: center !important;
		overflow-y: auto !important;
	}
	
	/* Menu items better styling */
	.burger_menu_col span,
	.burger_menu_col a {
		font-size: 18px !important;
		font-weight: 600 !important;
		color: #ffffff !important;
	}

	/* Clean gaming-style menu - optimized for performance */
	.burger_menu_col .mobile-navigation a,
	.burger_menu_col .footer-navigation a {
		background: transparent !important;
		border-radius: 8px !important;
		padding: 12px 20px !important;
		margin: 5px 15px !important;
		display: block !important;
		text-align: left !important;
		letter-spacing: 1px !important;
		text-transform: uppercase !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		transition: background 0.2s ease, border-left-color 0.2s ease !important;
		border: none !important;
		border-left: 3px solid transparent !important;
		position: relative !important;
		will-change: background, border-left-color !important;
	}

	/* Subtle underline effect */
	.burger_menu_col .mobile-navigation a::after,
	.burger_menu_col .footer-navigation a::after {
		content: '' !important;
		position: absolute !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 0% !important;
		height: 2px !important;
		background: rgba(255, 255, 255, 0.8) !important;
		transition: width 0.3s ease !important;
		will-change: width !important;
	}

	/* Hover effect - lightweight, no text-shadow for performance */
	.burger_menu_col .mobile-navigation a:hover,
	.burger_menu_col .footer-navigation a:hover {
		background: rgba(255, 255, 255, 0.08) !important;
		border-left-color: rgba(255, 255, 255, 0.9) !important;
	}

	.burger_menu_col .mobile-navigation a:hover::after,
	.burger_menu_col .footer-navigation a:hover::after {
		width: 100% !important;
	}

	/* Logo styling - static for better performance */
	.sidebar_logo {
		margin-top: 20px !important;
		filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)) !important;
	}
}
END COMMENTED OUT BLOCK 1 */

/* ============================================================================
   END HAMBURGER SIDEBAR SPACING
   ============================================================================ */

/* ============================================================================
   REVERT TO ORIGINAL MOBILE LINK STYLING - DEPRECATED - COMMENTED OUT
   ============================================================================ */

/* COMMENTED OUT - THIS WAS ALSO CAUSING CONFLICTS
@media screen and (max-width: 1440px) {
	
	/* Remove my overrides - use original mobile styles */
	.footer_nav_items,
	.mobile_nav_items {
		display: inline-block !important;
		color: #ffffff !important;
		text-transform: uppercase !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
	}

	/* Navigation in hamburger - original style */
	.burger_menu_col .footer-navigation,
	.burger_menu_col .mobile-navigation {
		margin-top: 20px !important;
		margin-bottom: 30px !important;
	}

	/* Links in hamburger should be inline-block like mobile */
	.burger_menu_col .footer-navigation a,
	.burger_menu_col .mobile-navigation a {
		display: inline-block !important;
		margin: 5px !important;
		color: #ffffff !important;
	}

	/* Container for links */
	.burger_menu_col .div_container_footer_links,
	.burger_menu_col .div_container_mobile_links {
		text-align: center !important;
		padding: 10px !important;
	}

	/* Don't force block display on nav items */
	.burger_menu_col .footer_nav_items,
	.burger_menu_col .mobile_nav_items,
	.burger_menu_col .footer-navigation span,
	.burger_menu_col .mobile-navigation span {
		display: inline-block !important;
		margin: 8px 10px !important;
	}
}
END COMMENTED OUT BLOCK 2 */

/* ============================================================================
   END REVERT TO MOBILE STYLING
   ============================================================================ */

/* ============================================================================
   RESTRUCTURE HAMBURGER MENU - VERTICAL LIST LIKE SCREENSHOT
   ============================================================================ */

@media screen and (max-width: 1440px) {
	
	/* IMPORTANT: DO NOT style spans - they create white boxes! */
	/* Only style the actual link elements, not the spans inside them */

	/* Ensure all spans inside navigation have NO styling */
	.burger_menu_col .mobile_nav_items,
	.burger_menu_col .footer_nav_items,
	.burger_menu_col .mobile-navigation span,
	.burger_menu_col .footer-navigation span,
	.burger_menu_col span.mobile_nav_items,
	.burger_menu_col span.footer_nav_items {
		background: none !important;
		background-color: transparent !important;
		display: inline !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* Ensure main navigation container has no background */
	.burger_menu_col .mobile-navigation,
	.burger_menu_col .footer-navigation,
	.burger_menu_col nav.mobile-navigation,
	.burger_menu_col nav.footer-navigation {
		background: none !important;
		background-color: transparent !important;
	}

	/* Container for navigation - IMPROVED SPACING */
	.burger_menu_col .footer-navigation,
	.burger_menu_col .mobile-navigation {
		width: 100% !important;
		margin: 15px 0 25px 0 !important;
		padding: 0 15px !important;
		position: relative !important;
		z-index: 1 !important;
	}

	.burger_menu_col .div_container_footer_links,
	.burger_menu_col .div_container_mobile_links {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
		background-color: transparent !important;
	}

	.burger_menu_col .div_container_footer_links .row,
	.burger_menu_col .div_container_footer_links .col-12,
	.burger_menu_col .div_container_mobile_links .row,
	.burger_menu_col .div_container_mobile_links .col-12 {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		background: none !important;
		background-color: transparent !important;
	}
	
	/* Language flags section - vertical list with labels */
	.burger_menu_col .img_footer_lang {
		display: inline-block !important;
		width: 30px !important;
		height: auto !important;
		margin-right: 10px !important;
		vertical-align: middle !important;
	}
	
	/* Language links as vertical list - COMMENTED OUT TO FIX DROPDOWN CONFLICT */
	/* .burger_menu_col a[href*="noredirect"],
	.burger_menu_col a[href^="/zh"],
	.burger_menu_col a[href^="/th"],
	.burger_menu_col a[href^="/kh"],
	.burger_menu_col a[href^="/mm"],
	.burger_menu_col a[href^="/id"],
	.burger_menu_col a[href^="/vn"],
	.burger_menu_col a[href^="/ru"],
	.burger_menu_col a[href^="/de"],
	.burger_menu_col a[href^="/fr"],
	.burger_menu_col a[href^="/es"] {
		display: block !important;
		width: 100% !important;
		text-align: left !important;
		padding: 12px 20px !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
		color: #ffffff !important;
		font-size: 15px !important;
		text-decoration: none !important;
	} */
	
	/* DEMO links styled */
	.burger_menu_col .burger_manu_items {
		text-align: left !important;
		padding: 15px 20px !important;
		border-top: 2px solid rgba(255, 255, 255, 0.3) !important;
		border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
		margin: 20px 0 !important;
	}
	
	.burger_menu_col .burger_manu_items a {
		color: #ffffff !important;
		text-decoration: underline !important;
	}
	
	/* Coin image - PERFECTLY CENTERED WITH PREMIUM EFFECTS */
	.burger_menu_col .burger_menu_star_bottom {
		display: block !important;
		margin: 0 auto !important;
		text-align: center !important;
		width: 150px !important;
		max-width: 150px !important;
		height: auto !important;
		position: relative !important;
		left: 0 !important;
		right: auto !important;
		bottom: auto !important;
		transform: none !important;
		z-index: 1 !important;
		filter: drop-shadow(0 6px 20px rgba(255, 215, 0, 0.4)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3)) !important;
		animation: floatCoin 3s ease-in-out infinite !important;
	}

	/* Logo at top - IMPROVED SPACING AND STYLING */
	.burger_menu_col .sidebar_logo {
		display: block !important;
		margin: 25px auto 30px auto !important;
		max-width: 180px !important;
		width: auto !important;
		height: auto !important;
		padding: 0 0 25px 0 !important;
		filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15)) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
		width: calc(100% - 60px) !important;
		margin-left: 30px !important;
		margin-right: 30px !important;
		position: relative !important;
		z-index: 1 !important;
	}

	/* Custom scrollbar for mobile menu - PREMIUM DESIGN */
	.burger_menu_col::-webkit-scrollbar {
		width: 8px !important;
	}

	.burger_menu_col::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.2) !important;
		border-radius: 10px !important;
	}

	.burger_menu_col::-webkit-scrollbar-thumb {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2)) !important;
		border-radius: 10px !important;
		border: 2px solid rgba(255, 255, 255, 0.1) !important;
	}

	.burger_menu_col::-webkit-scrollbar-thumb:hover {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3)) !important;
	}

	/* Smooth scrolling for mobile menu */
	.burger_menu_col {
		scroll-behavior: smooth !important;
		-webkit-overflow-scrolling: touch !important;
	}
}

/* ============================================================================
   END RESTRUCTURED HAMBURGER MENU
   ============================================================================ */

/* ============================================================================
   MOBILE NAVIGATION DROPDOWN MENUS
   ============================================================================ */

@media screen and (max-width: 1440px) {

	/* Remove all backgrounds from mobile navigation containers */
	.burger_menu_col .mobile-navigation,
	.burger_menu_col .mobile-navigation .container,
	.burger_menu_col .mobile-navigation .div_container_mobile_links,
	.burger_menu_col .mobile-navigation .row,
	.burger_menu_col .mobile-navigation .col-12,
	.burger_menu_col .div_container_mobile_links,
	.burger_menu_col .div_container_mobile_links .row,
	.burger_menu_col .div_container_mobile_links .col-12 {
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Mobile menu list */
	.burger_menu_col .mobile-menu-list {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	/* Top level menu items - FULL WIDTH */
	.burger_menu_col .mobile-menu-list > li {
		list-style: none !important;
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	

	/* Top level links - FULL WIDTH PREMIUM DESIGN */
	.burger_menu_col .mobile-menu-list > li > a {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 16px 24px !important;
		margin: 0 !important;
		color: #ffffff !important;
		text-decoration: none !important;
		/* Gradient background matching Language dropdown */
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)) !important;
		/* Soft border matching Language dropdown */
		border: 1px solid rgba(255, 255, 255, 0.25) !important;
		/* Rounded corners matching Language dropdown */
		border-radius: 16px !important;
		/* Typography matching Language dropdown */
		font-size: 15px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.8px !important;
		line-height: 1.5 !important;
		/* Smooth transitions */
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		/* Soft shadows matching Language dropdown */
		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
		position: relative !important;
		overflow: visible !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	/* Shine effect on hover (matching premium cards) */
	.burger_menu_col .mobile-menu-list > li > a::before {
		content: '' !important;
		position: absolute !important;
		top: 0 !important;
		left: -100% !important;
		width: 100% !important;
		height: 100% !important;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
		transition: left 0.6s ease !important;
		z-index: 1 !important;
	}

	/* Hover on top level - PREMIUM EFFECT (matches Language dropdown) */
	.burger_menu_col .mobile-menu-list > li > a:hover {
		/* Brighter gradient on hover */
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15)) !important;
		/* Brighter border on hover */
		border-color: rgba(255, 255, 255, 0.35) !important;
		/* Slight lift effect matching Language dropdown */
		transform: translateY(-2px) !important;
		/* Enhanced shadow on hover */
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}

	/* Trigger shine effect on hover */
	.burger_menu_col .mobile-menu-list > li > a:hover::before {
		left: 100% !important;
	}

	/* Active/Open state for parent menu items (matching Language dropdown active state) */
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children.submenu-open > a {
		/* Brighter when open */
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.12)) !important;
		border-color: rgba(255, 255, 255, 0.3) !important;
		/* Subtle shadow when expanded */
		box-shadow: 0 6px 25px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
	}

	/* Parent items with dropdowns - PREMIUM ARROW (matching Language dropdown) */
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children > a::after,
	.burger_menu_col .mobile-navigation > ul > li.menu-item-has-children > a::after,
	.mobile-navigation ul > li.menu-item-has-children > a::after,
	li.menu-item-has-children > a::after {
		content: '\25BC' !important;
		position: absolute !important;
		right: 20px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		font-size: 10px !important;
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		color: rgba(255, 255, 255, 0.7) !important;
		/* Circular background matching Language dropdown arrow */
		background: rgba(255, 255, 255, 0.1) !important;
		width: 24px !important;
		height: 24px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 50% !important;
		z-index: 2 !important;
	}

	/* Rotate arrow when open - PREMIUM EFFECT (matches Language dropdown) */
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children.submenu-open > a::after,
	.burger_menu_col .mobile-navigation > ul > li.menu-item-has-children.submenu-open > a::after,
	.mobile-navigation ul > li.menu-item-has-children.submenu-open > a::after,
	li.menu-item-has-children.submenu-open > a::after {
		transform: translateY(-50%) rotate(180deg) !important;
		color: #ffffff !important;
		/* Brighter circle when open */
		background: rgba(255, 255, 255, 0.2) !important;
	}

	/* HIDE dropdown arrow and functionality for "B2B Live Dealer" */
	.burger_menu_col li.menu-item a[href*="b2b-live-dealer"]::after,
	.burger_menu_col li.menu-item a[href*="live-dealer"]::after,
	.burger_menu_col li a:contains("B2B LIVE DEALER")::after,
	.burger_menu_col .mobile-menu-list > li:has(a[href*="live-dealer"]) > a::after,
	.burger_menu_col .mobile-menu-list > li:has(a[href*="b2b-live-dealer"]) > a::after {
		display: none !important;
		content: '' !important;
		visibility: hidden !important;
	}

	/* More aggressive - remove arrows from any submenu containing "dealer" */
	.burger_menu_col li.menu-item-has-children:has(a[href*="dealer"]) > a::after {
		display: none !important;
		content: '' !important;
		visibility: hidden !important;
	}

	/* Target the class added by JavaScript to B2B Live Dealer */
	.burger_menu_col li.no-dropdown-arrow > a::after,
	.burger_menu_col a.no-dropdown-arrow::after,
	li.no-dropdown-arrow > a::after,
	a.no-dropdown-arrow::after {
		display: none !important;
		content: '' !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* CRITICAL: Hide arrows from NESTED submenu items (B2B LIVE DEALER is nested under GAMES) */
	.burger_menu_col .sub-menu li.menu-item-has-children > a::after,
	.burger_menu_col .sub-menu .menu-item-has-children > a::after,
	.mobile-menu-list .sub-menu li.menu-item-has-children > a::after,
	.sub-menu li.menu-item-has-children > a::after,
	.sub-menu .menu-item-has-children > a::after {
		display: none !important;
		content: '' !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* Also hide any nested sub-sub-menus completely */
	.burger_menu_col .sub-menu .sub-menu,
	.mobile-menu-list .sub-menu .sub-menu,
	.sub-menu .sub-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
	}

	/* HIDE all children of "B2B Live Dealer" permanently */
	.burger_menu_col li.menu-item a[href*="b2b-live-dealer"] ~ .sub-menu,
	.burger_menu_col li.menu-item a[href*="live-dealer"] ~ .sub-menu,
	.burger_menu_col li.menu-item:has(a[href*="b2b-live-dealer"]) > .sub-menu,
	.burger_menu_col li.menu-item:has(a[href*="live-dealer"]) > .sub-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		pointer-events: none !important;
	}

	/* Sub-menus - COMPLETELY hidden by default - NUCLEAR OPTION */
	.burger_menu_col .mobile-menu-list .sub-menu,
	.burger_menu_col .mobile-menu-list ul.sub-menu,
	.burger_menu_col ul.mobile-menu-list .sub-menu,
	.burger_menu_col .mobile-navigation .sub-menu,
	.burger_menu_col .mobile-navigation ul.sub-menu {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		position: absolute !important;
		left: -9999px !important;
		top: -9999px !important;
		width: 0 !important;
		z-index: -1 !important;
	}

	/* Hide submenu items completely */
	.burger_menu_col .mobile-menu-list .sub-menu li,
	.burger_menu_col .mobile-menu-list .sub-menu li a,
	.burger_menu_col .mobile-navigation .sub-menu li,
	.burger_menu_col .mobile-navigation .sub-menu li a {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		position: absolute !important;
		left: -9999px !important;
	}

	/* Show submenu when parent has submenu-open class - PREMIUM ANIMATION */
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children.submenu-open > .sub-menu,
	.burger_menu_col ul.mobile-menu-list > li.menu-item-has-children.submenu-open > ul.sub-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		position: static !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		z-index: 1 !important;
		background: transparent !important;
		background-color: transparent !important;
		/* Better spacing for card design */
		padding: 12px 0 16px 0 !important;
		margin-top: 8px !important;
		/* Smooth entrance animation */
		animation: slideDown 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	}

	/* Submenu slide down animation */
	@keyframes slideDown {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Show submenu items when parent is open */
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children.submenu-open > .sub-menu li,
	.burger_menu_col .mobile-menu-list > li.menu-item-has-children.submenu-open > .sub-menu li a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		left: 0 !important;
	}

	/* Sub-menu items - FULL WIDTH */
	.burger_menu_col .mobile-menu-list .sub-menu li {
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Sub-menu links - FULL WIDTH PREMIUM NESTED CARDS */
	.burger_menu_col .mobile-menu-list .sub-menu li a {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 13px 20px 13px 24px !important;
		margin: 0 0 8px 0 !important;
		color: rgba(255, 255, 255, 0.95) !important;
		text-decoration: none !important;
		/* Darker gradient for hierarchy */
		background: linear-gradient(135deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)) !important;
		/* Soft border with accent on left */
		border: 1px solid rgba(255, 255, 255, 0.15) !important;
		border-left: 3px solid rgba(255, 255, 255, 0.35) !important;
		/* Rounded corners matching parent items */
		border-radius: 12px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		line-height: 1.5 !important;
		/* Smooth transitions */
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		/* Subtle shadows */
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
		position: relative !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}

	/* Sub-menu hover - PREMIUM EFFECT */
	.burger_menu_col .mobile-menu-list .sub-menu li a:hover {
		/* Brighter on hover */
		background: linear-gradient(135deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25)) !important;
		/* Brighter left border */
		border-left-color: rgba(255, 255, 255, 0.5) !important;
		/* Slight slide right effect */
		transform: translateX(5px) !important;
		/* Enhanced shadow on hover */
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
	}

	/* Remove any background from spans inside submenu items */
	.burger_menu_col .mobile-menu-list .sub-menu li a span,
	.burger_menu_col .mobile-menu-list .sub-menu li span {
		background: none !important;
		background-color: transparent !important;
	}

	/* Hide empty submenus */
	.burger_menu_col .mobile-menu-list .sub-menu:empty,
	.burger_menu_col .mobile-menu-list ul.sub-menu:empty {
		display: none !important;
	}

	/* Override any WordPress default white backgrounds on menu items */
	.burger_menu_col .mobile-menu-list li,
	.burger_menu_col .mobile-menu-list .sub-menu,
	.burger_menu_col .mobile-menu-list .sub-menu li,
	.burger_menu_col ul.mobile-menu-list,
	.burger_menu_col ul.mobile-menu-list li,
	.burger_menu_col ul.mobile-menu-list ul,
	.burger_menu_col ul.mobile-menu-list ul li {
		background-color: transparent !important;
		box-shadow: none !important;
		border: none !important;
	}

	/* Main parent menu items - keep border bottom */
	.burger_menu_col .mobile-menu-list > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

	/* Main parent links styling */
	.burger_menu_col .mobile-menu-list > li > a,
	.burger_menu_col .mobile-navigation > ul > li > a {
		display: block !important;
		width: 100% !important;
		padding: 15px 20px !important;
		color: #ffffff !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		background: transparent !important;
		cursor: pointer !important;
		pointer-events: auto !important;
	}

	/* Make sure parent links are ALWAYS clickable */
	.burger_menu_col > .mobile-navigation > ul > li > a,
	.burger_menu_col .mobile-menu-list > li > a,
	.mobile-navigation ul.mobile-menu-list > li > a {
		pointer-events: auto !important;
		cursor: pointer !important;
	}

	/* Submenu links need border */
	.burger_menu_col .mobile-menu-list .sub-menu li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	}

	/* NUCLEAR OPTION: Remove ALL white backgrounds from burger menu */
	.burger_menu_col *,
	.burger_menu_col *:before,
	.burger_menu_col *:after {
		background-color: transparent !important;
	}

	/* Only allow specific backgrounds */
	.burger_menu_col .language-toggle-btn {
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)) !important;
	}

	.burger_menu_col .mobile-menu-list .sub-menu li a {
		background: rgba(0, 0, 0, 0.25) !important;
	}

	.burger_menu_col .mobile-menu-list .sub-menu li a:hover {
		background: rgba(0, 0, 0, 0.4) !important;
	}

	/* Hide any hamburger icons inside burger_menu_col */
	.burger_menu_col .hamburger,
	.burger_menu_col .hamburger-box,
	.burger_menu_col .hamburger-inner {
		display: none !important;
		visibility: hidden !important;
	}

	/* ULTRA AGGRESSIVE: Hide ALL links except direct children of mobile-menu-list */
	.burger_menu_col .mobile-navigation a,
	.burger_menu_col .mobile-menu-list a {
		/* Don't hide yet, we'll hide specific ones below */
	}

	/* CRITICAL: Force hide ALL submenu items by default - MAXIMUM SPECIFICITY */
	.burger_menu_col .sub-menu,
	.burger_menu_col ul.sub-menu,
	.burger_menu_col .mobile-menu-list .sub-menu,
	.burger_menu_col .mobile-menu-list ul.sub-menu,
	.burger_menu_col .mobile-navigation .sub-menu,
	.burger_menu_col .mobile-navigation ul.sub-menu,
	.burger_menu_col li ul,
	.burger_menu_col li ul.sub-menu,
	.burger_menu_col .mobile-menu-list li ul,
	.burger_menu_col .mobile-menu-list li ul.sub-menu,
	ul.mobile-menu-list .sub-menu,
	ul.mobile-menu-list ul.sub-menu,
	ul.mobile-menu-list li ul,
	.mobile-navigation .sub-menu,
	.mobile-navigation ul.sub-menu,
	.mobile-navigation li ul {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
		left: -9999px !important;
		top: -9999px !important;
		pointer-events: none !important;
	}

	/* CRITICAL: Force hide ALL submenu li and links */
	.burger_menu_col .sub-menu li,
	.burger_menu_col .sub-menu li a,
	.burger_menu_col ul.sub-menu li,
	.burger_menu_col ul.sub-menu li a,
	.burger_menu_col li ul li,
	.burger_menu_col li ul li a,
	.burger_menu_col .mobile-menu-list li ul li,
	.burger_menu_col .mobile-menu-list li ul li a,
	ul.mobile-menu-list .sub-menu li,
	ul.mobile-menu-list .sub-menu li a,
	ul.mobile-menu-list li ul li,
	ul.mobile-menu-list li ul li a {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* SUPER NUCLEAR: Hide EVERYTHING that looks like a nested list */
	.burger_menu_col li li,
	.burger_menu_col li li a,
	.mobile-menu-list li li,
	.mobile-menu-list li li a,
	.mobile-navigation li li,
	.mobile-navigation li li a {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* CRITICAL: Only show when parent has .submenu-open class */
	.burger_menu_col li.submenu-open > .sub-menu,
	.burger_menu_col li.submenu-open > ul,
	.burger_menu_col li.submenu-open > ul.sub-menu,
	.burger_menu_col .mobile-menu-list > li.submenu-open > .sub-menu,
	.burger_menu_col .mobile-menu-list > li.submenu-open > ul,
	.burger_menu_col .mobile-menu-list > li.submenu-open > ul.sub-menu,
	.mobile-menu-list > li.submenu-open > ul,
	.mobile-navigation > ul > li.submenu-open > ul,
	li.menu-item-has-children.submenu-open > .sub-menu,
	li.menu-item-has-children.submenu-open > ul,
	li.menu-item-has-children.submenu-open > ul.sub-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		position: static !important;
		left: 0 !important;
		top: 0 !important;
		pointer-events: auto !important;
	}

	/* CRITICAL: Show submenu items when parent is open */
	.burger_menu_col li.submenu-open > .sub-menu li,
	.burger_menu_col li.submenu-open > .sub-menu li a,
	.burger_menu_col li.submenu-open > ul li,
	.burger_menu_col li.submenu-open > ul li a,
	.burger_menu_col li.submenu-open > ul.sub-menu li,
	.burger_menu_col li.submenu-open > ul.sub-menu li a,
	.mobile-menu-list > li.submenu-open > ul li,
	.mobile-menu-list > li.submenu-open > ul li a,
	li.menu-item-has-children.submenu-open > .sub-menu li,
	li.menu-item-has-children.submenu-open > .sub-menu li a,
	li.menu-item-has-children.submenu-open > ul li,
	li.menu-item-has-children.submenu-open > ul li a {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}
}

/* ============================================================================
   END MOBILE NAVIGATION DROPDOWN MENUS
   ============================================================================ */

/* ============================================================================
   STYLED LANGUAGE DROPDOWN FOR MOBILE MENU
   ============================================================================ */

@media screen and (max-width: 1440px) {

	/* Language selector wrapper */
	.burger_menu_col .language-dropdown-wrapper {
		width: 100%;
		margin: 20px 0;
		padding: 0 15px;
	}

	/* Language dropdown button trigger */
	.burger_menu_col .language-dropdown-button {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 12px;
		padding: 15px 20px;
		cursor: pointer;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	}

	.burger_menu_col .language-dropdown-button:hover {
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.1));
		border-color: rgba(255, 255, 255, 0.3);
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
	}

	/* Globe icon before text */
	.burger_menu_col .language-dropdown-button::before {
		content: "🌐";
		font-size: 20px;
		margin-right: 10px;
	}

	/* Language text */
	.burger_menu_col .language-dropdown-button span {
		color: #ffffff !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		text-transform: capitalize !important;
		flex-grow: 1;
		text-align: left;
	}

	/* Dropdown arrow after text */
	.burger_menu_col .language-dropdown-button::after {
		content: "▼";
		font-size: 12px;
		color: rgba(255, 255, 255, 0.7);
		margin-left: 10px;
		transition: transform 0.3s ease;
	}

	/* Rotate arrow when dropdown is open */
	.burger_menu_col .language-dropdown-button.active::after {
		transform: rotate(180deg);
	}

	/* Language dropdown menu */
	.burger_menu_col .language-dropdown-menu {
		width: 100%;
		max-height: 0;
		overflow: hidden;
		margin-top: 10px;
		background: linear-gradient(135deg, rgba(30, 30, 30, 0.95), rgba(20, 20, 20, 0.95));
		border-radius: 12px;
		transition: max-height 0.4s ease, opacity 0.3s ease;
		opacity: 0;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
	}

	/* Show dropdown when active */
	.burger_menu_col .language-dropdown-menu.active {
		max-height: 600px;
		opacity: 1;
		padding: 8px 0;
	}

	/* Individual language option */
	.burger_menu_col .language-dropdown-menu a {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		padding: 14px 20px !important;
		margin: 0 !important;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		text-decoration: none !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		transition: all 0.2s ease !important;
		text-align: left !important;
	}

	/* Remove border from last item */
	.burger_menu_col .language-dropdown-menu a:last-child {
		border-bottom: none !important;
	}

	/* Hover effect on language options */
	.burger_menu_col .language-dropdown-menu a:hover {
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)) !important;
		padding-left: 25px !important;
		color: #ffffff !important;
	}

	/* Language flag icon */
	.burger_menu_col .language-dropdown-menu a .img_footer_lang,
	.burger_menu_col .language-dropdown-menu .img_footer_lang {
		display: inline-block !important;
		width: 28px !important;
		height: 28px !important;
		object-fit: cover !important;
		border-radius: 50% !important;
		margin-right: 12px !important;
		margin-left: 0 !important;
		vertical-align: middle !important;
		border: 2px solid rgba(255, 255, 255, 0.2) !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
	}

	/* Alternative styling: wrap language links in container for dropdown effect */
	.burger_menu_col .language-section {
		width: 100%;
		margin: 20px 0;
		padding: 0 15px;
	}

	/* Language toggle button - ENHANCED PREMIUM DESIGN */
	.burger_menu_col .language-toggle-btn {
		width: calc(100% - 40px) !important;
		margin: 30px 20px 15px 20px !important;
		padding: 18px 24px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)) !important;
		border: 1px solid rgba(255, 255, 255, 0.25) !important;
		border-radius: 16px !important;
		cursor: pointer !important;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
		box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
		letter-spacing: 0.8px !important;
	}

	.burger_menu_col .language-toggle-btn:hover {
		background: linear-gradient(135deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15)) !important;
		border-color: rgba(255, 255, 255, 0.35) !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
	}

	/* Active press effect */
	.burger_menu_col .language-toggle-btn:active {
		transform: translateY(0) scale(0.98) !important;
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12) !important;
	}

	/* Globe icon before Language text */
	.burger_menu_col .language-toggle-btn::before {
		content: "🌐";
		font-size: 20px;
		margin-right: 10px;
	}

	/* Dropdown arrow after Language text */
	.burger_menu_col .language-toggle-btn::after {
		content: "▼";
		font-size: 12px;
		color: rgba(255, 255, 255, 0.7);
		margin-left: auto;
		padding-left: 15px;
		transition: transform 0.3s ease;
	}

	/* Rotate arrow when dropdown is open */
	.burger_menu_col.lang-dropdown-open .language-toggle-btn::after {
		transform: rotate(180deg);
	}

	/* Hide language links by default - will show on click */
	.burger_menu_col > a[href*="noredirect"],
	.burger_menu_col > a[href^="/zh"],
	.burger_menu_col > a[href^="/zh-tw"],
	.burger_menu_col > a[href^="/th"],
	.burger_menu_col > a[href^="/kh"],
	.burger_menu_col > a[href^="/mm"],
	.burger_menu_col > a[href^="/id"],
	.burger_menu_col > a[href^="/vn"],
	.burger_menu_col > a[href^="/ru"],
	.burger_menu_col > a[href^="/de"],
	.burger_menu_col > a[href^="/fr"],
	.burger_menu_col > a[href^="/es"] {
		display: none !important;
		align-items: center !important;
		width: calc(100% - 30px) !important;
		margin: 0 15px !important;
		padding: 14px 20px !important;
		background: rgba(255, 255, 255, 0.05) !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 0 !important;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		text-decoration: none !important;
		transition: all 0.2s ease !important;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
	}

	/* Show language links when dropdown is active */
	.burger_menu_col.lang-dropdown-open > a[href*="noredirect"],
	.burger_menu_col.lang-dropdown-open > a[href^="/zh"],
	.burger_menu_col.lang-dropdown-open > a[href^="/zh-tw"],
	.burger_menu_col.lang-dropdown-open > a[href^="/th"],
	.burger_menu_col.lang-dropdown-open > a[href^="/kh"],
	.burger_menu_col.lang-dropdown-open > a[href^="/mm"],
	.burger_menu_col.lang-dropdown-open > a[href^="/id"],
	.burger_menu_col.lang-dropdown-open > a[href^="/vn"],
	.burger_menu_col.lang-dropdown-open > a[href^="/ru"],
	.burger_menu_col.lang-dropdown-open > a[href^="/de"],
	.burger_menu_col.lang-dropdown-open > a[href^="/fr"],
	.burger_menu_col.lang-dropdown-open > a[href^="/es"] {
		display: flex !important;
		max-height: 100px;
		opacity: 1;
	}

	/* First language link gets top border radius */
	.burger_menu_col > a[href*="noredirect"] {
		border-top-left-radius: 12px !important;
		border-top-right-radius: 12px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	}

	/* Last language link gets bottom border radius */
	.burger_menu_col > a[href^="/es"] {
		border-bottom-left-radius: 12px !important;
		border-bottom-right-radius: 12px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	}

	/* Hover effect */
	.burger_menu_col > a[href*="noredirect"]:hover,
	.burger_menu_col > a[href^="/zh"]:hover,
	.burger_menu_col > a[href^="/zh-tw"]:hover,
	.burger_menu_col > a[href^="/th"]:hover,
	.burger_menu_col > a[href^="/kh"]:hover,
	.burger_menu_col > a[href^="/mm"]:hover,
	.burger_menu_col > a[href^="/id"]:hover,
	.burger_menu_col > a[href^="/vn"]:hover,
	.burger_menu_col > a[href^="/ru"]:hover,
	.burger_menu_col > a[href^="/de"]:hover,
	.burger_menu_col > a[href^="/fr"]:hover,
	.burger_menu_col > a[href^="/es"]:hover {
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.08)) !important;
		padding-left: 25px !important;
		transform: translateX(2px);
	}
}

/* ============================================================================
   END STYLED LANGUAGE DROPDOWN
   ============================================================================ */

/* ============================================================================
   MOBILE MENU - SIMPLE FLAT LIST
   ============================================================================ */

/* All hierarchy styling removed - just simple flat list with no underlines */

/* ============================================================================
   END MOBILE MENU
   ============================================================================ */
@media screen and (max-width: 1440px) {
	.header_outer_logo {
		max-width: 300px !important;
	}
}

@media screen and (max-width: 768px) {
	.header_outer_logo {
		max-width: 300px !important;
	}
}


/* Mobile Optimized Slots Layout */
@media (max-width: 768px) {
    /* Adjust slot container spacing on mobile */
    .provider-logos-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /* Optimize slot item sizing for mobile - 3 columns on mobile */
    .col_slots {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        padding: 5px !important;
    }

    .col_slots .img_slots,
    .col_slots img.img_slots {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px;
    }

    .col_slots a {
        display: block;
    }
}

/* Extra small screens - 2 columns for very small devices */
@media (max-width: 480px) {
    .col_slots {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 5px !important;
    }
}

.img_news {
    object-fit: contain !important;
    height: auto !important;
    width: 100% !important;
    border-radius: 10px 10px 0px 0px;
    display: block;
}

/* Mobile padding for About Us and Product API templates */
@media screen and (max-width: 767px) {
    .container.padding_top_40,
    .container.padding_bottom_40 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.headline_contact_big{
	font-size: 52px;
}

/* ================================================
   NEWSLETTER SUBSCRIBE FORM
   ================================================ */
.container_newsletter {
    padding: 40px 20px;
}
.newsletter_icon_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}
.newsletter_icon_svg {
    width: 32px;
    height: 32px;
    color: #ffffff;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 8px;
    box-sizing: content-box;
}
.newsletter_center {
    text-align: center;
}
.newsletter_title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}
.newsletter_subtitle {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
.newsletter_input_group {
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
}
.newsletter_input {
    flex: 1;
    min-width: 0;
    border-radius: 4px 0 0 4px !important;
    border: 1px solid #ccc;
    background: #ffffff;
    color: #333;
    padding: 12px 16px;
    font-size: 14px;
}
.newsletter_input::placeholder {
    color: #999;
}
.newsletter_input:focus {
    background: #ffffff;
    border-color: #0066cc;
    color: #333;
    box-shadow: none;
    outline: none;
}
.newsletter_btn {
    flex-shrink: 0;
    border-radius: 0 4px 4px 0 !important;
    background: rgb(245,236,49);
    background: linear-gradient(90deg, rgba(245,236,49,1) 0%, rgba(233,127,45,1) 25%, rgba(164,59,129,1) 50%, rgba(79,63,156,1) 75%, rgba(22,116,186,1) 100%);
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    transition: filter 0.2s;
    white-space: nowrap;
}
.newsletter_btn:hover {
    filter: brightness(1.2);
    color: #fff;
}
.newsletter_message {
    font-size: 13px;
    min-height: 20px;
}
.newsletter_message_success {
    color: #00e676;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.newsletter_message_error {
    color: #ff5252;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/* Tablet */
@media (max-width: 768px) {
    .newsletter_title {
        font-size: 20px;
    }
    .newsletter_input_group {
        max-width: 100%;
    }
}
/* Mobile */
@media (max-width: 480px) {
    .container_newsletter {
        padding: 30px 15px;
    }
    .newsletter_title {
        font-size: 18px;
    }
    .newsletter_input_group {
        flex-direction: column !important;
        width: 100% !important;
    }
    .newsletter_input {
        border-radius: 4px !important;
        margin-bottom: 8px !important;
        width: 100% !important;
        min-width: 100% !important;
        flex: none !important;
    }
    .newsletter_btn {
        border-radius: 4px !important;
        width: 100% !important;
        flex: none !important;
    }
}
/* ================================================
   END NEWSLETTER SUBSCRIBE FORM
   ================================================ */