.gallery{
    column-count:3;
    column-gap:20px;
}

.gallery-item{
    break-inside:avoid;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    transition:var(--transition);
}

.gallery-item img{
    width:100%;
    border-radius:10px;
    transition:0.4s;
    cursor:pointer;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    width:100%;
    display:block;
    transition:.5s;
}

.gallery-item:hover img{
   transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,.15)
    );

    display:flex;

    align-items:flex-end;

    justify-content:center;

    padding-bottom:25px;

    opacity:0;

    transition:.35s;

}

.gallery-overlay h5{

    color:#fff;

    font-weight:400;

    /* font-weight: normal; */

    margin:0;

    transform:translateY(20px);

    transition:.35s;

}

.gallery-item:hover{

    transform:translateY(-8px);

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

}

.gallery-item:hover .gallery-overlay{

    opacity:0.3;
    

}

.gallery-item:hover .gallery-overlay h5{

    transform:translateY(0);

}

@media(max-width:992px){

.gallery{

column-count:2;

}

}

@media(max-width:576px){

.gallery{

column-count:1;

}

}

.gallery-banner{
    background:url('../images/gallery-banner.jpg') center center/cover;
    height:500px;

    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

    color:white;
    position:relative;
}

.gallery-banner::before{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);

}

.gallery-banner .container{

    position:relative;
    z-index:2;

}

.gallery-banner h1{

    font-size:50px;
    

}

.gallery-banner p{

    font-size:20px;

}


/* ===========================
   Featured Gallery
=========================== */

.featured-gallery{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:20px;

}

.gallery-large{

    overflow:hidden;

    border-radius:var(--radius);

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

}

.gallery-large img{

    width:100%;

    height:100%;

    min-height:520px;

    object-fit:cover;

    transition:.5s;

}

.gallery-large:hover img{

    transform:scale(1.05);

}

.gallery-small{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.small-item{

    overflow:hidden;

    border-radius:var(--radius);

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

}

.small-item img{

    width:100%;

    height:250px;

    object-fit:cover;

    transition:.5s;

}

.small-item:hover img{

    transform:scale(1.05);

}

.gallery-link{

    display:inline-flex;

    align-items:center;

    text-decoration:none;

    color:var(--primary);

    font-weight:600;

    transition:.3s;

}

.gallery-link:hover{

    color:var(--secondary);

}

.gallery-link:hover i{

    transform:translateX(6px);

}

/* Responsive */

@media(max-width:991px){

    .featured-gallery{

        grid-template-columns:1fr;

    }

    .gallery-large img{

        min-height:350px;

    }

}