.block-form-block {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-height: clamp(30vh, calc((566 / var(--maxWidth)) * 100vw), 100vh);
}
.block-form-block > *, 
.block-form-block > * > * {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    padding: 0;
    justify-content: stretch;
    align-items: flex-start;
    gap: var(--block-gap);
}
.block-form-block > * > * {
    flex: 1 0 100%;
    padding: calc(var(--block-padding-y) * 2) var(--block-padding-x);
    justify-content: flex-start;
    width:100%;
}
.block-form-block > .content-col .content-col-container {
    justify-content: flex-start;
}
.form-col-container {
    padding-left: 0;
}



.book-viewing.block-form-block {
    align-items: center;
}
.book-viewing .content-wrapper[class*='block-'][class*='style-']::before {
    position: absolute;
    top:0;
    left:auto;
    right: calc((var(--block-padding-x) + var(--block-gap)) * -1);
    width:100vw;
    height: calc(100% + calc(var(--block-gap) * 2));
    background:var(--light-grey);
    z-index: -1;
    content: "";
    opacity: 1;
    transform: translate(0, calc(var(--block-gap) * -1));
    clip-path: polygon(0% 0%, calc(100% - var(--block-padding-x)) 0, 100% 50%, calc(100% - var(--block-padding-x)) 100%, 0% 100%);
}
.book-viewing .kw-form-wrapper {
    position:relative;
    z-index: 1;
    padding: var(--block-gap);
} 
.book-viewing .kw-form-wrapper * {
    color:#fff;
}
.book-viewing .kw-form-wrapper .form-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:var(--list-gap);
    text-align: center;
}
.book-viewing .kw-form-wrapper .form-header p {
    font-size: var(--s14-18);
}
.book-viewing .kw-form-wrapper::before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    content: "";
    background: var(--red);
    inset: 0;
    z-index: -1;
    border-radius: var(--s5-8);
    box-shadow: var(--engagement-shadow);
}
.wpcf7-form label .label {
    color: #fff;
    font-weight: bold;
}
.book-viewing .wpcf7-form input,
.book-viewing .wpcf7-form select.has-value, 
.book-viewing .wpcf7-form :is([type='date']).has-value {
    color: var(--white);
}
.book-viewing form .form-row:last-of-type {
    justify-content: flex-start;
    margin-top: 0
}
.book-viewing .booking-image {
    border: 0.5px solid var(--white);
    box-shadow: var(--engagement-shadow);
}

@media(max-width:900px){
    .block-form-block {
        flex-direction: column;
    }
    .book-viewing .content-col-container {
        padding-top: var(--block-padding-y);
    }
    .book-viewing .content-wrapper {
        padding: 0;
    }
    .book-viewing .content-wrapper[class*='block-'][class*='style-']::before {
        position: absolute;
        top:0;
        left:50%;
        right: auto;
        width:100vw;
        height: calc(100% + calc(var(--block-padding-y) * 2));
        transform: translate(-50%, calc(var(--block-padding-y) * -1));
        clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - var(--block-padding-x)), 50% 100%, 0 calc(100% - var(--block-padding-x)));
    }
    .form-col-container {
        padding-top:0;
        padding-left: var(--block-padding-x);
    }
    .block-form-block > .content-col .content-col-container {
        padding-bottom:var(--block-padding-x);
    }
}