@charset "UTF-8";@media (min-width:1400px){.container{max-width:min(1640px,calc(100% - 96px))}}#logo_home h1 a,#logo_home .logo-mark,header.sticky #logo_home h1 a,header.sticky #logo_home .logo-mark,header#plain #logo_home h1 a,header#plain #logo_home .logo-mark,header#colored #logo_home h1 a,header#colored #logo_home .logo-mark,header.sticky#colored #logo_home h1 a{width:190px;height:40px;background-size:190px 40px}body:not(:has(main>.listing-category-hero)) header:not(#colored) #logo_home h1 a,body:not(:has(main>.listing-category-hero)) header:not(#colored) #logo_home .logo-mark,header#plain #logo_home h1 a,header#plain #logo_home .logo-mark,header.sticky #logo_home h1 a,header.sticky #logo_home .logo-mark{background-image:url(../img/logo_sticky.png)}body:has(main>.listing-category-hero) header:not(.sticky) #logo_home h1 a,body:has(main>.listing-category-hero) header:not(.sticky) #logo_home .logo-mark,header#colored:not(.sticky) #logo_home h1 a,header#colored:not(.sticky) #logo_home .logo-mark{background-image:url(../img/logo_vn.png)}@media only screen and (max-width:991px){body.mobile-menu-open{overflow:hidden;touch-action:none}header,header.sticky,header#plain,header#plain.sticky{position:sticky;top:0;z-index:10040;background:#fff;box-shadow:0 10px 28px rgba(17,24,39,0.08)}header .container{max-width:100%}header .row{align-items:center;min-height:72px}#logo_home h1,#logo_home .logo-mark,header.sticky #logo_home h1{margin:0}#logo_home h1 a,#logo_home .logo-mark,header.sticky #logo_home h1 a,header.sticky #logo_home .logo-mark,header#plain #logo_home h1 a,header#plain #logo_home .logo-mark,header#colored #logo_home h1 a,header#colored #logo_home .logo-mark,header.sticky#colored #logo_home h1 a{width:165px;height:35px;background-size:165px 35px}nav,.sticky nav{margin-top:0!important;min-height:72px;display:flex;align-items:center;justify-content:flex-end}.cmn-toggle-switch{right:0;top:50%;transform:translateY(-50%);margin:0}.layer{z-index:900!important;background-color:rgba(12,18,28,0.55);backdrop-filter:blur(2px)}.main-menu{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(88vw,360px)!important;max-width:100%;height:100dvh!important;transform:translateX(-100%)!important;border-radius:0 22px 22px 0;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,0.2);z-index:10050!important;pointer-events:auto!important}.main-menu.show{transform:translateX(0)!important}#header_menu{display:flex!important;align-items:center;min-height:76px;padding:18px 68px 16px 20px!important;border-bottom:1px solid #eceff3;background:#fff;position:sticky;top:0;z-index:2}#header_menu img{display:block;width:auto;max-width:190px;height:34px;object-fit:contain}a#close_in{display:flex!important;align-items:center;justify-content:center;position:absolute;top:18px;right:16px;width:38px;height:38px;border-radius:999px;background:#f8fafc;box-shadow:0 6px 16px rgba(15,23,42,0.08);z-index:4}#close_in i{color:#334155!important;font-size:18px;line-height:1}#close_in::before{content:"\00d7";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#334155;font-size:26px;font-weight:400;z-index:1}#close_in i.bi{opacity:0}.main-menu.show #close_in{display:flex!important}.main-menu>ul,.main-menu>ul>li{display:block!important;margin:0;padding:0}.main-menu>ul>li{border-bottom:1px solid #eceff3}.main-menu>ul>li>a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px!important;color:#1f2937!important;font-size:19px;font-weight:600;line-height:1.3;white-space:normal}.main-menu>ul>li>a i{flex:0 0 auto;color:#64748b;font-size:16px}.main-menu>ul>li.submenu>ul,.main-menu ul li .menu-wrapper{display:none;position:static;width:100%;min-width:0;margin:0;padding:0 0 12px 0!important;border:0;border-radius:0;opacity:1;visibility:visible;background:#fff;box-shadow:none}.main-menu a.show-submenu + ul.show_normal,.main-menu a.show-submenu-mega + .menu-wrapper.show_mega{display:block!important}.main-menu .menu-wrapper ul{display:block;padding-bottom:0!important}.main-menu ul li.submenu ul li,.main-menu ul .menu-wrapper ul li{border:0}.main-menu ul li.submenu ul li a,.main-menu ul .menu-wrapper ul li a{display:block;padding:12px 20px 12px 34px!important;color:#475569!important;font-size:15px;font-weight:500;line-height:1.45;white-space:normal}.main-menu ul li.submenu ul li a:hover,.main-menu ul .menu-wrapper ul li a:hover{padding-left:40px!important;color:#ff671f!important;background:rgba(255,103,31,0.06)}.main-menu ul li.megamenu .menu-wrapper .row,.main-menu ul li.megamenu .menu-wrapper .col-lg-4{display:block;width:100%;margin:0}.main-menu ul .menu-wrapper .menu-region-title{margin:0;padding:14px 20px 6px 20px;color:#0f172a;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border-bottom:0}ul#top_tools,.sticky ul#top_tools{margin:0 44px 0 0}}@media only screen and (max-width:480px){.main-menu{width:100%!important;border-radius:0}#header_menu{padding-left:18px!important;padding-right:60px!important}#header_menu img{max-width:172px;height:30px}.main-menu>ul>li>a{font-size:18px;padding:17px 18px!important}}@media only screen and (max-width:991px){body:has(main>.listing-category-hero) header,body:has(main>.listing-category-hero) header#plain{position:fixed;top:0;left:0;width:100%;background:rgba(34,41,47,0.28)!important;box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body:has(main>.listing-category-hero) header.sticky,body:has(main>.listing-category-hero) header#plain.sticky{position:fixed;top:0;left:0;width:100%;background:#fff!important;box-shadow:0 10px 28px rgba(17,24,39,0.08);backdrop-filter:none;-webkit-backdrop-filter:none}body:has(main>.listing-category-hero) header .container,body:has(main>.listing-category-hero) header nav{background:transparent!important}body:has(main>.listing-category-hero) header #logo_home h1 a,body:has(main>.listing-category-hero) header #logo_home .logo-mark,body:has(main>.listing-category-hero) header.sticky #logo_home h1 a,body:has(main>.listing-category-hero) header.sticky #logo_home .logo-mark{background-image:url(../img/logo_vn.png)}body:has(main>.listing-category-hero) header.sticky #logo_home h1 a,body:has(main>.listing-category-hero) header.sticky #logo_home .logo-mark,body:has(main>.listing-category-hero) header#plain.sticky #logo_home h1 a,body:has(main>.listing-category-hero) header#plain.sticky #logo_home .logo-mark{background-image:url(../img/logo_sticky.png)}body:has(main>.listing-category-hero) .cmn-toggle-switch span,body:has(main>.listing-category-hero) .cmn-toggle-switch span::before,body:has(main>.listing-category-hero) .cmn-toggle-switch span::after{background-color:#fff}body:has(main>.listing-category-hero) header.sticky .cmn-toggle-switch span,body:has(main>.listing-category-hero) header.sticky .cmn-toggle-switch span::before,body:has(main>.listing-category-hero) header.sticky .cmn-toggle-switch span::after,body:has(main>.listing-category-hero) header#plain.sticky .cmn-toggle-switch span,body:has(main>.listing-category-hero) header#plain.sticky .cmn-toggle-switch span::before,body:has(main>.listing-category-hero) header#plain.sticky .cmn-toggle-switch span::after{background-color:#333}body:has(main>.listing-category-hero) .listing-category-hero{padding-top:72px}}