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


.gallery{

padding:120px 0;

background:#f7fafc;

}




.gallery-grid{


display:grid;

grid-template-columns:

repeat(3,1fr);

grid-auto-rows:280px;

gap:25px;

}




.gallery-item{


position:relative;

overflow:hidden;

border-radius:30px;

}



.gallery-item.big{


grid-row:span 2;

}



.gallery-item img{


width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}




.gallery-item:hover img{


transform:scale(1.12);

}





.gallery-overlay{


position:absolute;

inset:0;

background:

linear-gradient(

transparent,

rgba(0,0,0,.75)

);


display:flex;

align-items:end;

padding:30px;


opacity:0;

transition:.4s;

}



.gallery-item:hover .gallery-overlay{


opacity:1;

}



.gallery-overlay h3{


color:white;

font-size:22px;

}





@media(max-width:992px){


.gallery-grid{


grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:600px){


.gallery{


padding:70px 0;

}


.gallery-grid{


grid-template-columns:1fr;

grid-auto-rows:300px;

}


.gallery-item.big{


grid-row:auto;

}


}