.filter-tabs{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.filter-tabs a{
    padding: 10px 20px;
    box-shadow: var(--primary-shadow);
    color: #16101e;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
}
.filter-tabs a.active{
    background-color: var(
    --token-6396e7f2-0645-4f69-9a36-80e94f8ee015,
    rgb(0, 0, 0)
  );
  box-shadow: var(--sec-shadow);
  color: white;
}
.filtering{
    border-bottom: 2px solid #dedede99;
    padding-bottom: 34px;
    margin-bottom: 34px;
}

.projects-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.project-card img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    box-shadow: var(--svg-shadow);
    margin-bottom: 20px;
}
.project-card{
    text-decoration: none;
}

@media (max-width: 800px) {
    .projects-grid{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 600px) {
    .project-card img{
        height: 200px;
    }
    .card-heading{
        font-size: 18px;
    }
    .filter-tabs a{
        font-size: 12px;
    }
    .filter-tabs{
        gap: 14px;
    }
}