/*** 

====================================================================
                        Gallery-Page
====================================================================

***/

.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 **/

.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;
  }