img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #e9b93e;--wp--preset--color--secondary: #a7850a;--wp--preset--color--success: #627D47;--wp--preset--color--alert: #b20000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.20.9);
				src:
					url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.20.9) format("embedded-opentype"),
					url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.20.9) format("woff2"),
					url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.20.9) format("truetype"),
					url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.20.9) format("woff"),
					url(https://gamebai38.co.com/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.20.9#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */

:root {--primary-color: #e9b93e;--fs-color-primary: #e9b93e;--fs-color-secondary: #a7850a;--fs-color-success: #627D47;--fs-color-alert: #b20000;--fs-color-base: #ffffff;--fs-experimental-link-color: #ffffff;--fs-experimental-link-color-hover: #f7cd35;}.tooltipster-base {--tooltip-color: #f7cd35;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1410px}.row.row-collapse{max-width: 1380px}.row.row-small{max-width: 1402.5px}.row.row-large{max-width: 1440px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #0b0305}.header-main{height: 70px}#logo img{max-height: 70px}#logo{width:120px;}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(0,0,0,0.9)}.header-bottom {background-color: #f1f1f1}@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}h1,h2,h3,h4,h5,h6,.heading-font{color: #f7cd35;}body{font-size: 90%;}body{font-family: Montserrat, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Montserrat, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Montserrat, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Montserrat, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.is-divider{background-color: #f7cd35;}.absolute-footer, html{background-color: #0c0000}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */@media (max-width: 1440px) {.portal-grid {grid-template-columns: 260px 1fr 260px;gap: 16px;padding: 16px;}}/* Medium desktop / tablet landscape */@media (max-width: 1200px) {.portal-grid {display: flex;flex-direction: column;gap: 20px;}.main-bet {order: 1;}.portal-sidebar--left {order: 2;}.portal-sidebar--right {order: 3;}.portal-sidebar--left, .portal-sidebar--right {max-width: 100%;width: 100%;position: static;}.seo-promo-section, .slots-bets-section {grid-template-columns: 1fr;padding: 0 16px 16px;}.portal-nav {display: none; /* Collapses menu links on smaller displays */}}.main-section .large-8 {flex-basis:60% !important;max-width:60% !important;}.main-section .large-2 {flex-basis:20% !important;max-width:20% !important;}.main-section .bookmaker-card__2 {flex-basis:33.333% !important;max-width:33.333% !important;}.jackpots-container {display: flex;flex-direction: column;gap: 12px;}.row .row:not(.row-collapse) {margin-left: -5px !important;margin-right: -5px !important;}.row.trust-badges > .col {max-width: 20% !important;flex-basis: 20% !important;}.icon-box-text h5 {font-size:12px !important;}.page-title.is-large.uppercase {font-size: 0;}.page-title.is-large.uppercase span {font-size: 32px; }.content-section-col .col-inner {height:100%;}.content-section-col .list-game .large-2{padding: 0 5px 10px !important;}.accordion .accordion-item {border: 1px solid var(--glass-border);padding-right: 10px;border-radius: 10px;font-size: 16px;margin-bottom: 1rem;}.accordion .accordion-item span {font-size: 14px;}.accordion-title {border: unset !important;padding-left: 12px !important;padding-right: 40px !important;color: var(--clr-gold) !important;}.accordion .toggle {width: 14px;height: 14px;left: unset !important;right: 0;}.accordion i { font-size:24px;}.accordion .accordion-inner {padding: 12px;padding-top: unset;}.accordion .accordion-inner p {margin-bottom: 3px;font-size: 14px;}/* Custom CSS Tablet */@media (max-width: 849px){.main-section .large-8 {flex-basis:100% !important;max-width:100% !important;}.main-section .large-2 {flex-basis:50% !important;max-width:50% !important;}.main-bet {width: 100%;}.dealer-area {height: 360px;}.table-cards {gap: 32px;bottom: 20px;}.card {width: 50px;height: 72px;}.betting-area {gap: 10px;}.chip {width: 44px;height: 44px;}.footer-top {grid-template-columns: 1fr;gap: 20px;}.row.trust-badges > .col {max-width: 50% !important;flex-basis: 50% !important;}.bookmaker-card .col {padding: 0 5px 10px !important;}.bookmaker-list {max-height:600px;}.chip__inner {width: 40px !important;height: 40px !important;}.action-btn {height: 30px !important;}.action-btn--confirm {padding: 0 10px !important;}}/* Custom CSS Mobile */@media (max-width: 549px){.main-section .large-2 {flex-basis:100% !important;max-width:100% !important;}.dealer-area {height: 300px;}.table-cards {gap: 20px;bottom: 12px;}.card {width: 44px;height: 64px;}.bet-zone {padding: 10px 6px;}.bet-zone__label {font-size: var(--fs-sm);letter-spacing: 1px;}.chip-area {gap: 6px;}.chip {width: 38px;height: 38px;}.chip__value {font-size: 9px;}.slots-grid {grid-template-columns: 1fr 1fr; /* 2 columns on mobile */}.slot-card__hot-badge {top: -110px !important;}.row.trust-badges > .col {max-width: 100% !important;flex-basis: 100% !important;}.chip-area {flex-direction: column;}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}

/* ═══════════════════════════════════════════
   BACCARAT NEO — BASE / DESIGN TOKENS
   ═══════════════════════════════════════════ */

:root {
    --clr-primary:    #160509;
    --clr-secondary:  #220910;
    --clr-bg:         #0B0305;
    --clr-accent:     #F5C542;
    --clr-gold:       #E5B842;
    --clr-gold-light: #FBE38E;
    --clr-gold-dark:  #A67C1E;
    --clr-danger:     #E53935;
    --clr-crimson:    #C62828;
    --clr-burgundy:   #7A0C1E;
    --clr-player:     #2A75D3;
    --clr-banker:     #E53935;
    --clr-tie:        #F5C542;
    --clr-white:      #FFF8F0;
    --clr-white-08:   rgba(255,248,240,0.08);
    --clr-white-15:   rgba(255,248,240,0.15);
    --clr-white-40:   rgba(255,248,240,0.40);
    --clr-white-60:   rgba(255,248,240,0.60);
    --clr-white-80:   rgba(255,248,240,0.80);
    --glass-blur:     16px;
    --glass-bg:       rgb(0 0 0 / 68%);
    --glass-border:   rgba(245, 197, 66, 0.16);
    --ff-heading:     'Montserrat', sans-serif;
    --ff-body:        'Montserrat', sans-serif;
    --ff-number:      'Montserrat', sans-serif;
    --ff-countdown:   'Montserrat', sans-serif;
    --fs-xs:   clamp(0.625rem, 0.55rem + 0.3vw, 0.75rem);
    --fs-sm:   clamp(0.75rem, 0.65rem + 0.4vw, 0.875rem);
    --fs-base: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
    --fs-md:   clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
    --fs-lg:   clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
    --fs-xl:   clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
    --fs-2xl:  clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
    --fs-3xl:  clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    --transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);
    --transition-base: 250ms cubic-bezier(0.4,0,0.2,1);
    --transition-slow: 400ms cubic-bezier(0.4,0,0.2,1);
    --shadow-sm:   0 2px 8px rgba(0,0,0,0.4);
    --shadow-md:   0 4px 16px rgba(0,0,0,0.5);
    --shadow-lg:   0 8px 32px rgba(0,0,0,0.6);
    --shadow-glow-accent: 0 0 24px rgba(245,197,66,0.4);
    --shadow-glow-gold:   0 0 24px rgba(229,184,66,0.45);
    --shadow-glow-player: 0 0 24px rgba(42,117,211,0.45);
    --shadow-glow-danger: 0 0 24px rgba(229,57,53,0.5);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-family:var(--ff-body);font-size:var(--fs-base);color:var(--clr-white);;line-height:1.5;overflow-x:hidden;min-height:100vh;position:relative}
img,svg{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
h1 {
    font-family: var(--ff-heading);
    font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.3;
    text-transform: uppercase;
    background: linear-gradient(135deg, #FFF0B3 0%, #F5C542 45%, #E53935 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 2px 10px rgba(245, 197, 66, 0.35));
}
h2 {
    font-family: var(--ff-heading);
    font-size: clamp(0.95rem, 0.85rem + 0.35vw, 1.15rem);
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.35;
    color: var(--clr-gold);
    text-transform: uppercase;
}
h3 {
    font-family: var(--ff-heading);
    font-size: clamp(0.85rem, 0.75rem + 0.25vw, 1.0rem);
    font-weight: 600;
    line-height: 1.4;
    color: var(--clr-white-80);
}
h4 {
    font-family: var(--ff-heading);
    font-size: clamp(0.75rem, 0.68rem + 0.2vw, 0.875rem);
    font-weight: 600;
    line-height: 1.4;
    color: var(--clr-white-80);
}

.glass, .glass-2 .col-inner
{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}
.glass-2 .col-inner {
	padding: 15px;
border-radius: var(--radius-lg);
}
.glass-2 .col-inner .list-game .col-inner, .glass-2 .col-inner .top-list .col-inner{
	background:none;
	backdrop-filter:none;
	border:none;
	padding:0;
};

::selection{background:var(--clr-accent);color:var(--clr-primary)}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(240,242,245,0.12);border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover{background:rgba(240,242,245,0.2)}

.header-nav li a {
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--clr-white-60);
    transition: all var(--transition-base);
    position: relative;
    padding: 4px 0;
}
.header-nav li a:hover {
    color: var(--clr-white);
    text-shadow: 0 0 12px rgba(255, 248, 240, 0.3);
}
.header-nav li.active a{
    color: var(--clr-gold);
    text-shadow: 0 0 10px rgba(245, 197, 66, 0.3);
}
.header-nav li.active a::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--clr-gold), transparent);
    border-radius: var(--radius-full);
    box-shadow: 0 0 8px rgba(245, 197, 66, 0.5);
}

