/*
Theme Name: Bioscolombia Child
Theme URI: #
Description: Sunwin Dark Gold Neon Theme - 100% Flatsome & UX Builder
Author: Antigravity Team
Template: flatsome
Version: 2.0.0
Text Domain: bioscolombia-child
*/

/* Style Block #1 */

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


/* Style Block #2 */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/* Style Block #3 */

: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: #dd3333;--wp--preset--color--secondary: #ffcc00;--wp--preset--color--success: #7a9c59;--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 */


/* Style Block #4 */

#ez-toc-container{background:#F9F9F9;border:1px solid #AAA;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .05);box-shadow:0 1px 1px rgb(0 0 0 / .05);display:table;margin-bottom:1em;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:10px;position:relative;width:auto}div.ez-toc-widget-container{padding:0;position:relative}#ez-toc-container.ez-toc-light-blue{background:#EDF6FF}#ez-toc-container.ez-toc-white{background:#FFF}#ez-toc-container.ez-toc-black{background:#000}#ez-toc-container.ez-toc-transparent{background:none #fff0}div.ez-toc-widget-container ul{display:block}div.ez-toc-widget-container li{border:none;padding:0}div.ez-toc-widget-container ul.ez-toc-list{padding:10px}#ez-toc-container ul ul,.ez-toc div.ez-toc-widget-container ul ul{margin-left:1.5em}#ez-toc-container ul,#ez-toc-container li{margin:0;padding:0}#ez-toc-container ul,#ez-toc-container li,#ez-toc-container ul li,div.ez-toc-widget-container,div.ez-toc-widget-container li{background:none;list-style:none none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-container .ez-toc-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-title-container{display:table;width:100%}.ez-toc-title,.ez-toc-title-toggle{display:inline;text-align:left;vertical-align:middle}#ez-toc-container.ez-toc-black p.ez-toc-title{color:#FFF}#ez-toc-container div.ez-toc-title-container+ul.ez-toc-list{margin-top:1em}.ez-toc-wrap-left{margin:0 auto 1em 0px!important}.ez-toc-wrap-left-text{float:left}.ez-toc-wrap-right{margin:0 0 1em auto!important}.ez-toc-wrap-right-text{float:right}#ez-toc-container a{color:#444;box-shadow:none;text-decoration:none;text-shadow:none;display:inline-flex;align-items:stretch;flex-wrap:nowrap}#ez-toc-container a:visited{color:#9f9f9f}#ez-toc-container a:hover{text-decoration:underline}#ez-toc-container.ez-toc-black a{color:#FFF}#ez-toc-container.ez-toc-black a:visited{color:#FFF}#ez-toc-container a.ez-toc-toggle{display:flex;align-items:center;color:#444}.ez-toc-widget-container ul.ez-toc-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-widget-container ul.ez-toc-list li.active{background-color:#EDEDED}.ez-toc-widget-container li.active>a{font-weight:900}.ez-toc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid #fff0;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ez-toc-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ez-toc-btn:hover,.ez-toc-btn:focus{color:#333;text-decoration:none}.ez-toc-btn:active,.ez-toc-btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgb(0 0 0 / .125);box-shadow:inset 0 3px 5px rgb(0 0 0 / .125)}.ez-toc-btn-default{color:#333;background-color:#fff;border-color:#ccc}.ez-toc-btn-default:hover,.ez-toc-btn-default:focus,.ez-toc-btn-default:active,.ez-toc-btn-default.active{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-btn-default:active,.ez-toc-btn-default.active{background-image:none}.ez-toc-btn-sm,.ez-toc-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-btn-xs{padding:1px 5px}.ez-toc-btn-default{text-shadow:0 -1px 0 rgb(0 0 0 / .2);-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .15),0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 0 rgb(255 255 255 / .15),0 1px 1px rgb(0 0 0 / .075)}.ez-toc-btn-default:active{-webkit-box-shadow:inset 0 3px 5px rgb(0 0 0 / .125);box-shadow:inset 0 3px 5px rgb(0 0 0 / .125)}.ez-toc-btn:active,.btn.active{background-image:none}.ez-toc-btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.ez-toc-btn-default:hover,.ez-toc-btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-btn-default:active,.ez-toc-btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-pull-right{float:right!important;margin-left:10px}#ez-toc-container label.cssicon,#ez-toc-widget-container label.cssicon{height:30px}.ez-toc-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-glyphicon:empty{width:1em}.ez-toc-toggle i.ez-toc-glyphicon{font-size:16px;margin-left:2px}#ez-toc-container input{position:absolute;left:-999em}#ez-toc-container input[type="checkbox"]:checked+nav,#ez-toc-widget-container input[type="checkbox"]:checked+nav{opacity:0;max-height:0;border:none;display:none}#ez-toc-container label{position:relative;cursor:pointer;display:initial}#ez-toc-container .ez-toc-js-icon-con{position:relative;cursor:pointer;display:initial}#ez-toc-container .ez-toc-toggle label{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}#ez-toc-container .ez-toc-js-icon-con{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}div#ez-toc-container .ez-toc-title{display:initial}.ez-toc-wrap-center{margin:0 auto 1em auto!important}#ez-toc-container a.ez-toc-toggle{color:#444;background:inherit;border:inherit}.ez-toc-toggle #item{position:absolute;left:-999em}label.cssicon .ez-toc-glyphicon:empty{font-size:16px;margin-left:2px}label.cssiconcheckbox{display:none}.ez-toc-widget-container ul li a{padding-left:10px;display:inline-flex;align-items:stretch;flex-wrap:nowrap}.ez-toc-widget-container ul.ez-toc-list li{height:auto!important}.ez-toc-cssicon{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}.ez-toc-icon-toggle-span{display:flex;align-items:center;width:35px;height:30px;justify-content:center;direction:ltr}#ez-toc-container .eztoc-toggle-hide-by-default{display:none}.eztoc_no_heading_found{background-color:#ff0;padding-left:10px}.eztoc-hide{display:none}.term-description .ez-toc-title-container p:nth-child(2){width:50px;float:right;margin:0}.ez-toc-list.ez-toc-columns-2{column-count:2;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-2>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-3{column-count:3;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-3>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-4{column-count:4;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-4>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-optimized{column-fill:balance;orphans:2;widows:2}.ez-toc-list.ez-toc-columns-optimized>li{display:block;break-inside:avoid;page-break-inside:avoid}@media (max-width:768px){.ez-toc-list.ez-toc-columns-2,.ez-toc-list.ez-toc-columns-3,.ez-toc-list.ez-toc-columns-4{column-count:1;column-gap:0}}@media (max-width:1024px) and (min-width:769px){.ez-toc-list.ez-toc-columns-4{column-count:2}.ez-toc-list.ez-toc-columns-3{column-count:2}}.fusion-footer #ez-toc-container{display:none}.ez-toc-container-direction {direction: ltr;}.ez-toc-counter ul{counter-reset: item ;}.ez-toc-counter nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }.ez-toc-widget-direction {direction: ltr;}.ez-toc-widget-container ul{counter-reset: item ;}.ez-toc-widget-container nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }
/*# sourceURL=eztoc-style-inline-css */


/* Style Block #5 */

#ez-toc-sticky-container{background:0 0;border:1px solid #aaa;border-radius:4px;display:table;margin-bottom:1em;padding:10px;position:relative;width:auto}div.ez-toc-sticky-widget-container{padding:0;position:relative}#ez-toc-sticky-container.ez-toc-sticky-light-blue{background:#edf6ff}#ez-toc-sticky-container.ez-toc-sticky-white{background:#fff}#ez-toc-sticky-container.ez-toc-sticky-black{background:#000}#ez-toc-sticky-container.ez-toc-sticky-transparent{background:none}div.ez-toc-sticky-widget-container ul{display:block}div.ez-toc-sticky-widget-container li{border:none;padding:0}div.ez-toc-sticky-widget-container ul.ez-toc-sticky-list{padding:10px}#ez-toc-sticky-container ul ul,.ez-toc div.ez-toc-sticky-widget-container ul ul{margin-left:1.5em}#ez-toc-sticky-container li,#ez-toc-sticky-container ul{padding:0}#ez-toc-sticky-container li,#ez-toc-sticky-container ul,#ez-toc-sticky-container ul li,div.ez-toc-sticky-widget-container,div.ez-toc-sticky-widget-container li{background:0 0;list-style:none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-sticky-container p.ez-toc-sticky-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-sticky-title-container{display:table;width:100%}.ez-toc-sticky-title,.ez-toc-sticky-title-toggle{display:table-cell;text-align:left;vertical-align:middle}#ez-toc-sticky-container.ez-toc-sticky-black a,#ez-toc-sticky-container.ez-toc-sticky-black a:visited,#ez-toc-sticky-container.ez-toc-sticky-black p.ez-toc-sticky-title{color:#fff}#ez-toc-sticky-container div.ez-toc-sticky-title-container+ul.ez-toc-sticky-list{margin-top:1em}.ez-toc-sticky-wrap-left{float:left;margin-right:10px}.ez-toc-sticky-wrap-right{float:right;margin-left:10px}.ez-toc-sticky-wrap-center{margin:0 auto}#ez-toc-sticky-container a{color:#444;box-shadow:none;text-decoration:none;text-shadow:none;display:inline-flex;align-items:stretch;flex-wrap:nowrap}#ez-toc-sticky-container a:visited{color:#9f9f9f}#ez-toc-sticky-container a:hover{text-decoration:underline}#ez-toc-sticky-container a.ez-toc-sticky-toggle{color:#444}.ez-toc-sticky-widget-container ul.ez-toc-sticky-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-sticky-widget-container ul.ez-toc-sticky-list li.active{background-color:#ededed;height:auto!important}.ez-toc-sticky-widget-container li.active>a{font-weight:900}.ez-toc-sticky-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ez-toc-sticky-btn:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.ez-toc-sticky-btn:focus,.ez-toc-sticky-btn:hover{color:#333;text-decoration:none}.ez-toc-sticky-btn.active,.ez-toc-sticky-btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.ez-toc-sticky-btn-default{color:#333;background-color:#fff;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#ccc}.ez-toc-sticky-btn-default.active,.ez-toc-sticky-btn-default:active,.ez-toc-sticky-btn-default:focus,.ez-toc-sticky-btn-default:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-sticky-btn-default.active,.ez-toc-sticky-btn-default:active{background-image:none;background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-sticky-btn-sm,.ez-toc-sticky-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-sticky-btn-xs{padding:1px 5px}.ez-toc-sticky-btn-default:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.active,.ez-toc-sticky-btn:active{background-image:none}.ez-toc-sticky-btn-default:focus,.ez-toc-sticky-btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-sticky-pull-right{float:right!important;margin-left:10px}.ez-toc-sticky-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-sticky-glyphicon:empty{width:1em}.ez-toc-sticky-toggle i.ez-toc-sticky-glyphicon,label.cssicon .ez-toc-sticky-glyphicon:empty{font-size:16px;margin-left:2px}#ez-toc-sticky-container input{position:absolute;left:-999em}#ez-toc-sticky-container input[type=checkbox]:checked+nav{opacity:0;max-height:0;border:none;display:none}#ez-toc-sticky-container label{float:right;position:relative;left:10px;font-size:16px;background:#f9efef;padding:0 4px 0 5px;border:1px solid #999191;border-radius:5px;cursor:pointer}div#ez-toc-sticky-container p.ez-toc-sticky-title{display:contents}div#ez-toc-sticky-container{padding-right:20px}label.cssiconcheckbox{display:none}.ez-toc-sticky-widget-container ul li a{padding-left:10px}.ez-toc-sticky-toggle-direction {direction: ltr;}.ez-toc-sticky-toggle-counter ul{counter-reset: item ;}.ez-toc-sticky-toggle-counter nav ul li a::before {content: counters(item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em; float: left; }.ez-toc-sticky-fixed{position: fixed;top: 0;left: 0;z-index: 999999;width: auto;max-width: 100%;} .ez-toc-sticky-fixed .ez-toc-sidebar {position: relative;top: auto;width: auto;;box-shadow: 1px 1px 10px 3px rgb(0 0 0 / 20%);box-sizing: border-box;padding: 20px 30px;background: #fff;margin-left: 0 !important; height: 100vh; overflow-y: auto;overflow-x: hidden;} .ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container { padding: 0px;border: none;margin-bottom: 0;margin-top: 65px;} #ez-toc-sticky-container a { color: #000;} .ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container {border-bottom-color: #EEEEEE;background-color: #fff;padding:15px;border-bottom: 1px solid #e5e5e5;width: 100%;position: absolute;height: auto;top: 0;left: 0;z-index: 99999999;} .ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container .ez-toc-sticky-title {font-weight: 600;font-size: 18px;color: #111;} .ez-toc-sticky-fixed .ez-toc-close-icon {-webkit-appearance: none;padding: 0;cursor: pointer;background: 0 0;border: 0;float: right;font-size: 30px;font-weight: 600;line-height: 1;position: relative;color: #111;top: -2px;text-decoration: none;} .ez-toc-open-icon {position: fixed;left: 0px;top:8%;text-decoration: none;font-weight: bold;padding: 5px 10px 15px 10px;box-shadow: 1px -5px 10px 5px rgb(0 0 0 / 10%);background-color: #fff;color:#111;display: inline-grid;line-height: 1.4;border-radius: 0px 10px 10px 0px;z-index: 999999;} .ez-toc-sticky-fixed.hide {-webkit-transition: opacity 0.3s linear, left 0.3s cubic-bezier(0.4, 0, 1, 1);-ms-transition: opacity 0.3s linear, left 0.3s cubic-bezier(0.4, 0, 1, 1);-o-transition: opacity 0.3s linear, left 0.3s cubic-bezier(0.4, 0, 1, 1);transition: opacity 0.3s linear, left 0.3s cubic-bezier(0.4, 0, 1, 1);left: -100%;} .ez-toc-sticky-fixed.show {-webkit-transition: left 0.3s linear, left 0.3s easy-out;-moz-transition: left 0.3s linear;-o-transition: left 0.3s linear;transition: left 0.3s linear;left: 0;} .ez-toc-open-icon span.arrow { font-size: 18px; } .ez-toc-open-icon span.text {font-size: 13px;writing-mode: vertical-rl;text-orientation: mixed;} @media screen  and (max-device-width: 640px) {.ez-toc-sticky-fixed .ez-toc-sidebar {min-width: auto;} .ez-toc-sticky-fixed .ez-toc-sidebar.show { padding-top: 35px; } .ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container { min-width: 100%; } }
/*# sourceURL=eztoc-sticky-style-inline-css */


