/* ================= GALLERY HERO ================= */

.gallery-hero{

    position:relative;

    height:70vh;

    background:url('../images/gallery/gallery-bg.jpg');

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    overflow:hidden;
}

/* OVERLAY */

.gallery-overlay{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.7);
}

/* CONTENT */

.gallery-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:800px;

    margin:auto;
}

/* SMALL TEXT */

.gallery-content span{

    color:#f5c76b;

    letter-spacing:2px;

    text-transform:uppercase;

    font-size:14px;
}

/* HEADING */

.gallery-content h1{

    color:white;

    font-size:4rem;

    font-weight:700;

    margin:20px 0;

    text-shadow:0 0 20px rgba(245,199,107,0.4);
}

/* PARAGRAPH */

.gallery-content p{

    color:#ddd;

    line-height:1.9;

    max-width:650px;

    margin:auto;
}
/* ================= IMAGE GRID SECTION================= */
.gallery-grid-section{

    background:#000;

    padding:100px 0;
}

.gallery-card{

    overflow:hidden;

    border-radius:25px;

    position:relative;

    transition:0.5s;

    cursor:pointer;
}

.gallery-card img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:0.6s;
}

.gallery-card:hover img{

    transform:scale(1.08);
}

.gallery-card::after{

    content:'';

    position:absolute;

    inset:0;

    background:rgba(0,0,0,0.25);

    transition:0.5s;
}

.gallery-card:hover::after{

    background:rgba(0,0,0,0.05);
}
/* MOBILE */

@media(max-width:576px){

    .gallery-hero{

        height:60vh;
    }
    .gallery-content{

    padding-top:80px;
}

    .gallery-content h1{

        font-size:2.5rem;
        line-height:1.1;
    }

    .gallery-content p{

        font-size:15px;
        line-height:1.8;
        padding:0 12px;
    }

}