:root{--urlwp-accent:#446084;--urlwp-shell:1270px;--urlwp-header-main:90px;--urlwp-header-nav:65px;--urlwp-header-mobile:70px}body{background:#fff}.urlwp-site{max-width:none;margin-inline:auto;background:#fff}.urlwp-header-main{min-height:var(--urlwp-header-main);display:flex;align-items:center;background:color-mix(in srgb,var(--urlwp-accent) 8%,#fff)}.urlwp-header-row{min-height:var(--urlwp-header-main)}.urlwp-header-bottom{min-height:var(--urlwp-header-nav);display:flex;align-items:center;background:#f1f1f1}.urlwp-header-nav-row{width:min(100% - 32px,var(--urlwp-shell));margin-inline:auto}.urlwp-primary-nav{margin:0}.urlwp-menu{justify-content:center}.urlwp-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.urlwp-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--urlwp-accent) 72%,#19c7ff),var(--urlwp-accent));color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.2)}.urlwp-menu>li{position:relative}.urlwp-menu .sub-menu{position:absolute;display:none;z-index:20;top:100%;left:0;min-width:220px;margin:0;padding:10px;background:#fff;list-style:none;box-shadow:0 12px 28px rgba(0,0,0,.16)}.urlwp-menu li:hover>.sub-menu,.urlwp-menu li:focus-within>.sub-menu{display:block}@media(max-width:849px){.urlwp-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 0 16px}}:root {--primary-color: #446084;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1270px}.row.row-collapse{max-width: 1240px}.row.row-small{max-width: 1262.5px}.row.row-large{max-width: 1300px}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:279px;}.header-bottom{min-height: 65px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(255,255,255,0.9)}.header-bottom {background-color: #25aaed}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #0a0a0a}h1,h2,h3,h4,h5,h6,.heading-font{color: #1b88e8;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}a{color: #dd3333;}a:hover{color: #0d99f6;}.tagcloud a:hover{border-color: #0d99f6;background-color: #0d99f6;}.absolute-footer, html{background-color: #d9effc}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}

.img-casino-style {
    border: 2px solid #2da3ff;        /* Viền xanh đậm */
    border-radius: 22px;              /* Bo tròn mạnh */
    background: #f4faff;              /* Nền xanh nhạt rất nhẹ */
    box-shadow: 0 2px 12px 0 #2da3ff25;
    padding: 8px;                     /* Cách ảnh với viền */
    display: inline-block;            /* Đảm bảo bọc gọn */
    position: relative;
}
.img-casino-style img {
    border-radius: 18px;              /* Ảnh cũng bo tròn để đồng bộ */
    display: block;
    width: 100%;
    height: auto;
}
.column {
  border: 2px solid #2596be;
  border-radius: 8px;
  box-shadow: 0 0 8px 2px #2596be;
  padding: 8px;
}
.custom-latest-posts h2 {
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #1377d8; /* xanh đậm nếu muốn */
  letter-spacing: 1px;
}
/* Hiệu ứng cầu vồng cho H1 và H2 */
.home h1{
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);
    background-size: 400%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: rainbow-text 5s ease infinite;
    display: inline-block;
}

@keyframes rainbow-text {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}
/* Active */
.button:active,
button:active,
input[type="submit"]:active,
.ux-btn:active,
.btn:active,
a.button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(255,200,0,0.4);
}

/* ====== BOX ====== */
.home_content>.col {
    border: 2px solid #f5c400;
    border-radius: 10px;
    height: 700px;
    padding: 10px;
    box-shadow: 0 0 22px rgba(255,200,0,0.6);
}

/* ====== SCROLLBAR trong col ====== */
.home_content>*::-webkit-scrollbar-thumb {
    background-color: #f5c400;
    border-radius: 20px;
    border: 2px solid #f5c400;
}

/* ====== SCROLLBAR chung ====== */
.home_content>.col>.col-inner {
    height: 100%;
    overflow: auto;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #f5c400;
    border-radius: 20px;
    border: 3px solid #f5c400;
}

::-webkit-scrollbar-track {
    background: #fff;
}
@media(max-width:849px){.urlwp-header-main,.urlwp-header-row{min-height:var(--urlwp-header-mobile)}.urlwp-header-row{position:relative;justify-content:center}.urlwp-menu-toggle{position:absolute;left:0;margin:0}.urlwp-brand{margin-inline:auto}.urlwp-header-actions{display:none}.urlwp-header-bottom{min-height:auto;display:block;position:relative}.urlwp-header-nav-row{width:100%}.urlwp-primary-nav{inset:100% 0 auto}.urlwp-mobile-ctas{border-top:1px solid rgba(0,0,0,.08)}}