.balance {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.balance__label { font-size: 10px; color: var(--clr-white-80); text-transform: uppercase; letter-spacing: 1px; }
.balance__value {
    font-family: var(--ff-number);
    font-size: var(--fs-base);
    font-weight: 600;
    color: var(--clr-gold);
    text-shadow: 0 0 12px rgba(245, 197, 66, 0.3);
    transition: all 0.3s ease;
}

.header-button .button {
    padding:0px 15px;
    border-radius: var(--radius-sm);
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 600;
    transition: all var(--transition-base);
}
.header-button-1 .button {
    background: radial-gradient(circle at top, #ffe6a3, #F5C542, #b88220, #7e5f08) !important;
    color: #1a1208 !important;
    border: 1px solid rgba(255, 214, 122, .9) !important;
    box-shadow: 0 0 18px rgba(255, 214, 122, .6), inset 0 0 6px rgba(255, 255, 255, .35);
    transition: all .25s ease;
}

.header-button-2 .button {
    background: linear-gradient(to top, #0b0703, #2a1e0e, #9b7730) !important;
    color: #ffe6a3 !important;
    font-weight: 600;
    border: 1px solid rgba(201, 161, 74, .6) !important;
    box-shadow: 0 0 10px rgba(201, 161, 74, .25);
    transition: all .25s ease;
}
.header-button .button:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 24px rgba(245, 197, 66, 0.5), 0 0 40px rgba(245, 197, 66, 0.2);
	    background: linear-gradient(135deg, #ffe98a 0%, #f5cc4b 50%, #dca91e 100%);
}

/* ═══════════════════════════════════════════
   BACCARAT NEO — ANIMATIONS
   All animations use transform/opacity only
   ═══════════════════════════════════════════ */

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.5; transform: scale(0.85); }
}

@keyframes breathe {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.005); }
}

@keyframes lightBeam {
    0%   { transform: translateX(-30%) rotate(0deg); }
    100% { transform: translateX(30%) rotate(0deg); }
}

@keyframes smokeDrift {
    0%   { transform: translateY(0) scale(1); opacity: 0.6; }
    100% { transform: translateY(-5%) scale(1.05); opacity: 0.4; }
}

@keyframes bokehFloat {
    0%   { opacity: 0; transform: translateY(0) scale(0.8); }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; transform: translateY(-30px) scale(1.2); }
}

@keyframes dustFloat {
    0%   { transform: translate(0, 0); opacity: 0; }
    10%  { opacity: 0.3; }
    90%  { opacity: 0.3; }
    100% { transform: translate(var(--dx, 50px), var(--dy, -80px)); opacity: 0; }
}

@keyframes chipFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-4px); }
}

@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 20px var(--glow-color, rgba(245,197,66,0.25)); }
    50%      { box-shadow: 0 0 40px var(--glow-color, rgba(245,197,66,0.5)); }
}

@keyframes winGlow {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; }
}

