section.blogs{padding:120px 0 150px}section.blogs .page-title{margin-bottom:60px;font-size:38px;color:#313339}section.blogs .categories-filter{margin-bottom:40px}section.blogs .categories-filter .cat-item{display:inline-block;padding:10px 20px;background-color:#f1f3f6;border-radius:5px;color:#313339;font-size:14px;margin:5px;transition:all .3s}section.blogs .categories-filter .cat-item.active,section.blogs .categories-filter .cat-item:hover{background-color:#f4bd14;color:#fff;text-decoration:none}section.blogs .blog-items .blog-card{display:block;background-color:#fff;border-radius:8px;overflow:hidden;height:100%;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0000000d}section.blogs .blog-items .blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;text-decoration:none}section.blogs .blog-items .blog-card .img{height:200px;overflow:hidden}section.blogs .blog-items .blog-card .img img{width:100%;height:100%;object-fit:cover}section.blogs .blog-items .blog-card .info{padding:20px}section.blogs .blog-items .blog-card .info .meta{font-size:12px;color:#31333999;margin-bottom:10px}section.blogs .blog-items .blog-card .info h3{font-size:18px;color:#313339;margin-bottom:12px;line-height:1.4}section.blogs .blog-items .blog-card .info .excerpt{font-size:14px;color:#313339cc;line-height:1.6}section.blog-detail{padding:120px 0 150px}section.blog-detail .main-image{margin:40px 0;border-radius:12px;overflow:hidden;max-height:500px}section.blog-detail .main-image img{width:100%;height:100%;object-fit:cover}section.blog-detail .blog-content{font-size:16px;line-height:1.8;color:#313339}section.blog-detail .blog-content p{margin-bottom:25px}section.blog-detail .meta-info{margin-top:10px;font-size:14px;color:#31333999}@media (max-width: 1919.98px){section.blogs,section.blog-detail{padding:100px 0 120px}}@media (max-width: 1439.98px){section.blogs,section.blog-detail{padding:60px 0 80px}}@media (max-width: 767.98px){section.blogs .page-title{font-size:28px;margin-bottom:30px}section.blog-detail .blog-content{font-size:14px}}