/****************************
 * Custom Gravity Form
****************************/
/* Content */
.twc-gforms__content {max-width:630px;}

/* Images */
.twc-gforms__form-images {
    background:#fff; overflow:unset;
    box-shadow:0 5px 25px rgba(0, 0, 0, 0.03);
}
.twc-gforms__images {width:31%;}

/* Form */
.twc-gforms__form {width:69%; padding:50px;}

/* Option no images */
.twc-gforms.no-image .twc-gforms__form {width:100%;}
.twc-gforms.no-image .twc-gforms__form-images {margin-left:0; margin-right:0;}

/* Option has 1 image */
.twc-gforms__images.has-1-image .twc-gforms__image {height:100%;}

/* Has gray bg */
.vc_row.twc-bg-gray .twc-gforms {position:relative; margin-top:calc(-1 * var(--twc-spacing-50));}
.vc_row.twc-bg-gray .twc-gforms:before {
    content:""; display:block;
    width:var(--twc-100vw); height:calc((100% + var(--twc-spacing-default)) / 2); background:var(--twc-color-bg);
    position:absolute; top:calc(-1 * var(--twc-spacing-default)); left:50%; transform:translateX(-50%);
}

/* Option error-below-field */
.twc-gforms.error-below-field .gfield_validation_message {
    display:block; font-size:14px;
    color:var(--form-color-error);
}

@media only screen and (min-width:768px) {
    .twc-gforms__image:first-child {top:0; height:55%;}
    .twc-gforms__image:nth-child(2) {bottom:0; height:calc(45% - 20px);}
}

/******************************************
 * Custom Gravity Form - Responsive
******************************************/
@media only screen and (max-width:1180px) {
    .twc-gforms__form {padding:40px var(--twc-gap-container);}
}
@media only screen and (max-width:767px) {
    .twc-gforms__form, .twc-gforms__images {width:100%;}
    .twc-gforms__images {display:flex; flex-wrap:wrap; gap:var(--twc-gap-container); padding:0 var(--twc-gap-container) 20px;}
    .twc-gforms__image {
        position:relative; width:calc(50% - var(--twc-gap-container) / 2); aspect-ratio:4/3;
        border-radius:10px; transform:translateZ(0);
    }

    /* Option has 1 image */
    .twc-gforms__images.has-1-image {padding:0;}
    .twc-gforms__images.has-1-image .twc-gforms__image {width:100%; border-radius:0 0 10px 10px; aspect-ratio:16/9;}
}
@media only screen and (max-width:480px) {
    .twc-gforms__image {width:100%;}

    /* Has gray bg */
    .vc_row.twc-bg-gray .twc-gforms {margin-top:calc(-1 * var(--twc-spacing-20));}
}