.gallery-page-section{
position: relative;
display: block;
padding: 142px 0px 120px 0px;
}
.gallery-page-section .gallery-block{
margin-bottom: 30px;
}
.gallery-page-section .filter-tabs{
position: relative;
display: block;
margin-bottom: 63px;
}
.gallery-page-section .filter-tabs li{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #2b3c6b;
font-weight: 700;
margin: 0px 12px;
cursor: pointer;
transition: all 500ms ease;
}
.gallery-page-section .filter-tabs li.active,
.gallery-page-section .filter-tabs li:hover{
color: var(--main-color);
} .gallery-section{
position: relative;
display: block;
background: #f2eee9;
padding-left: 100px;
padding-right: 100px;
}
.gallery-section .sec-title{
position: relative;
display: block;
margin-bottom: 60px;
}
.gallery-block{
position: relative;
}
.gallery-block .image-box{
position: relative;
border-radius: 20px;
overflow: hidden;
}
.gallery-block .image-box .image{
position: relative;
}
.gallery-block .image-box .image img{
display: block;
width: 100%;
height: auto;
}
.gallery-block .overlay-box{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: center;
background-color: rgba(33, 47, 84, 0.5);
content: "";
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.gallery-block .image-box:hover .overlay-box{
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.gallery-block .overlay-box a{
position: absolute;
left: 50%;
top: 50%;
display: block;
height: 70px;
width: 70px;
font-size: 20px;
background-color: var(--main-color);
color: #ffffff;
font-weight: 700;
border-radius: 50%;
font-weight: 400;
line-height: 70px;
transform: translate(-50%,-50%);
}
.gallery-block .overlay-box a i{
position: relative;
font-weight: 700;
}
.gallery-section .owl-nav,
.gallery-section .owl-dots{
display: none;
}