:root {
    --primary_color: #FFFFFF;
}

body.kingcomposer #h26_menu{transition:all .3s ease}
body.kingcomposer #h26_menu.fixed{background:var(--primary);box-shadow: 1px 1px 10px 0px rgba(255,255,255,0.75);}
body.kc-css-system.admin-bar #h26_menu {top: 32px}

.lva26_nav,.lva26_nav li,.lva26_nav li a{display:flex;flex-wrap:wrap}.lva26_nav{gap:30px}.lva26_nav li a{color:#fff;text-transform:uppercase;font-size:16px}

body.kingcomposer .header_isearch.active .icon::before {content: '\f010'; color: red;}
.header_search{position:absolute;top:calc(100% + 20px);right:0;visibility:hidden;opacity:0;transition:all .3s ease;z-index:-1}.header_search.show{visibility:visible;opacity:1;z-index:999;top:calc(100% + 10px)}


/* HomePage */
/* 1. Trạng thái ban đầu */
.home26_banner .lva_title{opacity:0;transform:translateY(40px)}

/* 2. Khi slide active → chạy animation */
.home26_banner .slick-active .lva_title{-webkit-animation:bannerFadeUp .8s ease forwards;animation:bannerFadeUp .8s ease forwards; -webkit-animation-delay:.3s;animation-delay:.3s}

/* 3. Delay nhẹ cho sub text (optional) */
.home26_banner .slick-active .lva_title .sub{-webkit-animation:bannerFadeUp .8s ease forwards;animation:bannerFadeUp .8s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}

/* 4. Keyframes */
@-webkit-keyframes bannerFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bannerFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.home_bviet .item{position:relative}.home_bviet .item.odd::before{background:#c1cedd;content:"";position:absolute;right:-25px;top:0;width:2px;height:100%;z-index:9}

.logo-slider{overflow:hidden;width:100%}.logo-track{display:flex;gap:15px;-webkit-animation:scrollLogo 30s linear infinite;animation:scrollLogo 30s linear infinite}.logo-track img{height:90px;width:auto;border: 1px solid #dcdcdc;padding: 5px;}.logo-slider:hover .logo-track{-webkit-animation-play-state:paused;animation-play-state:paused}

@-webkit-keyframes scrollLogo{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scrollLogo{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}


@media only screen and (max-width:767px) {
    .home_bviet .item.odd::before {
        display: none;
    }
}