section.contact-banner{
    height: 450px;
    color:#fff;
    .text-box{
        background: rgba(0,0,0,.3);
        .text-box-inner{
            max-width: 900px;
            margin: 0 auto;
            top:40%;
            text-align: center;
            padding: 0 3em;
        }
    }
    h1{
        font-size: 1.8em;
        font-weight: 700;
        line-height: 2.5em;
    }
}
section.contact-form{
    background-color: rgb(244, 244, 244);
    position: relative;
    .form-container{
        top:-6em;
        position: relative;
        margin: 0 2em;
        background-color: white;
        z-index: 1000;
        text-align: center;
        form{
            margin: 0 auto;
            max-width: 660px;
            padding: 2em;
        }
    }
    .form-header{
        margin: 0 auto;
        max-width: 660px;
        padding: 2em;
        h2{
            font-size: 1.6em;
            font-weight: 700;
            line-height: 2.5em;
            text-align: center;
        }
        .divider{
            max-width: 2em;
            margin: 0 auto;
            background-color: rgba(0,0,0,.1);
        }
        .p1{
            margin-top: 1.5em;
        }
    }
    .agreement{
        margin-top: 2em;
        a{
            color: var(--primary-color);
        }
    }
}
section.contact-location{
    background-color: rgb(244, 244, 244);
    padding: 2em 2em 6em 2em;
    .inner{
        background: white;
        padding: 2em;
        text-align: center;
    }
    h3{
        font-size: 1.2em;
        font-weight: 700;
        line-height: 2.5em;
    }
    .p1{
        line-height: 3em;
    }
    a.button{
        background: var(--primary-color);
        color: white;
        display: block;
        border-radius: 1.5em;
        line-height:2.5em;
        font-size:.8em;
    }
}

section.contact-banner2{
    background:url("/static/images/234234.webp");
    position: relative;
    color:#fff;
    .modal-bg{
        background: rgba(0,0,0,.2);
        margin:0;
    }

    .banner{
        height: 500px;
    }
    h1{
        font-weight: 700;
        padding: 1em;
    }
    .text-box-inner{
        padding: 1em 2em;
    }
}
section.benefits{
    background: rgb(237, 242, 244);
    padding: 5em 2em;
    .border-right{
        border-right: 1px solid #e1dbdb;
    }
    .reason-item{
        padding: 1em 2.5em 1em 3.5em;
        background-image: url("/static/images/icon/check-line.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 3em 3em;
    }
    h2{
        text-align: center;
        padding: 1em 0;
    }
    .inner-box{
        width: 80%;
        margin: 0 auto;
        img{
            margin-top: 2em;
        }
    }
}

section.testimonials{
    padding: 0 2em 5em 2em;
    .inner-box{
        width: 80%;
        margin: 0 auto;
    }
    h2{
        color: rgb(85, 85, 85);
        text-align: center;
        line-height: 4em;
    }
    .btn-box{
        text-align: center;
        padding: 5em 0;
    }
    .button{
        background: var(--primary-color);
        color: white;
        border-radius: 1.5em;
        line-height:2.5em;
        font-size:1em;
        padding: 0 2em;
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    section.contact-banner {
        h1 {
            line-height: 1.4em;
            font-size: 24px;
        }
    }

    section.contact-form {
        .form-container{
            margin:0;
        }
    }
    section.benefits {
        padding:5em 1em;
    }
}