.section2{
    padding: 30px 0;
    .album_wrapper{
       .nav{
         .nav-item{
            padding-right: 20px;
             .nav-link{
              font-size: 15px; 
              color: $black;
              font-weight: 500;
              border: 1px solid #b8b8b8;
             }
             .active{
              background-color: #364760;
              color: $white;
             }
         }
       }


        .tab-content{
            padding-top: 10px;
             .tab-pane {
                .section_wrap{
                    margin-top: 10px;
                    .img_container{
                        height: 273px;
                        background-color: rgb(220, 220, 220);
                        width: 100%;
                        position: relative;
                        margin-bottom: 20px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        &:hover .content_overly{
                         bottom: 15px;
                         opacity: 1;
                         transition: all linear .4s;
                        }
                        img{
                         max-height: 100%;
                         width: 100%;
                        }
                        .content_overly{
                          position: absolute;
                          bottom: 0;
                          left: 50%;
                          transform: translateX(-50%);
                          height: 76px;
                          width: 85%;
                          background-color: rgba(0,0,0,0.7);
                          border-radius: 5px;
                          text-align: center;
                          opacity: 0;
                          a{
                            line-height: 76px;
                            font-size: 19px;
                            font-weight: 500;
                            color: $white;
                          }
                        }
                    }
                 }
                 .subcontainer{
                    margin-top: 10px;
                    display: flex;
                    padding: 10px;
                    border: 1px solid #bdbdbd;
                    &:hover{
                        background-color: #f3f3f3;
                    }
                    .subImg{
                            width: 45%;
                            height: 110px;
                            background-color: rgb(220, 220, 220);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                         img{
                            width: 100%;
                            max-height: 100%;
                         }
                    }
                    .subContent{
                        width: 55%;
                        padding: 0 10px;
                         a{
                            font-size: 15px;
                            color: rgb(89, 89, 89);
                            &:hover{
                                color: $black;
                            }
                        }
                    }
                }
             }
        }
    }
}