.contact {
                padding-bottom: 100px;
                padding-top: 35px;
            }
            .contact .heading {
                margin-bottom: 50px;
            }
            .contact .heading h2 {
                font-size: 30px;
                font-weight: 700;
                color: #404356;
                margin: 0;
                margin-bottom: 15px;
            }
            .contact .heading h2 span {
                color: #ff125e;
                font-weight: 300;
            }
            .contact .heading p {
                font-size: 14px;
                font-weight: 400;
                color: #525f7f;
                line-height: 26px;
                margin: 0;
            }
            .contact .main {
                background: #ffffff;
                box-shadow: 1px 1px 20px 0 rgba(0,0,0,0.08);
            }
            .contact .main h3 {
                font-size: 20px;
                font-weight: 500;
                color: #4a545e;
                margin: 0;
                margin-bottom: 20px;
            }
            .contact .form-control {
                padding: 25px;
                font-size: 13px;
                margin-bottom: 10px;
                background: #f8f8f9;
                border: 0;
                border-radius: 5px;
            }
            .contact .btn {
                padding: 10px;
                border-radius: 5px;
                font-size: 15px;
                background: linear-gradient(to right, #93ba53 0%, #020d26 100%);
                color: #ffffff;
            }

            .contact .main .left {
                padding: 40px 60px;
            }
            .contact .main .right {
                /*background:linear-gradient(to right, #dc3545 0%, #0de0fe 100%);*/
                background:#222;
                background-size: cover;
                padding: 40px;
                color: #ffffff;
                height: 100%;
            }
            .contact .main .right h4 {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 30px;
                color: #fff;
            }
            .contact .main .right .info {
                margin-bottom: 35px;
            }
            .contact .main .right .info i {
                font-size: 25px;
                color: #ffffff;
            }
            .contact .main .right .info span {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                margin-left: 15px;
            }
            .contact .main .right .social a {
                text-decoration: none;
                font-size: 30px;
                color: #ffffff;
                margin-right: 20px;
            }
            .banner-area {
                background: rgba(0, 0, 0, 0) url(assets/img/slider/banner5.jpeg) no-repeat scroll center center / cover;
                position: relative;
                width: 100%;
                z-index: 1;
                text-align: center;
                box-shadow: 0 20px 23px -12px #777;
            }
            .banner-content {
                padding: 112px 0 193px;
            }
            .banner-content h2 {
                font-size: 36px;
                color: #fff;
                font-family: 'Open Sans', sans-serif;
                font-weight: 800;
                text-transform: capitalize;
            }
            .banner-bottom {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: auto;
                content: "";
                background: rgba(0, 0, 0, 0.15);
                z-index: 9;
            }
            .banner-breadcrumb ul li a, .banner-breadcrumb ul li {
                font-size: 14px;
                color: #fff;
                font-weight: 600;
                font-family: 'Open Sans', sans-serif;
                font-style: italic;
                text-transform: capitalize;
                -webkit-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }
            .banner-breadcrumb ul li {
                display: inline-block;
                padding: 30px 0;
            }
            .contact{
                padding:100px 0px;
            }
            .contact2{
                margin-top:100px !important;
            }
        
            
            .banner-area {
    background: rgba(0, 0, 0, 0) url(../img/about/mate-about.png) no-repeat scroll left center / cover;
    position: relative;
    width: 100%;
    z-index: 1;
}

.banner-content {
    padding: 112px 0 193px;

    
    
}