.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: #1e40af;
    color: #ffffff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    width: 50%;
    align-content: flex-start;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.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-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"] {
   
}

.contact-form .row input.wpcf7-tel {
  
}

.contact-form .row textarea.wpcf7-form-control {
 
}
.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;
     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%;
    }
}