.sub_banner{
     background-image: url(../images/mask.png);
     background-position: right;
     background-repeat: no-repeat;
     background-size: contain;
     height: 300px;
     position: relative;
     z-index: 1;
     margin-bottom: 30px;
     &::after{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        clip-path: polygon(0 0, 40% 0, 60% 100%, 0% 100%);
        background-color: #c3c9cfc3;
        z-index: -2;
     }
     &::before{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        clip-path: polygon(0 0, 36% 0, 57% 100%, 0% 100%);
        background-color: #0F7095; 
        z-index: -1;
     }
    .sub_banner_content{
          padding-top: 90px;
        .sub_content_item{
             h4{
                font-size: 26px;
                font-weight: 500;
                color: $white;
                line-height: 35px;
             }
             .get_touch{
                width: 360px;
                margin-top: 20px;
                form{
                     position: relative;
                    .form_control {
                        display: block;
                        margin-bottom: 10px;
                        width: 100%;
                        height: 55px;
                        padding: 20px;
                        color: $black;
                        background-color: #ffffff;
                        background-clip: padding-box;
                        border-radius: 35px;
                        border: 1px solid #dededf;
                        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -ms-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                        -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            
                        &:focus {
                            outline: 0;
                        }
            
                        &::placeholder {
                            font-size: 15px;
                            color: #aeacac;
                            font-weight: 400;
                        }
                    }
                    i{
                        height: 55px;
                        width: 55px;
                        background: #e9c708;
                        color: $white;
                        font-size: 25px;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 55px;
                        position: absolute;
                        right: 0;
                        top: 49%;
                        transform: translateY(-49%);
                        cursor: pointer;
                    }
                }
            }
        }

    }
}