/* Style Block #6 */

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


/* Style Block #7 */
.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}

/* Style Block #8 */
:root {--primary-color: #dd3333;--fs-color-primary: #dd3333;--fs-color-secondary: #ffcc00;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #ffcc00;--fs-experimental-link-color-hover: #ffffff;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #ffffff;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}html{background-color:rgba(0,0,0,0.39)!important;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 820px}.row.row-collapse{max-width: 790px}.row.row-small{max-width: 812.5px}.row.row-large{max-width: 850px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: rgba(0,0,0,0.39)}.header-main{height: 72px}#logo img{max-height: 72px}#logo{width:200px;}.header-bottom{min-height: 50px}.header-top{min-height: 20px}.transparent .header-main{height: 30px}.transparent #logo img{max-height: 30px}.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: 80px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.search-form{ width: 74%;}.header-bg-color {background-color: rgba(0,0,0,0.68)}.header-bottom {background-color: #1e1e1e}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.blog-wrapper{background-color: rgba(173,173,173,0);}body{color: #ffffff}h1,h2,h3,h4,h5,h6,.heading-font{color: #ffcc00;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #ffffff;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #ffcc00;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #ffcc00;}.widget:where(:not(.widget_shopping_cart)) a{color: #ffffff;}.widget:where(:not(.widget_shopping_cart)) a:hover{color: #ffcc00;}.widget .tagcloud a:hover{border-color: #ffcc00; background-color: #ffcc00;}input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){border-radius: 100!important}.absolute-footer, html{background-color: #212121}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS *//* --- TỐI ƯU RESPONSIVE TIÊU ĐỀ (MOBILE & TABLET) --- *//* Dùng Clamp để font tự co giãn mượt mà theo màn hình */h1, .content-center-page h1 {font-size: clamp(24px, 6vw, 32px) !important;line-height: 1.3 !important;margin-bottom: 20px !important;}h2, .content-center-page h2 {font-size: clamp(20px, 5vw, 26px) !important;line-height: 1.4 !important;margin-top: 30px !important;margin-bottom: 15px !important;}h3, .content-center-page h3 {font-size: clamp(18px, 4vw, 22px) !important;line-height: 1.4 !important;margin-top: 25px !important;margin-bottom: 10px !important;}/* Tinh chỉnh cho Mobile cụ thể (Màn hình dưới 768px) */@media (max-width: 768px) {.content-center-page h1 { padding: 0 10px; }.content-center-page h2, .content-center-page h3 { padding: 0 10px; }/* Thu gọn khoảng cách tiêu đề trên mobile để bài viết đỡ dài */h1, h2, h3 {margin-top: 20px !important;margin-bottom: 10px !important;}}.sunwin-faq-container {max-width: 900px;margin: 40px auto;background: #0a0a0a;border: 1px solid #1a1a1a;border-radius: 15px;padding: 30px;font-family: 'Segoe UI', Arial, sans-serif;color: #e0e0e0;}.faq-main-title {color: #ffcc00;text-align: center;font-size: 26px;text-transform: uppercase;margin-bottom: 30px;}.faq-item {border-bottom: 1px solid #222;}.faq-header {display: flex;justify-content: space-between;align-items: center;padding: 15px;cursor: pointer;transition: 0.3s;}/* Style cho H3 trong FAQ */.faq-header h3 {margin: 0;font-size: 18px;font-weight: 600;color: #fff;line-height: 1.4;}.faq-icon {color: #ffcc00;font-size: 22px;font-weight: bold;}.faq-header:hover h3 {color: #ffcc00;}.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease-out;background: #111;}.faq-item.active .faq-answer {max-height: 500px;padding: 20px;border-top: 1px solid #1a1a1a;}.faq-item.active .faq-icon {transform: rotate(45deg); /* Đổi dấu + thành x */color: #ff4444;}.faq-answer p {line-height: 1.8;margin: 0;font-size: 15px;color: #ccc;}.faq-answer strong {color: #ffcc00;}@media (max-width: 768px) {.faq-header h3 { font-size: 16px; }}.row.row-main {padding-top: 20px;}#main, #wrapper {background-color: #rgba(0,0,0,0.39);position: relative;}body {position: relative;min-height: 100%;margin: 0;padding: 0;background-size: cover;background-color: #rgba(0,0,0,0.39);color: #fff;font-size: 14px;z-index: -1;background-color: black;}#ez-toc-container {background: #141313 !important;}#ez-toc-container a {color: #ffe690 !important;}.content-center-page h2{color: #ffe690 !important;font-size: 23px;}.content-center-page h1{color: #ffe690 !important;font-size: 23px;}.content-center-page h3{color: #ffe690 !important;font-size: 23px;}.content-center-page a{color: #ffe690 !important;}.tab-content-custom { width: 66%;}.nav-tabs-custom {width: 64%;margin-bottom: 1rem;border: none !important;margin: 0 auto 1rem;padding: 0;list-style: none;display: flex;align-items: flex-end;justify-content: center;}.nav-tabs-custom>li {flex: 0 0 auto;text-align: center;text-transform: uppercase;font-size: 18px;margin: 0;padding: 0;width: 100%;}.nav-tabs-custom li {list-style: none;}.nav-tabs-custom>li>a {position: relative;text-decoration: none;width: 100%;height: 100%;color: #f7dca9;display: flex;align-items: center;justify-content: center;background-color: unset;border-top-color: unset;border-left: unset;border-right: unset;border-top: unset;padding-left: unset;padding-right: unset;}.form-group-custom {position: relative;margin-bottom: 1rem;}.instyle {background: linear-gradient(to bottom, #ffecd4 0, #553418 30%, #fee9b9 50%, #553418 70%, #fffcc3 100%);border-radius: 15px;overflow: hidden;padding: 1.5px;width: -webkit-fill-available;}.form-control {height: 48px !important;background: #000 !important;border: none !important;outline: 0 !important;margin: 0 auto;padding-right: 45px;padding-left: 45px;font-size: 14px;color: #ffcc7e !important;border-radius: 15px ;text-align: center;}.tab-content-custom {padding: 0 0 .1rem 0;background: url(/wp-content/themes/flatsome-child/images/bg-form.webp) top center no-repeat;background-size: 100% 100%;margin: 0 auto;}.recaptcha-input1 {display: flex;justify-content: space-between;}.capcha_box {display: flex;justify-content: flex-end;align-items: center;margin-left: 15px;}form.regFrm {width: 70%;margin: 0 auto;}.form-control, .instyle {border-radius: 15px !important;}.btn_form {padding-top: 4px;}.recaptcha-bg {width: 116px;background-size: contain;background-position: center;background-repeat: no-repeat;border-radius: 3px;height: 100%;}.capcha_icon i {font-size: 28px;padding-left: 5px;background: linear-gradient(to bottom, #fff 0, #fff6bc 50%, #ffd562 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.capcha_icon.active {transform: rotate(180deg);}.capcha_icon {width: 30px;height: 30px;display: inline-flex;justify-content: center;align-items: center;font-size: 25px;cursor: pointer;transition: .5s all ease-in-out;}.form-group-custom > i {position: absolute;left: 15px;top: 0;display: inline-block;cursor: pointer;height: 48px;width: 25px;text-align: center;font-size: 20px;display: flex;align-items: center;justify-content: center;color: #8b8b8b;}.form-group-custom>i.fa-eye {right: 15px;left: auto;}.social-list{position: fixed;z-index: 900;left: calc(50% + 320px + 5rem);    top: 180px;width: 260px;height: max-content;}.banner-img .img-inner{ border: 2px solid; border-radius: 12px;}#banners{position: fixed;right: calc(50% + 320px + 5rem);width: 230px;max-width: 230px;z-index: 9000;    top: 180px;}/* body.category{ background: #fff;} *//* body.category #wrapper {background-color: #fff;position: relative;} *//* body.category #main {background-color: #fff;position: relative;} */body.category .container-width, body.category .full-width .ubermenu-nav, body.category .container, body.category .row {max-width: 1200px;}body.single-post#wrapper {background-color: #fff !important;position: relative;}body.single-post#main {background-color: #fff;position: relative;}body.single-post container-width, body.single-post .full-width .ubermenu-nav, body.single-post .container, body.single-post .row {max-width: 1200px;}#content { padding-top: 0px;}/* #content > header{background: #f1f3f4;} */#content > header h1.page-title{font-weight: 700;font-size: 2rem;line-height: 1.1em;text-transform: none;/* color: #151515; */margin-bottom: 0;padding: 12px 15px;}.row-footer-page > div{ padding-bottom: 0 !important;}h3.widget-title, span.widget-title {/* color: #151515; */font-size: 1.333em;line-height: 1.45em;font-weight: 700;}span.widget-title:before{content: '';z-index: 1;opacity: .8;width: 11px;height: 11px;position: absolute;left: -16px;border-radius: 50%;top: 4px;background-color: #ff2453;}span.widget-title:after{content: '';z-index: 0;width: 11px;height: 11px;position: absolute;left: -16px;border-radius: 50%;top: 11px;background-color: #be2edd;}.widget{ position: relative; }.content_seo {background: #1f0f09;border: 1px solid #fff;border-radius: 1rem;padding: 0;text-align: left;max-height: 440px;text-align: justify;overflow: scroll;height: auto;min-height: 430px;text-align: justify;overflow: hidden;height: auto;position: relative;width: auto;display: block;}.content_seo > .col{min-height: 430px;text-align: justify;overflow: hidden;height: auto;position: relative;width: auto;}.content_seo > .col > .col-inner{overflow: scroll;overflow-x: hidden;top: 40px;right: 40px;bottom: 40px;left: 40px;width: auto; position: absolute !important;}.content_games {background: url(/wp-content/uploads/2026/01/background-sunwin-scaled.webp) center no-repeat;background-size: 100% 342px;padding: 2.5rem .2rem 2.5rem 4rem;margin-bottom: 1rem;padding-left: 60px !important;}.content_games .col{ padding: 5px;}.flickity-page-dots .dot {height: 6px;width: 6px;background: #563700;}.ftlbl {text-transform: uppercase;color: #ffe9a4;font-size: 16px;padding-bottom: .8rem;}.ftbtn {padding-top: .5rem;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;gap: 18px;}.ftbtn .fticon {width: 40px;height: 40px;display: inline-block;background-position: center;background-size: contain;background-repeat: no-repeat;margin-top: 0 !important;}.ftbtn .ftchat {background-image: url(/wp-content/uploads/2024/11/icon-chat-mb.png);}.ftbtn .ftfb{background-image: url(/wp-content/uploads/2024/11/icon-fb-mb.png);}.ftbtn .fttele{background-image: url(/wp-content/uploads/2024/11/icon-tele-mb.png);}.footer .container-width,.footer .full-width .ubermenu-nav,.footer .container, .footer .row {max-width: 1080px;}.btn_footer{display: block !important;background: #fff4ce;color: #1e0f08 !important;text-transform: uppercase;text-align: center;border-radius: 30px;padding: 10px;width: 100%;font-weight: 700;font-size: 16px;margin: 0 auto;text-decoration: none;height: auto;}.absolute-footer{border-top: 1px solid #554738;}.img-logo{margin-bottom: 0 !important;}.text-sunwin-1{padding-bottom: 6px;}.image-2{padding-bottom: 0px;}/* Áp dụng cho toàn bộ trang */.content_seo ::-webkit-scrollbar {width: 5px; /* Độ rộng của thanh cuộn */height: 114px; /* Độ cao của thanh cuộn ngang (nếu có) */}/* Màu nền của thanh cuộn */.content_seo ::-webkit-scrollbar-track {background: transparent; /* Màu nền track */}/* Màu thanh cuộn */.content_seo ::-webkit-scrollbar-thumb {background: linear-gradient(to bottom,#feffaa 0,#faffdb 29%,#ffbb43 80%,#fede5e 100%); /* Màu vàng */border-radius: 1.5px; /* Góc bo tròn */height: 114px;width: 5px;}/* Màu thanh cuộn khi hover */.content_seo ::-webkit-scrollbar-thumb:hover {background: #FFC107; /* Màu vàng đậm hơn khi rê chuột */}.stylebtn > .col{ padding-bottom: 0 !important;}/* --- GIAO DIỆN SUNWIN BRANDING --- *//* 1. Header Wrapper */.sunwin-header-wrapper {background: linear-gradient(135deg, #1f1f1f 0%, #0a0a0a 100%);padding: 30px;border-radius: 16px;border: 1px solid #443300;text-align: center;margin-bottom: 30px;box-shadow: 0 5px 20px rgba(0,0,0,0.4);}.sunwin-title {background: linear-gradient(to right, #ffd700, #ffcc00, #ffd700);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 26px !important;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 10px;}/* 2. Container chính */article.sunwin-comparison-container {background: #121212;padding: 30px;border-radius: 16px;border: 1px solid #333;color: #e0e0e0;}section h3 {color: #ffcc00;text-transform: uppercase;font-size: clamp(17px, 2.4vw, 22px); /* Co giãn linh hoạt mượt mà trên mobile và tablet */font-weight: 800;letter-spacing: 0.8px;margin: 28px 0 14px 0;padding: 0;/* Xóa sạch background, border và box-shadow */background: none !important;border: none !important;box-shadow: none !important;/* Hiệu ứng chữ ánh kim Gradient vàng - cam đặc trưng Sunwin */background: linear-gradient(135deg, #ffcc00, #ff8800) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;text-shadow: 0 2px 10px rgba(255, 204, 0, 0.2);word-break: break-word;}/* Tối ưu khoảng cách trên Tablet và màn hình lớn */@media (min-width: 768px) {section h3 {margin: 36px 0 18px 0;}}/* 4. Table Styling */.sunwin-table, .sunwin-summary-table {width: 100%;border-collapse: separate;border-spacing: 0;background: #181818;border-radius: 12px;overflow: hidden;border: 1px solid #333;}.sunwin-table th, .sunwin-summary-table th {background: #251a00 !important;color: #ffcc00 !important;padding: 16px;text-transform: uppercase;font-size: 13px;border-bottom: 2px solid #443300;}.sunwin-table td, .sunwin-summary-table td {padding: 16px;border-bottom: 1px solid #2a2a2a;vertical-align: top;}/* 5. Highlight class - Thêm class này vào các dòng Sunwin trong HTML */.sunwin-highlight {background: linear-gradient(90deg, #2a2200 0%, #181818 100%) !important;border-left: 4px solid #ffcc00 !important;}.sunwin-highlight .brand-col { color: #ffcc00; font-weight: bold; }/* 6. Nội dung so sánh */.plus { color: #50fa7b; font-weight: 500; margin: 0 0 5px 0; }.minus { color: #ff5555; font-weight: 500; margin: 5px 0 0 0; }.conclusion { background: #15272a;color: #8be9fd;padding: 8px 12px;border-radius: 6px;margin-top: 10px;border-left: 3px solid #00bcd4;font-style: italic;font-size: 0.9em;}/* 7. Lời khuyên */.sunwin-advice {background: #1a1a1a;padding: 20px;border-radius: 12px;border: 1px solid #333;}.sunwin-advice p { border-bottom: 1px dashed #333; padding-bottom: 10px; margin-bottom: 10px; }/* Reset khoảng cách cho Header Button */.header-button {margin: 0 5px;display: inline-block;}/* Container chính */.sunwin-pro-section {background: #050505;padding: 60px 20px;font-family: 'Segoe UI', sans-serif;border-radius: 30px;}.sunwin-container { max-width: 900px; margin: 0 auto; }.sunwin-heading {text-align: center;color: #FFD700;font-size: 2.2rem;margin-bottom: 40px;text-transform: uppercase;}/* Glassmorphism Box */.sunwin-box {display: flex;align-items: center;gap: 50px;background: rgba(255, 255, 255, 0.03);padding: 40px;border-radius: 25px;border: 1px solid rgba(255, 215, 0, 0.1);backdrop-filter: blur(10px);}.app-visual img { width: 100%; max-width: 300px; border-radius: 20px;box-shadow: 0 20px 40px rgba(0,0,0,0.5);}.brand-icon { width: 60px; height: auto; margin-bottom: 10px; }.app-title { color: #fff; margin: 0 0 15px 0; font-size: 1.5rem; }.app-description { color: #b3b3b3; line-height: 1.7; margin-bottom: 25px; }/* Nút CTA nổi bật */.btn-primary {display: inline-block;padding: 18px 40px;background: linear-gradient(135deg, #FFD700, #B8860B);color: #000;font-weight: 800;text-decoration: none;border-radius: 15px;transition: transform 0.3s ease, box-shadow 0.3s ease;}.btn-primary:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);}.support-text { display: block; color: #666; font-size: 0.85rem; margin-top: 10px; }/* Responsive */@media (max-width: 768px) {.sunwin-box { flex-direction: column; text-align: center; gap: 30px; }.sunwin-heading { font-size: 1.6rem; }}/* ========================================= KHỐI HIGHLIGHT TÌM KIẾM BRANDING SUNWIN========================================= */.sunwin-search-guide {margin-top: 35px;background: linear-gradient(180deg, rgba(212, 163, 57, 0.05) 0%, rgba(22, 17, 13, 0.9) 100%);border: 2px solid var(--sw-gold-strong);border-radius: 12px;padding: 25px 20px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(212, 163, 57, 0.1);}.guide-header {font-size: 18px;font-weight: 800;color: var(--sw-gold);display: flex;align-items: center;gap: 10px;margin-bottom: 12px;text-transform: uppercase;text-shadow: 0 2px 10px rgba(212, 163, 57, 0.4);}.guide-icon { font-size: 22px; }.guide-desc {color: #fff !important;font-weight: 500;margin-bottom: 20px;}.guide-steps {padding-left: 20px;color: var(--sw-text-muted);font-size: 14px;margin: 0;}.guide-steps li {margin-bottom: 18px;line-height: 1.7;}.guide-steps li:last-child { margin-bottom: 0; }.google-link {background: rgba(255, 255, 255, 0.1);padding: 2px 8px;border-radius: 4px;border: 1px solid rgba(255,255,255,0.3);color: #4285F4 !important; /* Màu xanh nhận diện Google */}/* Khu vực chứa từ khóa */.keyword-tags {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px;}/* Thẻ Keyword chuẩn UI */.kw-tag {background: rgba(0, 0, 0, 0.5);border: 1px solid var(--sw-gold-strong);color: var(--sw-gold);padding: 6px 14px;border-radius: 20px;font-size: 13px;font-weight: 700;letter-spacing: 0.5px;box-shadow: 0 0 8px rgba(212, 163, 57, 0.2);transition: all 0.3s ease;cursor: default;}.kw-tag:hover {background: var(--sw-gold-strong);color: #0e0b08;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(212, 163, 57, 0.5);}/* Link Domain cuối bài */.sunwin-domain-highlight {display: inline-block;background: var(--sw-gold-strong);color: #000 !important;padding: 4px 10px;border-radius: 6px;margin-top: 5px;font-weight: 800 !important;text-transform: lowercase;box-shadow: 0 0 15px rgba(212, 163, 57, 0.4);transition: all 0.2s;}.sunwin-domain-highlight:hover {background: var(--sw-gold);transform: scale(1.02);}/* ========================================================== SUNWIN RANK SECTION - PROFESSIONAL MOBILE-FIRST CSS ========================================================== */:root {--sw-gold-gradient: linear-gradient(90deg, #ffd875 0%, #d4a339 50%, #876211 100%);--sw-gold: #ffd875;--sw-gold-strong: #d4a339;--sw-gold-glow: rgba(212, 163, 57, 0.35);--sw-dark-matte: #0b0907;--sw-card-glass: rgba(18, 14, 11, 0.95);--sw-text-pure: #ffffff;--sw-text-sub: #bdae9e;--sw-red-jackpot: #ff4757;--sw-alert-red: #ff3838;}.sunwin-rank-section {width: 100%;max-width: 850px;margin: 0 auto;max-height: 780px;overflow-y: auto;background: radial-gradient(circle at top, #261b12 0%, var(--sw-dark-matte) 100%);border: 3px solid var(--sw-gold-strong); box-shadow: 0 0 30px var(--sw-gold-glow), inset 0 0 20px rgba(212, 163, 57, 0.15);border-radius: 16px;padding: 20px 14px;color: var(--sw-text-pure);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;box-sizing: border-box;}.sunwin-rank-section::-webkit-scrollbar { width: 5px; }.sunwin-rank-section::-webkit-scrollbar-track { background: var(--sw-dark-matte); }.sunwin-rank-section::-webkit-scrollbar-thumb { background: var(--sw-gold-strong); border-radius: 10px; }.sunwin-inline-link { color: var(--sw-gold); text-decoration: none; border-bottom: 1.5px dashed var(--sw-gold); font-weight: 600; }.sunwin-inline-link:hover { color: #fff; border-bottom-style: solid; }.sunwin-rank-kicker { font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(--sw-gold); text-align: center; margin-bottom: 6px; }.sunwin-rank-head h2 { font-size: clamp(18px, 2.2vw, 24px); font-weight: 800; text-align: center; margin: 0 0 8px 0; text-shadow: 0 2px 8px rgba(0,0,0,0.8); }.sunwin-rank-head { font-size: 13px; color: var(--sw-text-sub); text-align: center; line-height: 1.6; }/* Toast Notification */.sunwin-toast-wrap { display: flex; justify-content: center; width: 100%; margin: 12px 0 16px 0; box-sizing: border-box; }.sunwin-toast { background: #000; border: 1.5px solid var(--sw-gold-strong); padding: 8px 14px; border-radius: 30px; display: flex; align-items: center; gap: 8px; max-width: 100%; box-shadow: 0 4px 12px rgba(0,0,0,0.5); box-sizing: border-box; }.sunwin-toast-pulse { width: 6px; height: 6px; background: #2ecc71; border-radius: 50%; box-shadow: 0 0 8px #2ecc71; animation: blink 0.8s infinite; flex-shrink: 0; }.sunwin-toast-body { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.sunwin-toast-money { color: #2ecc71; font-weight: 700; }/* ========================================================== KHẮC PHỤC TRIỆT ĐỂ LỖI THẺ HŨ BỊ CHE Ở ĐỈNH ========================================================== */.sunwin-nohu-grid {display: grid;grid-template-columns: repeat(3, 1fr); gap: 8px;margin-top: 18px; /* Tạo khoảng hở phía trên để tag không bị cắt */margin-bottom: 20px;width: 100%;box-sizing: border-box;}.sunwin-nohu-card {background: var(--sw-card-glass);border: 2px solid var(--sw-gold-strong);border-radius: 12px;padding: 16px 6px 12px 6px; text-align: center;position: relative;box-sizing: border-box;overflow: visible !important; /* Bắt buộc hiển thị tràn viền cho thẻ tag */box-shadow: 0 4px 12px rgba(0,0,0,0.4);}.nohu-tag { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); font-size: 8px; font-weight: 800; padding: 2px 6px; border-radius: 6px; border: 1px solid #fff; color: #fff; white-space: nowrap; z-index: 5;}.nohu-tag.hot { background: #e67e22; }.nohu-tag.jackpot { background: var(--sw-red-jackpot); }.nohu-tag.alert { background: var(--sw-alert-red); box-shadow: 0 0 6px var(--sw-alert-red); }.nohu-game-title {font-size: clamp(9px, 1.4vw, 12px);font-weight: 700;color: var(--sw-text-sub);text-transform: uppercase;margin-top: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.nohu-jackpot-value {font-size: clamp(10px, 1.8vw, 18px); font-weight: 900;color: #fffdec;margin-top: 4px;letter-spacing: -0.3px;font-variant-numeric: tabular-nums; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.sunwin-nohu-alert { border-color: var(--sw-alert-red) !important; background: rgba(255, 56, 56, 0.05) !important; animation: alertPulse 1s infinite alternate ease-in-out; }.nohu-jackpot-value.animate-alert { color: #ff4d4d !important; }.nohu-countdown-timer {margin-top: 6px;font-size: clamp(7.5px, 1.5vw, 10px);color: #ff9f9f;background: #000;padding: 3px 4px;border-radius: 12px;border: 1px solid var(--sw-alert-red);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.nohu-countdown-timer strong { font-family: monospace; color: #fff; }/* Stats Grid */.sunwin-rank-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 16px; width: 100%;box-sizing: border-box;}.sunwin-stat-item { background: var(--sw-card-glass); border: 2px solid rgba(212, 163, 57, 0.25); padding: 10px 8px; border-radius: 10px; text-align: center; font-size: 11px;color: var(--sw-text-sub);box-sizing: border-box;}.sunwin-stat-item strong { display: block; font-size: clamp(13px, 2.5vw, 15px); color: #fff; margin-top: 2px;white-space: nowrap;}.gold-text { color: var(--sw-gold) !important; }/* Realtime Ticker */.sunwin-realtime-container { background: rgba(0, 0, 0, 0.6); border: 1.5px solid rgba(212, 163, 57, 0.25); border-radius: 10px; padding: 10px 12px; margin-bottom: 20px; box-sizing: border-box; }.realtime-header { font-size: 10.5px; font-weight: 800; color: var(--sw-gold); display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }.realtime-dot-live { width: 5px; height: 5px; background: #2ecc71; border-radius: 50%; box-shadow: 0 0 6px #2ecc71; animation: blink 0.6s infinite; }.realtime-ticker-wrapper { max-height: 44px; overflow: hidden; position: relative; width: 100%; }.realtime-list { display: flex; flex-direction: column; gap: 6px; animation: scrollTicker 6s linear infinite; }.realtime-list:hover { animation-play-state: paused; }.realtime-item { font-size: 11.5px; color: var(--sw-text-sub); display: flex; justify-content: space-between; gap: 6px; white-space: nowrap; }.rt-user { color: #fff; font-weight: 600; }.rt-game { color: var(--sw-gold); }.rt-amount { color: #2ecc71; font-weight: 700; }/* ========================================================== TỐI ƯU BẢNG XẾP HẠNG & HƯỚNG DẪN VUỐT NGANG ========================================================== */.sunwin-table-scroll-hint {font-size: 10px;color: var(--sw-gold);text-align: right;margin-bottom: 5px;font-weight: 600;display: block;opacity: 0.85;}.table-responsive { overflow-x: auto; border-radius: 10px; border: 2px solid var(--sw-gold-strong); width: 100%; -webkit-overflow-scrolling: touch; box-shadow: 0 4px 12px rgba(0,0,0,0.5); box-sizing: border-box; background: var(--sw-card-glass);}.sunwin-rank-table { width: 100%; border-collapse: collapse; font-size: 12.5px; text-align: center; min-width: 620px; /* Đảm bảo đủ rộng để không bị bóp méo cột */}.sunwin-rank-table th { background: #17110c; color: var(--sw-gold); padding: 10px 8px; font-weight: 700; border-bottom: 2px solid var(--sw-gold-strong); font-size: 11px;white-space: nowrap;}.sunwin-rank-table td { padding: 10px 8px; border-bottom: 1px solid rgba(212, 163, 57, 0.12); white-space: nowrap; /* Tránh ngắt dòng thô kệch ở các cột dữ liệu */}.sunwin-top-1 { background: rgba(212, 163, 57, 0.08) !important; }.sunwin-medal-glow { padding: 2px 6px; border-radius: 16px; font-weight: 700; font-size: 11px; display: inline-block; }.sunwin-medal-glow.t-1 { background: rgba(241, 196, 15, 0.2); color: #ffd700; border: 1px solid #ffd700; }.sunwin-medal-glow.t-2 { background: rgba(255, 255, 255, 0.15); color: #fff; border: 1px solid #fff; }.sunwin-medal-glow.t-3 { background: rgba(211, 84, 0, 0.2); color: #ff9f43; border: 1px solid #ff9f43; }/* Sửa lỗi badge bị xuống dòng thành 2 dòng (Kim Cương, Bạch Kim, Vàng) */.sunwin-badge { padding: 3px 8px; border-radius: 6px; font-size: 10px; font-weight: 600; border: 1px solid rgba(255,255,255,0.25); display: inline-block;white-space: nowrap !important; }.sunwin-badge.diamond { background: rgba(52, 152, 219, 0.15); color: #74b9ff; border-color: #74b9ff; }.sunwin-badge.platinum { background: rgba(189, 195, 199, 0.15); color: #dfe6e9; border-color: #dfe6e9; }.sunwin-badge.gold { background: rgba(241, 196, 15, 0.15); color: #ffeaa7; border-color: #ffeaa7; }.sunwin-win { color: #2ecc71; font-weight: 600; }.sunwin-bonus { color: var(--sw-gold); font-weight: 700; }/* Khối nội dung SEO & CTA */.sunwin-rank-content { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 16px 0; }.sunwin-rank-card { background: rgba(0,0,0,0.4); border: 1.5px solid rgba(212, 163, 57, 0.2); padding: 12px; border-radius: 10px; box-sizing: border-box; }.sunwin-rank-card h3 { color: var(--sw-gold); font-size: 13px; margin: 0 0 4px 0; }.sunwin-rank-card p, .sunwin-rank-card { font-size: 12px; color: var(--sw-text-sub); line-height: 1.5; }.sunwin-cta-container { background: linear-gradient(180deg, rgba(212,163,57,0) 0%, rgba(212,163,57,0.1) 100%); border: 2px solid var(--sw-gold-strong); border-radius: 12px; padding: 14px; margin-top: 20px; text-align: center; box-sizing: border-box; }.sunwin-cta-trust-text { font-size: 10.5px; color: var(--sw-gold); font-weight: 600; margin-bottom: 12px; }.sunwin-rank-cta { display: flex; flex-direction: column; gap: 10px; width: 100%; box-sizing: border-box; }.sunwin-btn-wrapper { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; box-sizing: border-box; }.sunwin-rank-btn { width: 100%; text-align: center; padding: 12px 16px; border-radius: 28px; font-weight: 800; text-decoration: none; font-size: 13px; text-transform: uppercase; box-sizing: border-box; transition: transform 0.2s; }.sunwin-btn-main { background: var(--sw-gold-gradient); color: #000; border: 2px solid #fff; box-shadow: 0 0 12px rgba(212,163,57,0.4); }.sunwin-btn-alt { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.4); }.sunwin-btn-subtext { font-size: 10.5px; color: var(--sw-text-sub); }/* ========================================================== MEDIA QUERIES ========================================================== */@media (min-width: 480px) {.sunwin-rank-stats { grid-template-columns: repeat(4, 1fr); }.sunwin-rank-cta { flex-direction: row; }.sunwin-btn-wrapper { width: 48%; }}@media (min-width: 768px) {.sunwin-rank-content { grid-template-columns: repeat(2, 1fr); }.sunwin-rank-section { padding: 24px; }}/* Keyframes */@keyframes blink { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }@keyframes alertPulse { 0% { border-color: var(--sw-alert-red); } 100% { border-color: #ff7676; box-shadow: 0 0 10px var(--sw-alert-red); } }@keyframes scrollTicker { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }:root {--gold: #ffcc00;--gold-dark: #ff8800;--bg-deep: #050505;--text-color: #d1d1d1;--shadow-gold: 0 0 15px rgba(255, 204, 0, 0.2);}.sunwin-sapo-container {width: 100%;max-width: 850px;margin: 20px auto;padding: 24px 16px; /* Tối ưu padding gọn gàng trên mobile */background: linear-gradient(145deg, #0d0d0d, #050505);border: 1px solid #222;border-radius: 20px;color: var(--text-color);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);position: relative;overflow: hidden;box-sizing: border-box;}/* Hiệu ứng viền phát sáng nhẹ */.sunwin-sapo-container::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, transparent, var(--gold), transparent);}.main-heading {font-size: clamp(20px, 4vw, 32px);text-align: center;background: linear-gradient(to right, var(--gold), var(--gold-dark));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 0.5px;word-break: break-word;}.heading-underline {width: 70px;height: 3px;background: var(--gold);margin: 0 auto 25px auto;border-radius: 2px;box-shadow: var(--shadow-gold);}.sapo-content h2 {color: var(--gold);font-size: clamp(16px, 2.3vw, 22px);margin: 28px 0 14px 0;text-transform: uppercase;display: flex;align-items: center;word-break: break-word;}.sapo-content h2::before {content: "◈";margin-right: 8px;font-size: 13px;color: var(--gold-dark);flex-shrink: 0;}.sapo-list {list-style: none;padding: 0;margin: 0;}.sapo-list li {margin-bottom: 14px;padding-left: 24px;position: relative;font-size: 14.5px;line-height: 1.6;word-break: break-word;}.sapo-list li::before {content: "✓";position: absolute;left: 0;color: var(--gold);font-weight: bold;}.sapo-content p {line-height: 1.7;margin-bottom: 16px;font-size: 14.5px;word-break: break-word;}.sapo-content a {color: var(--gold);text-decoration: none;font-weight: 600;position: relative;transition: 0.3s;word-break: break-all;}.sapo-content a::after {content: "";position: absolute;width: 100%;height: 1px;bottom: -2px;left: 0;background: var(--gold);transform: scaleX(0);transition: transform 0.3s ease;}.sapo-content a:hover::after {transform: scaleX(1);}/* ========================================================== TỐI ƯU KHỐI HƯỚNG DẪN TÌM KIẾM (SUNWIN SEARCH GUIDE) ========================================================== */.sunwin-search-guide {background: rgba(255, 204, 0, 0.03);border: 1.5px solid rgba(255, 204, 0, 0.25);border-radius: 14px;padding: 18px 14px;margin-top: 24px;box-sizing: border-box;box-shadow: inset 0 0 15px rgba(255, 204, 0, 0.05);}.guide-header {font-size: clamp(14px, 2vw, 17px);font-weight: 800;color: var(--gold);margin-bottom: 10px;display: flex;align-items: center;gap: 8px;line-height: 1.4;word-break: break-word;}.guide-desc {font-size: 14px;color: var(--text-color);margin-bottom: 14px;line-height: 1.6;}.guide-steps {margin: 0;padding-left: 20px;font-size: 14px;line-height: 1.7;}.guide-steps li {margin-bottom: 12px;word-break: break-word;}/* Khối chứa các thẻ từ khóa Co giãn thông minh trên mobile */.keyword-tags {display: flex;flex-wrap: wrap;gap: 6px;margin: 10px 0 6px 0;}.kw-tag {background: rgba(0, 0, 0, 0.6);border: 1px solid var(--gold);color: var(--gold);padding: 5px 10px;border-radius: 20px;font-size: 12px;font-weight: 600;box-shadow: 0 2px 6px rgba(0,0,0,0.4);white-space: nowrap;}/* Định dạng link domain nổi bật cuối bước 3 */.sunwin-domain-highlight {background: rgba(255, 204, 0, 0.15);border: 1px dashed var(--gold);padding: 3px 8px;border-radius: 6px;color: #fffdec !important;word-break: break-all;display: inline-block;margin: 2px 0;}/* ========================================================== MEDIA QUERIES - MÀN HÌNH LỚN / PC (từ 768px trở lên) ========================================================== */@media (min-width: 768px) {.sunwin-sapo-container {margin: 40px auto;padding: 40px 48px;border-radius: 24px;}.sapo-list li, .sapo-content p, .guide-steps, .guide-desc {font-size: 16px;}.sunwin-search-guide {padding: 24px;}.kw-tag {font-size: 13px;padding: 6px 14px;}.heading-underline {margin-bottom: 35px;}}:root {--gold: #ffcc00;--gold-dark: #ff8800;--bg-deep: #050505;--card-bg: #111;--border-color: #222;--text-color: #e0e0e0;}/* --- Khung chứa chính --- */.sunwin-testimonial-container {width: 100% !important;max-width: 850px !important;margin: 20px auto !important; background: var(--bg-deep);color: var(--text-color);padding: 24px 16px !important; /* Padding gọn gàng, an toàn trên mobile */border-radius: 20px;border: 1px solid #1a1a1a;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;box-sizing: border-box;}/* --- Tiêu đề --- */.section-title {color: var(--gold);text-align: center;font-size: clamp(20px, 4vw, 26px); /* Co giãn linh hoạt theo màn hình */text-transform: uppercase;margin-bottom: 25px;letter-spacing: 1px;background: linear-gradient(to right, var(--gold), var(--gold-dark));-webkit-background-clip: text;-webkit-text-fill-color: transparent;word-break: break-word;}/* --- Khung lưới (Xếp dọc) --- */.testimonial-grid {display: flex !important;flex-direction: column !important; /* Ép xếp dọc từ trên xuống */gap: 20px !important; /* Khoảng cách vừa phải trên mobile */width: 100% !important;}/* --- Từng thẻ review --- */.testimonial-card {width: 100% !important; /* Chiếm trọn chiều ngang */flex: none !important;max-width: 100% !important;background: var(--card-bg);border: 1px solid var(--border-color);border-radius: 15px;padding: 18px; /* Padding vừa vặn cho điện thoại */box-sizing: border-box !important;transition: all 0.3s ease;position: relative;overflow: hidden;}/* --- Hiệu ứng Hover --- */.testimonial-card:hover {border-color: var(--gold);transform: translateY(-4px);box-shadow: 0 5px 20px rgba(255, 204, 0, 0.1);}.testimonial-card::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 3px;background: var(--gold);transition: width 0.3s ease;}.testimonial-card:hover::after { width: 100%; }/* --- Các thành phần bên trong --- */.review-header { display: flex; align-items: center; margin-bottom: 12px; gap: 12px;}.user-avatar {width: 45px;height: 45px;background: #1a1a1a;color: var(--gold);display: flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: bold;font-size: 16px;flex-shrink: 0;border: 2px solid var(--gold);}.user-info {flex: 1;min-width: 0;}.user-info h3 { margin: 0; color: #fff; font-size: 15px; word-break: break-word;}.user-job { color: #888; font-size: 12px; display: block; }.stars { margin-top: 2px; font-size: 11px; color: var(--gold);}.review-body {font-size: 14.5px;line-height: 1.6;color: #bbb;font-style: italic;margin: 0;word-break: break-word;}.review-body strong { color: var(--gold); font-weight: 600; }/* ========================================================== MEDIA QUERIES - MÀN HÌNH LỚN / PC (Từ 768px trở lên) ========================================================== */@media (min-width: 768px) {.sunwin-testimonial-container {margin: 40px auto !important;padding: 40px !important; /* Padding rộng rãi, sang trọng trên PC */}.section-title {margin-bottom: 40px;letter-spacing: 2px;}.testimonial-grid {gap: 30px !important;}.testimonial-card {padding: 25px;}.user-avatar {width: 50px;height: 50px;font-size: 18px;}.user-info h3 {font-size: 16px;}.stars {font-size: 12px;}.review-body {font-size: 15px;line-height: 1.7;}}/* Import Font Montserrat hỗ trợ Tiếng Việt sắc nét */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');/* Variable Font dùng chung chuẩn Tiếng Việt */:root {--font-sunwin: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}/* ========================================== 1. BREADCRUMB STYLE (SUNWIN BRANDING) ========================================== *//* Container chính dạng Glassmorphism Pill */#breadcrumb {background: rgba(22, 6, 10, 0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 215, 0, 0.25);border-radius: 50px;/* Triệt tiêu Padding/Margin thừa gây lệch */padding: 6px 20px !important;margin-top: 20px !important;display: flex !important;width: fit-content;max-width: 90%;justify-content: center;align-items: center;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6),inset 0 1px 1px rgba(255, 255, 255, 0.15);}/* Fix căn giữa cho col của Flatsome / Bootstrap */#breadcrumb.row .col {padding: 0 !important;margin: 0 !important;display: flex;justify-content: center;}/* Thẻ chứa text Rank Math */.rank-math-breadcrumb p {margin: 0 !important;padding: 0 !important;line-height: 1.2 !important;font-family: var(--font-sunwin);font-size: 13px;font-weight: 600;letter-spacing: 0.2px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center;}/* Link Trang chủ / Cấp trên */.rank-math-breadcrumb a {color: #c9b080;text-decoration: none;padding: 2px 6px;border-radius: 4px;transition: all 0.2s ease;}.rank-math-breadcrumb a:hover {color: #ffffff;background: rgba(255, 215, 0, 0.15);text-shadow: 0 0 8px rgba(255, 215, 0, 0.8);}/* Dấu phân cách chấm Đỏ LED Neon */.rank-math-breadcrumb .separator {display: inline-block;margin: 0 8px;font-size: 0;width: 5px;height: 5px;background: #ff3b30;border-radius: 50%;box-shadow: 0 0 6px #ff3b30;}/* Trang hiện tại (Last Node) */.rank-math-breadcrumb .last {color: #ffffff;padding: 2px 4px;font-weight: 700;background: linear-gradient(135deg, #ffe58f 0%, #e6a100 50%, #cca028 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));}/* ========================================== 2. THẺ H1 STYLE (METALLIC GOLD & NO SPACING) ========================================== *//* Container Thẻ H1 - Khóa cứng Padding & Margin */h1.page-title.is-large.uppercase {text-align: center;margin: 10px 0 0 0 !important; /* Dính sát mượt mà với Breadcrumb phía trên */padding: 0 !important;position: relative;display: block;}/* Thẻ Span bên trong H1 */h1.page-title.is-large.uppercase span {font-family: var(--font-sunwin);font-size: clamp(22px, 4.5vw, 36px);font-weight: 900;text-transform: uppercase;letter-spacing: 0.5px;line-height: 1.25;/* Metallic Gold Gradient chuẩn Sunwin */background: linear-gradient(180deg, #FFF6CC 0%, #FCE066 30%, #D49B00 70%, #8A5A00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* Đổ bóng & Đỏ Glow chìm */filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 10px rgba(220, 20, 60, 0.4));position: relative;display: inline-block;padding: 4px 0;}/* Gạch chân Neon Gradient Accent */h1.page-title.is-large.uppercase::after {content: '';display: block;width: 100px;height: 3px;margin: 8px auto 0 auto !important;padding: 0 !important;background: linear-gradient(90deg, transparent 0%, #ff2a4b 30%, #ffd700 50%, #ff2a4b 70%, transparent 100%);border-radius: 2px;box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);}/* Import Font Montserrat & Rajdhani Gaming Tiếng Việt */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Rajdhani:wght@700&display=swap');:root {--font-main: 'Montserrat', -apple-system, sans-serif;--gold-glow: #ffd700;--red-neon: #ff1e42;}/* ========================================== 1. MAIN CONTAINER (CASINO VIP HUB) ========================================== */.sunwin-premium-hub {position: relative;background: radial-gradient(circle at 50% -20%, #3d000a 0%, #120104 50%, #050001 100%);color: #f1f5f9;padding: 45px 40px;border-radius: 24px;font-family: var(--font-main);box-shadow: 0 30px 60px rgba(0, 0, 0, 0.95),0 0 40px rgba(255, 30, 66, 0.15);margin: 40px 0;overflow: hidden;z-index: 1;}/* Viền phát sáng Gradient 2 Lớp quanh Hub */.sunwin-premium-hub::after {content: '';position: absolute;inset: 0;border-radius: 24px;padding: 1.5px; /* Độ dày viền */background: linear-gradient(135deg, rgba(255, 215, 0, 0.6) 0%, rgba(255, 30, 66, 0.2) 50%, rgba(255, 215, 0, 0.4) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}/* Background Flare chìm làm nổi bật tâm */.sunwin-premium-hub::before {content: '';position: absolute;top: -100px;left: 50%;transform: translateX(-50%);width: 350px;height: 200px;background: radial-gradient(circle, rgba(255, 215, 0, 0.25) 0%, rgba(255, 30, 66, 0.15) 50%, transparent 80%);filter: blur(40px);pointer-events: none;z-index: -1;}/* ========================================== 2. SAPO TITLE & LINKS ========================================== */.main-title {font-family: var(--font-main);font-size: clamp(22px, 3.5vw, 30px);font-weight: 900;text-transform: uppercase;margin-bottom: 18px;letter-spacing: 1.5px;/* Hiệu ứng Đúc Vàng Kim Khối 3D */background: linear-gradient(180deg, #FFFFFF 0%, #FFF2A3 20%, #FFD700 50%, #B87B00 85%, #664100 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 15px rgba(255, 215, 0, 0.3));}.sapo-text {line-height: 1.85;font-size: 15.5px;color: #cbd5e1;font-weight: 500;}/* Self-link độc quyền phát sáng khi Hover */.sapo-text a {color: #ffe57f;text-decoration: none;font-weight: 700;position: relative;padding: 0 4px 2px 4px;transition: all 0.3s ease;}.sapo-text a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg, #ffd700, #ff1e42);border-radius: 2px;transition: all 0.3s ease;}.sapo-text a:hover {color: #ffffff;text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);}.sapo-text a:hover::after {height: 100%;opacity: 0.15;border-radius: 4px;}/* Divider Đường Kẻ Neon Sắc Sảo */.divider-gold {height: 1px;background: linear-gradient(90deg, transparent 0%, #ff1e42 20%, #ffd700 50%, #ff1e42 80%, transparent 100%);margin: 35px 0;box-shadow: 0 0 12px rgba(255, 30, 66, 0.6);}/* ========================================== 3. ECOSYSTEM GRID & CARD HYPER-UI ========================================== */.ecosystem-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 22px;}.eco-item {position: relative;background: rgba(20, 4, 8, 0.65);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);padding: 24px;border-radius: 16px;border: 1px solid rgba(255, 215, 0, 0.15);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.1);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);overflow: hidden;}/* Tia quét sáng chéo khi Hover Card */.eco-item::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.15), transparent);transition: 0.6s ease;}.eco-item:hover::before {left: 100%;}.eco-item:hover {transform: translateY(-8px) scale(1.02);background: rgba(35, 6, 13, 0.85);border-color: rgba(255, 215, 0, 0.6);box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8),0 0 20px rgba(255, 215, 0, 0.25);}.eco-h4 {margin: 0 0 10px 0;font-size: 18px;font-weight: 800;}.eco-h4 a {color: #ffffff;text-decoration: none;transition: all 0.3s ease;display: inline-block;}.eco-item:hover .eco-h4 a {color: #ffd700;transform: translateX(3px);text-shadow: 0 0 10px rgba(255, 215, 0, 0.6);}.eco-sapo {font-size: 13.5px;color: #94a3b8;line-height: 1.6;margin: 0;}/* ========================================== 4. VIP CTA BUTTON (ULTRA SHINE & GLOW) ========================================== */.box-text-inner {text-align: center;padding: 30px 0 10px 0;}.box-text-inner .button.alert.is-small {font-family: var(--font-main);background: linear-gradient(180deg, #FFF8D6 0%, #FFE066 25%, #E6AC00 65%, #996A00 100%);color: #080102 !important;font-weight: 900;font-size: 15px;letter-spacing: 1.5px;padding: 16px 40px;border-radius: 50px;border: 1px solid #fff5b8;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7),0 0 20px rgba(255, 215, 0, 0.5),inset 0 2px 2px #ffffff;text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;position: relative;overflow: hidden;text-decoration: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}/* Vệt Sáng Chéo Kim Kim Loại 3D */.box-text-inner .button.alert.is-small::after {content: "";position: absolute;top: -50%;left: -120%;width: 70%;height: 200%;background: linear-gradient(115deg, transparent, rgba(255,255,255,0.9), transparent);transform: rotate(30deg);transition: all 0.7s ease;}.box-text-inner .button.alert.is-small:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8),0 0 35px rgba(255, 30, 66, 0.7);color: #000000 !important;}.box-text-inner .button.alert.is-small:hover::after {left: 140%;}/* Animation Nhịp Thở Đa Sắc Vàng - Đỏ Casino */@keyframes casino-pulse-glow {0% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 0 10px 25px rgba(0,0,0,0.7); }50% { box-shadow: 0 0 30px rgba(255, 215, 0, 0.8), 0 0 18px rgba(255, 30, 66, 0.6); }100% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.4), 0 10px 25px rgba(0,0,0,0.7); }}.box-text-inner .button.alert.is-small {animation: casino-pulse-glow 2.2s infinite ease-in-out;}/* Responsive Mobile */@media (max-width: 768px) {.sunwin-premium-hub { padding: 30px 18px; border-radius: 18px; }.ecosystem-grid { grid-template-columns: 1fr; gap: 15px; }.box-text-inner .button.alert.is-small { width: 100%; padding: 15px 20px; }}/* Thêm padding 15px cho hai bên lề của khối content */#content.blog-wrapper.blog-archive.page-wrapper {padding-left: 15px !important;padding-right: 15px !important;box-sizing: border-box !important;}/* Import Font Montserrat hỗ trợ Tiếng Việt chuẩn sắc nét */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap');/* Header Container - Căn giữa & Triệt tiêu khoảng đệm */header.entry-header {text-align: center !important;margin: 0 auto !important;padding: 0 !important;width: 100%;display: block;}/* Thẻ H1 Tiêu Đề Bài Viết - Style Metallic Gold Gaming */header.entry-header h1.entry-title.mb.uppercase {font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;font-size: clamp(22px, 4.5vw, 34px) !important;font-weight: 900 !important;text-transform: uppercase !important;text-align: center !important;line-height: 1.3 !important;letter-spacing: 0.5px !important;/* Triệt tiêu margin/padding đệm trên dưới */margin: 0 auto !important;padding: 0 !important;/* Hiệu ứng Metallic Gold Gradient cao cấp */background: linear-gradient(180deg, #FFF6CC 0%, #FCE066 30%, #D49B00 70%, #8A5A00 100%) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;/* Đổ bóng chữ sắc nét & Hiệu ứng Glow đỏ chìm chuẩn Sunwin */filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 12px rgba(220, 20, 60, 0.4)) !important;display: inline-block;position: relative;}/* Hiệu ứng gạch chân Neon Accent nhỏ gọn căn giữa bên dưới */header.entry-header h1.entry-title.mb.uppercase::after {content: '';display: block;width: 110px;height: 3px;margin: 8px auto 0 auto !important;padding: 0 !important;background: linear-gradient(90deg, transparent 0%, #ff2a4b 30%, #ffd700 50%, #ff2a4b 70%, transparent 100%);border-radius: 2px;box-shadow: 0 0 8px rgba(255, 215, 0, 0.6);}/* Import Font Montserrat hỗ trợ Tiếng Việt sắc nét */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&display=swap');/* Variable Màu Sắc & Font Sunwin */:root {--font-sunwin: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gold-glow: #ffd700;--red-neon: #ff2a4b;}/* ========================================== 1. MAIN HUB CONTAINER (GLASSMORPHISM) ========================================== */.sunwin-link-hub {background: radial-gradient(circle at 50% -20%, #2a050d 0%, #0c0204 60%, #050001 100%);color: #f1f5f9;padding: 40px 25px;font-family: var(--font-sunwin);border-radius: 20px;border: 1px solid rgba(255, 215, 0, 0.2);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9),inset 0 1px 1px rgba(255, 255, 255, 0.1);margin: 30px 0;position: relative;overflow: hidden;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}.hub-container {max-width: 1100px;margin: 0 auto;position: relative;z-index: 2;}/* ========================================== 2. HEADER & LOGO AREA ========================================== */.hub-header {text-align: center;margin-bottom: 35px;padding-bottom: 18px;position: relative;}/* Đường gạch ngang Neon Gradient thay thế border-bottom thô */.hub-header::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 160px;height: 2px;background: linear-gradient(90deg, transparent 0%, #ff2a4b 30%, #ffd700 50%, #ff2a4b 70%, transparent 100%);box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);}.hub-logo {max-width: 160px;margin-bottom: 12px;filter: drop-shadow(0 4px 10px rgba(0,0,0,0.8));transition: transform 0.3s ease;}.hub-logo:hover {transform: scale(1.04);}.hub-header h3 {font-family: var(--font-sunwin);font-size: clamp(20px, 3.5vw, 26px);font-weight: 900;text-transform: uppercase;letter-spacing: 1.2px;margin: 0;/* Metallic Gold Gradient 3D */background: linear-gradient(180deg, #FFF6CC 0%, #FCE066 30%, #D49B00 70%, #8A5A00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.9)) drop-shadow(0 0 10px rgba(220, 20, 60, 0.3));}/* ========================================== 3. GRID & COLUMNS (CARD STYLES) ========================================== */.hub-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 22px;}.hub-column {background: rgba(20, 4, 8, 0.6);padding: 20px;border-radius: 14px;border: 1px solid rgba(255, 215, 0, 0.12);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.hub-column:hover {border-color: rgba(255, 215, 0, 0.4);background: rgba(32, 6, 12, 0.8);transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7), 0 0 15px rgba(255, 215, 0, 0.15);}.hub-column h4 {color: #fff6cc;font-size: 15px;font-weight: 800;margin: 0 0 15px 0;text-transform: uppercase;letter-spacing: 0.8px;padding-bottom: 8px;border-bottom: 1px dashed rgba(255, 215, 0, 0.2);}.hub-column ul {list-style: none;padding: 0;margin: 0;}.hub-column ul li {margin-bottom: 10px;}.hub-column ul li:last-child {margin-bottom: 0;}/* Style đường Link tương tác mượt mà */.hub-column ul li a {color: #c9b080;text-decoration: none;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);font-size: 13.5px;font-weight: 600;display: inline-block;padding: 2px 0;position: relative;}.hub-column ul li a:hover {color: #ffffff;padding-left: 12px;text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);}/* Đổi vạch viền nhô ra thành hiệu ứng Chấm LED Neon phát sáng */.hub-column ul li a::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%) scale(0);width: 5px;height: 5px;background: #ff2a4b;border-radius: 50%;box-shadow: 0 0 8px #ff2a4b;transition: all 0.25s ease;}.hub-column ul li a:hover::before {transform: translateY(-50%) scale(1);}/* ========================================== 4. RESPONSIVE MOBILE ========================================== */@media (max-width: 600px) {.sunwin-link-hub {padding: 25px 15px;border-radius: 14px;}.hub-grid {grid-template-columns: 1fr 1fr;gap: 12px;}.hub-column {padding: 14px;}.hub-column h4 {font-size: 13.5px;}.hub-column ul li a {font-size: 12.5px;}}/* Import Font Montserrat hỗ trợ Tiếng Việt chuẩn nét */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');:root {--font-sunwin: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gold-sunwin: #ffd700;--red-sunwin: #ff2a4b;}/* ========================================== 1. TABLE STYLE (PADDING THOÁNG & SANG TRỌNG) ========================================== *//* Wrapper Bảng - Bo góc 3D Glassmorphism */.entry-content table,table {width: 100%;border-collapse: separate;border-spacing: 0;margin: 30px 0;font-family: var(--font-sunwin);font-size: 15px;background: rgba(18, 5, 8, 0.85);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-radius: 16px;border: 1px solid rgba(255, 215, 0, 0.25);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.85),inset 0 1px 1px rgba(255, 255, 255, 0.1);overflow: hidden;}/* Header Bảng (th) - Padding rộng thoáng & Chữ Metallic Gold */table thead th,table th {background: linear-gradient(180deg, #2c050e 0%, #160206 100%);color: #fff6cc;font-weight: 800;text-transform: uppercase;letter-spacing: 0.8px;/* Padding đệm rộng thoáng cho tiêu đề bảng */padding: 18px 22px !important;text-align: left;border-bottom: 2px solid rgba(255, 215, 0, 0.35);font-size: 14.5px;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);}/* Ô Nội Dung (td) - Tối ưu Padding khoảng cách chuẩn UX */table td {/* Padding 16px trên dưới, 22px hai bên giúp nội dung không dính sát viền */padding: 16px 22px !important;color: #e2e8f0;border-bottom: 1px solid rgba(255, 215, 0, 0.08);line-height: 1.7;vertical-align: middle;transition: background-color 0.25s ease, color 0.25s ease;}/* Hiệu ứng dòng xen kẽ (Zebra Striping) tăng độ phân giải mắt */table tbody tr:nth-child(even) {background-color: rgba(255, 255, 255, 0.025);}/* Hiệu ứng Hover dòng trong bảng */table tbody tr:hover td {background-color: rgba(255, 215, 0, 0.08);color: #ffffff;}/* Triệt tiêu viền đáy của hàng cuối cùng */table tbody tr:last-child td {border-bottom: none;}/* Bo góc mượt cho 4 góc ngoài của Bảng */table thead tr:first-child th:first-child { border-top-left-radius: 16px; }table thead tr:first-child th:last-child { border-top-right-radius: 16px; }table tbody tr:last-child td:first-child { border-bottom-left-radius: 16px; }table tbody tr:last-child td:last-child { border-bottom-right-radius: 16px; }/* ========================================== 2. BLOCKQUOTE STYLE (SUNWIN VIP HIGHLIGHT BOX) ========================================== */blockquote {position: relative;background: radial-gradient(circle at 0% 50%, rgba(50, 6, 16, 0.9) 0%, rgba(15, 3, 6, 0.95) 100%);border: 1px solid rgba(255, 215, 0, 0.2);border-left: 5px solid var(--red-sunwin); /* Viền accent Đỏ Neon */border-radius: 14px;/* Padding thoáng rộng cho trích dẫn */padding: 24px 30px 24px 32px !important;margin: 32px 0;font-family: var(--font-sunwin);font-size: 15.5px;line-height: 1.85;color: #e2e8f0;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75),0 0 18px rgba(255, 42, 75, 0.15);overflow: hidden;}/* Icon Dấu Ngoặc Kép Nghệ Thuật Chiều Sâu */blockquote::before {content: '“';position: absolute;top: -12px;right: 22px;font-family: Georgia, serif;font-size: 110px;color: rgba(255, 215, 0, 0.07);pointer-events: none;font-weight: bold;line-height: 1;}/* Chữ bên trong Blockquote */blockquote p {margin: 0 0 10px 0 !important;color: #f8fafc;font-weight: 500;}blockquote p:last-child {margin-bottom: 0 !important;}/* Nhấn mạnh chữ <strong> trong Blockquote tự nổi Vàng Kim */blockquote strong {color: var(--gold-sunwin);font-weight: 800;text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);}/* Tác giả / Nguồn trích dẫn */blockquote cite,blockquote footer {display: block;font-style: normal;font-weight: 700;font-size: 13.5px;color: var(--red-sunwin);margin-top: 12px;text-transform: uppercase;letter-spacing: 1px;}blockquote cite::before {content: '— ';}/* ========================================== 3. RESPONSIVE MOBILE (PADDING TỰ CO GIÃN) ========================================== */@media (max-width: 768px) {table {font-size: 13.5px;border-radius: 12px;}/* Giảm nhẹ padding trên mobile để tiết kiệm diện tích nhưng vẫn thoáng */table thead th,table th {padding: 12px 14px !important;}table td {padding: 12px 14px !important;}blockquote {padding: 18px 20px !important;font-size: 14.5px;border-left-width: 4px;}}/* Ẩn toàn bộ khung chứa breadcrumbs trên trang ID 2597 */.page-id-2597 #breadcrumb {display: none !important;}/* Custom CSS Mobile */@media (max-width: 549px){.tab-content-custom {width: 100%;}form.regFrm {width: 88%;margin: 0 auto;}.content_games {background-size: 100% 100% !important;}.row-main{ padding: 4px !important;}.content_seo{ padding: 0 !important; min-height: 360px; margin: 0 auto !important;}.content_seo > .col{min-height: 360px;}.ftlbl{padding-bottom: 0px !important;}.ftlbl p{margin: 0 !important;}.btn_footer{max-width: none;}.ftbtn{gap: 8px;}.content_games{margin-left: auto !important;margin-right: auto !important;}.content_seo > .col > .col-inner {top: 20px;right: 20px;bottom: 20px;left: 20px;}}.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";}

/* Style Block #9 */


body.home header {
    display: block !important;
}

#breadcrumb p {
	margin: 16px 0 0;
}



