.gallery-section{

    padding:100px 0;

    background:#f8fafc;

}

.gallery-grid{

    margin-top:50px;

}

.gallery-item{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:22px;

    margin-bottom:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.gallery-item img{

    width:100%;

    transition:.5s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(0,0,0,.35);

    opacity:0;

    transition:.4s;

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-overlay span{

    color:#fff;

    font-size:24px;

    font-weight:600;

}

.gallery-btn{

    margin-top:20px;

}

.btn-gallery{

    display:inline-block;

    background:#0F5132;

    color:#fff;

    padding:16px 45px;

    border-radius:40px;

    font-size:17px;

    text-decoration:none;

    transition:.3s;

}

.btn-gallery:hover{

    background:#0b4128;

    color:#fff;

}