.vedio{
    padding: 30px 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;
           }
      }
    .vedio_wrapper{
       .nav{
         .nav-item{
            padding-right: 20px;
             .nav-link{
              font-size: 17px;
              color: $black;
              font-weight: 500;
              border: 1px solid #b8b8b8;
             }
             .active{
              background-color: $primaryColor;
              color: $white;
             }
         }
       }


        .tab-content{
            padding-top: 40px;
             .tab-pane {
                  .vedioItem{
                      height: 450px;
                      width: 100%;
                      position: relative;
                      background-color: #c0d1d171;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      margin-bottom: 23px;
                      img{
                        max-width: 100%;
                        max-height: 100%;
                      }
                      .vedioOverly{
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        background-color: rgba(0,0,0,0.1);
                        a{
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            i{
                                font-size: 60px;
                                color: $white;
                            }
                        }
                      }
                  }
             }
        }
    }
}