/* Style Block #10 */


/* Style Block #11 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

.sunwin-header-max, .sunwin-header-max * { box-sizing: border-box !important; margin: 0; padding: 0; }

.sunwin-header-max {
  font-family: 'Montserrat', sans-serif !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 8px !important; width: 100% !important; max-width: 600px !important; height: 72px !important;
  margin: 0 auto !important; padding: 6px 8px !important; background: #000000 !important;
  position: relative !important; z-index: 99999 !important; border-radius: 12px;
  box-shadow: 0 0 20px rgba(255, 0, 85, 0.4);
}

.sunwin-header-max .sunwin-jackpot-box {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 4px !important; flex: 1 !important; height: 100% !important; padding: 4px 8px !important;
  background: radial-gradient(circle at 50% 30%, #a80e32 0%, #30020d 70%, #050001 100%) !important;
  border: 2px solid #ffd700 !important; border-radius: 12px !important;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.6), inset 0 0 12px rgba(255, 0, 85, 0.8) !important;
  position: relative !important; overflow: hidden !important;
}

/* Viền Laze */
.sunwin-jackpot-box::after {
  content: ''; position: absolute; inset: -2px; border-radius: 12px; padding: 2px;
  background: linear-gradient(90deg, #ffd700, #ff0055, #00ffff, #ffd700);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: laserRotate 1.5s linear infinite; pointer-events: none;
}
@keyframes laserRotate { 100% { filter: hue-rotate(360deg); } }

/* HIỆU ỨNG ĐỘNG ĐẤT (EARTHQUAKE) KHI NỔ */
.sunwin-jackpot-box.max-boom {
  animation: earthquakeShake 0.4s cubic-bezier(.36,.07,.19,.97) both !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 50px #ff0055, 0 0 30px #ffd700, inset 0 0 30px #ffffff !important;
}

@keyframes earthquakeShake {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  10% { transform: translate(-3px, -2px) rotate(-2deg); }
  20% { transform: translate(3px, 2px) rotate(2deg); }
  30% { transform: translate(-4px, 3px) rotate(-1deg); }
  40% { transform: translate(4px, -3px) rotate(1deg); }
  50% { transform: translate(-2px, 2px) rotate(-2deg); }
  60% { transform: translate(2px, -2px) rotate(2deg); }
  70% { transform: translate(-3px, 1px) rotate(-1deg); }
  80% { transform: translate(3px, -1px) rotate(1deg); }
  90% { transform: translate(-1px, 2px) rotate(0deg); }
}

#sunwin-particle-canvas {
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important; pointer-events: none !important; z-index: 4 !important;
}

