/****************************
 * Contact Form
****************************/
.vii-contact-form {
    --spacing-form-right:60px; --size-icon:98px; --spacing-cutoff:17px;
    width:calc(100% + var(--vii-gap-side));
}

/*content*/
.vii-contact-form__col.content {width:48%; padding:var(--spacing-form-right) var(--spacing-form-right) var(--spacing-form-right) 0;}

/*image*/
.vii-contact-form__col.image {width:52%; position:relative;}
.vii-contact-form__image {height:100%;}
.vii-contact-form__image-bg {min-height:800px; height:100%;}

/* button */
.vii-contact-form__button {position:absolute; top:0; left:0; pointer-events:none;}
.vii-contact-form__button a {
    width:var(--size-icon); height:var(--size-icon);
    background:var(--vii-color-neutral-600); color:#fff;
    display:flex; align-items:center; justify-content:center;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--spacing-cutoff)), calc(100% - var(--spacing-cutoff)) 100%, 0 100%);
}
.vii-contact-form__button a:hover {background:var(--vii-color-primary);}

/****************************
 * Contact Form Responsive
****************************/
@media only screen and (max-width:1180px) {
    .vii-contact-form {
        --spacing-form-right:var(--vii-gap-container);
        --size-icon:80px; --spacing-cutoff:15px;
    }

    /*image*/
    .vii-contact-form__image-bg {min-height:600px;}
}
@media only screen and (max-width:1024px) {
    .vii-contact-form {--size-icon:60px;}

    /*content*/
    .vii-contact-form__col.content {padding-top:40px; padding-bottom:40px;}
    .vii-contact-form__image {padding-top:0; height:100%;}
    .vii-contact-form__image-bg {position:relative; height:100%; min-height:400px;}
}
@media only screen and (max-width:767px) {
    .vii-contact-form {width:100%; --spacing-form-right:0;}
    .vii-contact-form__inner {flex-direction:column-reverse;}
    .vii-contact-form__col.content {width:100%;}
    .vii-contact-form__col.image {margin:0 0 25px -20px; width:calc(100% + 40px);}
    .vii-contact-form__col.content {padding-top:0;}
    .vii-contact-form__image-bg {min-height:300px; height:300px;}
}
@media only screen and (max-width:480px) {
    .vii-contact-form {--size-icon:50px;}
    .vii-contact-form__image-bg {min-height:275px;}
}