.banner {
     padding: 80px 0;
    .banner_wrapper {
    
    .banner_text{
          h4{
            font-size: 40px;
            color: #333;
            font-weight: 600;
            line-height: 50px;
            text-transform: uppercase;

          }
          h5{
            font-size: 28px;
            color: #333;
            font-weight: 600;
            line-height: 30px;
            padding: 20px 0;
            
          }
          p{
            font-size: 15px;
            color: $text;
            font-weight: 400;
            line-height: 25px;
            
          }
    }


        .bannerSlider {
            &:hover .prev {
                opacity: 1;
                left: 5%;
            }

            &:hover .next {
                opacity: 1;
                right: 5%;
            }

            .prev {
                height: 55px;
                width: 55px;
                color: #fff;
                font-size: 32px;
                background-color: rgba(0, 0, 0, 0.6);
                text-align: center;
                line-height: 55px;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 0;
                z-index: 2;
                transform: translateY(-50%);
                cursor: pointer;
                opacity: 0;
            }

            .next {
                height: 55px;
                width: 55px;
                color: #fff;
                font-size: 32px;
                background-color: rgba(0, 0, 0, 0.6);
                text-align: center;
                line-height: 55px;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                right: 0;
                z-index: 2;
                transform: translateY(-50%);
                cursor: pointer;
                opacity: 0;
            }

            .bannerItem {
                height: 400px;
                background-color: #e9e6e6;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                position: relative;

                a {
                    img {
                        width: 100%;
                        max-height: 100%;
                    }
                }

                .banner_content {
                    position: absolute;
                    bottom: 50px;
                    left: 20px;
                    z-index: 2;
                    padding: 20px 10px 10px 10px;
                    background-color: rgba(0, 0, 0, 0.6);

                    h4 {
                        color: $white;
                    }
                }
            }
        }
    }
}