.super-boom-text {
  position: absolute !important; top: 50% !important; left: 45% !important;
  transform: translate(-50%, -50%) scale(0); display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  opacity: 0; pointer-events: none !important; z-index: 10 !important; line-height: 0.9 !important;
}
.super-boom-text .txt-sub {
  font-size: 9px !important; font-weight: 900 !important; color: #00ffff !important;
  letter-spacing: 1.5px !important; text-shadow: 0 0 8px #0055ff, 0 0 3px #fff;
}
.super-boom-text .txt-main {
  font-size: 22px !important; font-weight: 900 !important; color: #fffb00 !important;
  text-shadow: 0 0 15px #ff0044, 0 0 25px #ff0000, 0 3px 0 #000, 0 -1px 2px #fff;
  white-space: nowrap !important;
}

/* Hiệu ứng Text Nổ bốc hơn */
.super-boom-text.active {
  animation: savageBoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes savageBoom {
  0% { transform: translate(-50%, 20%) scale(0.1); opacity: 0; filter: blur(4px); }
  30% { transform: translate(-50%, -50%) scale(1.5) rotate(-3deg); opacity: 1; filter: blur(0); }
  50% { transform: translate(-50%, -50%) scale(1.3) rotate(3deg); }
  75% { transform: translate(-50%, -50%) scale(1.1) rotate(0deg); opacity: 1; }
  100% { transform: translate(-50%, -100%) scale(0.5); opacity: 0; filter: blur(2px); }
}

.jackpot-icon { font-size: 28px !important; filter: drop-shadow(0 0 8px #ffd700); animation: sunwinShake 0.1s infinite alternate; z-index: 3 !important; }
.jackpot-content { display: flex !important; flex-direction: column !important; justify-content: center !important; flex-grow: 1 !important; z-index: 3 !important; }

.winner-ticker-wrap { height: 12px; overflow: hidden; position: relative; }
.winner-ticker {
  font-size: 8.5px !important; font-weight: 900 !important; color: #00ffcc !important;
  text-shadow: 0 0 4px rgba(0, 255, 204, 0.8); white-space: nowrap !important; display: block;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.jackpot-value {
  font-size: 18px !important; font-weight: 900 !important; color: #FFD700 !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF59D 20%, #FFD700 50%, #FF8F00 80%, #7A4300 100%);
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.9)); white-space: nowrap !important;
}
.jackpot-value.super-shake { animation: textGlitch 0.4s ease-in-out !important; color: #fff !important; }
@keyframes textGlitch {
  0% { transform: scale(1); filter: hue-rotate(0deg); }
  25% { transform: scale(1.3) skewX(10deg); filter: hue-rotate(90deg); }
  50% { transform: scale(1.4) skewX(-10deg); filter: hue-rotate(180deg); }
  75% { transform: scale(1.2) skewX(5deg); filter: hue-rotate(270deg); }
  100% { transform: scale(1); filter: hue-rotate(360deg); }
}

.jackpot-sound-btn {
  position: relative !important; z-index: 10 !important; background: rgba(0,0,0,0.8) !important;
  border: 1px solid #ffd700 !important; border-radius: 50% !important; width: 26px !important;
  height: 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; flex-shrink: 0 !important;
}
.jackpot-sound-btn .sound-icon { font-size: 12px !important; }

/* Cụm Nút */
.sunwin-btn-group { display: flex !important; gap: 5px !important; flex-shrink: 0 !important; }
.sunwin-btn {
  height: 42px !important; padding: 0 10px !important; display: flex !important; align-items: center !important;
  justify-content: center !important; font-size: 12px !important; font-weight: 900 !important;
  text-decoration: none !important; text-transform: uppercase !important; border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6) !important; position: relative !important; overflow: hidden !important;
}
.btn-register {
  background: linear-gradient(180deg, #fff176 0%, #ff9800 40%, #e65c00 100%) !important; color: #000 !important;
  border: 1.5px solid #ffffff !important; animation: btnHeartbeat 1s infinite alternate !important;
}
.btn-register .btn-shine {
  position: absolute; top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
  transform: skewX(-20deg); animation: btnShineRun 1.2s infinite;
}
@keyframes btnShineRun { 0% { left: -100%; } 100% { left: 200%; } }
@keyframes btnHeartbeat {
  0% { transform: scale(1); box-shadow: 0 0 5px #ffd700; }
  100% { transform: scale(1.05); filter: brightness(1.2); box-shadow: 0 0 25px #ff0055; }
}
.btn-login { background: linear-gradient(180deg, #ff4e50 0%, #f9d423 100%) !important; color: #fff !important; border: 1px solid #ff9999 !important; }
@keyframes sunwinShake { 100% { transform: scale(1.15) rotate(5deg); } }


/* Style Block #12 */

/* Ẩn trên màn hình máy tính lớn hơn 768px */
@media screen and (min-width: 769px) {
  .sunwin-mb-header { display: none !important; }
}

/* Hiển thị trên Mobile & Tablet - Đã xóa toàn bộ margin và padding top/bottom */
@media screen and (max-width: 768px) {
  .sunwin-mb-header, .sunwin-mb-header * {
    box-sizing: border-box !important; margin: 0 !important; padding: 0 !important;
    -webkit-tap-highlight-color: transparent;
  }

  .sunwin-mb-header {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    gap: 4px !important; width: 100% !important; max-width: 100% !important; height: 72px !important; 
    max-height: 72px !important; min-height: 72px !important;
    padding-left: 6px !important; padding-right: 6px !important; padding-top: 0 !important; padding-bottom: 0 !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    background: transparent !important;
    position: relative !important; z-index: 99999 !important;
    border: none !important; box-shadow: none !important;
    overflow: visible !important;
  }

  .sunwin-mb-box {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    flex: 1 1 auto !important; width: auto !important; height: 66px !important; 
    max-height: 66px !important; 
    padding-left: 8px !important; padding-right: 8px !important; padding-top: 0 !important; padding-bottom: 0 !important;
    margin-top: 0 !important; margin-bottom: 0 !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important; border-radius: 0 !important;
    position: relative !important; overflow: visible !important;
    box-shadow: none !important;
  }

  /* Hiệu ứng Chớp sáng & Phóng to mượt mà */
  .sunwin-mb-box.flash-boom {
    animation: mbFlashZoom 0.9s ease-out both !important;
  }
  @keyframes mbFlashZoom {
    0% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(255,215,0,0)); }
    30% { transform: scale(1.02); filter: brightness(1.5) drop-shadow(0 0 15px rgba(255,215,0,0.8)); }
    100% { transform: scale(1); filter: brightness(1) drop-shadow(0 0 0 rgba(255,215,0,0)); }
  }

  /* Container hiệu ứng tiền rơi, pháo hoa bùng nổ */
  .mb-rain-container {
    position: absolute; inset: -40px -10px; pointer-events: none; z-index: 999; overflow: visible;
  }

  .mb-falling-item {
    position: absolute; top: -15px; font-size: 16px; user-select: none;
    animation: itemFall linear forwards;
    filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.8));
  }
  @keyframes itemFall {
    0% { transform: translateY(0) translateX(0) rotate(0deg) scale(0.3); opacity: 0; }
    15% { opacity: 1; transform: translateY(15px) translateX(10px) rotate(180deg) scale(1.3); }
    70% { opacity: 1; transform: translateY(55px) translateX(-15px) rotate(270deg) scale(1); }
    100% { transform: translateY(85px) translateX(15px) rotate(720deg) scale(0.5); opacity: 0; }
  }

  /* Vệt quét sáng chớp nhoáng */
  .mb-light-sweep {
    position: absolute; top: 0; left: -100%; width: 70%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: skewX(-25deg); animation: mbSweep 1.5s infinite linear;
    pointer-events: none;
  }
  @keyframes mbSweep { 0% { left: -100%; } 100% { left: 200%; } }

  /* Text Nổ Hũ Động - Nền tối chống trùng màu, không margin/padding dọc thừa */
  .mb-boom-text {
    position: absolute !important; top: 50% !important; left: 38% !important;
    transform: translate(-50%, -50%) scale(0); display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    opacity: 0; pointer-events: none !important; z-index: 10000 !important; line-height: 1.15 !important;
    width: max-content !important; max-width: 280px !important;
    background: rgba(8, 8, 16, 0.92) !important;
    border: 1.5px solid #00ffff !important;
    border-radius: 10px !important;
    padding-left: 14px !important; padding-right: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important;
    margin: 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.95), 0 0 15px rgba(0, 255, 255, 0.4) !important;
  }
  .mb-boom-text .txt-sub {
    font-size: 11px !important; font-weight: 900 !important; color: #00ffff !important;
    letter-spacing: 1px !important; text-shadow: 0 0 6px #00ffff;
    white-space: nowrap !important; margin: 0 0 2px 0 !important; padding: 0 !important;
  }
  .mb-boom-text .txt-main {
    font-size: 18px !important; font-weight: 900 !important; color: #ffea00 !important;
    text-shadow: 0 0 10px rgba(255, 0, 85, 0.8), 0 2px 4px #000; white-space: nowrap !important;
    margin: 0 !important; padding: 0 !important;
  }

  .mb-boom-text.active { animation: mbBoomAnim 0.9s ease-out forwards; }
  @keyframes mbBoomAnim {
    0% { transform: translate(-50%, 10%) scale(0.2); opacity: 0; filter: blur(3px); }
    20% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; filter: blur(0); }
    80% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -70%) scale(0.9); opacity: 0; }
  }

  .mb-jackpot-content {
    display: flex !important; flex-direction: column !important; justify-content: center !important;
    flex: 1 1 auto !important; min-width: 0 !important; z-index: 3 !important; gap: 2px !important;
    margin: 0 !important; padding: 0 !important;
  }

  .mb-ticker-wrap { height: 11px; overflow: hidden; margin: 0 !important; padding: 0 !important; }
  .mb-ticker {
    font-size: 8.5px !important; font-weight: 800 !important; color: #00ffcc !important;
    text-shadow: 0 0 5px rgba(0,255,204,0.8); white-space: nowrap !important; display: block;
    margin: 0 !important; padding: 0 !important;
  }

  /* Số tiền Jackpot lấp lánh */
  .mb-jackpot-num {
    font-size: 15px !important; font-weight: 900 !important; color: #FFD700 !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF59D 20%, #FFD700 50%, #FF8F00 80%, #FF3D00 100%);
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
    white-space: nowrap !important; letter-spacing: 0.4px !important;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.9)) drop-shadow(0 0 8px rgba(255,215,0,0.6));
    margin: 0 !important; padding: 0 !important;
  }

  .mb-sound-btn {
    position: relative !important; z-index: 10 !important; background: rgba(0,0,0,0.5) !important;
    border: none !important; border-radius: 50% !important; width: 22px !important; height: 22px !important;
    max-width: 22px !important; max-height: 22px !important; min-width: 22px !important; min-height: 22px !important;
    display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
    cursor: pointer !important; margin-left: 4px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important;
  }
  .mb-sound-btn .sound-icon { font-size: 9.5px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; }

  .mb-btn-group { 
    display: flex !important; gap: 4px !important; flex-shrink: 0 !important; 
    width: auto !important; max-width: none !important; align-items: center !important;
    margin: 0 !important; padding: 0 !important;
  }
  .mb-btn {
    height: 40px !important; max-height: 40px !important; min-height: 40px !important;
    padding-left: 8px !important; padding-right: 8px !important; padding-top: 0 !important; padding-bottom: 0 !important;
    margin: 0 !important;
    display: flex !important; align-items: center !important;
    justify-content: center !important; font-size: 10.5px !important; font-weight: 900 !important;
    text-decoration: none !important; border-radius: 6px !important; white-space: nowrap !important;
    text-transform: uppercase !important; flex-shrink: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  }
  
  .btn-reg {
    background: linear-gradient(180deg, #fff176 0%, #ff9800 40%, #e65c00 100%) !important; color: #000 !important;
    border: none !important; animation: superPulse 0.7s infinite alternate !important;
  }
  @keyframes superPulse { 
    0% { transform: scale(1); filter: brightness(1); box-shadow: 0 2px 8px rgba(255,152,0,0.4); } 
    100% { transform: scale(1.04); filter: brightness(1.25); box-shadow: 0 0 16px #ff9800; } 
  }

  .btn-log {
    background: linear-gradient(180deg, #ff4e50 0%, #c90035 100%) !important; color: #fff !important;
    border: none !important;
    animation: logGlow 1.2s infinite alternate;
  }
  @keyframes logGlow {
    0% { box-shadow: 0 2px 8px rgba(255,78,80,0.4); filter: brightness(1); }
    100% { box-shadow: 0 0 16px rgba(255,78,80,0.8); filter: brightness(1.2); }
  }
}


/* Style Block #13 */

#image_865357483 {
  width: 100%;
}


/* Style Block #14 */

#image_2112217336 {
  width: 100%;
}


