
.h-content {
    max-height: 800px;
    overflow: auto;
    padding: 10px;
    border: 3px solid #ff4200;
    border-radius: 10px;
    word-wrap: break-word;
    margin-bottom: 20px;
    box-shadow: 2px 2px 16px 0px #ff4200;
}
.h-content::-webkit-scrollbar {
    width: 0.5rem;
    border-radius: 10px;
}
.h-content::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #ff4200;
}


.header-button a {
                border: 1px solid #fff;
                background-image: repeating-linear-gradient(to right, #550703, #DD0000);
                animation-fill-mode: forwards;
                animation-timing-function: linear;
                background-size: 200% auto;
                background-position: 0 100%;
                animation: 2s infinite gradient, 1.5s infinite alternate glow;
            }

            @keyframes gradient {
                0% {
                    background-position: 0% 100%;
                }

                100% {
                    background-position: -200% 100%;
                }
            }

            @keyframes glow {
                20% {
                    box-shadow: 0 0 30px 5px #FF0000;
                }

                50% {
                    box-shadow: 0 0 30px 5px #FF3300;
                }

                90% {
                    box-shadow: 0 0 30px 5px #FFFF00;
                }

                100% {
                    box-shadow: 0 0 30px 10px #febc1c;
                }
            }
.cg-shakey {
    cursor: pointer;
    display: inline-block;
    transition: 0.3s;
}
.cg-shakey:hover {
    animation: shake 0.5s infinite;
}
@keyframes shake {
            0% {
                transform: translate(1px, 1px) rotate(0deg);
            }

            20% {
                transform: translate(-1px, 0px) rotate(1deg);
            }

            40% {
                transform: translate(1px, -1px) rotate(-1deg);
            }

            60% {
                transform: translate(-1px, 1px) rotate(1deg);
            }

            80% {
                transform: translate(1px, 1px) rotate(0deg);
            }

            100% {
                transform: translate(1px, -1px) rotate(-1deg);
            }
        }


.sg-section_1602195514 {
  padding-top: 30px;
  padding-bottom: 30px;
  
}
 

.sg-section_358181931 {
  padding-top: 30px;
  padding-bottom: 30px;
}
 

.sg-section_994103450 {
  padding-top: 30px;
  padding-bottom: 30px;
}
 

/* Chỉ áp dụng cho bộ quảng cáo EX88, tránh CSS của theme WordPress */
#banner-wrapper{position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:700px!important;max-width:100%!important;display:grid!important;gap:0!important;z-index:9999!important;margin:0!important;padding:0!important}
#banner-wrapper .banner-gif-item{line-height:0!important;margin:0!important;padding:0!important}
#banner-wrapper a,#banner-wrapper img,.ex88-side-ad a,.ex88-side-ad img{display:block!important}
#banner-wrapper img{width:100%!important;height:auto!important;border-radius:0!important}
.ex88-side-ad{position:fixed!important;bottom:285px!important;z-index:9998!important;line-height:0!important;margin:0!important;padding:0!important}
#ex88-gif-right{right:12px!important;width:145px!important}
#ex88-gif-left{left:12px!important;width:240px!important}
.ex88-side-ad img{width:100%!important;height:auto!important;border-radius:7px}
.ex88-ad-box img{transition:transform .2s,box-shadow .2s}
.ex88-ad-box a:hover img{transform:translateY(-3px);box-shadow:0 5px 12px #0005}
/* Nút đóng: reset style nút mặc định từ theme, tránh nền đen kéo dài */
.ex88-ad-box > button.ex88-ad-close{all:unset!important;box-sizing:border-box!important;position:absolute!important;top:4px!important;right:4px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:50%!important;background:rgba(20,20,20,.85)!important;color:#fff!important;font:700 19px/1 Arial,sans-serif!important;text-align:center!important;cursor:pointer!important;z-index:10001!important;box-shadow:0 1px 5px #0007!important;transform:none!important;opacity:1!important;visibility:visible!important;float:none!important}
.ex88-ad-box > button.ex88-ad-close:hover{background:#b40000!important}
@media(max-width:1100px) and (min-width:768px){#ex88-gif-left{width:180px!important}#ex88-gif-right{width:110px!important}}
@media(max-width:767px){
 #banner-wrapper{width:min(100%,420px)!important}
 .ex88-side-ad{bottom:clamp(162px,59vw,255px)!important}
 #ex88-gif-left{left:4px!important;width:clamp(125px,34vw,155px)!important}
 #ex88-gif-right{right:4px!important;width:clamp(92px,25vw,115px)!important}
 .ex88-ad-box > button.ex88-ad-close{top:3px!important;right:3px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;font-size:18px!important}
}

.ex88-ad-box[hidden] { display: none !important; }
:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #e20878;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.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;}h1,h2,h3,h4,h5,h6,.heading-font{color: #ed1690;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}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: Roboto, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #f810e5;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.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";}
