.blog-page{background:#fafafa;color:#333;font:400 16px/23px "Be Vietnam Pro",sans-serif}
.blog-inner{width:100%;max-width:1320px;margin:auto}
.blog-latest{padding:60px 15px}
.blog-page .blog-label{margin:0;padding:0;color:#00aeef;font:700 14px/20px "Be Vietnam Pro",sans-serif}
.blog-page h2{margin:0;padding:0;color:#333;font:700 24px/29px "Be Vietnam Pro",sans-serif}
.blog-latest-grid{display:flex;gap:30px;padding-top:15px}
.blog-featured-column{width:100%;min-width:0}
.blog-latest-side{width:30%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-content:start}
.blog-featured{position:relative;isolation:isolate;min-height:490px;padding:30px 50px 30px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff;border-radius:20px;background:#333}
.blog-featured-image{position:absolute;inset:0;z-index:-1}
.blog-featured-image img{display:block;width:100%;height:490px;object-fit:cover;border-radius:20px}
.blog-featured-image::after{content:"";position:absolute;inset:0;background:#00000080;border-radius:20px}
.blog-featured h4{position:relative;max-width:100%;margin:0 0 5px;padding:0;font:700 24px/29px "Be Vietnam Pro",sans-serif;color:#fff}
.blog-featured h4 a{color:inherit;text-decoration:none}
.blog-featured-excerpt{max-width:100%}
.blog-featured-more{padding-top:10px}
.blog-featured-more a{display:inline-block;font:400 14px/19px "Be Vietnam Pro",sans-serif;color:#00aeef;text-decoration:underline}
.blog-featured-more a:hover{color:#fff}
.blog-remaining{padding:0 15px 80px}
.blog-page #blog-remaining-heading{padding-bottom:15px}
.blog-pagination{padding-top:25px}
.blog-pagination nav{display:flex;justify-content:center;gap:10px}
.blog-pagination .page-numbers{padding:5px;color:#333;text-decoration:none;font-weight:500}
.blog-pagination .current,.blog-pagination a:hover{color:#00aeef}
@media(max-width:1024px){.blog-inner{max-width:1024px}}
@media(max-width:767px){
.blog-page{font-size:14px;line-height:17px}
.blog-latest{padding:40px 15px}.blog-remaining{padding-bottom:40px}
.blog-page .blog-label{line-height:17px}.blog-page h2{font-size:20px;line-height:24px}
.blog-latest-grid{flex-direction:column}.blog-featured-column,.blog-latest-side{width:100%}
.blog-latest-side{gap:20px}
.blog-featured{min-height:240px;padding:15px;border-radius:15px}
.blog-featured-image img{height:240px;border-radius:15px}
.blog-featured h4{font-size:20px;line-height:24px}
.blog-featured-more a{line-height:17px}
}