.archive-blogs-container{--ab-chinh:#f2b705;--ab-chinh-dam:#d99a00;--ab-chinh-nhat:#fff3c7;--ab-toi:#12161c;--ab-toi2:#1b212b;--ab-chu:#2a2f38;--ab-phu:#6b7280;--ab-nen:#faf7f0;--ab-vien:#e9e3d3;--ab-bong:0 10px 30px rgba(18, 22, 28, .08);--ab-bong-lon:0 22px 50px rgba(18, 22, 28, .16);--ab-khung:1240px;font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.65;color:var(--ab-chu);background:var(--ab-nen);overflow-x:clip}.archive-blogs-container :where(*,*::before,*::after){box-sizing:border-box}.archive-blogs-container :where(p,h1,h2,h3,h4,ul,ol,li,form,figure){margin:0;padding:0}.archive-blogs-container :where(ul,ol){list-style:none}.archive-blogs-container :where(a){color:inherit;text-decoration:none}.archive-blogs-container :where(img){max-width:100%;border:0}.archive-blogs-container :where(input){font:inherit}.archive-blogs-container img:not([src]){display:block;width:100%;height:100%;font-size:0;color:#fff0;visibility:hidden}html:not(.aos-san) .archive-blogs-container [data-aos]{opacity:1!important;transform:none!important}.archive-blogs-container .archive-blogs-main-aosxong[data-aos]{transition:translate .35s ease,box-shadow .35s ease,border-color .35s ease,background-color .35s ease!important;transition-delay:0s!important}.archive-blogs-container .archive-blogs-banner{position:relative;padding:84px 0 72px;color:#fff;background:linear-gradient(120deg,var(--ab-toi) 0%,var(--ab-toi2) 60%,#2b2410 100%);overflow:hidden}.archive-blogs-container .archive-blogs-banner::before{content:'';position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgb(242 183 5 / .35),transparent 68%);animation:archive-blogs-xoay 14s ease-in-out infinite alternate}.archive-blogs-container .archive-blogs-banner-bg{position:absolute;inset:0;opacity:.28}.archive-blogs-container .archive-blogs-banner-bg p{height:100%}.archive-blogs-container .archive-blogs-banner-bg img{width:100%;height:100%;object-fit:cover}.archive-blogs-container .archive-blogs-banner-bg img:not([src]){display:none}.archive-blogs-container .archive-blogs-banner-inner{position:relative;width:min(var(--ab-khung), 100% - 40px);margin:0 auto}.archive-blogs-container .archive-blogs-banner-crumb p{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:rgb(255 255 255 / .72)}.archive-blogs-container .archive-blogs-banner-crumb a{transition:color .25s}.archive-blogs-container .archive-blogs-banner-crumb a:hover{color:var(--ab-chinh)}.archive-blogs-container .archive-blogs-banner-crumb strong{color:var(--ab-chinh);font-weight:600}.archive-blogs-container .archive-blogs-banner-inner h1{margin-top:14px;font-size:clamp(32px, 4.4vw, 52px);line-height:1.15;font-weight:800;letter-spacing:-.01em}.archive-blogs-container .archive-blogs-banner-mota{margin-top:14px;max-width:620px;color:rgb(255 255 255 / .8)}.archive-blogs-container .archive-blogs-banner-line{width:72px;height:4px;margin-top:22px;border-radius:4px;background:var(--ab-chinh)}.archive-blogs-container .archive-blogs-main{padding:56px 0 96px}.archive-blogs-container .archive-blogs-main-inner{width:min(var(--ab-khung), 100% - 40px);margin:0 auto}.archive-blogs-container .archive-blogs-main-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.archive-blogs-container .archive-blogs-main-chip{border:1px solid var(--ab-vien);border-radius:999px;background:#fff;transition:background-color .25s,border-color .25s,translate .25s}.archive-blogs-container .archive-blogs-main-chip a{display:block;padding:9px 22px;font-size:15px;font-weight:600;transition:color .25s}.archive-blogs-container .archive-blogs-main-chip:hover{translate:0 -2px;border-color:var(--ab-chinh)}.archive-blogs-container .archive-blogs-main-chip.is-active{background:var(--ab-chinh);border-color:var(--ab-chinh)}.archive-blogs-container .archive-blogs-main-chip.is-active a{color:var(--ab-toi)}.archive-blogs-container .archive-blogs-main-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}.archive-blogs-container .archive-blogs-main-list{display:grid;gap:28px;min-width:0}.archive-blogs-container .archive-blogs-main-card{display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:1px solid var(--ab-vien);border-radius:18px;overflow:hidden;box-shadow:var(--ab-bong)}.archive-blogs-container .archive-blogs-main-card:hover{translate:0 -6px;border-color:var(--ab-chinh);box-shadow:var(--ab-bong-lon)}.archive-blogs-container .archive-blogs-main-card-img{position:relative;min-height:200px;overflow:hidden;background:linear-gradient(135deg,#ece6d6,#ddd5c0)}.archive-blogs-container .archive-blogs-main-card-img p,.archive-blogs-container .archive-blogs-main-card-img a{display:block;height:100%}.archive-blogs-container .archive-blogs-main-card-img img{width:100%;height:100%;min-height:200px;object-fit:cover;transition:scale .6s ease}.archive-blogs-container .archive-blogs-main-card:hover .archive-blogs-main-card-img img{scale:1.08}.archive-blogs-container .archive-blogs-main-card-body{display:flex;flex-direction:column;padding:26px 30px;min-width:0}.archive-blogs-container .archive-blogs-main-card-meta p{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13.5px;color:var(--ab-phu)}.archive-blogs-container .archive-blogs-main-card-meta img{width:16px;height:16px}.archive-blogs-container .archive-blogs-main-card-meta span+img{margin-left:10px}.archive-blogs-container .archive-blogs-main-card-body h2{margin:10px 0 10px;font-size:21px;line-height:1.35;font-weight:700;color:var(--ab-toi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-blogs-container .archive-blogs-main-card-body h2 a{transition:color .25s}.archive-blogs-container .archive-blogs-main-card-body h2 a:hover{color:var(--ab-chinh-dam)}.archive-blogs-container .archive-blogs-main-card-desc p{color:var(--ab-phu);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-blogs-container .archive-blogs-main-card-more{margin-top:auto;padding-top:16px}.archive-blogs-container .archive-blogs-main-card-more a{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ab-toi)}.archive-blogs-container .archive-blogs-main-card-more a::after{content:'';width:18px;height:18px;background:url(/wp-content/themes/mecomdoxdad/assets/images/icons/ic-arrow-vang.svg) center / contain no-repeat;transition:translate .3s}.archive-blogs-container .archive-blogs-main-card-more a:hover{color:var(--ab-chinh-dam)}.archive-blogs-container .archive-blogs-main-card-more a:hover::after{translate:6px 0}.archive-blogs-container .archive-blogs-side{display:grid;gap:28px;min-width:0}.archive-blogs-container .archive-blogs-side-box{padding:26px;background:#fff;border:1px solid var(--ab-vien);border-radius:18px;box-shadow:var(--ab-bong)}.archive-blogs-container .archive-blogs-side-box h3{position:relative;margin-bottom:20px;padding-bottom:12px;font-size:19px;font-weight:700;color:var(--ab-toi)}.archive-blogs-container .archive-blogs-side-box h3::after{content:'';position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:var(--ab-chinh)}.archive-blogs-container .archive-blogs-side-search{display:flex;gap:8px}.archive-blogs-container .archive-blogs-side-search p:first-child{flex:1;min-width:0}.archive-blogs-container .archive-blogs-side-search input[type='search']{width:100%;height:46px;padding:0 16px 0 44px;border:1px solid var(--ab-vien);border-radius:12px;background:#fff url(/wp-content/themes/mecomdoxdad/assets/images/icons/ic-search-den.svg) 14px center / 20px no-repeat;outline:0;transition:border-color .25s,box-shadow .25s}.archive-blogs-container .archive-blogs-side-search input[type='search']:focus{border-color:var(--ab-chinh);box-shadow:0 0 0 4px rgb(242 183 5 / .2)}.archive-blogs-container .archive-blogs-side-search input[type='submit']{height:46px;padding:0 20px;border:0;border-radius:12px;background:var(--ab-chinh);color:var(--ab-toi);font-weight:700;cursor:pointer;transition:background-color .25s,translate .25s}.archive-blogs-container .archive-blogs-side-search input[type='submit']:hover{background:var(--ab-chinh-dam);translate:0 -2px}.archive-blogs-container .archive-blogs-side-post{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px dashed var(--ab-vien)}.archive-blogs-container .archive-blogs-side-post:first-of-type{border-top:0;padding-top:0}.archive-blogs-container .archive-blogs-side-post-img{aspect-ratio:181 / 117;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#ece6d6,#ddd5c0)}.archive-blogs-container .archive-blogs-side-post-img p,.archive-blogs-container .archive-blogs-side-post-img a{display:block;height:100%}.archive-blogs-container .archive-blogs-side-post-img img{width:100%;height:100%;object-fit:cover;transition:scale .5s}.archive-blogs-container .archive-blogs-side-post:hover .archive-blogs-side-post-img img{scale:1.1}.archive-blogs-container .archive-blogs-side-post-txt p:first-child a{font-size:14.5px;line-height:1.45;font-weight:600;color:var(--ab-toi);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}.archive-blogs-container .archive-blogs-side-post-txt p:first-child a:hover{color:var(--ab-chinh-dam)}.archive-blogs-container .archive-blogs-side-post-txt p:last-child{margin-top:4px;font-size:12.5px;color:var(--ab-phu)}.archive-blogs-container .archive-blogs-side-lienhe{background:linear-gradient(150deg,var(--ab-toi),var(--ab-toi2));border-color:#fff0;color:#fff}.archive-blogs-container .archive-blogs-side-lienhe h3{color:#fff}.archive-blogs-container .archive-blogs-side-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;border-radius:12px;background:rgb(255 255 255 / .08)}.archive-blogs-container .archive-blogs-side-tab{flex:1;text-align:center;border-radius:9px;transition:background-color .25s}.archive-blogs-container .archive-blogs-side-tab a{display:block;padding:8px 6px;font-size:14px;font-weight:600;color:rgb(255 255 255 / .75)}.archive-blogs-container .archive-blogs-side-tab.is-active{background:var(--ab-chinh)}.archive-blogs-container .archive-blogs-side-tab.is-active a{color:var(--ab-toi)}.archive-blogs-container .archive-blogs-side-panel{display:none}.archive-blogs-container .archive-blogs-side-panel.is-active{display:block;animation:archive-blogs-hien .4s ease}.archive-blogs-container .archive-blogs-side-panel>p{font-size:14.5px;color:rgb(255 255 255 / .8)}.archive-blogs-container .archive-blogs-side-hotline{margin-top:14px}.archive-blogs-container .archive-blogs-side-hotline a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;background:var(--ab-chinh);color:var(--ab-toi);font-size:19px;font-weight:800;transition:background-color .25s,translate .25s}.archive-blogs-container .archive-blogs-side-hotline a:hover{background:#fff;translate:0 -3px}.archive-blogs-container .archive-blogs-side-hotline img{width:22px;height:22px}@keyframes archive-blogs-hien{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes archive-blogs-xoay{from{translate:0 0;scale:1}to{translate:-40px 30px;scale:1.15}}@media (max-width:1199px){.archive-blogs-container .archive-blogs-main-wrap{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.archive-blogs-container .archive-blogs-main-card{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:991px){.archive-blogs-container .archive-blogs-banner{padding:64px 0 52px}.archive-blogs-container .archive-blogs-main{padding:40px 0 72px}.archive-blogs-container .archive-blogs-main-wrap{grid-template-columns:minmax(0,1fr)}.archive-blogs-container .archive-blogs-side{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-blogs-container .archive-blogs-side-search-box{grid-column:1 / -1}}@media (max-width:767px){.archive-blogs-container .archive-blogs-main-card{grid-template-columns:minmax(0,1fr)}.archive-blogs-container .archive-blogs-main-card-img{aspect-ratio:3 / 2;min-height:0}.archive-blogs-container .archive-blogs-main-card-body{padding:20px}.archive-blogs-container .archive-blogs-main-card-body h2{font-size:19px}.archive-blogs-container .archive-blogs-side{grid-template-columns:minmax(0,1fr)}.archive-blogs-container .archive-blogs-main-chip a{padding:8px 16px;font-size:14px}}@media (max-width:390px){.archive-blogs-container .archive-blogs-side-box{padding:20px}}@media (prefers-reduced-motion:reduce){.archive-blogs-container *,.archive-blogs-container *::before,.archive-blogs-container *::after{animation:none!important;transition:none!important}}