.gallery-section{

    padding:140px 0;

    background:#faf8f3;

}
.gallery-filter{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin:60px 0;

}

.gallery-btn{

    border:none;

    background:#fff;

    padding:12px 28px;

    border-radius:50px;

    transition:.35s;

    font-weight:600;

    box-shadow:var(--shadow-sm);

}

.gallery-btn.active,
.gallery-btn:hover{

    background:var(--secondary);

    color:#fff;

}
.gallery-grid{

    column-count:3;

    column-gap:20px;

}
.gallery-item{

    position:relative;

    display:block;

    margin-bottom:20px;

    overflow:hidden;

    border-radius:24px;

}

.gallery-item img{

    width:100%;

    transition:.8s;

    display:block;

}

.gallery-item:hover img{

    transform:scale(1.08);

}
.gallery-overlay{

    position:absolute;

    inset:0;

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

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.4s;

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-overlay h4{

    color:#fff;

    font-size:28px;

}
@media(max-width:991px){

.gallery-grid{

column-count:2;

}

}

@media(max-width:576px){

.gallery-grid{

column-count:1;

}

}