.anant-fg-projects {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1.5rem;
}
.anant-fg-filters {
margin: 20px 20px 0 ;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.anant-fg-filter {
padding: 10px 15px 8px;
color: #0036ff;
border-width: 2px;
border-color: #0036ff;
border-style: solid;
cursor: pointer;
margin-left: 3px;
margin-right: 3px;
text-transform: uppercase;
line-height: 1.3;
margin-bottom: 20px;
}
.anant-fg-filter:hover {
background-color: #0036ff;
color: #fff;
}
.anant-fg-filter.active {
background-color: #0036ff;
color: #fff;
}
.anant-fg-filter:first-child {
margin-left: 0;
}
.anant-fg-filter:last-child {
margin-right: 0;
}
.anant-icons-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.anant-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.anant-icon-wrapper i {
display: flex;
align-items: center;
justify-content: center;
}
.anant-fg-project.anant-fg-show .portfolio_first {
margin: 0;
}
.anant-fg-project.anant-fg-show .portfolio_first .anant-fg-img {
margin: 22px 0;
transition: all 0.5s;
}
.anant-fg-project.anant-fg-show .portfolio_first .tag-line {
width: 100%;
padding: 1rem;
}
.anant-fg-project.anant-fg-show .portfolio_first:hover .anant-fg-img {
transform: scale(1.2);
}
.anant-fg-hide {
display: none;
} @media (max-width:1023px) {
.anant-fg-projects { 
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width:768px) {
.anant-fg-projects { 
grid-template-columns: repeat(1, 1fr);
}
}