@keyframes resultAppear {
    0%   { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
    50%  { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

@keyframes beadDrop {
    0%   { transform: scale(0) translateY(-10px); opacity: 0; }
    60%  { transform: scale(1.15) translateY(0); opacity: 1; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

@keyframes gradientShift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes countdownPulse {
    0%, 100% { filter: url(#glow-gold) drop-shadow(0 0 6px rgba(245,197,66,0.35)); }
    50%      { filter: url(#glow-gold) drop-shadow(0 0 14px rgba(245,197,66,0.7)); }
}

/* ═══════════════════════════════════════════
   NEW PREMIUM ANIMATIONS
   ═══════════════════════════════════════════ */

/* Shimmer — light sweep across buttons/cards */
@keyframes shimmer {
    0%   { transform: translateX(-100%) skewX(-15deg); }
    100% { transform: translateX(200%) skewX(-15deg); }
}

/* Border glow — pulsating border glow for premium cards */
@keyframes borderGlow {
    0%, 100% {
        box-shadow: 0 0 8px rgba(245, 197, 66, 0.2),
                    0 0 16px rgba(245, 197, 66, 0.1),
                    inset 0 0 8px rgba(245, 197, 66, 0.05);
    }
    50% {
        box-shadow: 0 0 16px rgba(245, 197, 66, 0.5),
                    0 0 32px rgba(245, 197, 66, 0.25),
                    inset 0 0 16px rgba(245, 197, 66, 0.1);
    }
}

/* Border glow red — for danger/banker tier */
@keyframes borderGlowRed {
    0%, 100% {
        box-shadow: 0 0 8px rgba(229, 57, 53, 0.2),
                    0 0 16px rgba(229, 57, 53, 0.1);
    }
    50% {
        box-shadow: 0 0 16px rgba(229, 57, 53, 0.4),
                    0 0 32px rgba(229, 57, 53, 0.2);
    }
}

/* Float Y — subtle floating for badges/icons */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}

/* Slide in left — entrance for new table rows */
@keyframes slideInLeft {
    0%   { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* Flash highlight — new row flash gold then fade */
@keyframes flashHighlight {
    0%   { background: rgba(245, 197, 66, 0.15); }
    100% { background: transparent; }
}

/* Rotating border — animated conic gradient border */
@keyframes rotatingBorder {
    0%   { --angle: 0deg; }
    100% { --angle: 360deg; }
}

/* Text shimmer — gold text shimmer effect */
@keyframes textShimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* Sparkle — small sparkle burst */
@keyframes sparkle {
    0%   { transform: scale(0) rotate(0deg); opacity: 0; }
    50%  { transform: scale(1) rotate(180deg); opacity: 1; }
    100% { transform: scale(0) rotate(360deg); opacity: 0; }
}

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

/* Badge bounce-in */
@keyframes badgeBounceIn {
    0%   { transform: scale(0); opacity: 0; }
    60%  { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); }
}

/* Glow pulse for jackpot values */
@keyframes jackpotGlow {
    0%, 100% { text-shadow: 0 0 8px currentColor; }
    50%      { text-shadow: 0 0 20px currentColor, 0 0 40px currentColor; }
}

/* Crown float */
@keyframes crownFloat {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50%      { transform: translateY(-4px) rotate(3deg); }
}

/* Slide up fade in — for stagger entrance */
@keyframes slideUpFadeIn {
    0%   { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Live dot blink */
@keyframes liveDotBlink {
    0%, 100% { opacity: 1; box-shadow: 0 0 6px currentColor; }
    50%      { opacity: 0.3; box-shadow: 0 0 2px currentColor; }
}

/* Button shimmer sweep */
@keyframes btnShimmerSweep {
    0%   { left: -50%; }
    100% { left: 150%; }
}

/* Value count glow */
@keyframes valueCountGlow {
    0%   { color: var(--clr-gold); text-shadow: 0 0 8px rgba(245, 197, 66, 0.4); }
    50%  { color: var(--clr-gold-light); text-shadow: 0 0 20px rgba(245, 197, 66, 0.8); }
    100% { color: var(--clr-gold); text-shadow: 0 0 8px rgba(245, 197, 66, 0.4); }
}

/* ── Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
* ══════ GAME MAIN COMPONENTS ══════ */
.main-bet {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    min-width: 0;
}

.dealer-area {
    position: relative;
    width: 100%;
    height:390px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    perspective: 1000px;
}

.betting-area {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: clamp(8px, 1vw, 16px);
    padding: clamp(8px, 1.5vw, 20px) 0;
    width: 100%;
	height:184px;
}

.chip-area {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 1.5vw, 20px);
    padding: clamp(6px, 1vh, 14px) 0;
	height: 85px;
}

.roadmap-area {
    border-radius: var(--radius-lg);
    padding: 10px;
    overflow: hidden;
    margin-bottom: 12px;
	    height: 115px;
}

.history-area {
    border-radius: var(--radius-lg);
    padding: clamp(8px, 1vh, 14px);
	    height:73px;
}

.dealer-bg-wrap {
    position: absolute;
    inset: 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
    z-index: 0;
}
.dealer-bg {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center 30%;
    z-index: 0;
    transform: scale(1.05);
    transform-origin: center center;
    filter: brightness(1) contrast(1.05);
    pointer-events: none;
    will-change: transform;
}
.dealer-container {
    position: relative;
    width: 100%; height: 100%;
    display: flex; align-items: flex-end; justify-content: center;
    will-change: transform;
    transform-origin: center bottom;
    transform-style: preserve-3d;
    z-index: 5;
}
.dealer-canvas {
    height: 120%;
    max-height: 680px;
    margin-bottom: -100px;
    width: auto;
    object-fit: contain;
    object-position: center bottom;
    user-select: none;
    filter: brightness(1.02) contrast(1.05) saturate(1.05);
    transform: scale(1.0);
    transform-origin: center bottom;
    will-change: transform, filter;
    backface-visibility: visible;
}
.dealer-overlay {
    display: none;
}

.table-cards {
    position: absolute;
    bottom: clamp(20px, 4vh, 60px);
    left: 50%; transform: translateX(-50%);
    display: flex;
    gap: clamp(40px, 6vw, 120px);
    z-index: 10;
}
.table-cards__side {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.table-cards__label {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0.95;
}
.table-cards__label--player { 
    color: var(--clr-player); 
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.6);
}
.table-cards__label--banker { 
    color: var(--clr-banker); 
    text-shadow: 0 0 10px rgba(239, 68, 68, 0.6);
}

.card-slots {
    display: flex;
    gap: 6px;
    min-height: 90px;
    align-items: flex-end;
}

/* SINGLE CARD */
.card {
    width: clamp(52px, 5vw, 68px);
    height: clamp(76px, 7.2vw, 98px);
    border-radius: var(--radius-sm);
    position: relative;
    perspective: 800px;
    transform-style: preserve-3d;
}
.card__inner {
    width: 100%; height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: var(--radius-sm);
}
.card__inner.flipped { transform: rotateY(180deg); }
.card__face, .card__back {
    position: absolute; inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: var(--radius-sm);
    overflow: hidden;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.card__back {
    background: linear-gradient(135deg, #4A0E17 0%, #1A0408 100%);
    border: 1px solid rgba(245, 197, 66, 0.35);
    z-index: 2;
}
.card__back::after {
    content: '';
    position: absolute; inset: 4px;
    border-radius: 4px;
    border: 1px solid rgba(245, 197, 66, 0.25);
    background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(245, 197, 66, 0.08) 4px, rgba(245, 197, 66, 0.08) 5px);
}
.card__face {
    background: #fff;
    color: #111;
    transform: rotateY(180deg);
    padding: 4px;
  
}
.card__face--red { color: #D32F2F; }
.card__face--black { color: #222; }
.card__rank {
    font-size: clamp(16px, 1.6vw, 22px);
    font-weight: 700;
    line-height: 1;
}
.card__suit {
    font-size: clamp(14px, 1.4vw, 20px);
    line-height: 1;
}
.card__shadow {
    position: absolute;
    bottom: -6px; left: 10%; width: 80%;
    height: 12px;
    background: rgba(0,0,0,0.35);
    filter: blur(8px);
    border-radius: 50%;
    opacity: 0.5;
}

.score-badge {
    width: 36px; height: 36px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;

    font-size: var(--fs-lg);
    font-weight: 700;
}
.score-badge--player { background: var(--clr-player); color: #fff; box-shadow: 0 0 16px rgba(79,125,255,0.4); }
.score-badge--banker { background: var(--clr-banker); color: #fff; box-shadow: 0 0 16px rgba(231,76,94,0.4); }

.result-overlay {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    z-index: 20;
    pointer-events: none;
}
.result-overlay__text {
  
    font-size: var(--fs-2xl);
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 40px currentColor, 0 0 80px currentColor;
}

/* BET ZONES */
.bet-zone {
    position: relative;
    border: 1px solid var(--clr-white-08);
    border-radius: var(--radius-lg);
    padding: 5px 15px;
    text-align: center;
    cursor: pointer;
    transition: all var(--transition-base);
    overflow: hidden;
    user-select: none;
    min-width: 0;
	background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
}
.bet-zone__glow {
    position: absolute; inset: -1px;
    border-radius: var(--radius-lg);
    opacity: 0;
    transition: opacity var(--transition-base);
    pointer-events: none;
}
.bet-zone--player .bet-zone__glow { box-shadow: inset 0 0 30px rgba(79,125,255,0.15), 0 0 20px rgba(79,125,255,0.1); }
.bet-zone--tie .bet-zone__glow    { box-shadow: inset 0 0 30px rgba(207,169,77,0.15), 0 0 20px rgba(207,169,77,0.1); }
.bet-zone--banker .bet-zone__glow { box-shadow: inset 0 0 30px rgba(231,76,94,0.15), 0 0 20px rgba(231,76,94,0.1); }
.bet-zone:hover .bet-zone__glow { opacity: 1; }
.bet-zone:hover {
    border-color: var(--clr-white-15);
    transform: translateY(-2px);
}
.bet-zone:active { transform: scale(0.98); }
.bet-zone--player:hover { border-color: rgba(79,125,255,0.3); }
.bet-zone--tie:hover    { border-color: rgba(207,169,77,0.3); }
.bet-zone--banker:hover { border-color: rgba(231,76,94,0.3); }

.bet-zone__content { position: relative; z-index: 2; }
.bet-zone__label {
    font-family: var(--ff-heading);
    font-size: var(--fs-md);
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
}
.bet-zone--player .bet-zone__label { color: var(--clr-player); }
.bet-zone--tie .bet-zone__label    { color: var(--clr-tie); }
.bet-zone--banker .bet-zone__label { color: var(--clr-banker); }

.bet-zone__payout {
    font-family: var(--ff-number);
    font-size: var(--fs-xs);
    color: var(--clr-white-40);
    display: block;
    margin-top: 2px;
}
.bet-zone__chips {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    min-height: 48px;
}
.placed-chip {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-primary);
    font-weight: 800;
    font-size: 8px;
    font-family: var(--ff-number);
    box-shadow: 0 3px 6px rgba(0,0,0,0.5), inset 0 0 0 2px rgba(255,255,255,0.25);
    border: 1px dashed rgba(255,255,255,0.5);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    user-select: none;
    pointer-events: none;
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.2s ease;
}
.bet-zone__amount {
    font-family: var(--ff-number);
    font-size: var(--fs-xs);
    color: var(--clr-gold);
    margin-top: 4px;
    min-height: 16px;
}

/* CHIPS */
.chip-tray {
    display: flex;
    align-items: flex-end;
    gap: clamp(6px, 1vw, 14px);
}
.chip {
    width: clamp(48px, 4.5vw, 60px);
    height: clamp(48px, 4.5vw, 60px);
    border-radius: 50%;
    position: relative;
    transition: all var(--transition-base);
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4));
}
.chip:hover {
    transform: translateY(-6px);
    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.5));
}
.chip.active {
    transform: translateY(-8px) scale(1.1);
    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.5));
}
.chip__inner {
    width: 55px; 
	height: 55px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    overflow: hidden;
}
.chip__inner::after {
    content: '';
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    border: 2px dashed rgba(255,255,255,0.3);
}
.chip__value {
    font-family: var(--ff-number);
    font-size: clamp(10px, 1vw, 12px);
    font-weight: 700;
    color: #fff;
    position: relative; z-index: 2;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.chip--10k .chip__inner {
    background: conic-gradient(from 0deg, #1D4ED8 0% 12.5%, #1e40af 12.5% 14%, #1D4ED8 14% 25%, #1e40af 25% 26.5%, #1D4ED8 26.5% 37.5%, #1e40af 37.5% 39%, #1D4ED8 39% 50%, #1e40af 50% 51.5%, #1D4ED8 51.5% 62.5%, #1e40af 62.5% 64%, #1D4ED8 64% 75%, #1e40af 75% 76.5%, #1D4ED8 76.5% 87.5%, #1e40af 87.5% 89%, #1D4ED8 89% 100%);
    border: 3px solid rgba(255,255,255,0.25);
}
.chip--50k .chip__inner {
    background: conic-gradient(from 0deg, #D32F2F 0% 12.5%, #b71c1c 12.5% 14%, #D32F2F 14% 25%, #b71c1c 25% 26.5%, #D32F2F 26.5% 37.5%, #b71c1c 37.5% 39%, #D32F2F 39% 50%, #b71c1c 50% 51.5%, #D32F2F 51.5% 62.5%, #b71c1c 62.5% 64%, #D32F2F 64% 75%, #b71c1c 75% 76.5%, #D32F2F 76.5% 87.5%, #b71c1c 87.5% 89%, #D32F2F 89% 100%);
    border: 3px solid rgba(255,255,255,0.25);
}
.chip--100k .chip__inner {
    background: conic-gradient(from 0deg, #D4AF37 0% 12.5%, #aa7c11 12.5% 14%, #D4AF37 14% 25%, #aa7c11 25% 26.5%, #D4AF37 26.5% 37.5%, #aa7c11 37.5% 39%, #D4AF37 39% 50%, #aa7c11 50% 51.5%, #D4AF37 51.5% 62.5%, #aa7c11 62.5% 64%, #D4AF37 64% 75%, #aa7c11 75% 76.5%, #D4AF37 76.5% 87.5%, #aa7c11 87.5% 89%, #D4AF37 89% 100%);
    border: 3px solid rgba(255,255,255,0.25);
}
.chip--500k .chip__inner {
    background: conic-gradient(from 0deg, #8E0000 0% 12.5%, #5f0000 12.5% 14%, #8E0000 14% 25%, #5f0000 25% 26.5%, #8E0000 26.5% 37.5%, #5f0000 37.5% 39%, #8E0000 39% 50%, #5f0000 50% 51.5%, #8E0000 51.5% 62.5%, #5f0000 62.5% 64%, #8E0000 64% 75%, #5f0000 75% 76.5%, #8E0000 76.5% 87.5%, #5f0000 87.5% 89%, #8E0000 89% 100%);
    border: 3px solid rgba(245, 197, 66, 0.4);
}
.chip--1m .chip__inner {
    background: conic-gradient(from 0deg, #1A1A1A 0% 12.5%, #D4AF37 12.5% 14%, #1A1A1A 14% 25%, #D4AF37 25% 26.5%, #1A1A1A 26.5% 37.5%, #D4AF37 37.5% 39%, #1A1A1A 39% 50%, #D4AF37 50% 51.5%, #1A1A1A 51.5% 62.5%, #D4AF37 62.5% 64%, #1A1A1A 64% 75%, #D4AF37 75% 76.5%, #1A1A1A 76.5% 87.5%, #D4AF37 87.5% 89%, #1A1A1A 89% 100%);
    border: 3px solid rgba(245, 197, 66, 0.6);
}

.chip-actions { display: flex; gap: 8px; align-items: center; }
.action-btn {
    width: 50px; height: 50px;
    border-radius: var(--radius-md);
    background: var(--clr-white-08);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--ff-number);
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--clr-white-60);
    transition: all var(--transition-base);
    border: 1px solid transparent;
}
.action-btn:hover {
    background: var(--clr-white-15);
    color: var(--clr-white);
    border-color: var(--clr-white-08);
}
.action-btn--confirm {
    width: auto !important;
    padding: 0 22px;
    background: linear-gradient(135deg, #E53935 0%, #9A0007 100%);
    color: #FFE680 !important;
    font-family: var(--ff-heading);
    font-weight: 800 !important;
    font-size: var(--fs-xs) !important;
    letter-spacing: 1px;
    border: 1px solid rgba(245,197,66,0.5);
    box-shadow: 0 0 20px rgba(229,57,53,0.4), inset 0 1px 0 rgba(255,230,128,0.4);
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}
/* ★ Shimmer on confirm button */
.action-btn--confirm::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 230, 128, 0.2), transparent);
    animation: btnShimmerSweep 2.5s ease-in-out infinite;
}
.action-btn--confirm:hover {
    background: linear-gradient(135deg, #FF4D4D 0%, #C62828 100%);
    transform: scale(1.05);
    box-shadow: 0 0 28px rgba(229,57,53,0.7), 0 0 14px rgba(245,197,66,0.5);
}

/* COUNTDOWN */
.countdown {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(9, 11, 15, 0.75) 40%, transparent 75%);
    padding: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    transition: all var(--transition-base);
}

/* Cinematic Warning Backlights */
.countdown::before {
    content: '';
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(24, 195, 126, 0.25) 0%, transparent 60%);
    z-index: -1;
    opacity: 0.6;
    animation: countdown-ambient 2s infinite ease-in-out;
    pointer-events: none;
}

.countdown--warning::before {
    background: radial-gradient(circle, rgba(207, 169, 77, 0.4) 0%, transparent 65%);
    animation: countdown-ambient-warning 1s infinite ease-in-out;
}

.countdown--critical::before {
    background: radial-gradient(circle, rgba(255, 77, 90, 0.6) 0%, transparent 70%);
    animation: countdown-ambient-critical 0.5s infinite alternate;
}

@keyframes countdown-ambient {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.15); opacity: 0.8; }
}
@keyframes countdown-ambient-warning {
    0%, 100% { transform: scale(1); opacity: 0.6; }
    50% { transform: scale(1.25); opacity: 0.9; }
}
@keyframes countdown-ambient-critical {
    0% { transform: scale(1); opacity: 0.7; filter: blur(2px); }
    100% { transform: scale(1.35); opacity: 1; filter: blur(5px); }
}

/* Shake animation for critical count */
.countdown--critical {
    animation: countdown-shake 0.15s infinite;
}

@keyframes countdown-shake {
    0% { transform: translate(-50%, -50%) translate(0, 0); }
    25% { transform: translate(-50%, -50%) translate(-1px, 1px); }
    50% { transform: translate(-50%, -50%) translate(1px, -1px); }
    75% { transform: translate(-50%, -50%) translate(-1px, -1px); }
    100% { transform: translate(-50%, -50%) translate(1px, 1px); }
}

.countdown__ring { position: relative; }
.countdown__number {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--ff-countdown);
    font-size: var(--fs-2xl);
    font-weight: 900;
    color: var(--clr-accent);
    text-shadow: 0 0 20px rgba(24,195,126,0.4);
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* ROADMAP */
.roadmap-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 8px;
}
.roadmap-tab {
    padding: 4px 12px;
    border-radius: var(--radius-sm);
    font-family: var(--ff-body);
    font-size: var(--fs-xs);
    color: var(--clr-white-40);
    transition: all var(--transition-fast);
}
.roadmap-tab:hover { color: var(--clr-white-60); background: var(--clr-white-08); }
.roadmap-tab.active { 
    color: var(--clr-primary); 
    background: linear-gradient(135deg, var(--clr-gold), #D4AF37);
    font-weight: 700; 
    box-shadow: 0 2px 10px rgba(245, 197, 66, 0.3);
}

.roadmap-grid-wrapper { overflow-x: auto; }
.roadmap-canvas {
    width: 100%;
    height: 40px !important;
    display: block;
}

/* HISTORY */
.history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.history-title {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--clr-white-60);
}
.history-stats { display: flex; gap: 12px; }
.history-stat {
    font-family: var(--ff-number);
    font-size: var(--fs-xs);
    font-weight: 600;
}
.history-stat--player { color: var(--clr-player); }
.history-stat--tie { color: var(--clr-tie); }
.history-stat--banker { color: var(--clr-banker); }

.history-beads {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding-bottom: 4px;
}
.history-bead {
    width: 20px; height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--ff-number);
    font-size: 9px;
    font-weight: 700;
    color: #fff;
}
.history-bead--player { background: var(--clr-player); }
.history-bead--tie    { background: var(--clr-tie); color: var(--clr-primary); }
.history-bead--banker { background: var(--clr-banker); }

* ══════ JACKPOTS CONTAINER — PREMIUM ══════ */
.jackpots-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.jackpot-card {
    padding: 12px 16px;
    border-radius: var(--radius-md);
    border: 1px solid var(--clr-white-08);
    position: relative;
    overflow: hidden;
    transition: all var(--transition-base);
}
/* ★ Glass reflective gradient */
.jackpot-card::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.04), transparent);
    animation: btnShimmerSweep 4s ease-in-out infinite;
    pointer-events: none;
}
.jackpot-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 4px; height: 100%;
}
.jackpot-card:hover {
    transform: translateX(4px);
}

/* ★ GRAND — Ultimate premium glow */
.jackpot-card--grand {
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.12) 0%, rgba(212, 175, 55, 0.05) 50%, rgba(9, 11, 15, 0.8) 100%);
    border-color: rgba(245, 197, 66, 0.3);
    animation: borderGlow 3s ease-in-out infinite;
}
.jackpot-card--grand::before { background: linear-gradient(to bottom, #FFD700, var(--clr-gold), #B8860B); box-shadow: 0 0 12px rgba(245, 197, 66, 0.5); }
.jackpot-card--grand:hover { box-shadow: 0 0 24px rgba(245, 197, 66, 0.3); }

/* ★ MAJOR — red glow */
.jackpot-card--major {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.08) 0%, rgba(9, 11, 15, 0.8) 100%);
    border-color: rgba(229, 57, 53, 0.2);
}
.jackpot-card--major::before { background: linear-gradient(to bottom, #FF5252, var(--clr-danger), #B71C1C); box-shadow: 0 0 8px rgba(229, 57, 53, 0.4); }
.jackpot-card--major:hover { box-shadow: 0 0 20px rgba(229, 57, 53, 0.2); border-color: rgba(229, 57, 53, 0.4); }

/* ★ MINOR — blue glow */
.jackpot-card--minor {
    background: linear-gradient(135deg, rgba(42, 117, 211, 0.06) 0%, rgba(9, 11, 15, 0.8) 100%);
    border-color: rgba(42, 117, 211, 0.15);
}
.jackpot-card--minor::before { background: linear-gradient(to bottom, #64B5F6, var(--clr-player), #1565C0); }
.jackpot-card--minor:hover { box-shadow: 0 0 16px rgba(42, 117, 211, 0.2); border-color: rgba(42, 117, 211, 0.35); }

/* ★ MINI */
.jackpot-card--mini {
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.04) 0%, rgba(9, 11, 15, 0.8) 100%);
    border-color: rgba(245, 197, 66, 0.1);
}
.jackpot-card--mini::before { background: linear-gradient(to bottom, #FFF176, var(--clr-accent), #F9A825); }

.jackpot-card__tier {
    font-family: var(--ff-heading);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.jackpot-card--grand .jackpot-card__tier {
    background: linear-gradient(90deg, #FFF0B3, var(--clr-gold), #FFD700);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.jackpot-card--major .jackpot-card__tier { color: var(--clr-danger); }
.jackpot-card--minor .jackpot-card__tier { color: var(--clr-player); }
.jackpot-card--mini .jackpot-card__tier  { color: var(--clr-accent); }

/* ★ Jackpot value with glow animation */
.jackpot-card__value {
    font-family: var(--ff-number);
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--clr-white);
    margin-top: 2px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}
.jackpot-card--grand .jackpot-card__value {
    background: linear-gradient(90deg, var(--clr-white), var(--clr-gold-light), var(--clr-white));
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: textShimmer 3s ease-in-out infinite;
    font-size: var(--fs-base);
}


/* ══════ WINNERS LIST — PREMIUM ══════ */
.sidebar-section--winners {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.winners-list {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 200px;
    max-height: 355px;
    position: relative;
}
/* ★ Fade gradient at bottom for scroll hint */
.winners-list::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 40px;
    background: linear-gradient(to top, var(--glass-bg), transparent);
    pointer-events: none;
    z-index: 2;
}
.winner-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    font-size: var(--fs-xs);
    animation: slideInLeft 0.5s ease-out forwards, flashHighlight 1.5s ease-out 0.2s forwards;
    transition: all var(--transition-fast);
	font-size:9px;
	gap:3px;
}
.winner-row:hover {
    background: rgba(245, 197, 66, 0.05);
    border-color: rgba(245, 197, 66, 0.15);
}
.winner-row__user {
    font-weight: 500;
    color: var(--clr-white-80);
}
.winner-row__game {
    color: var(--clr-white-40);
}
.winner-row__amount {
    font-family: var(--ff-number);
    font-weight: 600;
    color: var(--clr-gold);
    text-shadow: 0 0 8px rgba(245, 197, 66, 0.3);
}
/* ── SIDEBARS ── */
.portal-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: var(--radius-lg);
    height: fit-content;
    position: sticky;
    top: calc(clamp(56px, 7vh, 72px) + 12px);
}

/* ── LOWER SECTIONS ── */
.slots-bets-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(12px, 1.5vw, 24px);
    padding: 0 clamp(12px, 1.5vw, 24px) clamp(12px, 1.5vw, 24px);
    max-width: 1920px;
    width: 100%;
    align-self: center;
}


.confetti-canvas {
    position: fixed;
    inset: 0;
    z-index: 200;
    pointer-events: none;
    width: 100%;
    height: 100%;
}
* ══════ SIDEBAR ELEMENTS ══════ */
.sidebar-header {
    border-bottom: 1px solid rgba(245, 197, 66, 0.15);
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative;
}
/* ★ Premium sidebar title with gradient + decorative accents */
.sidebar-title {
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #FFF0B3, var(--clr-gold), #E5B842);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 1px 6px rgba(245, 197, 66, 0.3));
    display: flex;
    align-items: center;
    gap: 8px;
}
.sidebar-title::before {
    content: '★';
    -webkit-text-fill-color: var(--clr-gold);
    font-size: 12px;
    animation: pulseScale 2s ease-in-out infinite;
    filter: drop-shadow(0 0 4px rgba(245, 197, 66, 0.6));
}

.sidebar-footer-btn {
    width: 100%;
    padding: 0 10px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.08), rgba(245, 197, 66, 0.03));
    color: var(--clr-gold);
    font-family: var(--ff-heading);
    font-size: var(--fs-xs);
    font-weight: 600;
    text-align: center;
    transition: all var(--transition-base);
    border: 1px solid rgba(245, 197, 66, 0.15);
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
}
.sidebar-footer-btn::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(245, 197, 66, 0.15), transparent);
    animation: btnShimmerSweep 3s ease-in-out infinite;
}
.sidebar-footer-btn:hover {
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.15), rgba(245, 197, 66, 0.05));
    color: var(--clr-gold-light);
    border-color: rgba(245, 197, 66, 0.35);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(245, 197, 66, 0.15);
}
.seo-container {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  padding: 24px 28px !important;
}
.seo-container .col-inner {
  flex: 1 1 auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}
