:root{--urlwp-accent:#446084;--urlwp-shell:1120px;--urlwp-header-main:90px;--urlwp-header-nav:55px;--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: 1120px}.row.row-collapse{max-width: 1090px}.row.row-small{max-width: 1112.5px}.row.row-large{max-width: 1150px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #f2f2f2}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.header-bottom{min-height: 55px}.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-bottom {background-color: #f1f1f1}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#fca863; }[data-text-bg="secondary"]{background-color: #fca863;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #fca863}/* Color !important */[data-text-color="secondary"]{color: #fca863!important;}/* Border */.secondary.is-outline:hover{border-color:#fca863}/* Focus */.secondary:focus-visible, .alt:focus-visible { outline-color: #fca863!important; }body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #bd4b00;}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Roboto, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}a{color: #bd4b00;}a:hover{color: #ffa643;}.tagcloud a:hover{border-color: #ffa643;background-color: #ffa643;}.absolute-footer, html{background-color: #000000}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */b,strong{font-weight: 600 !important;}.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";}

b, strong{
    font-weight: bold;
}
.copyright-footer{
    color: #fff;
}
.header-bottom {
    background: linear-gradient(90deg, #fff 0%, #FD8C00 13.05%, #FD8C00 50.1%, #FD8C00 86.93%, #fff 100%);
}
@keyframes gradientMove {
    0% {
      background-position: 0% 50%;
    }
    100% {
      background-position: 100% 50%;
    }
  }

  .footer-block {
    background: linear-gradient(270deg, #FD8C00, rgba(255, 255, 255, 0.8), #FD8C00);
    background-size: 200% 200%; /* Tạo không gian để gradient di chuyển */
    animation: gradientMove 10s linear infinite; /* Hoạt ảnh mượt, 5 giây lặp vô hạn */
  }
.text-rgb-urlwp-brand {
  font-size: 24px;                  /* Kích thước chữ lớn */
  font-weight: bold;                /* Chữ in đậm */
  text-transform: uppercase;                     /* Căn giữa văn bản */
  color: #FFFFFF;                   /* Màu chữ mặc định là trắng */

  /* Ánh sáng LED sử dụng các biến thể cam - vàng */
  text-shadow:
    0 0 5px  #FD8C00,
    0 0 10px #FD8C00,
    0 0 20px #FFA94C,
    0 0 30px #FFC380,
    0 0 40px #FFE3C2;

  animation: ledRGBAnimation 2s infinite alternate ease-in-out; /* Hoạt ảnh ánh sáng */
}

@keyframes ledRGBAnimation {
  0% {
    text-shadow:
      0 0 5px  #FD8C00,
      0 0 10px #FFA94C,
      0 0 20px #FFC380,
      0 0 30px #FFE3C2,
      0 0 40px #FD8C00;
  }
  50% {
    text-shadow:
      0 0 10px #FFE3C2,
      0 0 15px #FFC380,
      0 0 25px #FD8C00,
      0 0 35px #FFA94C,
      0 0 45px #FFE3C2;
  }
  100% {
    text-shadow:
      0 0 5px  #FFC380,
      0 0 10px #FD8C00,
      0 0 20px #FFA94C,
      0 0 30px #FFE3C2,
      0 0 40px #FD8C00;
  }
}
#footer a{
    color:white;
}
/* Phong cách chung cho tất cả các khối */
[class^="block-"], .faq {
    border-radius: 12px; /* Bo tròn góc mềm mại */
    padding: 20px; /* Khoảng cách bên trong */
    margin-bottom: 20px; /* Khoảng cách giữa các khối */
    background-color: #ffffff; /* Nền trắng */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Đổ bóng nhẹ */
    position: relative; /* Định vị tương đối */
    overflow: hidden; /* Ẩn nội dung thừa */
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; /* Hiệu ứng hover mượt */
}

/* Hiệu ứng hover */
[class^="block-"]:hover, .faq:hover {
    transform: translateY(-5px); /* Nhô lên khi hover */
    box-shadow: 0 8px 20px rgba(252, 139, 0, 0.4); /* Tăng đổ bóng */
}

/* block-1: Viền gradient ánh sáng */
.block-1 {
    border: 4px solid transparent;
        border-radius: 8px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #FC8B00, #FFB347);
    background-clip: padding-box, border-box;
    background-origin: border-box;
}

/* block-2: Viền nét đứt tinh tế */
.block-2 {
    border: 3px dashed #FC8B00;
    box-shadow: inset 0 0 10px rgba(252, 139, 0, 0.3); /* Ánh sáng bên trong */
}

/* block-3: Viền kép mạnh mẽ */
.block-3 {
    border: 5px double #FC8B00;
    padding: 15px; /* Điều chỉnh padding cho viền kép */
    box-shadow: 0 0 15px rgba(252, 139, 0, 0.4); /* Hiệu ứng phát sáng */
}

/* block-4: Viền gradient động */
.block-4 {
    border: 5px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #FC8B00, #FFB347, #FC8B00);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    animation: gradient-move 3s linear infinite; /* Hiệu ứng chuyển động */
}

/* block-5: Viền chấm nổi bật */
.block-5 {
    border: 3px dotted #FC8B00;
    box-shadow: 0 0 12px rgba(252, 139, 0, 0.5); /* Phát sáng nhẹ */
}

/* block-6: Viền ánh sáng nổi bật */
.block-6 {
/*     border: 2px solid #FC8B00; */
    box-shadow: 0 0 15px rgba(252, 139, 0, 0.6); /* Hiệu ứng ánh sáng mạnh */
}

/* block-7: Viền gradient phát sáng */
.block-7 {
    border: 4px solid}
.button-casino {
    background: linear-gradient(45deg, #F18A0E, #FFAA47);
    border: 2px solid #FFC85B; /* Viền màu vàng sáng nhẹ */
    border-radius: 10px;
    padding: 12px 25px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 4px 15px rgba(241, 138, 14, 0.6), 0px 6px 20px rgba(255, 200, 91, 0.8);
    transition: all 0.3s ease, box-shadow 0.2s ease;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.post-item .col-inner {
    border: 3px solid #FD8C00 !important;
    border-radius: 5px !important;
}

.post-date .badge-inner {
    border-radius: 8px !important;
}
.button-casino:hover {
    background: linear-gradient(45deg, #FFAA47, #F18A0E);
    box-shadow: 0px 5px 20px rgba(255, 200, 91, 0.8), 0px 8px 30px rgba(241, 138, 14, 0.9);
    transform: scale(1.08);
}

.button-casino:active {
    background: linear-gradient(45deg, #F18A0E, #D67E0A);
    box-shadow: inset 0px 2px 10px rgba(255, 170, 71, 0.7), 0px 4px 12px rgba(241, 138, 14, 0.9);
    transform: scale(0.96);
}

.button-casino::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 300%;
    height: 300%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 70%);
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0);
}

.button-casino:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    animation: casino-glow 1.5s infinite;
}

@keyframes casino-glow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.8;
    }
}
 .header-button a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color:rgba(253, 140, 0, 0.8); /* Màu chữ trắng */
        background: #fff!important;
    background-size: 300% 300%; /* Gradient lớn để tạo hiệu ứng chuyển động */
    border: 2px solid rgba(253, 140, 0, 0.8); /* Viền nhạt theo tông màu */
    border-radius: 50px; /* Bo góc mềm mại */
    box-shadow: 0 8px 20px rgba(253, 140, 0, 0.7), 0 4px 10px rgba(230, 126, 0, 0.5); /* Hiệu ứng bóng đổ */
    animation: royalGlow 6s infinite linear, gradientShift 8s infinite linear; /* Hiệu ứng phát sáng và gradient chuyển động */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hiệu ứng lấp lánh ánh sáng */
