.sectionContact
{
    background: #faf9f5;
}

.sectionContact .headingTitle
{
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
}

.sectionContact .contactMap iframe
{
    height: 100%;
    width: 100%;
    border: 4px solid var(--main-color);
}

.sectionContact .contactMain
{
    position: relative;
    overflow: hidden;
    padding: 60px 40px;
    background-color: #fdfdfd;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    color: var(--dark-color);
    border: 1px solid var(--hover-main);
    transition: 0.3s all ease-in-out;
}

.sectionContact .contactMain:before
{
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px dashed var(--hover-main);
}

.sectionContact .contactMain .contactInner
{
    position: relative;
    z-index: 2;
}

.sectionContact .contactMain .contactInner .contactForm .form-group .position-relative > i
{
    position: absolute;
    top: 13px;
    left: 25px;
    font-size: 0.9rem;
}

.sectionContact .contactMain .contactInner .contactForm .form-group input, .sectionContact .contactMain .contactInner .contactForm .form-group textarea
{
    box-shadow: none !important;
    outline: none !important;
    padding-left: 30px;
    font-size: 1rem;
    border-radius: 0 !important;
    border-color: transparent;
    border-bottom-color: #a1a1a1;
}

@media screen and (max-width: 768px)
{
    .sectionContact
    {
        background-size: auto;
    }

    .sectionContact .contactMain
    {
        padding: 15px;
        max-width: 100%;
    }

    .sectionContact .contactMain .contactInner
    {
        padding: 20px;
    }

    .sectionContact .contactMain .contactInner .headingTitle
    {
        font-size: 1.2rem;
    }

    .sectionContact .contactMain .contactInner .contactForm .form-group
    {
        margin-bottom: 0;
    }

    .sectionContact .contactMain .contactInner .contactForm .form-group .position-relative
    {
        margin-bottom: 1rem;
    }
}

.sectionCallAction
{
    background-color: rgba(249, 249, 249, 0.78);
    padding: 70px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/public/upload/banner/contact-bg-6.png");
}

.sectionCallAction .callActionMain .headingStyle
{
    /*margin-bottom: 20px;*/
}

.sectionCallAction .callActionMain .headingStyle .headingSubText
{
    color: #545454;
    font-size: 1em;
}

.sectionCallAction .callActionMain .headingStyle:before, .sectionCallAction .callActionMain .headingStyle:after
{
    border-color: #fff;
}
