.blog_list{padding: 70px 0px;}
.blog_list .blog_card{border: 1px solid #e6e9f0;border-radius: 10px;transition: all .3s ease-in-out 0s;margin-top: 20px;text-align: left;}
.blog_list .blog_card .blog_thumb{position: relative;border-radius: 10px;overflow: hidden;}
.blog_list .blog_card .blog_thumb a img{vertical-align: middle;width: 100%;}
.blog_list .blog_card .blog_thumb .blog_cate{position: absolute;left: 20px;top: 20px;}
.blog_list .blog_card .blog_thumb .blog_cate a{display: block;font-size: 12px;text-transform: uppercase;font-weight: 600;color: #fff;background: var(--heading);padding: 7px 15px;border-radius: 6px;line-height: normal;}
.blog_list .blog_card:hover .blog_thumb .blog_cate a{background: var(--primary);border-radius: 4px;}
.blog_list .blog_card .blog_info{padding: 25px 25px 30px !important;position: relative;height: 321px;display: flex;flex-direction: column;justify-content: space-between;}
.blog_list .blog_card .blog_info .blog_meta ul{display: flex;gap: 20px;align-items: center;}
.blog_list .blog_card .blog_info .blog_meta ul li i{font-size: 16px;color: var(--primary);margin-right: 5px !important;}
.blog_list .blog_card .blog_info .blog_meta ul li span{font-size: 16px;color: var(--text);}
.blog_list .blog_card .blog_info .blog_meta ul li span:hover{color: var(--menu);}
.blog_list .blog_card .blog_info h3, .blog_list .blog_card .blog_info h3 a{font-size: 22px;font-weight: 700;margin: 7px 0;transition: .3s;word-wrap: break-word;line-height: 1.4;color: var(--black);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.blog_list .blog_card .blog_info p{font-size: 16px;color: var(--text);line-height: 28px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.blog_list .blog_card .blog_info .action_btn a{background: var(--primary);color: var(--white);display: inline-block;padding: 10px 30px;border-radius: 5px;font-weight: 500;margin-top: 10px;z-index: 1;position: relative;}
.blog_list .blog_card .blog_info .action_btn a:before {position: absolute;content: "";z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #10102E;border-radius: 8px;transform: scale(0);transition: .5s;}
.blog_list .blog_card .blog_info .action_btn a:hover:before {transform: scale(1);}
.blog_list .blog_card .blog_info h3 a:hover{color: var(--primary);}