.seo-container .col-inner::-webkit-scrollbar {
  width: 6px;
}
.seo-container .col-inner::-webkit-scrollbar-track {
  background: rgba(11, 14, 24, 0.8);
  border-radius: 4px;
}
.seo-container .col-inner::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #FFD166, #00E599);
  border-radius: 4px;
}
.seo-title-h1 {
    font-family: var(--ff-heading);
    font-size: clamp(1.05rem, 0.9rem + 0.5vw, 1.35rem);
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #FFF0B3 0%, var(--clr-gold) 50%, #E53935 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding-left: 12px;
    border-left: 4px solid var(--clr-gold);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--clr-white-08);
    margin-bottom: 6px;
    line-height: 1.3;
    filter: drop-shadow(0 2px 8px rgba(245, 197, 66, 0.25));
}
.seo-text-content {
    font-size: var(--fs-sm);
    color: var(--clr-white-60);
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.seo-text-content strong {
    color: var(--clr-gold);
    font-weight: 600;
}
/* ★ Premium section title bar with gradient */
.section-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(245, 197, 66, 0.12);
    padding-bottom: 12px;
    margin-bottom: 16px;
    position: relative;
}
/* ★ Gradient accent line at bottom */
.section-title-bar::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0;
    width: 60px; height: 2px;
    background: linear-gradient(90deg, var(--clr-gold), transparent);
    border-radius: 1px;
}
/* ★ Premium section title with glow */
.section-title {
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(135deg, #FFF0B3, var(--clr-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 1px 6px rgba(245, 197, 66, 0.25));
    display: flex;
    align-items: center;
    gap: 8px;
	    width: fit-content;
}
/* ★ LIVE dot before section title */
.section-title::before {
    content: '';
    display: inline-block;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--clr-gold);
    -webkit-text-fill-color: initial;
    animation: liveDotBlink 1.5s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(245, 197, 66, 0.6);
}