.header-button a::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: radial-gradient(circle, rgba(253, 140, 0, 0.5), rgba(230, 126, 0, 0) 70%);
    opacity: 0.5;
    animation: sparkle 4s infinite ease-in-out;
}

/* Hover Effect */
 .header-button a:hover {
    background: linear-gradient(90deg, #E67E00, #FD8C00, #FF9E33, #E67E00); /* Đảo ngược gradient khi hover */
    box-shadow: 0 10px 25px rgba(253, 140, 0, 0.9), 0 5px 15px rgba(230, 126, 0, 0.6); /* Tăng bóng đổ */
    transform: translateY(-3px); /* Hiệu ứng nổi nhẹ */
}

/* Active Effect */
 .header-button a:active {
    transform: translateY(0); /* Giảm nổi khi nhấn */
    box-shadow: 0 5px 15px rgba(253, 140, 0, 0.7), 0 2px 8px rgba(230, 126, 0, 0.4); /* Giảm bóng */
}

/* Keyframes for Gradient Animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Keyframes for Sparkle Effect */
@keyframes sparkle {
    0% {
        top: -100%;
        left: -100%;
    }
    50% {
        top: 100%;
        left: 100%;
    }
    100% {
        top: -100%;
        left: -100%;
    }
}

/* Keyframes for Glow Effect */
@keyframes royalGlow {
    0% {
        box-shadow: 0 8px 20px rgba(253, 140, 0, 0.7), 0 4px 10px rgba(230, 126, 0, 0.5);
    }
    50% {
        box-shadow: 0 10px 25px rgba(253, 140, 0, 0.9), 0 6px 15px rgba(255, 158, 51, 0.6);
    }
    100% {
        box-shadow: 0 8px 20px rgba(253, 140, 0, 0.7), 0 4px 10px rgba(230, 126, 0, 0.5);
    }
}

/* Thiết kế Breadcrumb với tông màu #FCC17B */
.rank-math-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px; /* Kích thước chữ vừa phải */
    font-weight: 600;
    color: #333; /* Màu chữ xám đậm */
    background: linear-gradient(90deg, #FCC17B 0%, #F8A65E 100%); /* Gradient cam nhạt */
    padding: 12px 20px;
    border-radius: 10px; /* Bo góc mềm mại */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Bóng nhẹ */
    margin-bottom: 20px;
    text-transform: capitalize; /* Chữ in hoa đầu từ */
    letter-spacing: 0.5px; /* Khoảng cách chữ */
}

/* Liên kết trong Breadcrumb */
.rank-math-breadcrumb a {
    color: #FFFFFF; /* Màu chữ trắng */
    text-decoration: none;
    font-weight: 700;
    margin-right: 8px;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.rank-math-breadcrumb a:hover {
    color: #FF6347; /* Màu đỏ cam nổi bật khi hover */
    text-shadow: 0 0 5px rgba(255, 99, 71, 0.8); /* Hiệu ứng sáng */
}

/* Dấu phân cách giữa các liên kết */
.rank-math-breadcrumb span.separator {
    margin: 0 8px;
    color: rgba(51, 51, 51, 0.7); /* Màu xám đậm nhạt */
    font-size: 14px;
    font-weight: 400;
}

/* Liên kết cuối cùng (Active Item) */
.rank-math-breadcrumb .last {
    color: #FFFFFF; /* Màu trắng nổi bật */
    font-weight: bold;
}

/* Ẩn Breadcrumb trên Trang Chủ */
body.home .rank-math-breadcrumb {
    display: none;
}

/* Responsive cho màn hình nhỏ */
@media (max-width: 768px) {
    .rank-math-breadcrumb {
        font-size: 13px; /* Font chữ nhỏ hơn */
        padding: 10px 15px;
    }
}
.archive-page-header .page-title  {
    display:none;
}
#chat-widget-container {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#chat-widget-container.visible {
    display: block;
    visibility: visible;
    opacity: 1;
}
#main,#wrapper {
    background-color: #F2F2F2;}
:root {
  --primary-arrow-color: #0000;
  --badge-bg-color: #FF0002 ;
  --badge-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --badge-font-size: 10px;
  --badge-text-color: #fff;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.1) translateZ(0);
  }
  100% {
    transform: scale(1) translateZ(0);
  }
}

