.project-gallery{
    padding:80px 0;
}

.gallery-title{
    text-align:center;
    margin-bottom:35px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.gallery-item{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:10px;
    cursor:pointer;
    transition:.3s;
}

.gallery-item:hover{
    transform:scale(1.03);
}

.gallery-popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.gallery-popup.active{
    display:flex;
}

.gallery-popup img{
    max-width:85%;
    max-height:85%;
    border-radius:8px;
}

.gallery-close{
    position:absolute;
    top:20px;
    right:35px;
    color:#fff;
    font-size:42px;
    cursor:pointer;
    user-select:none;
}

.gallery-prev,
.gallery-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:#fff;
    font-size:55px;
    cursor:pointer;
    user-select:none;
    padding:15px;
}

.gallery-prev{
    left:35px;
}

.gallery-next{
    right:35px;
}

@media(max-width:991px){

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.gallery-grid{
    grid-template-columns:1fr;
}

.gallery-item{
    height:220px;
}

}