.section-more-link {
    font-size: var(--fs-xs);
    color: var(--clr-white-40);
    transition: all var(--transition-fast);
    position: relative;
}
.section-more-link:hover { 
    color: var(--clr-gold); 
    text-shadow: 0 0 8px rgba(245, 197, 66, 0.3);
}
.section-more-link::after {
    content: '';
    position: absolute;
    bottom: -2px; left: 0; right: 0;
    height: 1px;
    background: var(--clr-gold);
    transform: scaleX(0);
    transition: transform var(--transition-base);
    transform-origin: left;
}
.section-more-link:hover::after { transform: scaleX(1); }

.slots-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
/* ★ Premium slot cards with overlay effects */
.list-game .col-inner, .list-game .box {
	height:100%;
}
.lisst-game .large-2 {
	padding: 5px 12px !important;
}
.slot-card {
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid var(--clr-white-08);
    overflow: hidden;
    transition: all var(--transition-base);
    cursor: pointer;
    position: relative;
}
.slot-card:hover {
    transform: translateY(-6px);
    border-color: rgba(207, 169, 77, 0.35);
    box-shadow: 0 8px 32px rgba(245, 197, 66, 0.15), 0 0 24px rgba(245, 197, 66, 0.1);
}
.slot-card__img-wrapper {
    height: 120px;
    position: relative;
    overflow: hidden;
    background: #0f1218;
}
/* ★ Bottom gradient fade on slot images */
.slot-card__img-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 50%;
    background: linear-gradient(to top, rgba(15, 18, 24, 0.9), transparent);
    pointer-events: none;
    z-index: 2;
}
/* ★ Hover overlay with "CHƠI NGAY" */
.slot-card__img-wrapper::before {
    content: 'CHƠI NGAY';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--clr-gold);
    letter-spacing: 2px;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity var(--transition-base);
    z-index: 3;
    text-shadow: 0 0 12px rgba(245, 197, 66, 0.5);
}
.slot-card:hover .slot-card__img-wrapper::before {
    opacity: 1;
}
.slot-card__img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform var(--transition-slow);
}
.slot-card:hover .slot-card__img {
    transform: scale(1.08);
}
.slot-card__placeholder {
    width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform var(--transition-slow);
}
.slot-card:hover .slot-card__placeholder {
    transform: scale(1.08);
}
.slot-card__placeholder--kraken   { background-image: linear-gradient(135deg, #093c4e, #0e1b29); }
.slot-card__placeholder--majestic { background-image: linear-gradient(135deg, #4f2a09, #1c0e05); }
.slot-card__placeholder--candy    { background-image: linear-gradient(135deg, #6c1f6b, #1d0726); }
.slot-card__placeholder--dragon   { background-image: linear-gradient(135deg, #6b1414, #260505); }

.slot-card__info {
    padding: 10px;
    text-align: center;
    position: relative;
}
.slot-card__name {
    font-family: var(--ff-heading);
    font-size: 10px;
    font-weight: 700;
    color: var(--clr-white-80);
}
/* ★ Jackpot value with gold glow */
.slot-card__jackpot {
    font-family: var(--ff-number);
    font-size: 10px;
    font-weight: 600;
    margin-top: 2px;
    background: linear-gradient(90deg, var(--clr-gold), var(--clr-gold-light), var(--clr-gold));
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: textShimmer 4s ease-in-out infinite;
}

/* ★ HOT badge on slot cards */
.slot-card__hot-badge {
    position: absolute;
    top: -150px; right: 8px;
    padding: 2px 8px;
    border-radius: 4px;
    background: linear-gradient(135deg, #E53935, #C62828);
    color: #FFE680;
    font-family: var(--ff-heading);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.5px;
    z-index: 4;
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.5);
    animation: pulseScale 2s ease-in-out infinite;
}

/* ══════ LIVE BETS TABLE — PREMIUM ══════ */
.table-wrapper {
    overflow-x: auto;
}
.bets-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-xs);
    text-align: left;
	margin-bottom: 0;
}
/* ★ Premium table header */
.bets-table th {
    padding: 10px;
    color: var(--clr-gold);
    font-weight: 600;
    border-bottom: 1px solid rgba(245, 197, 66, 0.15);
    font-family: var(--ff-heading);
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, rgba(245, 197, 66, 0.05), transparent);
}
.bets-table td {
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.bets-table tbody tr {
    transition: all var(--transition-fast);
    animation: slideInLeft 0.5s ease-out forwards, flashHighlight 1.5s ease-out 0.3s forwards;
}
.bets-table tbody tr:hover {
    background-color: rgba(245, 197, 66, 0.04);
}
.live-bet-user { color: var(--clr-white-80); font-weight: 500; }
.live-bet-game { color: var(--clr-white-60); }
/* ★ Amount with glow */
.live-bet-amount { 
    font-family: var(--ff-number); 
    color: var(--clr-gold); 
    font-weight: 600; 
    text-shadow: 0 0 8px rgba(245, 197, 66, 0.25);
}
.live-bet-time { color: var(--clr-white-40); }

/* ★ High-value bets highlight (set via JS class) */
.live-bet-amount--high {
    color: var(--clr-gold-light) !important;
    text-shadow: 0 0 12px rgba(245, 197, 66, 0.6);
    font-weight: 700;
}

.featured-box.badge-item {
   
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 12px 10px;
    transition: all 0.3s ease;
    height: 100%;
    margin-bottom: 0;
}

/* ★ Shimmer sweep on hover */
.featured-box.badge-item::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(245, 197, 66, 0.08), transparent);
    transition: all 0.6s ease;
    pointer-events: none;
    z-index: 1;
}
.featured-box.badge-item:hover::after {
    left: 120%;
}
.featured-box.badge-item:hover {
    border-color: rgba(245, 197, 66, 0.25);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2), 0 0 16px rgba(245, 197, 66, 0.08);
}


/* --- ICON (Vòng tròn, Glow, và Float) --- */
/* Flatsome dùng .icon-inner thay vì .badge-item__icon */
.featured-box.badge-item .icon-inner {
    width: 48px; 
    height: 48px;
    border-radius: 50%;
    display: flex; 
    align-items: center; 
    justify-content: center;
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.12), rgba(245, 197, 66, 0.04));
    border: 1px solid rgba(245, 197, 66, 0.25);
    color: var(--clr-gold, #cfa94d);
    flex-shrink: 0;
    margin-right: 12px;
    margin-bottom: 0;
    animation: floatY 4s ease-in-out infinite;
    transition: all var(--transition-base, 0.3s ease);
    box-shadow: 0 0 12px rgba(245, 197, 66, 0.1);
}

.featured-box.badge-item:hover .icon-inner {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(245, 197, 66, 0.3);
    border-color: rgba(245, 197, 66, 0.5);
}

/* Định dạng SVG img bên trong */
.featured-box.badge-item .icon-inner img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain;
    filter: drop-shadow(0 0 4px rgba(245, 197, 66, 0.3));
    margin: auto;
}

/* ★ Stagger float animation per badge */
/* Do flatsome bọc bằng cột .col nên ta đếm nth-child trên .col */
.row.trust-badges > .col:nth-child(2) .icon-inner { animation-delay: 0.3s; }
.row.trust-badges > .col:nth-child(3) .icon-inner { animation-delay: 0.6s; }
.row.trust-badges > .col:nth-child(4) .icon-inner { animation-delay: 0.9s; }
.row.trust-badges > .col:nth-child(5) .icon-inner { animation-delay: 1.2s; }

/* Nếu bạn có badge riêng cho Speed (thêm class .badge-item--speed vào shortcode) */
.featured-box.badge-item--speed .icon-inner {
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.15), rgba(245, 197, 66, 0.05));
    border-color: rgba(245, 197, 66, 0.3);
}

