.contact-form .row {

    margin-bottom: 16px;

}


.two-column{

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

}


.two-column .col-6{

    width: calc(50% - 6px);

}
.page-template-template-contact .site {
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.contact-wrapper {
    display: flex;
    border-radius: 0.5rem;
        --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    gap: 2em;
    padding: 2rem;
}

.list-contact {
    display: flex;
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    background-color: rgb(51, 71, 91);
    color: white;
    padding: 1.5rem;
    border-radius: 0.5rem;
    width: 50%;
    align-content: flex-start;
   
}

.list-contact .item {
    padding: 0;
    position: relative;
    width: 100%;
    margin: 0 0 10px;
}
.list-contact .item .item-inner {
    display: flex;
    gap: 12px;
    align-items: center;
}
.icon {
    /* width: 63px;
    height: 63px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: #FF8263;
    position: absolute;
    top: -40px;
    left: 20px; */
}

.list-contact .item h6 {
    margin-bottom: 33px;
}

.list-contact .item a {
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
}

.contact-form {
    width: 50%;
    padding: 1.5rem 1.5rem 0;
}

h4.contact-info-title {
    /* padding: 24px 0 90px; */
}

.contact-form .form {
    margin: 0 auto;
    padding: 10px 0 0;
}
.contact-form .row textarea,
.contact-form .row input, .contact-form .row select {
    width: 100%;
    padding-left: 35px;
}
.page-template-template-contact .site {
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.contact-form .row input.wpcf7-form-control[name="your-name"] {
    background-image: url('data:image/svg+xml,<svg class="h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style=" color: rgb(156 163 175 / var(--tw-text-opacity, 1));"><path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"></path></svg>');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 5px center;
}

.contact-form .row input,.contact-form .row textarea.wpcf7-form-control {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 5px center;
}

.contact-form .row input[name="your-email"] {
    background-image: url('data:image/svg+xml,<svg class="h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style=" color: rgb(156 163 175 / var(--tw-text-opacity, 1));"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path></svg>');
}

.contact-form .row input.wpcf7-tel {
    background-image: url('data:image/svg+xml,<svg class="h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style=" color: rgb(156 163 175 / var(--tw-text-opacity, 1));"><path fill-rule="evenodd" d="M4 4a2 2 0 012-2h8a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 0h8v12H6V4z" clip-rule="evenodd"></path></svg>');
}

.contact-form .row textarea.wpcf7-form-control {
    background-image: url('data:image/svg+xml,<svg class="h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style=" color: rgb(156 163 175 / var(--tw-text-opacity, 1));"><path fill-rule="evenodd" d="M18 10c0 3.866-3.582 7-8 7s-8-3.134-8-7 3.582-7 8-7 8 3.134 8 7zm-8 4a1 1 0 100-2 1 1 0 000 2zm-3-3a1 1 0 100-2 1 1 0 000 2zM13 11a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>');
}
.contact-form .row .wpcf7-form-control.wpcf7-submit {
    text-transform: capitalize;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-radius: 0.375rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #0070D2;
    border: none;
    cursor: pointer;
}

.contact-form .row .wpcf7-form-control.wpcf7-submit:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.contact-form h2 {
    margin-bottom: 16px;
    font-size: 1.5rem;
    line-height: 2rem;
}

.contact-form .form .wpcf7-form>p {
    margin: 40px 0;
    color: #33475B;
}

.contact-form .form p a {
    text-decoration: underline;
}

@media (max-width: 1199px){

.site .button:not(.show-password-input, .view) {
    padding: 17px 45.5px;
}
}

@media (max-width: 767px){

    .list-contact .item{
        width: 100%;
    }

    .contact-form {
        padding: 0;
    }

    .two-column .col-6 {
        width: 100%;
    }
    .contact-wrapper {
        flex-wrap: wrap;
        padding: 1em;
    }
    .contact-form .form {
        padding: 10px 0 0;
    }
    .list-contact {
        width: 100%;
    }

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