/* Style Block #15 */

#image_1503517769 {
  width: 100%;
}


/* Style Block #16 */

#image_1140068057 {
  width: 100%;
}


/* Style Block #17 */

#image_355776818 {
  width: 18%;
}


/* Style Block #18 */

#image_1705920338 {
  width: 50%;
}


/* Style Block #19 */

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


/* Style Block #20 */

#col-575890450 > .col-inner {
  margin: 0px 0px 0px 0px;
}


/* Style Block #21 */

#col-880289503 > .col-inner {
  padding: 0px 0px 0px 0px;
}


/* Style Block #22 */

#image_1833955600 {
  width: 82%;
}
@media (min-width:550px) {
  #image_1833955600 {
    width: 56%;
  }
}


/* Style Block #23 */

#image_936481187 {
  width: 82%;
}
@media (min-width:550px) {
  #image_936481187 {
    width: 56%;
  }
}


/* Style Block #24 */

#col-1852049721 > .col-inner {
  margin: 0px 0px 0px 0px;
}


/* Style Block #25 */

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


/* Style Block #26 */

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


/* Style Block #27 */

#row-934876181 > .col > .col-inner {
  padding: 20px 0px 0px 0px;
}


/* Style Block #28 */

#text-1923484166 {
  font-size: 0.8rem;
  text-align: center;
}