/* --- CONTENT (Tiêu đề & Mô tả) --- */
/* Flatsome dùng .icon-box-text để chứa chữ */
.featured-box.badge-item .icon-box-text {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Căn giữa theo chiều dọc với icon */
    padding-top: 0;
}

.featured-box.badge-item h3 {
    font-family: var(--ff-heading, sans-serif);
    font-size: var(--fs-xs, 12px) !important;
    font-weight: 700;
    color: var(--clr-white, #ffffff);
    margin-bottom: 3px;
    margin-top: 0;
    line-height: 1.2;
}

.featured-box.badge-item p.badge-item__desc {
    font-size: 10px;
    color: var(--clr-white-40, rgba(255, 255, 255, 0.4));
    margin: 0;
    line-height: 1.3;
}

/* --- KEYFRAMES --- */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.pay-logo {
    padding: 6px 14px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    font-family: var(--ff-heading);
    font-size: 10px;
    font-weight: 600;
    color: var(--clr-white-60);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: all var(--transition-base);
	margin-bottom: 10px !important;
}
.pay-logo:hover {
    border-color: rgba(245, 197, 66, 0.3);
    color: var(--clr-gold);
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.08), rgba(245, 197, 66, 0.02));
    box-shadow: 0 0 12px rgba(245, 197, 66, 0.1);
    transform: translateY(-1px);
}
/* ══════ BOOKMAKER LIST — PREMIUM ══════ */
.bookmaker-list {
    max-height: 750px;
    overflow-x: scroll;
}
.bookmaker-card {
    border: 1px solid var(--clr-white-15);
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
	    padding: 5px;
    border-radius: var(--radius-md);
}
.bookmaker-list .large-12 {
	padding-bottom: 10px;
}
.bookmaker-card .col {
	    padding: 0 5px 5px !important;
}

