﻿
.wrapper {
    background-color: #fff;
}

.header-contact h3 {
    color: #304e73;
    font-weight: 700;
    font-size: 25px;
    display: block;
    line-height: 1.5;
    position: relative;
    margin-bottom: 20px;
}

    .header-contact h3::after {
        content: '';
        display: block;
        position: relative;
        margin-top: 8px;
        width: 50px;
        height: 1px;
        background: rgba(233, 102, 49, 1);
    }

.contact-form-wrapper {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
}

    .contact-form-wrapper .contact-text {
        letter-spacing: 0.32px;
        color: #5B6880;
        opacity: 1;
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
        margin: 5px auto 0 auto;
    }

    .contact-form-wrapper .form-wrapper {
        width: 100%;
        overflow: hidden;
    }

    .contact-form-wrapper .form-group {
        position: relative;
        margin-bottom: 10px;
    }

    .contact-form-wrapper .form-control {
        box-shadow: none;
        width: 100%;
        height: 52px;
        background: transparent;
        border: 1px solid #D9DDE4;
        border-radius: 4px;
        padding: 18px;
        font-size: 15px;
        line-height: 1.2;
        letter-spacing: 0.3px;
        color: #97A1B2;
    }

    .contact-form-wrapper .contact-info {
        padding: 10px 0;
    }

        .contact-form-wrapper .contact-info p {
            font-size: 15px;
            line-height: 28px;
            letter-spacing: 0.3px;
            color: #5B6880;
            margin-bottom: 20px;
        }

            .contact-form-wrapper .contact-info p span {
                color: #01358D;
                font-weight: 500;
            }

    .contact-form-wrapper .contact-map {
        padding-left: 0;
    }

        .contact-form-wrapper .contact-map iframe {
            height: 100%;
            width: 100% !important;
            min-height: 101ch;
            margin-bottom: -10px;
        }

    .contact-form-wrapper .social ul {
        list-style: none;
        margin-top: 30px;
    }

        .contact-form-wrapper .social ul li.social-item {
            display: inline-block;
            margin-right: 10px;
        }

            .contact-form-wrapper .social ul li.social-item a {
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                line-height: 40px;
                text-align: center;
                background-color: var(--theme-color);
                color: #fff;
            }

.btn-effect-default {
    padding: 8px 60px;
}

@media(max-width: 768px) {
    .contact-form-wrapper .contact-map {
        padding: 0;
    }

        .contact-form-wrapper .contact-map iframe {
            height: 100%;
            width: 100% !important;
            min-height: 200px;
            margin-bottom: -10px;
        }
}

