.portfolio-sec {
    background-color: var(--light-green-bg);
}
.porfolio-header{
    margin-bottom: 66px;
}
.portfolio-grid{
    display: grid;
    gap: 20px 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.portfolio-grid .portfolio-img{
    overflow: hidden;
}
.portfolio-grid a{
    display: block;
    transition: all 0.5s ease;
}
.portfolio-grid img{
    width: 100%;
    transition: all 0.5s ease;
}
.portfolio-grid a:focus img,
.portfolio-grid img:hover{
    transform: scale(1.1);
    /*scale: 1.1;*/
}
.portfolio-grid a:focus{
    border: 21px solid var(--color-darkBlue);
}

@media(max-width:992px){
    .portfolio-grid{
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width:575px){
    .portfolio-grid{
        grid-template-columns: 1fr ;
        gap: 28px 28px;
    }
    .portfolio-grid .portfolio-img:nth-child(n+4) {
        display: none !important;
    }
}