.card{
	display: flex;
	flex-direction: row;
	align-items: center;
	background:white;	
	border-radius: 11px;
	margin:15px 0px;
	position: relative;
	box-shadow: 0px 5px 10px rgba(55,58,93,.16);
	border:none;

}

.card .img{
	width:70px;
	height:70px;
	background:#373A5D;
	border-radius: 11px 0px 0px 11px;
	margin-right:15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card .img img{
	max-width: 60px;
	max-height: 60px;
	flex-shrink: 0;
}

.card .info{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 85px);
}

.card:hover, .prev-cards .col:first-child a .card{
	box-shadow: 0px 5px 10px rgba(55,58,93,.16);	
}
.prev-cards .col:first-child a .card:before{
	border-style: solid;
    border-width: 12px 24px 0px 24px;
    bottom: -12px;
    content: "";
    height: 0;
    left: calc(50% - 24px);
    position: absolute;
    width: 0;
    opacity: 1;
    background: none;
    border-color: rgba(254,254,254,1) transparent transparent;
    transition: all 0.3s ease-in;
}

.card .card-header{
	background:white;
	border-color:var(--gray-mid);
	text-align: right;	
	color:var(--text-gray);	
}

.card .card-header label{
	font-size:14px;
	margin:0px;
	line-height: 18px;
}

.card-icon{
	display: inline-block;
	width:20px;
	height:12px;
	background:var(--text-gray);
	border-radius: 8px;
	margin-left:15px;	
}

.card h2{
	font-size:19px;
	color:var(--dark-color);
	padding:0px;
	margin:0px;
}

.card  p, .card  .excerpt{
	height:120px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; 
    color:var(--text-gray);
    font-size:16px;
}

.circle{
	width:60px;
	height:60px;
	border-radius: 50%;
	background:var(--dark-color);
	margin-top: -57px;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.card-small .circle{
	width:48px;
	height:48px;
	top: 23px;	
	margin-top:-20px;
	position:absolute;
}

.card .circle img{
	flex-shrink: 0;
	max-width:36px;
	max-height: 36px;
}

.card-small .circle img{
	max-width:24px;
	max-height: 24px;
}

.card-small {	
	width:168px;	
	height: 100px;
    overflow: hidden;
    display: -webkit-box;    
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    padding-top:30px;   
}

.card-small  h2{
	height:100%;
	font-size:16px !important;	
	display: flex;
    align-items:flex-end;
    
}

.prev-cards .card-header label{
	display: block !important;
}

@media all and (max-width: 1023px){
	.card-header label{
		display: block !important;
	}
}

@media all and (max-width:767px){
	.card  p, .card  .excerpt{
		height:auto;
		overflow: none;
	    display: block;	    
	}
}
@media all and (max-width:480px){
	.card-small {
		width:150px;
	}
}