/* Style Block #29 */

#text-290378458 {
  font-size: 0.8rem;
  text-align: center;
}


/* Style Block #30 */

#col-2132936703 > .col-inner {
  padding: 230px 0px 0px 0px;
}
@media (min-width:550px) {
  #col-2132936703 > .col-inner {
    padding: 150px 0px 0px 0px;
  }
}


/* Style Block #31 */

#image_1765758371 {
  width: 10%;
}


/* Style Block #32 */

#image_1872250751 {
  width: 50%;
}
@media (min-width:550px) {
  #image_1872250751 {
    width: 100%;
  }
}


/* Style Block #33 */

#text-1616546924 {
  text-align: center;
}


/* Style Block #34 */

#text-1920995309 {
  font-size: 0.8rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
#text-1920995309 > * {
  color: rgb(255, 255, 255);
}


/* Style Block #35 */

#text-3762623531 {
  text-align: center;
}


/* Style Block #36 */

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


/* Style Block #37 */

#gap-1643870958 {
  padding-top: 20px;
}
@media (min-width:550px) {
  #gap-1643870958 {
    padding-top: 30px;
  }
}


/* Style Block #38 */

#text-411954174 {
  text-align: center;
}


/* Style Block #39 */

#image_468499714 {
  width: 68%;
}
@media (min-width:550px) {
  #image_468499714 {
    width: 39%;
  }
}


