.gallery-section{

background:#f8f9fc;

}

.section-badge{

display:inline-block;
background:#0d6efd;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-size:14px;
font-weight:600;

}

.section-title{

font-size:46px;
font-weight:700;

}

.section-description{

max-width:700px;
margin:auto;
color:#666;

}

.gallery-item{

display:block;
position:relative;
overflow:hidden;
border-radius:18px;

}

.gallery-item img{

width:100%;
height:280px;
object-fit:cover;
transition:.5s;

}

.gallery-overlay{

position:absolute;
inset:0;
background:rgba(13,110,253,.75);
display:flex;
justify-content:center;
align-items:center;
opacity:0;
transition:.4s;

}

.gallery-overlay i{

font-size:42px;
color:#fff;

}

.gallery-item:hover img{

transform:scale(1.1);

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

@media(max-width:767px){

.section-title{

font-size:30px;

}

.gallery-item img{

height:220px;

}

}