.header-button-1 .header-button:after,
.header-button-2 .header-button:after {
  content: '';
  position: absolute;
  display: block;
  top: -8px;
  width: 5px !important;
  height: 5px;
  border: 5.5px solid transparent;
  border-right-color: var(--primary-arrow-color);
  transform: rotate(59deg);
  background: var(--badge-bg-color);
  z-index: 12;
}

.header-button-1 .header-button:after {
  left: 30px;
}

.header-button-2 .header-button:after {
  left: 58px;
}

.header-button-1 .header-button:before,
.header-button-2 .header-button:before {
  position: absolute;
  background: var(--badge-bg-color);
  font-family: var(--badge-font-family);
  font-size: var(--badge-font-size);
  color: var(--badge-text-color);
  line-height: normal;
  border-radius: 50px;
  padding: 3px;
  margin-top: -13px;
  z-index: 13;
  animation: zoomInOut 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  transition: transform 0.3s ease;
  text-align: center;
  will-change: transform;
  font-weight: bold;
    top: -7px;
}

.header-button-1 .header-button:before {
  content: 'Nhận lượt quay PG';
  width: 130%;
  margin-left: -13px;
}

.header-button-2 .header-button:before {
  content: '+100%';
  width: 50%;
  margin-left: 39px;
}
.j-gif {
    width: 40px !important;
    padding: 1.5px;
    background-color: #fca863;
    border-radius: 10px;
}
.j-gif img {
    transform: rotate(0deg);
    animation: swing .3s linear infinite;
}
.j-gif{
    cursor: pointer;
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(12deg); }
    40% { transform: rotate(-12deg); }
    60% { transform: rotate(8deg); }
    80% { transform: rotate(-8deg); }
    100% { transform: rotate(0deg); }
}
@media (max-width: 849px) {
    .header-main li.html.custom {
        display: inline-block;
    }
}
@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)}}