.blog-card .blog-image{position:relative}.blog-card .blog-image a img{border-radius:10px;width:100%}.blog-card .blog-image .user{position:absolute;left:20px;bottom:-18px}.blog-card .blog-image .user a img{max-width:37px;border-radius:50%;border:2px solid #888;transition:.6s;box-sizing:content-box}.blog-card .blog-content{border-radius:10px;background-color:#fff;padding:32px}.blog-card .blog-content .tag-btn{display:inline-flex;padding:5px 10px;justify-content:center;align-items:center;background-color:#bbb;font-size:14px;font-weight:500;color:#222;border-radius:5px;transition:.6s;margin-bottom:20px}.blog-card .blog-content .tag-btn:hover{background-color:#333;color:#fff}.blog-card .blog-content .h3,.blog-card .blog-content h3{font-size:20px;margin-bottom:35px;line-height:1.5;color:#111}.blog-card .blog-content .date{font-size:15px;color:#888}.blog-card:hover .blog-image .user a img{border:2px solid #333}.blog-card.extra-gap{margin-bottom:25px}.pagination-area{margin-top:30px;text-align:center}.pagination-area .nav-links{display:flex;align-items:center;justify-content:center}.pagination-area .page-numbers{width:45px;height:45px;line-height:45px;border-radius:50px;position:relative;display:inline-block;color:#222;background-color:#f5f5f5;transition:.6s;font-size:18px;font-weight:700;margin-left:8px;margin-right:8px}.pagination-area .page-numbers svg{width:25px;height:25px;stroke:#888}.pagination-area .page-numbers.current,.pagination-area .page-numbers:hover{color:#fff;background:#333}@media only screen and (max-width:767px){.blog-card{margin-bottom:25px}.blog-card .blog-content{padding:25px}.blog-card .blog-content h3{margin-bottom:18px}}@media only screen and (min-width:768px) and (max-width:991px){.blog-card{margin-bottom:25px}}@media only screen and (min-width:992px) and (max-width:1199px){.blog-card{margin-bottom:25px}}