.section-form {
    --h2-mb:40px;
    text-align:center;
    background-color:#f7f8fb;
    border-radius:15px;
    position:relative
}

.section-form h2 {
    margin:20px 0 25px;
    font-size:38px
}

.section-form .wpcf7 form .wpcf7-response-output {
    position:absolute;
    bottom:0;
    font-size:14px
}

.section-form .wrapper {
    text-align:center
}

.section-form form {
    margin-bottom:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}

.section-form .contact-form {
    max-width:608px;
    width:100%;
    margin:0 auto
}

.section-form .contact-form input {
    max-height:50px;
    position:relative;
    -webkit-transition:.5s;
    transition:.5s
}

.section-form .contact-form textarea {
    max-height:80px;
    position:relative;
    resize:none
}

.section-form .contact-form input:not(.wpcf7-submit),
.section-form .contact-form textarea {
    font-family:var(--font-family);
    font-weight:500;
    font-size:18px;
    line-height:120%;
    background-color:#fff;
    border:1px solid rgba(0,0,0,.04);
    border-radius:10px;
    width:100%;
    padding:var(--offset);
    margin-bottom:25px
}

.section-form .contact-form input:not(.wpcf7-submit)::placeholder,
.section-form .contact-form textarea::placeholder {
    color:rgba(87,87,87,.56)
}

.section-form .contact-form textarea~.wpcf7-not-valid-tip {
    top:-4px
}

.section-form .contact-form .wpcf7-not-valid-tip {
    position:absolute;
    top:34px
}

.section-form .contact-form input.wpcf7-not-valid,
.section-form .contact-form textarea.wpcf7-not-valid {
    border:1px solid red
}

.section-form .contact-form .btn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0 24px;
    margin:0 auto;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:50px;
    background:#5a4bb2;        /* новий колір кнопки */
    color:#fff;
    border-radius:8px;
    font-weight:600;
    transition:0.3s
}

.section-form .contact-form .btn:hover {
    background:#4c3fa0;         /* темніший на hover */
}

.contact-us {
    padding:80px 0
}

.contact-us h1 {
    font-family:var(--font-family);
    font-weight:700;
    font-size:58px;
    line-height:110%;
    color:#5a4bb2;              /* новий колір заголовка */
    margin-top:unset;
    margin-bottom:24px;
    text-align:center
}

.contact-us-container {
    display:grid;
    grid-template-columns:1fr 1fr;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:15px;
    padding:25px 0
}

.contact-us-container img {
    border-radius:15px;
    max-width:100%;
    height:85%
}

.contact-us-block {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:30px 0
}

.contact-us-address {
    border-radius:15px;
    background:rgba(243,244,249,.64);
    padding:24px 15px;
    width:220px;
    text-align:center
}

.contact-us-address p {
    font-weight:700;
    color:#000;
    font-size:18px
}

.contact-us-address a {
    -webkit-transition:.5s;
    transition:.5s;
    text-decoration:none;
    display:inline-block;
    color:#5a4bb2;             /* новий колір посилань */
}

.contact-us-address a:after {
    background-color:#5a4bb2;  /* новий колір підкреслення */
    display:block;
    content:"";
    height:2px;
    width:0%;
    -webkit-transition:width .3s ease-in-out;
    -moz-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out
}

.contact-us-address a:focus:after,
.contact-us-address a:hover:after {
    width:100%
}

@media screen and (max-width:992px) {
    .contact-us {
        padding:60px 0
    }
    .contact-us h1 {
        font-size:40px
    }
}

@media screen and (max-width:700px) {
    .section-form {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .contact-us-container {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:0 0 25px
    }
}