/* Style Block #40 */

#text-342195588 {
  text-align: center;
}


/* Style Block #41 */

#image_326369262 {
  width: 68%;
}
@media (min-width:550px) {
  #image_326369262 {
    width: 39%;
  }
}


/* Style Block #42 */

#text-3706442855 {
  text-align: center;
}
@media (min-width:850px) {
  #text-3706442855 {
    text-align: center;
  }
}


/* Style Block #43 */

#text-187661008 {
  font-size: 0.8rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
#text-187661008 > * {
  color: rgb(255, 255, 255);
}


/* Style Block #44 */

#text-1526907978 {
  text-align: center;
}
@media (min-width:850px) {
  #text-1526907978 {
    text-align: center;
  }
}


/* Style Block #45 */

#image_344672305 {
  width: 100%;
}
@media (min-width:550px) {
  #image_344672305 {
    width: 39%;
  }
}


/* Style Block #46 */

#image_827103710 {
  width: 100%;
}
@media (min-width:550px) {
  #image_827103710 {
    width: 39%;
  }
}


/* Style Block #47 */

#image_1922598840 {
  width: 100%;
}
@media (min-width:550px) {
  #image_1922598840 {
    width: 39%;
  }
}


/* Style Block #48 */

#gap-827260193 {
  padding-top: 15px;
}
@media (min-width:550px) {
  #gap-827260193 {
    padding-top: 30px;
  }
}


/* Style Block #49 */

#text-4027425305 {
  text-align: center;
}
@media (min-width:850px) {
  #text-4027425305 {
    text-align: center;
  }
}


/* Style Block #50 */

#image_383100668 {
  width: 68%;
}


/* Style Block #51 */

#section_657781020 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgb(30, 15, 8);
}


/* === kito.css === */
.box-100 {
    width: 100%;
}
.relative {
    position: relative;
}
.box-33 {
    width: 33.33333333%;
}
.box-66 {
    width: 66.66666666%;
}
.left {
    float: left;
}
.space-archive-loop-item-img-ins {
    margin: 0 15px;
}
.space-archive-loop-item-img-category {
    top: 26px;
    right: -15px;
    text-align: right;
    line-height: 0;
}
.absolute {
    position: absolute;
}
.space-archive-loop-item-img-link {
    line-height: 0;
}
.space-content-section img {
    padding-bottom: 0;
    padding-top: 2px;
    border-radius: 5px;
}
.space-archive-loop-item-img-ins .space-overlay {
    background: rgba(0, 0, 0, 0);
    border-radius: 5px;
}
.space-overlay {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.space-archive-loop-item-img-ins:hover .space-overlay {
    background: rgba(0, 0, 0, .3);
}
.space-archive-loop-item-img-category a {
    display: inline-block;
    font-weight: 400;
    font-size: .75em;
    line-height: 1.45em;
    color: #fff !important;
    text-decoration: none !important;
    padding: 4px 15px;
    border-radius: 3px;
    margin-bottom: 4px;
    background-color: #ff2453;
}
.space-archive-loop-item-title-box-ins {
    margin: 30px 15px 0;
}
.space-archive-loop-item-meta {
    font-weight: 400;
    font-size: .75em;
    line-height: 1.45em;
    // color: #7f8c8d;
}
.space-archive-loop-item-title {
    margin: 10px 0 15px;
    line-height: 0;
}
.space-archive-loop-item-excerpt {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.65em;
    // color: #7f8c8d;
}
.space-archive-loop-item-meta {
    font-weight: 400;
    font-size: .75em;
    line-height: 1.45em;
    // color: #7f8c8d;
}
.space-archive-loop-item-meta span {
    display: inline-block;
    margin-right: 15px;
}
.space-archive-loop-item-meta i {
    padding-right: 5px;
}
.space-archive-loop-item-title a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 1.777em;
    line-height: 1.25em;
    // color: #151515 !important;
    text-decoration: none !important;
}
.space-archive-loop-item-meta span.read-more {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}
.space-archive-loop-item-meta span.read-more a {
    font-weight: 700;
    font-size: 16px;
    line-height: 1em;
    // color: #151515;
    text-decoration: none;
}

.space-archive-loop-item-img-link img {
    width: 100%;
    border-radius: 5px;
}


/* ==========================================================
   PRECISION 1:1 LAYOUT MATCH FOR SUNWIN DESKTOP & MOBILE
   ========================================================== */

/* 1. Side Banners Precision Positioning */
#banners {
    position: fixed !important;
    right: calc(50% + 435px) !important;
    top: 140px !important;
    width: 210px !important;
    max-width: 210px !important;
    z-index: 9000 !important;
    display: block !important;
}

#banners img, #banners .img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.6) !important;
    transition: transform 0.25s ease !important;
    display: block !important;
}

#banners img:hover {
    transform: scale(1.03) !important;
}

.social-list {
    position: fixed !important;
    left: calc(50% + 435px) !important;
    top: 140px !important;
    width: 210px !important;
    max-width: 210px !important;
    z-index: 9000 !important;
    display: block !important;
}

.social-list img, .social-list .img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.6) !important;
    transition: transform 0.25s ease !important;
    display: block !important;
}

.social-list img:hover {
    transform: scale(1.03) !important;
}

/* Hide side banners on smaller screens so they don't block content */
@media (max-width: 1360px) {
    #banners, .social-list {
        display: none !important;
    }
}

