.blog-post-section ul li { list-style: none; }
.blog-post-section .blog-post-wrap { width: calc(33.33% - 30px); margin: 0 15px; border-radius: 12px; background-color: #ffffff; transition: all 400ms ease; overflow: hidden; position: relative; cursor: pointer;}
.blog-post-section .blog-post-wrap .content .categories { text-align: left; }
.blog-post-section .blog-post-wrap .content .categories a { padding: 4px 20px;  border-radius: 47px; margin-right: 10px; font-size: 14px; line-height: 23px;  font-weight: 500; width: auto;background: #E1ECF0; color: #0095D8; }
.blog-post-section .blog-post-wrap .content .content-des { text-align: left; padding: 14px 0px 00px;}
.blog-post-section .blog-post-wrap .content .content-des a { font-size: 16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 55px; display: inline-block; display: -webkit-box; font-weight: 600; line-height: 30px; color: #000;}
.blog-post-section .blog-post-wrap .content p { font-size: 15px; line-height: 23px;  text-align: left; font-weight: 500; margin-bottom: 20px; padding-bottom: 40px;}
.blog-post-section .blog-post-wrap .content time { /*position: absolute;*/ bottom: 0; left: 20px; }
.blog-post-section .blog-post-wrap:after { position: absolute; content: ""; height: 7px; width: 100%; background-color: #0095d8; left: 0; right: 0; bottom: -2px; transform-origin: 0 100%; transform: scaleX(0) translateZ(0); transition: transform 1s cubic-bezier(.23, 1, .32, 1); }
.blog-post-section .blog-post-wrap:hover::after { transform: scaleX(1); opacity: 1; }
.blog-post-section .blog-post-wrap .content time {float: left;color: #b2b2b2;line-height: 23px;font-size: 12px;font-weight: 500; padding-bottom: 30px;text-transform: uppercase;}
.blog-post-section { margin: 0 -15px; }
.blog-post-wrap figure img { width: 100%; }
.blog-post-section .blog-post-wrap:hover { border-color: #0095d8; }
.blog-post-section .blog-post-wrap .content { font-size: 18px; line-height: 26px; text-align: center; padding: 14px 20px 20px; }
.blog-post-section .blog-post-wrap .content ul { display: flex; align-items: center; justify-content: center; }
.blog-post-section .blog-post-wrap .content ul li:after { content: ''; position: absolute; height: 50%; width: 2px; background-color: #3f3f3f; top: 50%; transform: translateY(-50%); right: 0; }
.blog-post-section .blog-post-wrap .content ul li, .blog-post-section .blog-post-wrap .content ul li a { position: relative; padding: 0 14px; color: #3f3f3f; }
.blog-post-section .blog-post-wrap:hover .content-des a { color: #0095d8; }
.blog-post-section .blog-post-wrap .inner { box-shadow: 1.928px 2.298px 31.5px 3.5px rgba(21, 21, 21, 0.06); height: 100%;border-radius: 12px; }
.blog-post-section .blog-post-wrap .inner figure, .blog-post-section .blog-post-wrap .inner figure img { border-top-left-radius: 12px; border-top-right-radius: 12px; height: 180px; object-fit: cover; }
.blog-post .industries-wrap .title {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 30px;}
.blog-post{padding: 50px 0 70px; position: relative;box-shadow: inset 0px 4px 24px -5px rgb(0 0 0 / 15%);}
.page-technologies .blog-post{box-shadow: none;}
/*blog-author*/
.blog-post-details { position: absolute; bottom: 20px; left: 0; right: 0; padding: 0 20px; }
.blog-post-section .blog-post-wrap .content .time {position: static; float: unset; padding-left: 6px;float: left;color: #b2b2b2;line-height: 23px;font-size: 12px;font-weight: 500;padding-bottom: 30px;text-transform: uppercase;}
.blog-post-details .blog-post-details-inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.blog-post-details .blog-post-details-inner .blog-post-date,
.blog-post-details .blog-post-details-inner .author-name { width: 50%; }
.wp-custom-logo .blog-post-details .blog-post-details-inner .author-name a { padding-left: 7px; font-size: 12px !important; color: #b2b2b2 !important; line-height: normal !important; display: inline-block !important; min-height: auto; }
.wp-custom-logo .blog-post-details .blog-post-details-inner .author-name a:hover { color: #0095d8 !important; text-decoration: underline; }
.blog-post-details .blog-post-details-inner img { width: 16px; height: 16px; }
.blog-post-details .blog-post-details-inner .blog-post-date { display: flex; align-items: center; }
.blog-post-details .blog-post-details-inner .time { padding-bottom: 0 !important; }
.blog-post-details .blog-post-details-inner .author-name { display: flex; justify-content: flex-end; }
.blog-post-top {
  display: flex;
  justify-content: space-between;
}
.blog-post-top .author-name {
  display: flex;
  align-content: center;
  color: #517584;
  font-size: 12px;
}
.blog-post-top .author-name a {
  display: inline-flex;
  white-space: nowrap;
  color: #517584;
}
.blog-post-top .author-name .wpwebinfotech-img {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

@media (max-width : 1200px){
	.page-technologies .blog-post:after{top: -40px;}
}
@media (max-width:1025px) {
	.blog-post-section .blog-post-wrap::after { transform: scaleX(1); opacity: 1; }
}
@media only screen and (max-width:1199px) and (min-width:992px) {
	.blog-post-section .blog-post-wrap .content .time { font-size: 10px; }
	.wp-custom-logo .blog-post-details .blog-post-details-inner .author-name a { font-size: 10px !important; }
	.blog-post-details { padding: 0 8px; }
}
@media screen and (max-width: 767px) {
	.blog-post-top .author-name { display: inline-block; }
}
@media(max-width:767px) {
	.blog-post-section .blog-post-wrap .content .categories a {padding: 4px 15px;}
	.blog-post-section { margin: 0 !important; }
	.blog-post-section .blog-post-wrap { width: 100%; margin: 0 0 30px; }
	.blog-post-section .blog-post-wrap .content { padding-bottom: 0px; }
	.blog-post-section .blog-post-wrap .content-des a { color: #0095d8; }
	.blog-post-section .blog-post-wrap .content .content-des { height: auto !important; min-height: auto !important; }	
}
@media(max-width: 575px){
	.blog-post-section .blog-post-wrap .content .categories a { display: inline-block; margin-bottom: 0px; width: auto; }
  	.blog-post-section .blog-post-wrap .content .content-des { padding: 14px 0px 20px; }
}
@media (max-width:360px) {
	.blog-post-details .blog-post-details-inner .blog-post-date,
	.blog-post-details .blog-post-details-inner .author-name { width: 100%; }
	.blog-post-details .blog-post-details-inner .author-name { display: flex; justify-content: flex-start; }
	.blog-post-details .blog-post-details-inner .blog-post-date { padding-bottom: 5px; }
}