@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-Regular.eot');
    src: url('fonts/Altivo-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-Regular.woff2') format('woff2'),
        url('fonts/Altivo-Regular.woff') format('woff'),
        url('fonts/Altivo-Regular.ttf') format('truetype'),
        url('fonts/Altivo-Regular.svg#Altivo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-Ultra.eot');
    src: url('fonts/Altivo-Ultra.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-Ultra.woff2') format('woff2'),
        url('fonts/Altivo-Ultra.woff') format('woff'),
        url('fonts/Altivo-Ultra.ttf') format('truetype'),
        url('fonts/Altivo-Ultra.svg#Altivo-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-Black.eot');
    src: url('fonts/Altivo-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-Black.woff2') format('woff2'),
        url('fonts/Altivo-Black.woff') format('woff'),
        url('fonts/Altivo-Black.ttf') format('truetype'),
        url('fonts/Altivo-Black.svg#Altivo-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-ExtraLight.eot');
    src: url('fonts/Altivo-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-ExtraLight.woff2') format('woff2'),
        url('fonts/Altivo-ExtraLight.woff') format('woff'),
        url('fonts/Altivo-ExtraLight.ttf') format('truetype'),
        url('fonts/Altivo-ExtraLight.svg#Altivo-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-Medium.eot');
    src: url('fonts/Altivo-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-Medium.woff2') format('woff2'),
        url('fonts/Altivo-Medium.woff') format('woff'),
        url('fonts/Altivo-Medium.ttf') format('truetype'),
        url('fonts/Altivo-Medium.svg#Altivo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Altivo';
    src: url('fonts/Altivo-Light.eot');
    src: url('fonts/Altivo-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Altivo-Light.woff2') format('woff2'),
        url('fonts/Altivo-Light.woff') format('woff'),
        url('fonts/Altivo-Light.ttf') format('truetype'),
        url('fonts/Altivo-Light.svg#Altivo-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



.wpcf7-response-output { margin: 15px 0 0  !important; padding: 5px  10px !important; font-family: 'Altivo'; font-size: 16px; font-weight: 300; color: #000; border-width: 1px !important; }
.right-zu-aside { background: linear-gradient(90deg, rgba(248, 250, 236, 0.4) 0%, #F8FAEC 99.94%); }
.zu-main-section { height: 60vh !important; position: relative;}
.zu-img-main-section{ height: 40vh !important; }
.images-left-section img { max-width: 100% !important; object-fit: cover; }
.zu-main-section::after { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #C1D036; z-index: 0; mix-blend-mode: multiply; }
.form-main-section { display: flex; flex-direction: column; gap: 20px; } 
.form-inn-section { display: flex; align-items: center; gap: 10px; }
.form-inn-section .zo-form-in span.wpcf7-form-control-wrap { display: flex; }
.form-inn-section .zo-form-in input {  font-family: 'Altivo'; border-radius: 0; border: 1px solid rgb(194 208 20 / 40%); padding: 13px 20px; font-size: 18px; line-height: 22px;  font-weight: 300; }
.form-inn-section .zo-form-in input::placeholder{color:#A4A4A4}
.form-inn-section .zo-form-in input:focus-visible, .zo-sub-btn input.wpcf7-form-control.wpcf7-submit:focus-visible{outline: none;}
.form-inn-section .zo-form-in span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip { position: absolute; bottom: 0; right: 0px; font-size: 11px; padding: 2px 5px; background: #dc3232; color: #fff; line-height: 11px; font-family: 'Altivo'; font-weight: 300; pointer-events: none; }

.zo-sub-btn p { margin: 0; position: relative; }
.zo-sub-btn p span.wpcf7-spinner { position: absolute; top: 50%; transform: translateY(-50%); margin: 0 10px; }
.form-inn-section .zo-form-in input.wpcf7-not-valid { border: 1px solid #dc3232; }
.form-inn-section .zo-form-in input:focus { border: 1px solid rgb(194 208 20 / 40%); }
.form-inn-section .zo-form-in input:focus ~ span.wpcf7-not-valid-tip { display: none; }
.form-inn-section .zo-form-in span.wpcf7-form-control-wrap { display: flex; position: relative; }
.zo-form-in p{margin: 0;}
.zo-sub-btn input.wpcf7-form-control.wpcf7-submit { font-family: 'Altivo'; border-radius: 0; padding: 15px 30px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #000000; background: #C2D014; border: 1px solid #C2D014; transition: all 0.3s ease-in-out; }
.zo-sub-btn input.wpcf7-form-control.wpcf7-submit:hover {
    background: #fff;
}

@media (max-height: 1000px) {
       .landing-page-main{ min-height: inherit !important; } .zu-main-section, .zu-img-main-section { height: inherit !important; }
    .land-left-side { padding: 300px 90px 140px; } .right-zu-aside { padding: 300px 90px 60px; }
    .zu-main-section{align-items: flex-start;}
 
}


@media only screen and (max-width: 1880px) {
    .zuy-main-heading h1 {
        font-size: 60px !important;
        line-height: 60px !important;
       
    }
    
}
@media only screen and (max-width: 1600px) {
    .land-left-side,  .right-zu-aside {
        padding: 260px 50px 100px;
    }
 
    .zuy-main-heading h1 {
        font-size: 56px !important;
        line-height: 56px !important;
    }
    .right-zu-aside h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
  
}

@media only screen and (max-width: 1400px) {
.zuy-main-heading h1 { font-size: 48px !important; line-height: 48px !important; }
.land-left-side, .right-zu-aside { padding: 200px 50px 90px; }

}
@media only screen and (max-width: 1200px) {
.land-left-side, .right-zu-aside { padding: 170px 30px 70px; }
.form-inn-section .zo-form-in input { padding: 11px 20px; }
.zuy-main-heading h1 { font-size: 42px !important; line-height: 42px !important; }
.zo-sub-btn input.wpcf7-form-control.wpcf7-submit { padding: 14px 25px; }
.zo-form-in { width: calc(50% - 5px); }
.zo-form-in.zo-mail-main { width: 100%; }
.form-inn-section { flex-wrap: wrap; }
}

@media only screen and (max-width: 991px) {
    .land-left-side, .right-zu-aside { padding: 150px 20px 70px; }
    .zuy-main-heading h1 { font-size: 35px !important; line-height: 35px !important; }
.right-zu-aside h2 { font-size: 28px !important; line-height: 28px !important; }
.zo-sub-btn input.wpcf7-form-control.wpcf7-submit { font-size: 16px; line-height: 16px; }
.form-inn-section .zo-form-in input { font-size: 16px; line-height: 20px; }
}

@media only screen and (max-width: 767px) {
    .form-inn-section .zo-form-in input { padding: 11px 10px; }
    .right-zu-aside { padding: 40px 20px 25px; background: #F8FAED!important; }
    .zu-main-section { background-image: none !important; }
    .right-zu-aside h2 { font-size: 22px !important; line-height: 22px !important; }
    .zu-main-section::after { width: 100%; }
    .land-left-side { padding: 134px 20px 40px; background-image: url('https://www.zuydwenk.nl/wp-content/uploads/2025/05/banner.png')!important; background-size: cover !important; background-position: bottom; background-repeat: no-repeat; }
    .wpcf7-response-output { padding: 3px  5px !important; font-size: 14px; }
    .zo-sub-btn { display: flex; justify-content: flex-end; }
    .zo-sub-btn p span.wpcf7-spinner { left: -44px; }

}
@media only screen and (max-width: 414px) {
.zuy-main-heading h1 {
    font-size: 26px !important;
    line-height: 26px !important;
}
}