section.trendingPost{
	margin: 100px 0px;
}

.trendingPost_Date{
   font-weight: 400;
   font-size: 18px;
   line-height: 18px;
   text-transform: uppercase;
   color: #777777;
   display: block;
   line-height: 1;
   margin-bottom: 14px;
}
.trendingPost_Date svg{
   margin-right: 5px;
}
.trendingPost_Date svg path{
   fill: #777777;
}
.trendingPost_image{
   /*height:400px;*/ 
   border-radius: 6px 6px 0px 0px;
}
.trendingPost_image img{
   width: 100%;
   object-fit: cover;
   border-radius: 6px 6px 0px 0px;
}
.trendingPost_desc{
   background: #FFFFFF;
   box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.08);
   border-radius: 30px 30px 0px 0px;
   padding: 40px 40px 20px ;
   margin-top: -40px;
   position: relative;
} 
.trendingPost_desc .trending_postTitle{
   font-family: 'Open Sans'; 
   font-style: normal; 
   font-weight: 800; 
   font-size:28px;
   line-height: 38px; 
   text-transform: uppercase;
   color: #000094;
   height: 115px;
   overflow: hidden;
} 

.trendingPost_desc .trendingPost_toptitle{
	font-family: 'Open Sans'; 
	font-style: normal; 
	font-weight: 800; 
	text-align: center;
	margin-bottom: 14px;
	text-transform: uppercase;
	font-size: 14px;
	color: #000094;
} 



.trendingPost_desc p{
   font-family: 'Open Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   line-height: 30px;
   color: #777777;
   height: 210px;
   overflow: hidden;

}
.trendingPost_desc  .trendingPost_view{
   border-top:1px solid #dddddd;
	padding-top: 28px;
}
.trendingPost_desc  .trendingPost_view a{
   font-weight: 700;
   font-size: 16px;
   line-height: 30px;
   text-transform: uppercase;
   color: #000094;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.trendingPost_desc  .trendingPost_view a svg path{
   fill: #000094;
}
section.trendingPost .row .trend:nth-child(2)  .trendingPost_desc  .trendingPost_view a,
section.trendingPost .row .trend:nth-child(2) .trendingPost_desc .trending_postTitle,
section.trendingPost .row .trend:nth-child(2) .trendingPost_desc .trendingPost_toptitle{
   color:#8EC552;
}  
section.trendingPost .row .trend:nth-child(2) .trendingPost_desc  .trendingPost_view a svg path{
   fill:#8EC552;
}
.trendingPost .trendingPost_pagination{
   margin-top: 80px;
   margin-bottom: 70px;
}
.trendingPost .trendingPost_pagination ul{
display: flex ;
justify-content:center;
align-items: center;
list-style-type: none;
padding-left: 0;

}
.trendingPost .trendingPost_pagination ul li{
	height: 25px;
	width: 25px;
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: #000000;
	cursor: pointer;

}  
.trendingPost .trendingPost_pagination ul li.current {
background-color: #DDDDDD;
color:#FFFFFF;
}
.trendingPost .trendingPost_pagination ul li:last-child{
margin-right: 0;
}

.trendingPost .trendingPost_pagination ul li svg path {
	fill:#777777
}

#ProfileList .trendingPost_Card, #labfeedlist .trendingPost_Card, #matchquarters_feedlist .trendingPost_Card {
	display: none;
}

#ProfileList .trendingPost_Card.active, #labfeedlist .trendingPost_Card.active, #matchquarters_feedlist .trendingPost_Card.active {
	display: block;
}


@media screen and (max-width:1440px){
   .trendingPost_desc{
   padding: 30px 30px 30px ;
   }

   .trendingPost_Date{
	  font-size: 14px;
   }
   .trendingPost_desc .trending_postTitle{
	font-size:24px;
	line-height: 1.2;
	min-height: 90px;
   }
   .trendingPost_desc p{
	  font-size: 14px;  
	  line-height: normal;
   }
   .trendingPost_desc  .trendingPost_view a{
	  
	font-size: 14px;
   }
   
}

.trendingPost_desc.custom_border {
	border: #000094 solid 1px;
}
.row .trend:nth-child(2) .trendingPost_desc.custom_border {
	border: #8EC552 solid 1px;
}


/*------- CSS added on 4Jan --------*/

@media screen and (max-width: 1200px) and (min-width:768px) {
    .trendingPost_desc {
        padding: 30px 20px 30px;
    }
    section.trendingPost {
        padding: 0 0px 70px;
    }
    .trendingPost_desc .trendingPost_toptitle{
        min-height: 42px;
    }
}