.banner { 
    .banner_Item{
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
      width: 100%;
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      &::after{
       position: absolute;
       content: '';
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       background-color: rgba(0,0,0,0.3);
       z-index: -1;
    }
    }
    .banner_content{
      height: 350px;
      width: 600px;
      margin: 0 auto;
      border: 5px 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;
          }
        }
     }
}