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

.gallery-hero{

height:450px;

background:url("../images/gallery/banner.jpg") center/cover;

display:flex;

align-items:center;

position:relative;

}

.hero-overlay{

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

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

}

.hero-content{

position:relative;

z-index:5;

color:#fff;

}

.hero-badge{

display:inline-block;

padding:8px 20px;

background:#FFC107;

color:#000;

font-weight:700;

border-radius:50px;

margin-bottom:20px;

}

/*=====================================
CATEGORY
======================================*/

.category-card{

background:#fff;

padding:35px;

text-align:center;

border-radius:20px;

transition:.35s;

height:100%;

box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.category-card:hover{

transform:translateY(-10px);

}

.category-card i{

font-size:45px;

margin-bottom:20px;

color:#0F4C81;

}
/*=========================================
FILTER BUTTONS
==========================================*/

.filter-btn{

border:none;

padding:12px 24px;

margin:6px;

border-radius:50px;

background:#ECECEC;

font-weight:600;

transition:.35s;

cursor:pointer;

}

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

background:#0F4C81;

color:#fff;

}

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

.gallery-card{

position:relative;

overflow:hidden;

border-radius:18px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.gallery-card img{

width:100%;

height:300px;

object-fit:cover;

transition:.5s;

}

.gallery-card:hover img{

transform:scale(1.1);

}

.gallery-overlay{

position:absolute;

top:0;

left:0;

right:0;

bottom:0;

background:rgba(15,76,129,.75);

display:flex;

align-items:center;

justify-content:center;

opacity:0;

transition:.4s;

color:#fff;

text-align:center;

}

.gallery-card:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay i{

font-size:42px;

margin-bottom:12px;

}

/*=========================================
VIDEOS
==========================================*/

.video-card,
.album-card,
.achievement-card{

background:#fff;

padding:25px;

border-radius:22px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.video-card:hover,
.album-card:hover,
.achievement-card:hover{

transform:translateY(-8px);

}

.album-card{

text-align:center;

}

.album-card i{

font-size:48px;

color:#0F4C81;

margin-bottom:20px;

}

.achievement-card{

text-align:center;

}

.achievement-card h1{

font-size:48px;

color:#0F4C81;

font-weight:800;

}
/*=====================================
MEMORIES
======================================*/

.memory-card{

background:#fff;

padding:35px;

border-radius:22px;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,.08);

text-align:center;

}


/*=====================================
SOCIAL
======================================*/

.social-item{

overflow:hidden;

border-radius:15px;

}


.social-item img{

height:160px;

width:100%;

object-fit:cover;

transition:.4s;

}


.social-item:hover img{

transform:scale(1.1);

}


/*=====================================
CTA
======================================*/


.gallery-cta{

padding:90px 0;

background:linear-gradient(135deg,#0F4C81,#1C75BC);

color:#fff;

text-align:center;

}


.cta-content h2{

font-size:45px;

font-weight:800;

}