.gallery_wrapper{
    padding-top: 40px;
    .tab_btn{
        display: flex;
        justify-content: center;
        .nav{
          display: inline-block;
          background-color: $white;
          border: 1px solid #c3c3c363;
          border-radius: 35px;
          overflow: hidden;
           .nav-item{
            display: inline-block;
            .nav-link{
                padding: 12px 35px;
                border-radius: 0px;
                font-weight: 500;
            }
            .active{
                background-color: $primaryColor;
                color: $white;
            }
           }
        }
    }
}

.tab-content{
     .tab-pane{
       .photoGallery{
        .photo{
           height: 200px;
           width: 100%;
           margin-bottom: 20px;
           border-radius: 6px;
           overflow: hidden;
          img{
            height: 100%;
            width: 100%;
            object-fit: cover;
          }
        }
       }
       .videoGallery{
           .video_item{
            height: 200px;
            width: 100%;
            position: relative;
            margin-bottom: 20px;
            img{
              height: 100%;
              width: 100%;
              object-fit: cover;
              border-radius: 6px;
            }
            .overlay{
              position: absolute;
              height: 100%;
              width: 100%;
              background-color: rgba(0,0,0,0.4);
              top: 0;
              left: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              i{
                font-size: 32px;
                color: $white;
                cursor: pointer;
              }
            }
           }
       }
     }
}
