.banner_main{
     position: relative;
     &::after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background:rgba(117, 114, 114, 0.486);

        clip-path: polygon(0 0, 55% 0, 80% 100%, 0% 100%);
    }

    .banner{
        overflow: hidden;
        .slick-active .bannerItem{
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
        }
        .prev{
            height: 70px;
            width: 70px;
            color: white;
            font-size: 45px;
            background-color: rgba(226, 225, 225, 0.418);
            text-align: center;
            line-height: 70px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 5%;
            z-index: 5;
            transform: translateY(-50%);
            cursor: pointer;
        }
        .next{
            height: 70px;
            width: 70px;
            color: white;
            font-size: 45px;
            background-color: rgba(226, 225, 225, 0.418);
            text-align: center;
            line-height: 70px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: 5%;
            z-index: 5;
            transform: translateY(-50%);
            cursor: pointer;
        }
        .bannerItem{
            height: 100vh;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
            transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
            transition: transform 7000ms ease, opacity 1500ms ease-in;
            transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
            z-index: 1;
        }
    }
    .banner_content{
         position: absolute;
         top: 40%;
         width: 100%;
         left: 0;
         transform: translateY(-40%); 
         z-index: 2;
         h3{
            font-size: 55px;
            font-weight: 900;
            color: $white;
            line-height: 65px;
         }
         h4{
            font-size: 22px;
            font-weight: 400;
            color: $white;
            line-height: 36px;
            padding: 5px 0;
         }
         h5{
            font-size: 28px;
            font-weight: 600;
            color: $white;
            line-height: 30px;
         }
    }
}