@-moz-keyframes bounce{0%,50%,to{-moz-transform:translateY(0);transform:translateY(0)}25%{-moz-transform:translateY(-5px);transform:translateY(-5px)}75%{-moz-transform:translateY(-3px);transform:translateY(-3px)}}@-webkit-keyframes bounce{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}75%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes bounce{0%,50%,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}25%{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}75%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.screen-reader-text{border:0;clip-path:inset(50%);margin:-1px;padding:0;word-break:normal!important}.screen-reader-text:focus{clip-path:none}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}body{line-height:1.6;color:#222}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container,.wpcf7 form.init .wpcf7-response-output{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7-form-control-wrap{position:relative}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}@media only screen and (max-width:768px){:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}@font-face{ font-display:swap;font-family:star;src:url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2)format("woff2"),url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff)format("woff"),url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf)format("truetype");font-weight:400;font-style:normal }@font-face{ font-display:swap;font-family:WooCommerce;src:url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2)format("woff2"),url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff)format("woff"),url(https://codesurf.nl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf)format("truetype");font-weight:400;font-style:normal }.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}@font-face{ font-display:swap;font-family:FontAwesomeSATT;font-style:normal;font-weight:400;src:url(https://codesurf.nl/wp-content/plugins/woocommerce-subscriptions/build/fonts/fa-apfs.950c61cc.eot);src:url(https://codesurf.nl/wp-content/plugins/woocommerce-subscriptions/build/fonts/fa-apfs.950c61cc.eot?#iefix&v=2.2.0)format("embedded-opentype"),url(https://codesurf.nl/wp-content/plugins/woocommerce-subscriptions/build/fonts/fa-apfs.5047ee64.woff2)format("woff2"),url(https://codesurf.nl/wp-content/plugins/woocommerce-subscriptions/build/fonts/fa-apfs.2ad2b22d.woff)format("woff"),url(https://codesurf.nl/wp-content/plugins/woocommerce-subscriptions/build/fonts/fa-apfs.eb9ebfc8.ttf)format("truetype"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5Db3B5cmlnaHQgKEMpIDIwMTkgYnkgb3JpZ2luYWwgYXV0aG9ycyBAIGZvbnRlbGxvLmNvbTwvbWV0YWRhdGE+CjxkZWZzPgo8Zm9udCBpZD0iZmEtYXBmcyIgaG9yaXotYWR2LXg9IjEwMDAiID4KPGZvbnQtZmFjZSBmb250LWZhbWlseT0iZmEtYXBmcyIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1zdHJldGNoPSJub3JtYWwiIHVuaXRzLXBlci1lbT0iMTAwMCIgYXNjZW50PSI4NTAiIGRlc2NlbnQ9Ii0xNTAiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDAwIiAvPgo8Z2x5cGggZ2x5cGgtbmFtZT0icGx1cy1yZWd1bGFyIiB1bmljb2RlPSImI3hlODAwOyIgZD0iTTcxOSA0MTNoLTI4MXYyODFjMCAxNy0xNCAzMS0zMiAzMWgtNjJjLTE3IDAtMzEtMTQtMzEtMzF2LTI4MWgtMjgyYy0xNyAwLTMxLTE0LTMxLTMydi02MmMwLTE3IDE0LTMxIDMxLTMxaDI4MnYtMjgyYzAtMTcgMTQtMzEgMzEtMzFoNjJjMTggMCAzMiAxNCAzMiAzMXYyODJoMjgxYzE3IDAgMzEgMTQgMzEgMzF2NjJjMCAxOC0xNCAzMi0zMSAzMnoiIGhvcml6LWFkdi14PSI3NTAiIC8+Cgo8Z2x5cGggZ2x5cGgtbmFtZT0icGx1cy1zb2xpZCIgdW5pY29kZT0iJiN4ZTgwMTsiIGQ9Ik04MTMgNDQ0aC0yODJ2MjgxYzAgMzUtMjggNjMtNjIgNjNoLTYzYy0zNCAwLTYyLTI4LTYyLTYzdi0yODFoLTI4MWMtMzUgMC02My0yOC02My02M3YtNjJjMC0zNSAyOC02MyA2My02M2gyODF2LTI4MWMwLTM1IDI4LTYzIDYyLTYzaDYzYzM0IDAgNjIgMjggNjIgNjN2MjgxaDI4MmMzNCAwIDYyIDI4IDYyIDYzdjYyYzAgMzUtMjggNjMtNjIgNjN6IiBob3Jpei1hZHYteD0iODc1IiAvPgoKPGdseXBoIGdseXBoLW5hbWU9ImNhbGVuZGFyLXBsdXMtcmVndWxhciIgdW5pY29kZT0iJiN4ZTgwMjsiIGQ9Ik02NTYgMjgwdi00N2MwLTEzLTEwLTI0LTIzLTI0aC0xNDl2LTE0OGMwLTEzLTEwLTIzLTIzLTIzaC00N2MtMTMgMC0yMyAxMC0yMyAyM3YxNDhoLTE0OWMtMTMgMC0yMyAxMS0yMyAyNHY0N2MwIDEzIDEwIDIzIDIzIDIzaDE0OXYxNDljMCAxMyAxMCAyMyAyMyAyM2g0N2MxMyAwIDIzLTEwIDIzLTIzdi0xNDloMTQ5YzEzIDAgMjMtMTAgMjMtMjN6IG0yMTkgMzUxdi02ODdjMC01Mi00Mi05NC05NC05NGgtNjg3Yy01MiAwLTk0IDQyLTk0IDk0djY4N2MwIDUyIDQyIDk0IDk0IDk0aDk0djEwMmMwIDEzIDEwIDIzIDIzIDIzaDc4YzEzIDAgMjQtMTAgMjQtMjN2LTEwMmgyNTB2MTAyYzAgMTMgMTAgMjMgMjMgMjNoNzhjMTMgMCAyNC0xMCAyNC0yM3YtMTAyaDkzYzUyIDAgOTQtNDIgOTQtOTR6IG0tOTQtNjc2djU4M2gtNjg3di01ODNjMC02IDUtMTEgMTItMTFoNjY0YzYgMCAxMSA1IDExIDExeiIgaG9yaXotYWR2LXg9Ijg3NSIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJjYWxlbmRhci1wbHVzLXNvbGlkIiB1bmljb2RlPSImI3hlODAzOyIgZD0iTTg1MiA1MzhoLTgyOWMtMTIgMC0yMyAxMC0yMyAyM3Y3MGMwIDUyIDQyIDk0IDk0IDk0aDk0djEwMmMwIDEzIDEwIDIzIDIzIDIzaDc4YzEzIDAgMjQtMTAgMjQtMjN2LTEwMmgyNTB2MTAyYzAgMTMgMTAgMjMgMjMgMjNoNzhjMTMgMCAyNC0xMCAyNC0yM3YtMTAyaDkzYzUyIDAgOTQtNDIgOTQtOTR2LTcwYzAtMTMtMTAtMjMtMjMtMjN6IG0tODI5LTYzaDgyOWMxMyAwIDIzLTEwIDIzLTIzdi01MDhjMC01Mi00Mi05NC05NC05NGgtNjg3Yy01MiAwLTk0IDQyLTk0IDk0djUwOGMwIDEzIDExIDIzIDIzIDIzeiBtNjE4LTI3M2MwIDEzLTExIDIzLTI0IDIzaC0xMTd2MTE3YzAgMTMtMTAgMjQtMjMgMjRoLTc5Yy0xMiAwLTIzLTExLTIzLTI0di0xMTdoLTExN2MtMTMgMC0yNC0xMC0yNC0yM3YtNzljMC0xMiAxMS0yMyAyNC0yM2gxMTd2LTExN2MwLTEzIDExLTI0IDIzLTI0aDc5YzEzIDAgMjMgMTEgMjMgMjR2MTE3aDExN2MxMyAwIDI0IDExIDI0IDIzdjc5eiIgaG9yaXotYWR2LXg9Ijg3NSIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJjYWxlbmRhci1jaGVjay1yZWd1bGFyIiB1bmljb2RlPSImI3hlODA0OyIgZD0iTTc4MSA3MjVoLTkzdjEwMmMwIDEzLTExIDIzLTI0IDIzaC03OGMtMTMgMC0yMy0xMC0yMy0yM3YtMTAyaC0yNTB2MTAyYzAgMTMtMTEgMjMtMjQgMjNoLTc4Yy0xMyAwLTIzLTEwLTIzLTIzdi0xMDJoLTk0Yy01MiAwLTk0LTQyLTk0LTk0di02ODdjMC01MiA0Mi05NCA5NC05NGg2ODdjNTIgMCA5NCA0MiA5NCA5NHY2ODdjMCA1Mi00MiA5NC05NCA5NHogbS0xMS03ODFoLTY2NGExMiAxMiAwIDAgMC0xMiAxMXY1ODNoNjg3di01ODNhMTIgMTIgMCAwIDAtMTEtMTF6IG0tMTA0IDM5MmwtMjc4LTI3NmMtOS05LTI0LTktMzMgMGwtMTQ2IDE0OGMtMTAgOS05IDI0IDAgMzNsNDQgNDRjOSA5IDI0IDkgMzMgMGw4Ni04NyAyMTcgMjE1YzEwIDkgMjQgOSAzMyAwbDQ0LTQ0YzEwLTkgMTAtMjQgMC0zM3oiIGhvcml6LWFkdi14PSI4NzUiIC8+Cgo8Z2x5cGggZ2x5cGgtbmFtZT0iY2FsZW5kYXItY2hlY2stc29saWQiIHVuaWNvZGU9IiYjeGU4MDU7IiBkPSJNODUyIDUzOGgtODI5Yy0xMiAwLTIzIDEwLTIzIDIzdjcwYzAgNTIgNDIgOTQgOTQgOTRoOTR2MTAyYzAgMTMgMTAgMjMgMjMgMjNoNzhjMTMgMCAyNC0xMCAyNC0yM3YtMTAyaDI1MHYxMDJjMCAxMyAxMCAyMyAyMyAyM2g3OGMxMyAwIDI0LTEwIDI0LTIzdi0xMDJoOTNjNTIgMCA5NC00MiA5NC05NHYtNzBjMC0xMy0xMC0yMy0yMy0yM3ogbS04MjktNjNoODI5YzEzIDAgMjMtMTAgMjMtMjN2LTUwOGMwLTUyLTQyLTk0LTk0LTk0aC02ODdjLTUyIDAtOTQgNDItOTQgOTR2NTA4YzAgMTMgMTEgMjMgMjMgMjN6IG02NTEtMTg3bC01NSA1NWMtOSA5LTI0IDktMzMgMGwtMjA3LTIwNS05MCA5MGMtOSAxMC0yNCAxMC0zMyAwbC01NS01NWMtOS05LTktMjMgMC0zM2wxNjEtMTYyYzktMTAgMjQtMTAgMzMtMWwyNzkgMjc4YzEwIDkgMTAgMjMgMCAzM3oiIGhvcml6LWFkdi14PSI4NzUiIC8+Cgo8Z2x5cGggZ2x5cGgtbmFtZT0iZmxhdF8yIiB1bmljb2RlPSImI3hlODA2OyIgZD0iTTUzMiAzOTNjLTQxIDAtNzUgMzQtNzUgNzUgMCA0MSAzNCA3NSA3NSA3NSA0MSAwIDc1LTM0IDc1LTc1IDAtNDEtMzQtNzUtNzUtNzV6IG0wIDEyMGMtMjUgMC00NS0yMC00NS00NSAwLTI1IDIwLTQ1IDQ1LTQ1IDI1IDAgNDUgMjAgNDUgNDUgMCAyNS0yMCA0NS00NSA0NXogbTIwLTQ1YzAtMTEtOS0yMC0yMC0yMC0xMSAwLTIwIDktMjAgMjAgMCAxMSA5IDIwIDIwIDIwIDExIDEgMjAtOSAyMC0yMHogbTY1Ny0yOGgtNTIydjU3aDUyM3YtNTd6IG0tNjc3LTI4M2MtNDEgMC03NSAzNC03NSA3NSAwIDQxIDM0IDc1IDc1IDc1IDQxIDAgNzUtMzQgNzUtNzUgMC00MS0zNC03NS03NS03NXogbTAgMTIwYy0yNSAwLTQ1LTIwLTQ1LTQ1IDAtMjUgMjAtNDUgNDUtNDUgMjUgMCA0NSAyMCA0NSA0NSAwIDI1LTIwIDQ1LTQ1IDQ1eiBtMjAtNDVjMC0xMS05LTIwLTIwLTIwLTExIDAtMjAgOS0yMCAyMHM5IDIwIDIwIDIwYzExIDAgMjAtOSAyMC0yMHogbTY1Ny0yOWgtNTIydjU3aDUyM3YtNTd6IiBob3Jpei1hZHYteD0iMTY2NyIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJncm91cGVkXzIiIHVuaWNvZGU9IiYjeGU4MDc7IiBkPSJNNTMyIDM4MWMtNDEgMC03NSAzMy03NSA3NCAwIDQyIDM0IDc1IDc1IDc1IDQxIDAgNzUtMzMgNzUtNzUgMC00MS0zNC03NC03NS03NHogbTAgMTIwYy0yNSAwLTQ1LTIwLTQ1LTQ2IDAtMjQgMjAtNDUgNDUtNDUgMjUgMCA0NSAyMCA0NSA0NSAwIDI1LTIwIDQ2LTQ1IDQ2eiBtMjAtNDZjMC0xMS05LTIwLTIwLTIwLTExIDAtMjAgMTAtMjAgMjAgMCAxMiA5IDIwIDIwIDIwIDExIDAgMjAtOSAyMC0yMHogbS0yMC0yODVjLTQxIDAtNzUgMzMtNzUgNzUgMCA0MSAzNCA3NCA3NSA3NCA0MSAwIDc1LTMzIDc1LTc0IDAtNDItMzQtNzUtNzUtNzV6IG0wIDEyMGMtMjUgMC00NS0yMC00NS00NSAwLTI1IDIwLTQ2IDQ1LTQ2IDI1IDAgNDUgMjAgNDUgNDYgMCAyNS0yMCA0NS00NSA0NXogbTIwLTQ1YzAtMTItOS0yMC0yMC0yMC0xMSAwLTIwIDktMjAgMjAgMCAxMSA5IDIwIDIwIDIwIDExIDAgMjAtOSAyMC0yMHogbTY1NyAyMTdoLTUyMnY1N2g1MjN2LTU3eiBtLTE4Mi0xM2gtMzQwdi01N2gzNDB2NTd6IG0xODItMTQxaC01MjJ2LTU3aDUyM3Y1N3ogbS0xODItNzBoLTM0MHYtNTdoMzQwdjU3eiIgaG9yaXotYWR2LXg9IjE2NjciIC8+Cgo8Z2x5cGggZ2x5cGgtbmFtZT0iZmxhdF8zIiB1bmljb2RlPSImI3hlODA4OyIgZD0iTTUzMiA1MTJjLTQxIDAtNzUgMzMtNzUgNzUgMCA0MSAzNCA3NCA3NSA3NCA0MSAwIDc1LTMzIDc1LTc0IDAtNDItMzQtNzUtNzUtNzV6IG0wIDEyMGMtMjUgMC00NS0yMC00NS00NSAwLTI1IDIwLTQ2IDQ1LTQ2IDI1IDAgNDUgMjAgNDUgNDYgMCAyNC0yMCA0NS00NSA0NXogbTAtMzU3Yy00MSAwLTc1IDM0LTc1IDc1IDAgNDEgMzQgNzUgNzUgNzUgNDEgMCA3NS0zNCA3NS03NSAwLTQxLTM0LTc1LTc1LTc1eiBtMCAxMjBjLTI1IDAtNDUtMjAtNDUtNDUgMC0yNSAyMC00NSA0NS00NSAyNSAwIDQ1IDIwIDQ1IDQ1IDAgMjUtMjAgNDUtNDUgNDV6IG0wLTM1NmMtNDEgMC03NSAzMy03NSA3NCAwIDQyIDM0IDc1IDc1IDc1IDQxIDAgNzUtMzMgNzUtNzUgMC00MS0zNC03NC03NS03NHogbTAgMTIwYy0yNSAwLTQ1LTIwLTQ1LTQ2IDAtMjQgMjAtNDUgNDUtNDUgMjUgMCA0NSAyMCA0NSA0NSAwIDI1LTIwIDQ2LTQ1IDQ2eiBtMjAgNDI4YzAtMTItOS0yMC0yMC0yMC0xMSAwLTIwIDktMjAgMjAgMCAxMSA5IDIwIDIwIDIwIDExIDAgMjAtOSAyMC0yMHogbS0yMC0yMTdjLTExIDAtMjAtOS0yMC0yMHM5LTIwIDIwLTIwYzExIDAgMjAgOSAyMCAyMHMtOSAyMC0yMCAyMHogbTAtMjM3Yy0xMSAwLTIwLTktMjAtMjAgMC0xMSA5LTIwIDIwLTIwIDExIDAgMjAgMTAgMjAgMjAgMCAxMi05IDIwLTIwIDIweiBtNjc3IDQyNWgtNTIydjU3aDUyM3YtNTd6IG0wLTE4MGgtNTIydi01N2g1MjN2NTd6IG0wLTIzNmgtNTIydi01N2g1MjN2NTd6IiBob3Jpei1hZHYteD0iMTY2NyIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJncm91cGVkXzMiIHVuaWNvZGU9IiYjeGU4MDk7IiBkPSJNNDYxIDU3NmMtNDIgMC03NSAzMy03NSA3NSAwIDQxIDMzIDc0IDc1IDc0IDQxIDAgNzQtMzMgNzQtNzQgMC00Mi0zMy03NS03NC03NXogbTAgMTIwYy0yNSAwLTQ2LTIwLTQ2LTQ1IDAtMjUgMjAtNDYgNDYtNDYgMjQgMCA0NSAyMCA0NSA0NiAwIDI1LTIwIDQ1LTQ1IDQ1eiBtMjAtNDVjMC0xMi05LTIwLTIwLTIwLTExIDAtMjAgOS0yMCAyMHMxMCAyMCAyMCAyMGMxMSAwIDIwLTkgMjAtMjB6IG02NTggNjNoLTUyNHYtNTdoNTI0djU3eiBtLTE4Mi03MGgtMzQydi01N2gzNDF2NTd6IG0tNDk2LTI3OGMtNDIgMC03NSAzMy03NSA3NSAwIDQxIDMzIDc0IDc1IDc0IDQxIDAgNzQtMzMgNzQtNzQgMC00Mi0zMy03NS03NC03NXogbTAgMTE5Yy0yNSAwLTQ2LTIwLTQ2LTQ1IDAtMjUgMjAtNDUgNDYtNDUgMjQgMCA0NSAyMCA0NSA0NSAwIDI1LTIwIDQ1LTQ1IDQ1eiBtMjAtNDRjMC0xMi05LTIwLTIwLTIwLTExIDAtMjAgOS0yMCAyMCAwIDExIDEwIDIwIDIwIDIwIDExIDAgMjAtMTAgMjAtMjB6IG02NTggNjNoLTUyNHYtNTdoNTI0djU3eiBtLTE4Mi03MWgtMzQydi01NmgzNDF2NTZ6IG0zMzgtNDU4aC05MjR2MTcyaDkyNHYtMTcyeiBtLTg5NCAyNWg4NjZ2MTIzaC04NjZ2LTEyM3ogbTc2MCA3OWg3NmwtMzgtNDAtMzggNDB6IG0tNDA4IDExNGgtMzgydjY0aDM4MnYtNjR6IiBob3Jpei1hZHYteD0iMTY2NyIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJncm91cGVkX3NlbGVjdCIgdW5pY29kZT0iJiN4ZTgwYTsiIGQ9Ik0xMjk1IDIwOGgtOTI0djE3M2g5MjR2LTE3M3ogbS04OTQgMjVoODY2djEyMmgtODY2di0xMjJ6IG03NjAgODBoNzZsLTM4LTQwLTM4IDQweiBtLTQwOCAxMTNoLTM4MnY2NGgzODJ2LTY0eiIgaG9yaXotYWR2LXg9IjE2NjciIC8+CjwvZm9udD4KPC9kZWZzPgo8L3N2Zz4K#fontawesomesatt)format("svg") }::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}fieldset,hr{border:0;padding:0;border-width:0}hr{display:block;height:1px;margin:1em 0;margin-top:3rem;margin-bottom:3.5rem;border-top:1px solid #e1e1e1}fieldset{margin:0}textarea{resize:vertical}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.text-right{text-align:right}.container{position:relative;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}}html{font-size:62.5%}h1,h2,h3,h4,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h6{font-size:1.5rem}}.freelance-page section.proposition .button.button-wow,p{margin-top:0}a,a:hover{color:var(--color-black);text-decoration:underline}a{color:#1eaedb;outline:0}a:hover{color:#0fa0ce}.button,button,input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}input[type=text],textarea{height:38px;padding:6px 10px;background-color:var(--color-white);border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px}input[type=text]:focus,textarea:focus{border:1px solid #33c3f0;outline:0}label{display:block;margin-bottom:.5rem;font-weight:600}ul{list-style:circle inside;padding-left:0;margin-top:0}ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}fieldset,input,textarea{margin-bottom:1.5rem}form,p,ul{margin-bottom:2.5rem}.container:after{content:"";display:table;clear:both}.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-wrapper{z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.header ul.menu{display:flex;justify-content:flex-end;list-style:none;margin-bottom:0}.header ul.menu li{padding:0;margin-bottom:0;position:relatvar(--color-black)}.header ul.menu li a{font-family:"Caros",sans-serif;display:block;text-transform:uppercase;letter-spacing:2px;color:var(--color-black);font-size:13px;font-weight:500;padding:14px;text-decoration:none}.header ul.menu li a:hover{color:var(--color-secondary-hover);text-decoration:none;background-color:var(--color-secondary)}.header ul.menu li ul{z-index:5;display:none;justify-content:flex-start;list-style:none;margin-bottom:0;top:38px;width:auto;box-shadow:0 10px 10px 0 rgba(0,0,0,.1);margin:1.5rem 0 1.5rem 1rem}.header ul.menu li:hover ul{display:flex;min-width:146px}.header ul.menu li li{padding:1px 0 0}.header ul.menu li li a{color:var(--color-black);display:block;padding:4px 10px;border-bottom:3px solid transparent;background:var(--color-white)}.header ul.menu li li a:hover{color:var(--color-white);border-bottom:3px solid transparent;background:var(--color-primary)}#searchbar,.header a.logo span,button.hamburger{display:none}@media (max-width:900px){button.hamburger.menu-button{display:block}.header ul.menu{display:none}}#searchbar,.header ul.menu li ul{position:absolute;background:var(--color-white);flex-direction:column}#searchbar{z-index:9;left:0;right:0;top:0;bottom:0;width:100vw;height:100vh;justify-content:center;align-items:center;min-width:200px;box-shadow:unset;transition:all 250ms ease-in-out}.hamburger.search-close{display:block;position:absolute;right:20px;top:20px}#frm-center-search,.search-box{width:100%}#global-search-center{min-width:200px;max-width:400px;width:80%;margin-right:10px;font-size:14px}#frm-center-search button,#global-search-center{vertical-align:middle;margin-bottom:10px}.hamburger{transform:scale(.75);transform-origin:top right;padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:var(--color-black)}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:var(--color-black);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;display:block}.hamburger-inner{top:50%;margin-top:-2px}.hamburger-inner::after,.hamburger-inner::before{content:""}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity .125s .275s ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:.075s}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:.075s}nav.primary-menu-nav{display:flex;gap:2rem;align-items:baseline}*{box-sizing:border-box}:root{--main-bg-color:#f6f6f6;--main-bg-color:#f7f6f6;--main-background-color:rgb(235, 246, 253, 0.4);--main-bg-color-darker:#f0f0f0;--main-bg-color-overlay-dark:rgb(16, 117, 183, 0.8);--color-white:#fff;--color-black:#000;--main-text-color:var(--color-black);--color-codesurf-blue:#0071bb;--color-codesurf-blue-darker:#002944;--color-primary:var(--color-codesurf-blue);--color-codesurf-rgba:0, 114, 188;--color-codesurf-blue-transparent:rgba(0, 114, 188, 0.5);--color-codesurf-blue-lighter:#bbe4ff;--color-codesurf-blue-super-light-rgb:238, 248, 255;--color-dark-blue:#000055;--color-accent:#e26409;--color-accent-transparent:rgba(247, 136, 56, 0.5);--color-secondary:var(--color-codesurf-blue);--color-tertiary:rgba(37, 211, 102);--color-tertiary-rgba:37, 211, 102;--color-secondary-hover:#fff;--color-fishes:rgb(250, 107, 5, 0.7);--color-drop-animation:var(--color-codesurf-blue);--color-grey:var(--color-black);--color-grey-00:#f5f5f5;--color-grey-05:#e9e9e9;--color-grey-10:#e8e8ea;--color-grey-20:#dcdcdf;--color-grey-30:#bbbbbe;--color-grey-40:#d1d1d4;--color-grey-50:#a2a3a5;--color-grey-60:#8f9092;--color-grey-70:#737476;--color-grey-80:#575859;--color-grey-90:#3c3c3e}hr.visually-hidden{display:block;height:0;border:0;border-top:0 solid #ccc;padding:0;margin:0;visibility:hidden;width:100%}body,html{margin:0;padding:0;border:0;scroll-behavior:smooth}body{min-height:100%;height:auto;overflow-x:hidden;font-size:18px;font-weight:300;letter-spacing:.5px}#contact-codesurf .direct-contact a:hover,p a:hover{text-decoration:underline}.button,body,button,h1,h2,h3,nav{font-family:"Caros",sans-serif}h1,h2,h3{word-wrap:break-word;text-transform:none;letter-spacing:1px;white-space:normal;letter-spacing:.05rem}.container{max-width:1080px}.swiper-slide .container{height:100%}.container-wide{max-width:9999px;width:auto;padding:0 20px}.flex{display:flex;justify-content:space-between;align-items:center;align-content:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:2rem;justify-content:center}section{padding:100px 0;position:relative}.header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(255,255,255,.6);transition:all 250ms ease-in-out}.header.sticky{background:var(--color-white);box-shadow:0 0 10px 0 rgba(0,0,0,.15)}.header .menu-bar{display:flex;justify-content:space-between;align-items:start;padding:10px 0}.logo img{width:140px;height:auto;object-fit:cover}h1.huge{text-transform:uppercase;font-size:68px;font-weight:800;color:var(--color-codesurf-blue)}a#button-contact-us.button-contact-us{position:relative;width:145px;height:auto;background:var(--color-accent);border:1px solid var(--color-accent);text-align:center;box-shadow:0 0 15px 0 rgba(0,0,0,.3);color:var(--color-white);transition:all 250ms ease-in-out;z-index:3;transform:scale(1);display:flex;justify-content:center;padding:0 30px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:4px;cursor:pointer;box-sizing:border-box}.button-contact-us:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.5);transform:scale(1.05);color:var(--color-white)}@media only screen and (max-width:1350px){a#button-contact-us.button-contact-us{position:fixed;bottom:1rem;right:2rem}}@media only screen and (max-width:550px){.button-contact-us{padding:0 15px;width:115px}}@media only screen and (max-width:400px){.button-contact-us{font-size:9px;padding:0 8px;width:90px}}section.heroSlider{padding-top:8rem;padding-bottom:200px}section.heroSlider .swiper-container{height:540px}section.heroSlider .swiper-slide .container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-content:center}section:not(.heroSlider){background-color:var(--color-primary)}section.proposition{position:relative;padding:0}.proposition-before-wave{position:absolute;width:100%;height:400px;top:-400px;overflow:hidden;z-index:2;opacity:1}.waveZ{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.button.button-us{position:relative;width:auto;border:1px solid var(--color-white);padding:30px 80px 30px 50px;text-align:left;line-height:auto;box-shadow:0 0 15px 0 rgba(var(--color-codesurf-rgba),.3);color:var(--color-black);transition:all 250ms ease-in-out;z-index:3;transform:scale(1)}.button.button-us,.button.button-wow,section.services{height:auto;background:var(--color-white)}.button.button-wow{position:relative;top:-200px;width:auto;border:1px solid var(--color-white);padding:30px 80px 30px 50px;text-align:left;line-height:auto;box-shadow:0 0 15px 0 rgba(var(--color-codesurf-rgba),.3);color:var(--color-black);transition:all 250ms ease-in-out;z-index:3;transform:scale(1)}.button.button-us{top:0}.button.button-us:after,.button.button-wow:after{content:"›";position:absolute;color:#dcdcdc;font-size:74px;right:20px;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;transition:all 250ms ease-in-out}.button.button-wow:after{content:"";top:78px;right:0;width:77px;height:77px;background-image:url(https://codesurf.nl/wp-content/themes/codesurf2025/img/pointer.svg);background-size:contain;background-repeat:no-repeat;transition:all .25s ease-in-out}@media only screen and (max-width:800px){.button.button-wow:after{top:11px;right:-23px}}@media only screen and (max-width:600px){.button.button-wow:after{font-size:60px;top:40px}}.button.button-us:hover,.button.button-wow:hover{box-shadow:0 0 15px 0 rgba(var(--color-codesurf-rgba),.5);transform:scale(1.02)}.button.button-wow:hover:after{color:var(--color-codesurf-blue-lighter);font-size:100px}.button.button-us:hover:after{color:var(--color-secondary)}.button-us .button-title,.button-wow .button-title{display:block;font-size:34px;font-weight:600}.button-us .button-subtitle,.button-wow .button-subtitle{display:block;font-size:34px;font-weight:300;text-transform:none}section#portfolio.portfolio{padding-top:0;margin-bottom:0;position:relative;padding-bottom:200px;background:0 0}.overlay,.portfolio-bg-video{position:absolute;left:0;width:100%;height:100%}.portfolio-bg-video{margin-top:-100px;top:0;overflow:hidden}#portfolio-bgvid{object-fit:cover;width:100%;height:100%;filter:grayscale(30%)}.overlay{background:rgba(var(--color-codesurf-rgba),.4);bottom:0;right:0}.h2_portfolio{color:var(--color-white)}section.services{padding-bottom:170px}.h2_services,section.section__faq-accordion .accordion h4:hover .icon{color:var(--color-codesurf-blue)}.services-overview{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:40px 40px}@media only screen and (max-width:1000px){.services-overview{grid-template-columns:1fr;gap:2rem}}#primary{min-height:640px}.portfolio-overview.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;justify-content:center;margin-top:50px}.grid a.item{cursor:pointer;height:100%}.grid .item{position:relative}.grid .item img{display:block;max-width:100%;width:auto;height:auto}.flip-container{perspective:1000px;height:300px;width:100%}.flip-container:hover .flipper{transform:rotateY(180deg)}.back{width:100%}.flipper{transition:1.1s;transform-style:preserve-3d;position:relative}.back,.front{backface-visibility:hidden;top:0;left:0}.back{position:absolute}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg);z-index:1}.front,.front img{width:100%;height:100%}.front{position:relative}.front img{object-fit:cover}.front .inner{position:absolute;padding:10px;bottom:0}.back h3,.front .inner h3{text-transform:uppercase;line-height:1;font-weight:800}.back,.front .inner h3{background:var(--color-white)}.front .inner h3{font-size:30px;display:inline}.front .inner h4{text-transform:lowercase;font-size:14px;line-height:18px;font-weight:500;letter-spacing:.5px;padding:0;margin-top:0;margin-bottom:0}.front .inner h4 span.wbg{display:inline;color:var(--color-white);background:var(--color-black)}.back{padding:20px;text-transform:none;font-size:15px;line-height:21px;font-weight:350;letter-spacing:.5px;height:100%}.back h3{font-size:18px}.back p{color:var(--color-black)}@media only screen and (max-width:500px){.back p{font-size:13px}}@media only screen and (max-width:400px){.back p{font-size:11px}}.button:hover{text-decoration:none}div.wpcf7-response-output{margin:1em .5em}.faq-item:first-of-type{margin-top:80px}.opener{display:flex}.question{max-width:90%;text-shadow:1px 1px 2px #fff;font-weight:400}.accordion{list-style:none;padding-left:0;position:relative;z-index:200}.accordion .collapse{background:#f6f6f6;background:var(--color-secondary);color:var(--color-white);padding:20px}.accordion .collapse p:last-child,section.section__faq-accordion .accordion .collapse p:last-child{margin-bottom:0}section.section__faq-accordion{padding-top:50px;background-color:transparent}.accordion li,section.section__faq-accordion .accordion{list-style:none;padding-left:0;position:relative;z-index:10}section.section__faq-accordion .accordion h4{cursor:pointer;font-size:1.6rem;border-bottom:1px solid #ddd;padding-bottom:10px;position:relative}section.section__faq-accordion .accordion h4 .icon{position:absolute;right:20px;top:5px;color:rgba(0,0,0,.3);color:var(--color-codesurf-blue-transparent)}section.section__faq-accordion .accordion .collapse,section.section__faq-accordion .accordion .collapse p{background:var(--color-secondary);color:var(--color-white);padding:20px;font-size:1.4rem}.section__faq-accordion .faq-item:first-of-type{margin-top:50px}#contact-codesurf{position:relative;padding:100px 0;background:linear-gradient(var(--color-codesurf-blue),var(--color-dark-blue));color:var(--color-black);z-index:100;margin-top:-82vh}@media only screen and (max-width:1560px){#contact-codesurf{margin-top:-70vh}}@media only screen and (max-width:700px){#contact-codesurf{margin-top:-60vh}}#contact-codesurf .container{display:flex;justify-content:space-between;align-items:flex-end;align-content:space-between;flex-wrap:wrap}#contact-codesurf .container>div{max-width:46%;z-index:100;position:relative}@media only screen and (max-width:800px){#contact-codesurf .container>div{width:100%;padding-right:0}}#contact-codesurf h2,#contact-codesurf h3{text-align:center;font-size:3.2rem;margin-bottom:1rem;color:var(--color-white);position:relative;z-index:150}#contact-codesurf h3{font-size:2.4rem;margin-bottom:3rem}#contact-codesurf h2:before{content:"";position:relative;display:block;left:calc(50% - 30px);width:60px;height:60px;background-color:var(--color-tertiary);-webkit-mask:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/img/message.svg)center center/60px 60px;mask:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/img/message.svg)center center/60px 60px;mask-size:cover}#contact-codesurf .wpcf7-form{margin-bottom:0;z-index:100;position:relative}#contact-codesurf .wpcf7-textarea{width:100%;height:200px;margin-bottom:0;border-radius:0;border:0;border-left:2px solid rgba(var(--color-tertiary-rgba),.2);padding:14px;font-family:"Caros";font-size:16px}#contact-codesurf .wpcf7-textarea:focus{background:#fff;border-left:2px solid rgba(var(--color-tertiary-rgba),.4)}#contact-codesurf p{font-family:"Caros";font-size:16px;font-weight:300;color:var(--color-black)}#contact-codesurf .way-to-reach-me{color:var(--color-white)}#contact-codesurf .left p:last-of-type{margin-bottom:0}#contact-codesurf .wpcf7-text{border-radius:0;border:0;font-family:"Caros";font-size:16px;border-bottom:2px solid rgba(var(--color-tertiary-rgba),.2);display:inline-block;width:220px;margin-bottom:2px;padding:2px 10px}#contact-codesurf .wpcf7-text:focus{background:#fff;border-bottom:2px solid rgba(var(--color-tertiary-rgba),.4)}input.wpcf7-submit{height:42px;padding:0 40px;color:var(--color-white);font-size:15px;font-weight:600;line-height:40px;letter-spacing:.1rem;text-transform:none;background-color:rgba(0,0,0,.1);border-radius:0;border:2px solid var(--color-tertiary);margin-top:10px}input.wpcf7-submit:hover{color:var(--color-secondary-hover);background-color:var(--color-tertiary);border:1px solid var(--color-tertiary)}#contact-codesurf .direct-contact{padding:20px 40px;background:var(--color-white);color:var(--color-secondary-text)}#contact-codesurf .direct-contact a{color:var(--color-accent);text-decoration:none;font-weight:400}#contact-codesurf .socials{list-style:none;padding-left:0;display:flex;width:100%;justify-content:flex-start;margin-bottom:0}section.footer{position:relative;padding:60px 60px 120px;margin-top:-100px;background:var(--color-dark-blue);color:var(--color-white);font-size:14px;font-weight:300}.footer-background-image-box{position:absolute;top:0;left:49%;height:500px;width:500px;z-index:100}@media only screen and (max-width:1000px){.footer-background-image-box{top:130px;left:28%}#contact-codesurf .direct-contact,#contact-codesurf .wpcf7-text,#contact-codesurf .wpcf7-textarea{background:rgba(255,255,255,.8)}}@media only screen and (max-width:750px){.footer-background-image-box{top:0;left:14%}}@media only screen and (max-width:600px){.footer-background-image-box{top:0;left:5%}}@media only screen and (max-width:530px){.footer-background-image-box{height:400px;width:400px;left:8%}}@media only screen and (max-width:420px){.footer-background-image-box{left:20%;height:300px;width:300px;top:34px}}@media only screen and (max-width:390px){.footer-background-image-box{left:17%;top:23px}}@media only screen and (max-width:350px){.footer-background-image-box{left:1%;top:-11px}}.about-us__box--image img,.footer-background-image-image{position:absolute;height:100%;width:100%;object-fit:cover}.footer a:hover{font-weight:500}.footer a .sr-only{display:none}.footer-wave{position:relative;width:100%;height:1400px;overflow:hidden;z-index:0;opacity:1;margin-top:-60vh}.page-template-page-landingpage-freelancer .footer-wave #footer-wave{fill:#0072bc!important}@media only screen and (max-wißdth:1260px){.footer-wave{margin-top:-70vh}}@media only screen and (max-width:1060px){.footer-wave{margin-top:-80vh}}@media only screen and (max-width:760px){.footer-wave{margin-top:-90vh}}.waveF{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.au__box-text--text p a,.footer a{color:var(--color-tertiary)}.footer-box{position:relative;margin-top:150px;display:grid;grid-template-columns:repeat(6,1fr);gap:30px;z-index:150}.footer-box__column{display:flex;flex-direction:column}.footer-box__column.fb-logo{justify-content:space-between;grid-column:1/span 3}.footer-box__column.fb-logo img{width:320px;height:auto}.fb-cta li,ul.address li,ul.fb-menu__socials li{margin-bottom:0}.fb-cta,.fb-cta ul,ul.address{list-style:none}.fb-cta,.fb-shizzle{display:flex;flex-direction:column}.fb-menu,.fb-shizzle,ul.fb-menu__socials{justify-content:space-between}ul.fb-menu__socials{list-style:none;display:flex;margin-bottom:0}ul.fb-menu__socials svg{width:32px;height:32px}@media only screen and (max-width:1060px){ul.fb-menu__socials svg{width:24px;height:24px}}@media only screen and (max-width:900px){.footer-box{grid-template-columns:repeat(3,1fr)}.footer-box__column.fb-logo{margin-top:30px;justify-content:space-between;grid-column:1/-1}.footer-box__column.fb-logo img{width:100%;padding-bottom:20px}.fb-logo__story{padding-bottom:10px}}@media only screen and (max-width:550px){section.footer{padding:60px 40px 120px}.footer-box{grid-template-columns:repeat(2,1fr)}.fb-menu{justify-content:space-around;grid-column:1/-1;flex-direction:column-reverse;height:90px}ul.fb-menu__socials svg{width:32px;height:32px}}@media only screen and (max-width:400px){section.footer{padding:60px 20px 120px}}section.section-about-us{position:relative;height:1400px;padding:100px;margin-top:-100px;background-color:#053864}.about-us__box{height:100%;position:relative;display:flex;overflow:hidden;border-radius:50%}.about-us__box--image,.about-us__box--text{width:50%}.about-us__box--image{max-height:100%;position:relative;overflow:hidden}.about-us__box--image img{position:relative}.about-us__box--text{background-color:var(--color-white);padding:200px 150px 60px 30px;display:flex;flex-direction:column}.au__box-text--preheading{text-transform:uppercase;color:var(--color-tertiary);letter-spacing:2px;font-weight:500;margin-bottom:1.5rem}h3.au__box-text{color:var(--color-codesurf-blue)}.au__box-text--text p{font-size:16px;color:var(--color-black)}.au__box-text--text p a{font-weight:400}.button-about-us{position:relative;width:145px;height:auto;background:var(--color-codesurf-blue);border:1px solid var(--color-codesurf-blue);text-align:center;line-height:auto;box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(var(--color-codesurf-rgba),.3);color:var(--color-white);transition:all 250ms ease-in-out;z-index:3;transform:scale(1)}.button-about-us:hover{box-shadow:0 0 15px 0 rgba(var(--color-codesurf-rgba),.5);transform:scale(1.05);color:var(--color-white)}@media only screen and (max-width:1300px){.about-us__box--image{width:30%}.about-us__box--text{width:70%}}@media only screen and (max-width:1200px){.h3.au__box-text{padding:0 30px}}@media only screen and (max-width:980px){section.section-about-us{height:1010px;padding:80px 50px}.about-us__box{display:block}.about-us__box--image,.about-us__box--text{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5}.about-us__box--text{z-index:10;background-color:rgba(255,255,255,.7);align-items:center;padding:50px 90px;justify-content:center}h3.au__box-text{text-align:center}}@media only screen and (max-width:860px){section.section-about-us{height:1100px;padding:80px 20px}.about-us__box--text{padding:50px 70px}}@media only screen and (max-width:700px){section.section-about-us{padding:40px 10px}.about-us__box--text{padding:50px 0;text-align:center}.au__box-text--preheading,.au__box-text--text p,.h3.au__box-text{padding:0 50px}.au__box-text--text p:nth-of-type(2){padding:0 30px}}@media only screen and (max-width:550px){section.section-about-us{height:900px;padding:0}.about-us__box{border-radius:0}.about-us__box--text{text-align:left}.au__box-text--preheading,.au__box-text--text p,.h3.au__box-text{padding:0 30px}.au__box-text--text p:nth-of-type(2){padding:0 30px}.au__box-text--preheading{text-align:center}}@media only screen and (max-width:470px){section.section-about-us{height:1100px}}@media only screen and (max-width:415px){section.section-about-us{height:1200px}}@media only screen and (max-width:370px){section.section-about-us{height:1300px}}@media only screen and (max-width:335px){.au__box-text--preheading,.au__box-text--text p,.h3.au__box-text{padding:0 15px}.au__box-text--text p:nth-of-type(2){padding:0 15px}}section.what{margin-top:-130px;background:linear-gradient(var(--color-codesurf-blue),transparent),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/img/shark-sea-fishing.jpg)center}.h4_what,h2.h2_what,p{color:var(--color-white)}.whats-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;width:100%;padding:40px 0}.what-step{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center;font-size:90%}@media only screen and (max-width:1220px){.front .inner h3{font-size:28px}}@media only screen and (max-width:1140px){.front .inner h3{font-size:26px}}@media only screen and (max-width:1050px){.whats-steps{grid-template-columns:repeat(2,minmax(180px,1fr))}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,325px))}.front .inner h3{font-size:30px}}@media only screen and (max-width:900px){.button-us .button-subtitle,.button-us .button-title,.button-wow .button-subtitle,.button-wow .button-title{font-size:28px}section.heroSlider .swiper-container{height:510px}h1.huge{font-size:58px}.huge-intro-text{font-size:36px}}@media only screen and (max-width:800px){section.heroSlider .swiper-container{height:490px}}@media only screen and (max-width:750px){.huge-intro-text{font-size:30px}.h2_what{text-align:left;font-weight:300}.whats-steps{grid-template-columns:1fr;grid-gap:20px}.what-step{border-top:1px solid rgba(var(--color-tertiary-rgba),.2);justify-content:center}.what-step p{font-size:100%}.h4_what{font-size:3.5rem}#contact-codesurf .container{flex-direction:column}#contact-codesurf .container>div{max-width:100%;z-index:135;position:relative}.button-us .button-subtitle,.button-us .button-title,.button-wow .button-subtitle,.button-wow .button-title{font-size:18px}.button.button-us,.button.button-wow{padding:16px 55px 16px 30px}.button.button-wow{margin-top:-80px}}@media only screen and (max-width:650px){section.heroSlider .swiper-container{height:420px}h1.huge{font-size:48px}}@media only screen and (max-width:550px){section.heroSlider .swiper-container{height:360px}h1.huge{font-size:38px}.huge-intro-text{font-size:24px}.button-us .button-subtitle,.button-us .button-title,.button-wow .button-subtitle,.button-wow .button-title{font-size:14px}.button.button-us,.button.button-wow{padding:14px 40px 14px 20px;line-height:1.8}.button.button-us::after{right:5px}.button.button-wow{margin-top:-40px}}@media only screen and (max-width:500px){.button-us .button-subtitle,.button-us .button-title,.button-wow .button-subtitle,.button-wow .button-title{font-size:12px}.button.button-us,.button.button-wow{padding:10px 32px 10px 12px;line-height:1.8}.button.button-us::after{right:3px}.huge-intro-text{font-size:22px}}@media only screen and (max-width:360px){.front .inner h3{font-size:26px}h1.huge{font-size:32px}}.icon-step{width:50px!important;height:auto!important}.grid{display:none}.center-search-container .button{color:var(--color-black)}#frm-center-search,.search-box{text-align:left}#global-search-center,.center-search-container .button{border-color:var(--color-primary)}.cta-popup-box__outer{display:none}.cta-popup-box{position:-webkit-sticky;position:fixed;top:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.cta-popup-box__cta-popup{position:relative;display:block;width:45%;height:50%;z-index:1500;border:2px solid var(--color-codesurf-blue-lighter)}@media only screen and (max-width:1200px){.cta-popup-box__cta-popup{height:60%}}@media only screen and (max-width:1000px){.cta-popup-box__cta-popup{width:70%}}@media only screen and (max-width:650px){.cta-popup-box__cta-popup{width:90%}}@media only screen and (max-width:500px){.cta-popup-box__cta-popup{height:85vh}}.cta-popup-box__cta-popup--image-box{position:relative;height:100%;width:100%}.cta-popup-box__cta-popup--image-box img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.cta-popup-box__cta-popup--content{position:absolute;width:100%;height:100%;z-index:2000;padding:50px;background-color:rgba(0,0,0,.5);color:var(--color-font-light);display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:700px){.cta-popup-box__cta-popup--content{padding:30px}}@media only screen and (max-width:450px){.cta-popup-box__cta-popup--content{padding:20px}}.cta-popup-box__cta-popup--content .cta-popup-close{color:var(--color-white);position:absolute;top:20px;right:20px;height:20px;width:20px;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer}@media only screen and (max-width:700px){.cta-popup-box__cta-popup--content .cta-popup-close{top:12px;right:12px}}.cta-popup-box__cta-popup--content .wpcf7-form{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:0}.cta-popup-box__cta-popup--content h2,.cta-popup-box__cta-popup--content p{text-align:center;color:var(--color-white)}.cta-popup-box__cta-popup--content h2{font-size:3.5rem}.cta-popup-box__cta-popup--content p{font-size:2.5rem;margin-bottom:0}@media only screen and (max-width:1350px){.cta-popup-box__cta-popup--content p{font-size:2rem;margin-bottom:0}}@media only screen and (max-width:950px){.cta-popup-box__cta-popup--content p{font-size:2rem;margin-bottom:0}a.cta-popup-box__close-popup{bottom:26px}}@media only screen and (max-width:450px){.cta-popup-box__cta-popup--content h2{padding-top:22px}}.cta-popup-box__cta-popup--content .cta-fields{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:500px){.cta-popup-box__cta-popup--content .cta-fields{flex-direction:column}}.cta-popup-box__cta-popup--content div .cta-field{width:45%}@media only screen and (max-width:500px){.cta-popup-box__cta-popup--content div .cta-field{width:100%}}.cta-popup-box__cta-popup--content div .cta-field input{width:100%}@media only screen and (max-width:500px){.cta-popup-box__cta-popup--content div .cta-field input{margin-bottom:.7rem}}.cta-popup-box__cta-popup--content .wpcf7-text{background:rgba(255,255,255,.7);border-radius:0;border:0;border-bottom:4px solid rgba(var(--color-tertiary-rgba),.8)}.cta-popup-box__cta-popup--content p:last-of-type{padding-top:10px;display:flex;width:100%;justify-content:flex-start;flex-direction:row-reverse}.cta-popup-box__cta-popup--content p:last-of-type input{margin-bottom:0}.cta-popup-box__cta-popup--content .wpcf7-submit{background-color:var(--main-bg-color-overlay-dark);color:var(--color-white)}@media only screen and (max-width:500px){.cta-popup-box__cta-popup--content .wpcf7-submit{margin-top:17px}}.cta-popup-box__cta-popup--content .wpcf7-response-output{border-color:var(--color-tertiary);color:var(--color-white);background-color:rgba(0,0,0,.8);z-index:10;text-decoration:none}a.cta-popup-box__close-popup{bottom:40px;left:50px;font-size:14px;color:var(--color-white);text-decoration-color:var(--color-tertiary);position:absolute}@media only screen and (max-width:500px){a.cta-popup-box__close-popup{left:30px;display:flex}}@media only screen and (max-width:400px){a.cta-popup-box__close-popup{bottom:20px}}.codesurf-cart-icon{position:relative;margin-top:8px;height:20px;width:24px}@media only screen and (max-width:900px){.codesurf-cart-icon{height:28px}}.codesurf-cart-icon svg{position:absolute;top:0;z-index:10;height:24px;width:24px;color:var(--color-codesurf-blue)}.codesurf-cart-icon span.cart-count{position:absolute;top:-6px;left:10px;z-index:12;font-size:12px;width:18px;height:18px;background-color:var(--color-accent);color:var(--color-white);border-radius:50px;display:flex;justify-content:center;align-items:center}@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftExtraBold.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftExtraBold.woff)format("woff");font-weight:800;font-style:normal }@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoft.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoft.woff)format("woff");font-weight:400;font-style:normal }@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftExtraLight.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftExtraLight.woff)format("woff");font-weight:200;font-style:normal }@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftMedium.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftMedium.woff)format("woff");font-weight:500;font-style:normal }@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftBold.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftBold.woff)format("woff");font-weight:700;font-style:normal }@font-face{ font-display:swap;font-family:"Caros";src:url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftLight.woff2)format("woff2"),url(https://codesurf.nl/wp-content/themes/codesurf2026-update-1/fonts/caros/CarosSoftLight.woff)format("woff");font-weight:300;font-style:normal }.freelance-page h1.huge{font-size:90px}@media only screen and (max-width:1130px){.freelance-page h1.huge{font-size:70px}}@media only screen and (max-width:1010px){.freelance-page h1.huge{font-size:60px}}@media only screen and (max-width:420px){.freelance-page h1.huge{font-size:50px}}@media only screen and (max-width:355px){.freelance-page h1.huge{font-size:42px}}.freelance-page section.what .what-step h4{font-size:24px}.freelance-page section.what .what-step .what-step-icon{margin-bottom:20px}.freelance-page section.what .what-step svg{stroke:var(--color-white)!important;fill:var(--color-white)!important}.freelance-page section.services{color:var(--color-primary);padding-bottom:210px}.freelance-page section.services .services-intro-text{margin-bottom:30px;color:var(--color-primary)}.freelance-page section.services .services-intro-text p{color:var(--color-primary)}.freelance-page section.services .services-intro-text a{color:var(--color-tertiary)}.freelance-page section.services .services-overview{display:grid;gap:2rem;grid-template-columns:1fr 1fr;grid-template-rows:auto}@media only screen and (max-width:800px){.freelance-page section.services .services-overview{grid-template-columns:1fr}}.freelance-page section.services ul.sevices-list{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;flex-wrap:wrap;gap:6px;list-style:none}.freelance-page section.services ul.sevices-list .service-list-item{width:100%;display:flex;margin-bottom:0}.freelance-page section.services ul.sevices-list .service-list-item:hover{cursor:pointer}.freelance-page section.services ul.sevices-list .service-list-item .service-description-label{width:100%;padding:8px 12px;border:2px solid var(--color-primary);color:var(--color-primary);border-radius:12px;margin:0;text-transform:uppercase;text-align:center}.freelance-page section.services ul.sevices-list .service-description{display:none}.freelance-page section.services .selected-description-box{padding:20px;border-radius:12px;background-color:var(--color-primary);color:var(--color-white)}.freelance-page section.section-about-us .button-about-us{width:fit-content;color:var(--color-white)}.freelance-page section.section-faqs{background-color:#053864}.freelance-page section.section-faqs .section__faq-accordion{color:var(--color-white)}.freelance-page section.section-faqs .section__faq-accordion .question{text-shadow:unset}.freelance-page section.section-faqs .section__faq-accordion .icon{color:rgba(255,255,255,.7)}.freelance-page section.section-faqs .section__faq-accordion .accordion .collapse{background-color:rgba(255,255,255,.1)}.freelance-page section.section-faqs .section__faq-accordion .accordion h4{transition:all .25s ease-in-out}.freelance-page section.section-faqs .section__faq-accordion .accordion h4:hover{font-size:17px}.freelance-page section.section-faqs .section__faq-accordion .accordion h4:hover .icon{color:#fff}.heroSlider{width:100vw}