/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info-item + .info-item {
    margin-top: 40px;
}

.contact .info-item i {
    font-size: 20px;
    color: var(--color-primary);
    float: left;
    width: 44px;
    height: 44px;
    background: #222425;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    margin-right: 15px;
}

.contact .info-item h4 {
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: black;
}

.contact .info-item p {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: black;
}

.contact .info-item:hover i {
    background: var(--color-primary);
    color: #fff;
}

.contact .contact-email-form {
    width: 100%;
}

    .contact .contact-email-form .form-group {
        padding-bottom: 8px;
    }

    .error-message {
        color: #df1529;
        text-align: left;
        padding: 5px;
        font-weight: 600;
    }

    .sent-message {
        color: var(--color-primary);
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .contact-email-form input,
    .contact .contact-email-form textarea {
        border-radius: 4px;
        box-shadow: none;
        font-size: 14px;
        background-color: var(--color-secondary);
        border: 1px solid #2e3133;
        color: #fff;
    }

    .contact .contact-email-form input {
        height: 44px;
    }

    .contact .contact-email-form textarea {
        padding: 10px 12px;
    }

    .contact .contact-email-form button[type=submit] {
        background: var(--color-primary);
        border: 0;
        padding: 10px 35px;
        color: #fff;
        transition: 0.4s;
        border-radius: 4px;
    }

        .contact .contact-email-form button[type=submit]:hover {
            background: rgba(39, 167, 118, 0.8);
        }

#recaptcha-inline-badge {
    margin-top:20px;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}