.blog_list{padding: 50px 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: var(--white);background: var(--gcolor2);padding: 7px 15px;border-radius: 6px;line-height: normal;}
.blog_list .blog_card:hover .blog_thumb .blog_cate a {background: var(--orange);border-radius: 4px;}
.blog_list .blog_card .blog_info {padding: 15px !important;position: relative;height: 280px;display: flex;flex-direction: column;justify-content: space-around;;}
.blog_list .blog_card .blog_info .blog_meta ul {display: flex;gap: 15px;align-items: center;}
.blog_list .blog_card .blog_info .blog_meta ul li i {font-size: 16px;color: var(--gcolor2);margin-right: 5px !important;}
.blog_list .blog_card .blog_info .blog_meta ul li span {font-size: 16px;color: var(--blue);}
.blog_list .blog_card .blog_info .blog_meta ul li:hover span {color: var(--orange);}
.blog_list .blog_card .blog_info .blog_meta ul li:hover i {color: var(--orange);}
.blog_list .blog_card .blog_info h3, .blog_list .blog_card .blog_info h3 a {font-size: 20px;font-weight: 500;transition: .3s;word-wrap: break-word;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;background: linear-gradient(135deg, var(--blue), var(--orange));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.blog_list .blog_card .blog_info h3:hover a {transition: .3s;background: linear-gradient(135deg, var(--blue), var(--gcolor1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.blog_list .blog_card .blog_info p {font-size: 15px;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(--blue);color: var(--white);display: inline-block;padding: 10px 30px;border-radius: 5px;font-weight: 500;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: var(--orange);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);}