.section1{
    padding: 100px 0 50px 0;
    .section_wrapper{
         .sectionHeading{
            border-bottom: 1px solid gray;
            position: relative;
            h3{
                color: $white;
                display: inline-block;
                width: 140px;
                height: 40px;
                background-color: #364760;
                font-size: 18px;
                font-weight: 500;
                text-align: center;
                line-height: 40px;
                position: absolute;
                bottom: -8px;
                left:0;
            }
         }
         .section_wrap{
            margin-top: 50px;
            .img_container{
                height: 265px;
                background-color: rgb(220, 220, 220);
                width: 100%;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 20px;
                &: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;
                        }
                    }
                }
            }
         }
    }
}