.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (min-width: 750px){.contact .field{margin-bottom:2rem}}.maatwerk__button{--color-button-text: 255, 255, 255}.contact__button{margin-top:3rem;--color-button-text: 255, 255, 255}@media screen and (min-width: 750px){.contact__button{margin-top:4rem}}@media screen and (min-width: 750px){.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.contact-wrapper{padding:2.6em 2em;border-radius:15px;display:flex;flex-wrap:wrap;width:100%;gap:2em}.contact-info-col{width:100%}.list-social.contact-socials{justify-content:flex-start;color:#fff}.list-social.contact-socials .list-social__link{color:#fff}.contact-form-basic-info{margin-bottom:2em}@media screen and (min-width: 990px){.contact-info-col{flex:1}}.form-intro{margin-bottom:2em}.contact-maatwerk-form-wrapper{display:flex;flex-wrap:wrap;width:100%;gap:1em 2em}.contact-maatwerk-form-col{max-width:600px;width:100%}@media screen and (min-width: 990px){.contact-maatwerk-form-col{max-width:600px;width:calc(50% - 2em)}}.maatwerk-form-block .title{margin-bottom:.2em}.steps-wrapper{max-width:1168px;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;position:relative}.steps-wrapper:before{content:"";height:3px;width:100%;background-color:#023d54;max-width:820px;position:absolute;top:55px;z-index:-1;display:none}.step-break{flex-basis:100%;height:0;display:block!important}.steps-wrapper .step{max-width:270px;width:100%;display:flex;flex-direction:column;padding:1em}.step-header{background-color:#4ca876;color:#fff;width:80px;height:80px;border-radius:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;font-weight:700;margin-bottom:.8em}.step-number{font-size:40px;line-height:30px}.step-number-label{line-height:1em}.step-text{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (min-width: 990px){.steps-wrapper .step{max-width:270px}}@media screen and (min-width: 1200px){.step-break{display:none!important}.steps-wrapper:before{display:block}.step-header{margin-bottom:1.6em}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-contact-form.css.map */
