.album{
    padding: 50px 0;
    .section_heading{
        text-align: center;
        padding-bottom: 40px;
           h4{
            font-size: 28px;
            color: #333;
            font-weight: 900;
            font-family: 'Playfair Display', serif;
            text-transform: uppercase;
            span{
              color:$primaryColor;
            }
           }
      }
    .album_wrapper{
      padding-top: 30px;
       .nav{
         .nav-item{
            padding-right: 20px;
             .nav-link{
              font-size: 17px;
              color: #3c786d;
              font-weight:600; 
              font-family: 'Playfair Display', serif;
              border: 2px solid #c8dad7;
              padding: 5px 16px;
              border-radius: 50px
             }
             .active{
              background-color: $primaryColor;
              color: $white;
              border: 2px solid transparent;
             }
         }
       }


        .tab-content{
            padding-top: 40px;
             .tab-pane {
                  .albumItem{
                      height: 270px;
                      width: 100%;
                      position: relative;
                      background-color: #c0d1d171;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      margin-bottom: 23px;
                      &:hover .albumOverly{
                        opacity: 1;
                      }
                      img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                      }
                      .albumOverly{
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        background-color: #84acad70;
                        opacity: 0;
                        a{
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            i{
                                font-size: 38px;
                                color: $white;
                            }
                        }
                      }
                      .active{
                        opacity: 1;
                      }
                  }
             }
        }
    }
}