/* 2. Main Center Content Column Centering */
#content, .content-area, #main {
    max-width: 100% !important;
}

#row-400571607 {
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

#col-1852049721, #col-2132936703 {
    max-width: 850px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. Hero Visual Section Centering & Sizing */
#col-1852049721 .col-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

#image_355776818 {
    width: 150px !important;
    max-width: 150px !important;
    margin: 10px auto !important;
}

#image_1705920338 {
    width: 270px !important;
    max-width: 270px !important;
    margin: 5px auto 15px auto !important;
}

#row-2121702143 {
    max-width: 520px !important;
    margin: 0 auto 15px auto !important;
    width: 100% !important;
}

#image_1833955600 {
    width: 320px !important;
    max-width: 320px !important;
    margin: 0 auto 10px auto !important;
    display: block !important;
}

#image_936481187 {
    width: 280px !important;
    max-width: 280px !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

/* 4. Sapo Container (Box 1 in Content) */
.sunwin-sapo-container {
    width: 100% !important;
    max-width: 850px !important;
    margin: 20px auto 30px auto !important;
    padding: 30px 35px !important;
    background: linear-gradient(145deg, #0d0d0d, #050505) !important;
    border: 1px solid rgba(212, 163, 57, 0.4) !important;
    border-radius: 20px !important;
    box-shadow: 0 0 25px rgba(212, 163, 57, 0.15) !important;
}

.main-heading {
    font-size: clamp(20px, 3.5vw, 28px) !important;
    text-align: center !important;
    background: linear-gradient(to right, #ffd875, #d4a339) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.heading-underline {
    width: 80px !important;
    height: 3px !important;
    background: #d4a339 !important;
    margin: 12px auto 25px auto !important;
    border-radius: 2px !important;
    box-shadow: 0 0 10px rgba(212, 163, 57, 0.5) !important;
}

/* 5. Rank Section (Bảng Vinh Danh) */
.sunwin-rank-section {
    width: 100% !important;
    max-width: 850px !important;
    margin: 30px auto !important;
    border: 2px solid #d4a339 !important;
    border-radius: 20px !important;
    box-shadow: 0 0 30px rgba(212, 163, 57, 0.25) !important;
}

/* 6. Service Feature Cards Row */
#row-934876181 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 30px auto !important;
    max-width: 850px !important;
}

#row-934876181 .col {
    flex: 1 1 calc(25% - 15px) !important;
    min-width: 180px !important;
}

/* 7. App Download Cards */
#row-1283820474 {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    margin: 25px auto !important;
    max-width: 850px !important;
}

#row-1283820474 .col {
    flex: 1 1 calc(33.333% - 20px) !important;
    min-width: 200px !important;
}

/* 8. General Dark Theme Baseline */
body, #wrapper {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

.section-title-container {
    max-width: 850px !important;
    margin: 40px auto 20px auto !important;
}

.row.large-columns-2 {
    max-width: 850px !important;
    margin: 0 auto !important;
}

/* ==========================================================
   EXACT 1:1 REFINED LAYOUT & RESPONSIVE CONSTRAINTS (V4)
   ========================================================== */

/* 1. Header & Top-Bar Display Control */
#top-bar {
    display: none !important;
}

#breadcrumb {
    display: none !important;
}

body.home header,
header#header {
    display: block !important;
    background: #000000 !important;
}

#masthead {
    height: 72px !important;
    background: #000000 !important;
}

#logo img,
.header_logo {
    max-height: 60px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* 2. Navigation Menu (Wide Nav) */
#wide-nav,
.header-bottom {
    background: #000000 !important;
    min-height: 44px !important;
    border-top: 1px solid rgba(255, 215, 0, 0.15) !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.15) !important;
}

.header-bottom-nav > li > a {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffd875 !important;
    padding: 10px 18px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.header-bottom-nav > li > a:hover,
.header-bottom-nav > li.current-menu-item > a {
    color: #ffffff !important;
    text-shadow: 0 0 8px #ffd875 !important;
}

/* 3. Strict Responsive Visibility: Desktop vs Mobile Header */
@media (min-width: 850px) {
    .show-for-medium,
    [data-show="show-for-medium"],
    #masthead .mobile-nav,
    #masthead .nav-icon,
    #wide-nav .show-for-medium {
        display: none !important;
    }
}

@media (max-width: 849px) {
    .hide-for-medium,
    [data-show="hide-for-medium"],
    .sunwin-header-max {
        display: none !important;
    }
    #masthead .mobile-nav {
        display: flex !important;
    }
}

/* 4. Global Content Consistency */
.sunwin-sapo-container,
.sunwin-rank-section,
.sunwin-comparison-container,
.sunwin-faq-container,
.sunwin-testimonial-container,
.sunwin-pro-section,
.row.large-columns-2,
.section-title-container,
#col-1852049721,
#col-2132936703,
#row-400571607 {
    max-width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* 5. Specific Element Precision Styling */
#image_1503517769,
#image_1140068057,
#image_865357483,
#image_2112217336 {
    width: 100% !important;
}

#col-575890450 > .col-inner {
    margin: 0 !important;
    padding: 0 !important;
}

#col-880289503 > .col-inner {
    padding: 0 !important;
}

#gap-940886080,
#gap-140771329 {
    padding-top: 30px !important;
}

#text-1923484166,
#text-290378458 {
    font-size: 0.8rem !important;
    text-align: center !important;
}

/* ==========================================================
   PIXEL-PERFECT 1:1 HERO, 4-ICON ROW & DOWNLOAD CARDS SIZING
   ========================================================== */

/* 1. Hero Section 1:1 Scale */
#row-400571607 {
    max-width: 850px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

#col-1852049721 {
    max-width: 850px !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#image_355776818 {
    width: 18% !important;
    max-width: 155px !important;
    margin: 10px auto 5px auto !important;
    display: block !important;
}

#image_1705920338 {
    width: 50% !important;
    max-width: 440px !important;
    margin: 5px auto 15px auto !important;
    display: block !important;
}

#row-2121702143 {
    max-width: 650px !important;
    width: 100% !important;
    margin: 0 auto 15px auto !important;
    display: flex !important;
    justify-content: center !important;
}

#col-575890450 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#image_631079182 {
    width: 70% !important;
    max-width: 600px !important;
    margin: 10px auto 15px auto !important;
    display: block !important;
}

@media (max-width: 849px) {
    #image_631079182 {
        width: 100% !important;
    }
}

#image_1833955600 {
    width: 56% !important;
    max-width: 480px !important;
    margin: 0 auto 12px auto !important;
    display: block !important;
}

#image_936481187 {
    width: 56% !important;
    max-width: 480px !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

#image_1833955600 img,
#image_936481187 img,
#image_1705920338 img,
#image_355776818 img,
#image_631079182 img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* 2. Four Feature Icons: Strictly 1 Single Horizontal Row of 4 */
#row-934876181 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    max-width: 850px !important;
    width: 100% !important;
    margin: 30px auto !important;
}

#row-934876181 > .col {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

#row-934876181 .col-inner {
    padding: 0 !important;
    margin: 0 !important;
}

#row-934876181 .box-image img,
#row-934876181 .img,
#row-934876181 picture img {
    width: 75px !important;
    max-width: 75px !important;
    height: auto !important;
    margin: 0 auto 10px auto !important;
    display: block !important;
}

#row-934876181 .text p,
#row-934876181 p {
    font-family: var(--font-sunwin, 'Montserrat', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffd875 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    text-align: center !important;
}

/* 3. Three App Download Cards (Android, APK, iOS) */
#row-1283820474 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    max-width: 850px !important;
    width: 100% !important;
    margin: 30px auto !important;
}

#row-1283820474 > .col {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    width: 33.333% !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

#row-1283820474 .box-image img,
#row-1283820474 picture img {
    width: 130px !important;
    max-width: 130px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

#row-1283820474 .box-text {
    padding-top: 15px !important;
}

#row-1283820474 .box-text-inner .button.alert.is-small {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 88% !important;
    max-width: 210px !important;
    height: 58px !important;
    padding: 8px 10px !important;
    background: linear-gradient(180deg, #fff7cc 0%, #ffd859 35%, #e6a800 65%, #c88a00 100%) !important;
    color: #000000 !important;
    font-family: var(--font-sunwin, 'Montserrat', sans-serif) !important;
    font-weight: 900 !important;
    font-size: 13.5px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 12px !important;
    border: 1.5px solid #ffe885 !important;
    box-shadow: 0 0 16px rgba(255, 204, 0, 0.5), inset 0 1px 2px #ffffff !important;
    margin: 5px auto 0 auto !important;
    text-align: center !important;
    text-decoration: none !important;
}

#row-1283820474 .box-text-inner .button.alert.is-small:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 0 25px rgba(255, 204, 0, 0.8), inset 0 1px 2px #ffffff !important;
}

#row-1283820474 .box-text-inner .button.alert.is-small span {
    color: #000000 !important;
    font-weight: 900 !important;
    display: block !important;
    text-shadow: none !important;
}

/* 4. Side Banners Safe Margins */
#banners {
    position: fixed !important;
    right: calc(50% + 440px) !important;
    top: 150px !important;
    width: 210px !important;
    max-width: 210px !important;
    z-index: 9000 !important;
}

.social-list {
    position: fixed !important;
    left: calc(50% + 440px) !important;
    top: 150px !important;
    width: 210px !important;
    max-width: 210px !important;
    z-index: 9000 !important;
}

@media (max-width: 1380px) {
    #banners, .social-list {
        display: none !important;
    }
}

/* 5. Blog Posts Always Visible Excerpt & 1:1 Typography */
.sunwin.row.large-columns-2,
.row.large-columns-2 {
    max-width: 850px !important;
    margin: 0 auto 30px auto !important;
}

.box-blog-post {
    background: #0f0f0f !important;
    border: 1px solid #222222 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform 0.25s ease, border-color 0.25s ease !important;
}

.box-blog-post:hover {
    border-color: #ffd875 !important;
    transform: translateY(-3px) !important;
}

.box-blog-post .box-text {
    padding: 15px 18px !important;
}

.box-blog-post .cat-label,
.box-blog-post .tag-label {
    color: #e6a800 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.box-blog-post .post-title a {
    color: #ffd875 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    display: block !important;
    margin: 4px 0 !important;
    transition: color 0.2s ease !important;
}

.box-blog-post .post-title a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px #ffd875 !important;
}

.box-blog-post .post-meta {
    color: #888888 !important;
    font-size: 12px !important;
    margin: 4px 0 8px 0 !important;
    display: block !important;
}

.box-blog-post .is-divider {
    height: 1px !important;
    background: #333333 !important;
    margin: 8px auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Triệt tiêu hoàn toàn hiệu ứng ẩn excerpt của Flatsome */
.box-blog-post .from_the_blog_excerpt,
.from_the_blog_excerpt,
.from_the_blog_excerpt.show-on-hover {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    max-height: none !important;
    overflow: visible !important;
    color: #cccccc !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    margin: 8px 0 0 0 !important;
    text-align: left !important;
}

/* ==========================================================================
   TỐI ƯU HEADER SÁT MÉP 2 BÊN & RESPONSIVE MỌI MÀN HÌNH (PC, LAPTOP, TABLET, MOBILE)
   ========================================================================== */

/* 1. KHUNG CHÍNH HEADER TRÀN 100% SÁT MÉP (12PX NHƯ ẢNH MẪU) */
#header,
.header-wrapper,
#masthead,
#masthead .header-inner,
.header-main .header-inner,
#header .header-inner.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;  /* Sát mép trái 12px như ảnh */
    padding-right: 12px !important; /* Sát mép phải 12px như ảnh */
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* 2. LOGO BÁM SÁT MÉP TRÁI */
#logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
    flex: 0 0 auto !important;
}
#logo img,
.header_logo {
    max-height: 60px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* 3. KHOẢNG TRỐNG Ở GIỮA TỰ ĐỘNG GIÃN NỞ ĐẨY 2 BÊN RA */
.header-inner .flex-grow {
    flex: 1 1 auto !important;
}

/* 4. CỤM JACKPOT + NÚT BÁM SÁT MÉP PHẢI, NỀN TRONG SUỐT */
.flex-col.flex-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 auto !important;
}
.sunwin-header-max {
    margin-left: auto !important;
    margin-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 5. MENU ĐIỀU HƯỚNG DƯỚI (WIDE NAV) TRẢI DÀI VÀ CĂN GIỮA */
#wide-nav {
    width: 100% !important;
    max-width: 100% !important;
}
#wide-nav .container {
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* ==========================================================================
   TỰ ĐỘNG TỐI ƯU THEO TỪNG KÍCH THƯỚC MÀN HÌNH
   ========================================================================== */

/* A. Laptop nhỏ & Màn hình vừa (1024px - 1280px) */
@media (max-width: 1280px) and (min-width: 850px) {
    #masthead .header-inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .sunwin-header-max {
        max-width: 550px !important;
        gap: 6px !important;
    }
    .jackpot-value {
        font-size: 16px !important;
    }
    .sunwin-btn {
        height: 40px !important;
        padding: 0 8px !important;
        font-size: 11.5px !important;
    }
    #logo img, .header_logo {
        max-height: 54px !important;
    }
}

/* B. Tablet ngang (850px - 1023px) */
@media (max-width: 1023px) and (min-width: 850px) {
    #masthead .header-inner {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .sunwin-header-max {
        max-width: 485px !important;
        gap: 4px !important;
    }
    .jackpot-icon {
        font-size: 22px !important;
    }
    .jackpot-value {
        font-size: 14px !important;
    }
    .winner-ticker {
        font-size: 8px !important;
    }
    .sunwin-btn {
        height: 36px !important;
        padding: 0 6px !important;
        font-size: 10.5px !important;
    }
    #logo img, .header_logo {
        max-height: 48px !important;
    }
}

/* C. Mobile & Tablet dọc (< 850px) */
@media (max-width: 849px) {
    #masthead,
    #masthead .header-inner {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #wide-nav,
    #wide-nav .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .sunwin-mb-header {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}