.insights-post .filter{
margin-bottom: 35px;
}
.insights-post .filter .col{
width: 25%;
}
.insights-post .filter {
margin-bottom: 35px;
position: relative;
z-index: 1;
}
.insights-post .filter label{
display: block;
}
.insights-post .latest-blog-col{
width: 33.33%;
}
.insights-post .latest-blog-box{
display: block;
}
.insights-post .latest-blog-box .img-wrapper {
display: block;
margin-bottom: 24px;
padding-top: 94%;
cursor: pointer;
}
.insights-post .latest-blog-box .img-wrapper img {
transition: var(--transition);
}
.insights-post .latest-blog-box .taxonomy {
position: absolute;
left: 10px;
top: 10px;
display: inline-flex;
gap: 10px;
}
.insights-post .latest-blog-box .taxonomy span {
color: var(--white);
font-weight: 600;
font-size: 15px;
line-height: 150%;
letter-spacing: 0.01em;
text-transform: uppercase;
backdrop-filter: blur(12px);
background: #FFFFFF1A;
border-radius: 30px;
padding: 0 10px;
}
.insights-post .latest-blog-box .date {
margin-bottom: 12px;
}
.insights-post .latest-blog-box .date p {
color: var(--black-light);
}
.insights-post .latest-blog-box .title {
margin-bottom: 0;
}
.insights-post .latest-blog-box:hover .img-wrapper img {
transform: scale(1.2);
}
.is-loading .insights-grid {
opacity: 0;
}
@media only screen and (max-width: 991px) {
.insights-post .latest-blog-col{
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.insights-post .latest-blog-col,.insights-post .latest-blog-col,.insights-post .filter .col{
width: 100%;
}
}