/* ★ Shimmer sweep on all cards */
.bookmaker-card::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(245, 197, 66, 0.06), transparent);
    transition: all 0.6s ease;
    pointer-events: none;
}
.bookmaker-card:hover::after {
    left: 120%;
}
.bookmaker-card__logo {
    
}
.bookmaker-card:hover .bookmaker-card__logo {
    transform: scale(1.1);
}
.bookmaker-card:hover {
    border-color: rgba(207, 169, 77, 0.3);
    transform: translateX(4px) scale(1.01);
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.06), rgba(255, 255, 255, 0.02));
}

/* ★ TOP 1 — GOLD CROWN CHAMPION */
.bookmaker-card.bookmaker-card-top1 {
    background: linear-gradient(135deg, rgba(245, 197, 66, 0.12), rgba(212, 175, 55, 0.04), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(245, 197, 66, 0.35);
    animation: borderGlow 3s ease-in-out infinite;
}
.bookmaker-card.bookmaker-card-top1::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at top left, rgba(245, 197, 66, 0.1), transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.bookmaker-card.bookmaker-card-top1:hover {
    border-color: rgba(245, 197, 66, 0.6);
    box-shadow: 0 0 24px rgba(245, 197, 66, 0.3), 0 0 48px rgba(245, 197, 66, 0.1);
}

/* ★ TOP 2 — SILVER HIGHLIGHT */
.bookmaker-card.bookmaker-card-top2 {
    background: linear-gradient(135deg, rgba(192, 192, 192, 0.08), rgba(160, 160, 180, 0.03), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(192, 192, 192, 0.25);
}
.bookmaker-card:nth-child(2):hover {
    border-color: rgba(192, 192, 192, 0.5);
    box-shadow: 0 0 20px rgba(192, 192, 192, 0.2);
}

/* ★ TOP 3 — BRONZE HIGHLIGHT */
.bookmaker-card.bookmaker-card-top3 {
    background: linear-gradient(135deg, rgba(205, 127, 50, 0.08), rgba(205, 127, 50, 0.03), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(205, 127, 50, 0.25);
}
.bookmaker-card:nth-child(3):hover {
    border-color: rgba(205, 127, 50, 0.5);
    box-shadow: 0 0 20px rgba(205, 127, 50, 0.2);
}

/* Badge styles */
.bookmaker-card__badge {
    grid-area: badge;
    width: 25px; height: 25px;
    font-family: var(--ff-number);
    font-size: var(--fs-xs);
    font-weight: 700;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
	    background: linear-gradient(135deg, #4f3e2e, #443930, #543f30);
}
.bookmaker-card__badge p {
margin-bottom:0;
}
/* ★ TOP 1 badge — gold with glow */
.bookmaker-card.bookmaker-card-top1 .bookmaker-card__badge {
    background: linear-gradient(135deg, #FFD700, #D4AF37, #B8860B);
    color: var(--clr-primary);
    box-shadow: 0 0 12px rgba(245, 197, 66, 0.6), 0 2px 8px rgba(0,0,0,0.3);
    font-size: 11px;
}
/* ★ TOP 2 badge — silver */
.bookmaker-card.bookmaker-card-top2 .bookmaker-card__badge {
    background: linear-gradient(135deg, #E0E0E0, #B0B0B0, #909090);
    color: var(--clr-primary);
    box-shadow: 0 0 8px rgba(192, 192, 192, 0.4);
}
/* ★ TOP 3 badge — bronze */
.bookmaker-card.bookmaker-card-top3 .bookmaker-card__badge {
    background: linear-gradient(135deg, #CD7F32, #A0622E, #8B4513);
    color: #FFF8E7;
    box-shadow: 0 0 8px rgba(205, 127, 50, 0.4);
}
.bookmaker-card:nth-child(n+4) .bookmaker-card__badge {
    background: var(--clr-white-40);
    color: var(--clr-primary);
}

.bookmaker-card__info {
    grid-area: info;
    min-width: 0;
    position: relative;
    z-index: 1;
}
.bookmaker-card__name {
    font-family: var(--ff-heading);
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--clr-white);
}
/* ★ TOP 1 name glows gold */
.bookmaker-card:nth-child(1) .bookmaker-card__name {
    background: linear-gradient(135deg, #FFF0B3, var(--clr-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 6px rgba(245, 197, 66, 0.3));
}
.bookmaker-card__rating {
    font-size: 9px;
    margin: 2px 0;
}
.bookmaker-card__desc {
    font-size: 9px;
    color: var(--clr-gold);
}
/* ★ Premium CTA button with shimmer */
.bookmaker-card__btn {
    background: linear-gradient(to top, #372512, #5f421a, #9b7730) !important;
    border-radius: var(--radius-sm);

    color: #FFE680;
    border: 1px solid rgba(245, 197, 66, 0.35);
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	margin: 4px 0 !important;
	font-size: 8px;
}
.bookmaker-card__btn-2 {
	   background: radial-gradient(circle at top, #ffe6a3, #F5C542, #b88220, #7e5f08) !important;
	color: #000;
}
.bookmaker-card__btn::after {
    content: '';
    position: absolute;
    top: -5px; left: -60%;
    width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 230, 128, 0.25), transparent);
    animation: btnShimmerSweep 3s ease-in-out infinite;
}
.bookmaker-card__btn:hover {
    transform: translateY(-2px) scale(1.04);
    background: linear-gradient(135deg, #E53935 0%, #A60D1E 100%);
    box-shadow: 0 4px 20px rgba(229, 57, 53, 0.5), 0 0 12px rgba(245, 197, 66, 0.3);
    border-color: rgba(245, 197, 66, 0.6);
}

/* ★ Crown icon for TOP 1 — added via CSS */
.bookmaker-card.bookmaker-card-top1 .bookmaker-card__badge::before {
    content: '👑';
    position: absolute;
    top:-5px; left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    animation: crownFloat 2s ease-in-out infinite;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));
    z-index: 10;
}

.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
    opacity: 1;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/montserrat/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://gamebai38.co.com/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#gap-576425660 {
  padding-top: 30px;
}

#image_1587802039 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1587802039 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1587802039 {
    width: 100%;
  }
}

#text-1205080042 {
  font-size: 0.75rem;
}

#gap-1732988554 {
  padding-top: 5px;
}

#image_1706121720 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1706121720 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1706121720 {
    width: 100%;
  }
}

