.gallery-section{
    background:#f8f9fa;
}

.gallery-title{
    font-size:40px;
    font-weight:700;
    color:#222;
}

.gallery-subtitle{
    color:#777;
    font-size:16px;
}

.gallery-card{
    position:relative;
    overflow:hidden;
    border-radius:15px;
    cursor:pointer;
}

.gallery-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.gallery-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.gallery-overlay i{
    color:#fff;
    font-size:35px;
}

.gallery-card:hover img{
    transform:scale(1.1);
}

.gallery-card:hover .gallery-overlay{
    opacity:1;
}

/* Popup */

.gallery-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

.gallery-popup img{
    max-width:90%;
    max-height:90vh;
    border-radius:10px;
}

.close-btn{
    position:absolute;
    top:20px;
    right:35px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
}