.banner { 
    padding: 20px 0;
    .banner_wrapper{
          .banner_item{
               background-position: center;
               background-repeat: no-repeat;
               background-size: cover;
               height: 70vh;
               width: 100%;
               position: relative;
               z-index: 1;
               &::after{
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-color: rgba(0,0,0,0.2);
                z-index: -1;
               }
               .banner_content{
                height: 350px;
                width: 600px;
                margin: 0 auto;
                border: 2px solid $white;
                position: relative;
                  .banner_text{
                    position: absolute;
                    top: 60%;
                    left: 50%;
                    width: 80%;
                    transform: translate(-50% , -60%);
                    text-align: center;
                    h4{
                        font-size: 26px;
                        color: $white;
                        font-weight: 500;
                        line-height:36px;
                        text-transform: uppercase;
                    }
                    p{
                        font-size: 15px;
                        color: $white;
                        font-weight: 400;
                        line-height: 25px;
                        text-align: center;
                    }
                  }
               }
          }
    }
}