#gap-643233777 {
  padding-top: 5px;
}

#image_2113988763 {
  width: 80%;
}
@media (min-width:550px) {
  #image_2113988763 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_2113988763 {
    width: 100%;
  }
}

#gap-685526373 {
  padding-top: 5px;
}

#image_1361104613 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1361104613 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1361104613 {
    width: 100%;
  }
}

#gap-77795126 {
  padding-top: 5px;
}

#image_1503688101 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1503688101 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1503688101 {
    width: 100%;
  }
}

#gap-1973683432 {
  padding-top: 5px;
}

#image_493823518 {
  width: 80%;
}
@media (min-width:550px) {
  #image_493823518 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_493823518 {
    width: 100%;
  }
}

#gap-1668818093 {
  padding-top: 5px;
}

#image_1160088140 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1160088140 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1160088140 {
    width: 100%;
  }
}

#gap-173757427 {
  padding-top: 5px;
}

#image_699674986 {
  width: 80%;
}
@media (min-width:550px) {
  #image_699674986 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_699674986 {
    width: 100%;
  }
}

#gap-563088907 {
  padding-top: 5px;
}

#image_1446014643 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1446014643 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1446014643 {
    width: 100%;
  }
}

#gap-1091148743 {
  padding-top: 5px;
}

#image_569384856 {
  width: 80%;
}
@media (min-width:550px) {
  #image_569384856 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_569384856 {
    width: 100%;
  }
}

#gap-1417019735 {
  padding-top: 5px;
}

#image_126144247 {
  width: 80%;
}
@media (min-width:550px) {
  #image_126144247 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_126144247 {
    width: 100%;
  }
}

#gap-1865480892 {
  padding-top: 5px;
}

#image_765412263 {
  width: 80%;
}
@media (min-width:550px) {
  #image_765412263 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_765412263 {
    width: 100%;
  }
}

#gap-598299335 {
  padding-top: 5px;
}

#image_2098266915 {
  width: 80%;
}
@media (min-width:550px) {
  #image_2098266915 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_2098266915 {
    width: 100%;
  }
}

#gap-1584599260 {
  padding-top: 5px;
}

#image_103556035 {
  width: 80%;
}
@media (min-width:550px) {
  #image_103556035 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_103556035 {
    width: 100%;
  }
}

#gap-829447193 {
  padding-top: 5px;
}

#image_1788765319 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1788765319 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1788765319 {
    width: 100%;
  }
}

#gap-1141797693 {
  padding-top: 5px;
}

#image_2043180850 {
  width: 80%;
}
@media (min-width:550px) {
  #image_2043180850 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_2043180850 {
    width: 100%;
  }
}

#gap-1837778596 {
  padding-top: 5px;
}

#image_743452892 {
  width: 80%;
}
@media (min-width:550px) {
  #image_743452892 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_743452892 {
    width: 100%;
  }
}

#gap-183536630 {
  padding-top: 5px;
}

#image_649388917 {
  width: 80%;
}
@media (min-width:550px) {
  #image_649388917 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_649388917 {
    width: 100%;
  }
}

#gap-235435622 {
  padding-top: 5px;
}

#image_1042436042 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1042436042 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1042436042 {
    width: 100%;
  }
}

#gap-707251351 {
  padding-top: 5px;
}

#image_1118816799 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1118816799 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1118816799 {
    width: 100%;
  }
}

#gap-1860168667 {
  padding-top: 5px;
}

#image_1789297366 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1789297366 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1789297366 {
    width: 100%;
  }
}

#gap-1201730874 {
  padding-top: 5px;
}

#image_181328726 {
  width: 80%;
}
@media (min-width:550px) {
  #image_181328726 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_181328726 {
    width: 100%;
  }
}

#gap-1949431115 {
  padding-top: 5px;
}

#image_611643193 {
  width: 80%;
}
@media (min-width:550px) {
  #image_611643193 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_611643193 {
    width: 100%;
  }
}

#gap-825163164 {
  padding-top: 5px;
}

#image_1877160465 {
  width: 80%;
}
@media (min-width:550px) {
  #image_1877160465 {
    width: 80%;
  }
}
@media (min-width:850px) {
  #image_1877160465 {
    width: 100%;
  }
}

#gap-682361078 {
  padding-top: 5px;
}

#gap-1946556593 {
  padding-top: 5px;
}

#image_799832113 {
  width: 40%;
}
@media (min-width:850px) {
  #image_799832113 {
    width: 35%;
  }
}

#text-2199389459 {
  text-align: left;
}

#section_450070724 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(11, 2, 4);
}